Native i os & android apps met javascript (Barcamp VRT #bcvrt)
•
1 gefällt mir•359 views
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Native i os & android apps met javascript (Barcamp VRT #bcvrt)
Ähnlich wie Native i os & android apps met javascript (Barcamp VRT #bcvrt) (7)
Mehr von Mathias Vissers
Mehr von Mathias Vissers (18)
Native i os & android apps met javascript (Barcamp VRT #bcvrt)
- 1. NativeiOs&Android Apps metJavascript Mathias Vissers | @mvissers www.vissers.be#bcvrt
- 2. Mathias Vissers @mvissers http://about.me/mvissers Webdeveloper @ intracto.beBijberoep: Punt Uit!
- 3. + Native iOs & Android Apps met Javascript @mvissers
- 5. “We enable web developers to quickly create and commercializenative mobile, desktop & iPad applications.” Native iOs & Android Apps met Javascript @mvissers
- 6. Desktop(+ Mac App Store) iPhone & iPod iPad Android Native iOs & Android Apps met Javascript @mvissers
- 7. Native iOs & Android Apps met Javascript @mvissers
- 8. Source: http://www.slideshare.net/jhaynie/appcelerator-overview Native iOs & Android Apps met Javascript @mvissers
- 9. Native iOs & Android Apps met Javascript @mvissers
- 11. iOS SDK installeren blijft een vereiste.
- 12. Provisioning profiles instellen blijft een vereiste.
- 13. Via Apple gaan blijft een vereiste.
- 14. Gezond verstandblijft een vereiste.
- 15. Programmatorisch inzicht blijft een vereiste.
- 17. App.js Source: http://www.slideshare.net/brendanlim/building-native-apps-with-titanium-mobile Native iOs & Android Apps met Javascript @mvissers
- 18. MEDIA API: CAMERA Source: http://www.slideshare.net/brendanlim/building-native-apps-with-titanium-mobile Native iOs & Android Apps met Javascript @mvissers
- 19. GEOLOCATION API Source: http://www.slideshare.net/brendanlim/building-native-apps-with-titanium-mobile Native iOs & Android Apps met Javascript @mvissers
- 20. Native iOs & Android Apps met Javascript @mvissers
- 21. Native iOs & Android Apps met Javascript @mvissers
- 22. Native iOs & Android Apps met Javascript @mvissers
- 23. NativeiOs&Android Apps metJavascript Mathias Vissers | @mvissers www.vissers.be#bcvrt
Hinweis der Redaktion
- GoeiedagiedereenIkgajullievandaag de komende 20 minuteneenpresentatiegeven over hoe je native iOs en Android apps kanmakenmetjavascript.
- Eerst maak ik graag van de gelegenheid gebruik om mezelf kort voor te stellen.Ik ben Mathias Vissers en werk fulltime bij het Kempense Intracto als webdeveloper.Daarnaast heb ik ook een bedrijfje in bijberoep onder de naam Punt Uit!Mijn kennis en interesses gaan niet puur naar het technische. Ik heb naast een IT-opleiding ook een communicatie-opleiding achter de rug en volg alles wat er reilt en zeilt binnen communicatie, marketing en media.Wie wil kan mij volgen op twitter onder de naam mvissers.Om jullie niet dood te slagen met tien URL’s verwijs ik jullie graag naar mijn about.me voor links naar mijn blog, linkedin, vimeo, …
- Detechnische mensen hier in de zaal zullen mijn situatie zeker herkennen. Elke paar jaar is er een hele lading nieuwe of vernieuwde technologieën waarin je je moet bijscholen wil je een beetje mee kunnen.Vaak is het de kunst om te specialiseren in de juiste technologieën.Zelf ben ik ooit begonnen met, uiteraard HTML.Vervolgens was er ASP.En toen volgenden andere talen: CSS, XML, javascript, Flash & actionscript, SQL (en de dialecten tussen MySQL en MS SQL)… Je moet ze allemaal kennen als developer.Vervolgens kwam de opvolger van ASP: microsoft .NET waarin ik jarenlang geprogrammeerd heb voor mijn vorige job.Tot enkele jaren geleden ik de, zeer verstandige, beslissing heb gemaakt om voor PHP te gaan. Hup, nieuwe syntax, nieuwe systemen, begin maar vanaf nul.En toen werd mobile hip, de klanten begonnen achter mobile apps te vragen en ik kon opnieuw beginnen: java voor android, objective c/cocoa voor iphone.Intussen was ik al lang van school en je kent dat, éénmaal je een werkende mens hebt, is de vrije tijd zeer beperkt. Zeker als je naast je hoofdberoep ook nog eens een bijberoep hebt. Ik moest dus op zoek naar een oplossing om toch de wensen van mijn klant te vervullen en zelf geen weken te verspillen aan het opnieuw leren van de nieuwe technieken. Time is money tenslotte.Nu heb ik heel wat ervaring in Flash. De boodschap van Apple dat de flash apps gecompiled voor iPhone opnieuw toegelaten zouden worden kwam dus als een geschenk uit de hemel. Helaas, na wat testen waren de resultaten zeer teleurstellend.Een simpele hello world app gemaakt in Flash en gecompiled naar iOs was maar liefst 10MB groot en zeer traag. Geen optie dus.
- Ik moest dus verder op zoek naar een oplossing. In mijn zoektocht kwam ik deze site tegen: Mobile Roadie.Een platform om online je eigen iphone app samen te stellen en te publishen naar de app store.Op het eerste zicht leek dit platform zeer geschikt. Het platform heeft zich o.a. Gespecialiseerd in apps voor DJ’s en muzikanten. Dat komt goed uit want 80% van mijn clienteel bevind zich in de entertainment sector. Pluspunt bovendien is dat je de app kan exporteren naar iphone, android en blackberry.Helaas bleek het platform toch niet geschikt.Je hebt amper tot geen controle over de app. De publicatie gebeurd via het MobielRoadie platform en niet via een eigen Developer license.Bovendien is het gebruik van het platform zeer duur en commercieel niet interessant voor mijn klanten.
- En toen vond ik Titanium Appcelerator.Dit staat er op hun website:“we enable web developers to quickly create and commercialize native mobile, desktop en ipad applications”.Het woordje native is hier zeer belangrijk.Ik leg even het verschil uit tussen webappsen native apps.Webapps = mobile websites altijd online zijn + beperkt in mogelijkheid + niet verkoopbaar.Native apps daarentegen = in app store + offline te openen + verkoopbaar
- Het leuke van Appcelerator platform is dat je kan exporteren naar verschillende devices:- iPhone + iPod- iPad- Android- Destkop- Mac App Store (binnenkort)
- Tijd voor wat technische achtergrondinformatie over hoe het systeem werkt.Appcelerator is een framework, gebaseerd op javascript, dat toe laat om in javascript apps te maken, en deze te compilen naar de eerder genoemde platformen: iOs, Android of desktop (windows, linux of apple).Het framework bestaat uit veschillende lagen.De bovenste laag is de laag waarin je je eigen code in Javascript schrijft.Daarvoor kan je gebruik maken van de tweede laag: extra bibliotheken die je kan aanroepen.Zo is er een bibliotheek speciaal voor iOs functies, een bibliotheek voor desktop apps, enzovoort.Bovendien, en zeer leuk, is er ook een library “kitchen sink” beschikbaar. Dat is eigenlijk een library waarin zowat elke functie van het toestel is omgezet naar javascript zodat je die code gewoon maar hoeft te kopiëren in je eigen laag. Ik denk hierbij aan het oproepen van de videocamera, het adresboek uitlezen, enzovoort.De daarop volgende laag is de compiler die uiteindelijk de javascript-code gaat omzetten naar native code voor het platform, objective C voor iOs en Java voor Android.Voor iOs wordt er bijvoorbeeld een gewone .app file gemaakt, net zoals je dat krijgt als je werkt met X-code op apple, die je vervolgens kan submitten naar de app store.
- Deze slide heb ik even gekopieerd uit een presentatie van hun zelf. Het geeft een duidelijk overzicht van de mogelijkheden die je kan benutten in het javascript-framework.Met appcelerator kan je eigenlijk gebruik maken van elke functie van het toestel, je ziet ze hier opgesomd.
- Het leuke is, je kan gebruik maken van je favoriete web-javascript-library in de programmatie van je app.Zelf ben ik een jQuery gebruiker, dus kan je, in de eerder vermelde tweede laag, gewoon referenties leggen naar de bibliotheek van jQuery (of jquery mobile) en je favoriete framework zo verder gebruiken.Denk hierbij ook aan code-herbruikbaarheid van op je website als je daar reeds gebruik maakt van bijvoorbeeld jquery.Standaard scripts & tutorials van internet overnemen.
- Klinktallemaalzeergoeddenk je. Uiteraardzijnerwelwataandachtspunten in het heleverhaal:Vooriosprogrammatieblijf je eenapple computer nodighebben.VooriOsmoet je ook het iOs SDK installeren, voor Android moet je danweer de Android SDK installeren.wil je developenvooriOs, de hel van developer licenses en provisioning profiles blijfteenvereiste.Uiteraardmoet je ook, net zoals op de klassiekemanier, langs Apple passerenvooriPhone Apps.Gezondverstand en technischekennisheb je nog steeds nodig. In tegenstelling tot de eerdervermelde mobile roadie moet je hierweldegelijkprogrammeren en rekeninghouden met geheugen-gebruike.d.Slechte apps worden (gelukkigmaar) geweigerd door Apple.
- Kan ik met appcelerator alles maken?In principe wel, maar je moet een enorme javascript-freak zijn als je b.v. Een Angry Birds in javascript gaat bouwen.Dit platform is perfect geschikt voor informatieve apps, hetgene wat je dus het beste kan verkopen aan je klanten.Kleine spelletjes kan uiteraard ook. Hier zie je het voorbeeld van MTV, zij hebben de officiele jersey shore yourself app met dit platform gemaakt.
- Ik wil niet te technisch gaan,maar het leek me toch interessant even te tonen hoe die javascript code er nu eigenlijk concreet uit ziet.Hier zie je een voorbeeld over hoe je de tab-knoppen beneden toevoegt, een title bovenaan plaats en een label in het midden van het scherm plaatst.(code verder uitleggen)
- Zoals gezegd zijn er ook API’s beschikbaar om de specifieke functies van het toestel te gebruiken, hier zie je bijvoorbeeld hoe je een foto kan nemen in je app.
- Een ander voorbeeld om de GPS-locatie van de gebruiker op te vragen.
- Het schrijven van de code doe je in je favoriete editor, bijvoorbeeld dreamweaver of eclipse.Appcelerator zelf stelt eigenlijk weing voor en bestaat enkel uit dit scherm (uitleggen)
- Met de verschillende emulators kan je je code constant testen. Links de iphone simulator, rechts een android simulator.
- En heet van de naald, groot nieuws sinds afgelopen week.Appcelerator heeft Aptana Eclipse overgekocht.Aptana is één van de meest gebruikte webdeveloper-tools en zal nu geïntegreerd worden met elkaar zodat je naadloos mobile apps kan maken in Aptana.Ter info, Appcelerator heeft 37 werknemers, en nu met de overname van Aptana komen er daar 12 bij waardoor Appcelerator nu een firma is met bijna 50 werknemers.Het bewijs dat Appcelerator een platform is om serieus te nemen en waar toekomst in zit.
- Bedanktvoorjullieaandacht.Ikhoopdatjullie het eeninteressantepresentatievonden en ietshebbenbijgeleerd.Wienogvragenheeftmagmijdadelijkaanspreken, eenemailtjesturen of gewoon via twitter.Nogeenfijne dag!