More Related Content
Similar to Introduksjon til phonegap
Similar to Introduksjon til phonegap (20)
More from Kjartan Michalsen
More from Kjartan Michalsen (9)
Introduksjon til phonegap
- 2. Hello. Kjartan Michalsen mail: kjartan@fluxloop.com Mobil: 40454554 twit: @liksom
- 4. http://d7.no/uib =lenker + denne presentasjonen
- 6. ”When we use the concept of 'interactive media' exclusively in relation to computer-based media, there is the danger that we will interpret 'interaction' literally, equating it with physical interaction between a user and a media object (pressing a button, choosing a link, moving the body), at the expense of psychological interaction. The psychological processes of filling-in, hypothesis formation, recall, and identification, which are required for us to comprehend any text or image at all, are mistakenly identified with an objectively existing structure of interactive links" (Lev Manovich:57:2001)
- 8. Fysiske begrensninger • Semantiske begrensninger • Logiske begrensninger • Kulturelle begrensninger • Begrensninger Funksjoner Tilbydelsene (Affordances) Muligheter
- 15. Dyretestet Mobil applikasjon for å søke opp produkter og sjekke om disse er testet på dyr eller ikke.
- 17. Telenor Expo Interactive museum showing the history of Telenor, the 6th biggest telco in the world, also using fluxBOX.
- 18. HTML og CSS – Recap
- 20. Hyper Text Markup Language Ikke programmeringsspråk et markeringsspråk
- 21. HTML + CSS + JAVASCRIPT = WEB WEB + PHONEGAP = APP
- 23. Viktig å kunne grunnleggende om man vil jobbe med design på web og mobil.
- 24. Forståelse for det som gir form og farge, gir deg som designer muligheter
- 25. Egenskapene i nye media utnyttes best om man designer for mediet, i mediet
- 26. Flatt design vil alltid være en abstraksjon. Responsivt design umulig uten å også vite om det som formgir i mediet
- 27. Et uendelig lærret med flytende proposjoner. Det handler om designsystemer
- 28. Å kunne HTML og CSS vil gi faktisk kontroll over resultatet og deg mer tid til å designe (i web-design).
- 29. CSS = Cascading Style Sheet Arv og klasser gir effektivt design Rekkefølge gir deg kontroll og smarthet
- 30. CSS grunnleggende prinsipper: Mer spesifikk overstyrer mindre spesifikk Siste overstyrer tidligere
- 31. Nettleseren leser HTML-kodene til å tolke innholdet på siden.
- 32. <html> <body> <h1>Dette er en overskrift</h1> <p>Dette er brødtekst.</p> </body> </html>
- 34. Javascript. Scriptspråk. En oppskrift som får ting til å skje.
- 35. Rammeverk Ferdige funksjoner som gjør det raskere å lage interaktivt innhold
- 40. Det er 1,2 milliarder pc’r I verden (inkl. Tablets) Det er 1,1 milliarder fasttelefoner Det er 1,0 milliarder biler registert I bruk Det er 1,6 milliarder tv’r Det er 1,7 milliarder kredittkortbrukere Det er 2,0 milliarder internettbrukere Det er 2,2 milliarder mennesker med bankkonto Det er 3,9 milliarder radioer I verden Det er 5,2 milliarder aktive mobilabonnenter. [7] – Tomi T Ahonen, Author and consultant in mobile and media
- 41. “There are more than 250 million active users currently accessing Facebook through their mobile devices.” http://www.facebook.com/press/info.php?statistics
- 46. Ikke for deg!
- 49. Native-applikasjoner Skrevet I programmeringsspråket spesifikt for plattformen
- 52. Hybrid-applikasjoner Pakket sammen i hybridrammeverk
- 54. Native- og hybrid-applikasjoner Benytter sensorer og funksjoner i plattformen
- 55. Hybridapplikasjoner egner seg ikke for:" Kompleks grafisk behandling" Kommunikasjon med tilleggsutstyr
- 56. Hybridapplikasjoner egner seg for:" Navigere informasjon" Informasjon basert på sensor(GPS, kamera, osv) Vise bilder, video, kart, grafikk ++"
- 57. Hybridapplikasjoner egner seg for:" Navigere informasjon" Informasjon basert på sensor(GPS, kamera, osv) Vise bilder, video, kart, grafikk ++" Halvparten av applikasjonene idag* *Guestimate Kjartan Michalsen
- 58. Rammeverk
- 59. Rammeverkene
- 60. Rammeverkene = Magi = Bro mellom webteknologi og mobil-hardware / os
- 61. Rammeverkene = Bro mellom webteknologi og mobil-hardware / os = Gir standardisert tilgang til sensorer og interaksjon
- 62. Rammeverkene = Gir deg tilgang til funksjoner på telefonen gjennom javascript CSS
- 63. PhoneGap
- 64. Brukeropplevelse I CSS3 og HTML5 Mer tid til design og brukeropplevelse
- 65. Brukeropplevelse I CSS3 og HTML5 Enklere å lage rike brukergrensesnitt
- 66. Brukeropplevelse I CSS3 og HTML5 = fornøyde brukere
- 68. Phonegap = Cordova Cordova = Open Source prosjektet Phonegap = Adobe sin versjon
- 72. Phonegap build + github
- 76. DIY workshop
- 77. Takk for meg Mail: kjartan@fluxloop.com Twt: @liksom