ios Uždara operacinė sistema skirta tik Apple įrenginiams: iphone ipad ipod touch Apple TV

Transcription

1 ios Uždara operacinė sistema skirta tik Apple įrenginiams: iphone ipad ipod touch Apple TV Pagrindas OS X, skirtas ARM įrenginiams Programavimo aplinka: XCode ir Objective-C Programavimo kompiuteris - Mac

2 ios 1.0 Šaltinis:

3 ios itunes

4 ios 2.0 App Store, ios SDK

5 ios 3.0 copy/paste, push notifications

6 ios ipad

7 ios 4.0 multitasking, FaceTime, aukštos rezoliucijos ekranai

8 ios Siri

9 ios 6.0 Apple maps

10 ios 7.0 nauja vartotojo sąsaja

11 ios versijos App Store Copy/paste Multitasking icould, Siri Apple Maps Nauja vartotojo sąsaja

12 Android Atvirojo kodo OS sukurta Google ir skirta mobiliems įrenginiams Jei tiksliau, tai nupirkta Google 2005 metais Populiariausia operacinė sistema Pagrindas Linux 2.6 Programavimo kalba Java, kuri paleidžiama Dalvik virtualioje mašinoje. Galima naudoti sukompiliuotą koda. Programavimo aplinka Eclipse arba Android Nemokama operacinė sistema

13 Android versijos metai m. Donut m. Froyo JIT kompiliavimas, Chrome V8 varikliukas naršyklėje, Wi-Fi hotspot palaikymas m. Honeycomb planšečių palaikymas, nauja vartotojo sąsaja, daugelio branduolių procesorių palaikymas m. Ice Cream Sandwich apjungianti telefonus ir planšetes 4.3 paskutinė naudojama versija, 4.4 naujai anonsuota versija

14 Android versijos Donut Froyo JIT kompiliavimas, Chrome V8 varikliukas naršyklėje, Wi-Fi hotspot palaikymas Honeycomb planšečių palaikymas, nauja vartotojo sąsaja, daugelio branduolių procesorių palaikymas Ice Cream Sandwich apjungianti telefonus ir planšetes Jelly Bean ? Kit Kat

15 Windows Phone 7.0, 7.5, 7.8 versijos remiasi Windows CE 8.0 versija remiasi Windows 8 Windows Phone 8 programos nesunkiai perdaromos tarp Windows Phone Desktop Windows Programavimas:.NET arba HTML5/Javascript Vis dar nedidelis populiarumas 3% Pagrindinis gamintojas Nokia (dabar jau Microsoft dalis)

16 Metro UI Principai paimti iš Šveicarų tipografijos dizaino

17 Metro UI Patirtis iš aerouostų, geležinkelio stočių ir kitų viešų žymėjimų

18 Metro UI

19 Blackberry QNX pagrindas (UNIX microkernel) Nykstanti kompanija Programavimas: C/C++, QT, HTML5, Adobe Air, Android

20 Firefox OS HTML5 pagrindas Mažiausios kainos telefonams

21 Web sprendimai mobiliems telefonams Prisitaikantis dizainas (responsive design) pvz.: Web programėlės Web programėlės platinamos per App Store / Google Play

22 Bootstrap užduotis HTML pagrindai: Parodyti bent po du skirtingus elementus(viso 6) iš skirtingų bootstrap dalių (CSS / Components / JavaScript) Sukurtas pavyzdys turi susidėti bent iš dviejų puslapių ir turėti bent pora <img> elementų Turi sietis su pasirinkta sritimi (todo, e-komercija ar pan.)

23 Bootstrap

24 Web technologijos HTML CSS JavaScript

25 Šablonas

26 Chrome Inspector

27 Prisitaikantis dizainas Gardelės sistema (grid system) Nefiksuoti piešinuku dydžiai (flexible images) Media užklausos (media queries) <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">

28 Prisitaikantis dizainas

29 Eilutės ir stulpeliai (grid system) <div class="row"> <div class="col-md-6">... </div> <div class="col-md-6">... </div> </div>

30 Paveiksliukų dydžio nustatymai max-width: 100% Nenustatomas dydis pikseliais

31 Bootstrap komponentai

32 WrapBootstrap

33 ViewPort <meta name="viewport" content="width=device-width, initial-scale=1.0" >

34 Safari naršklė

35 ViewPort <meta name="viewport" content="initial-scale=2.3, user-scalable=no">

36 <meta name="viewport" content="width=590">

37 device-width

38 Media užklausos (media queries) min-width arba min-height max-width arba max-height

39 Media užklausos media_query_list: <media_query> [, <media_query> ]* media_query: [[only not]? <media_type> [ and <expression> ]*] <expression> [ and <expression> ]* expression: ( <media_feature> [: <value>]? ) media_type: all aural braille handheld print projection screen tty tv embossed media_feature: width min-width max-width height min-height max-height device-width min-device-width max-device-width device-height min-device-height max-device-height aspect-ratio min-aspect-ratio max-aspect-ratio device-aspect-ratio min-device-aspect-ratio max-device-aspect-ratio color min-color max-color color-index min-color-index max-color-index monochrome min-monochrome max-monochrome resolution min-resolution max-resolution scan grid

40 Media užklausos (min-width: 700px) {... (min-width: 700px) and (orientation: landscape) {... tv and (min-width: 700px) and (orientation: landscape) {... (min-width: 700px), handheld and (orientation: landscape) {... }

41 Media savybės all and (color) {... all and (min-color: 4) {... } all and (color-index) {... } <link rel="stylesheet" media="all and (min-color-index: 256)" href=" /> screen and (min-aspect-ratio: 1/1) {... }

42 Media savybės Device-aspect-ratio Device-height Grid Height Monochrome Orientation Resolution Scan Width