Keksi oma Android-ohjelma, koodaa se Cordovalla (HTML5+JavaScript) tai Javalla – ja julkaise maailmanlaajuisesti Google Playssa.
Aiemmilla kursseilla menestyivät Cordovalla toteutetut Laurin Times Table Grid Game (yli 50 000 asennusta), Villen Hirsipuu Suomi (yli 10 000 asennusta) ja Elmon SuomiSanakirja (yli 10 000 asennusta).
Pidän kurssin Juha Hinkulan kanssa. Juhan materiaaleja ja aikatauluja löytyy Moodlesta (edellyttää kirjautumista).
Katso myös Mobiilituotekehitys-kurssin palautetta.
Cordova-osuuden aikataulu
w38 Hello Cordova World Mikä on Cordova, Cordova vs natiivi Dalvik Java. Weppisivuharjoitus (HTML+CSS+JS). Cordovan asennus Linuxiin ja Windowsiin, Hello World. Nopea kehitys Firefoxilla ja Firebugilla.
w39 Tärkeimpiä kirjastoja JQuery Javascript, Bootstrap CSS. Ajan salliessa myös kirjastoja ja tekniikoita erityistarkoituksiin.
w40 Laiterajapinnat Cordovassa Mikä toimii, mikä ei. Kamera, kiihtyvyys, paikannus, osoitekirja, SQL, tiedostojen tallennus. Tekniikoita ongelmien ohittamiseksi.
Moodlesta löydät aikatauluja Javasta, sekä projektista ja sen ohjauksesta.
Kotiläksyn palautus
Jokaisesta ohjelmasta oma sivu.
- Nimi
- Yhden lauseen kuvaus
- Status (ei toimi / alpha / beta / release)
- Ruutukaappaus
- Lisenssi (suositus: GPL v2)
- APK-asennuspaketti
- Lähdekoodi (zip tai tar.gz. Kokeile, että ohjelmasi voi helposti kääntää tästä koodista.)
- Kuvaus siitä, miten ohjelma teknisesti toimii
- Linkit kaikkiin lähteisiin, kuten käytettyihin kirjastoihin, esimerkkikoodeihin, standardeihin ja tähän kurssiin
Sivun perusteella jokaisen kaduntallaajan pitää heti ymmärtää, mitä ohjelma tekee. Sivut saa kirjoittaa suomeksi tai englanniksi.
Statusvaihtoehdot ovat “ei toimi” (vielä), alpha eli vain ohjelmoijille, beta eli kaikki voivat etsiä bugeja ja release eli valmis.
Linkkejä omiin kurssilaisten omiin kännykkäohjelmiin saa laittaa tämän sivun kommentteihin. Muistathan linkittää myös kurssiin.
Kotitehtävät saa julkaista missä haluaa ja palauttaa linkin Moodleen (edellyttää kirjautumista). Näin portfoliosi kasvaa samalla. Jos et jostain syystä uskalla tai muuten halua julkaista, voit palauttaa tehtävät weppiin esim. salasanan taakse ja jakaa salasanan kurssilaisille, mutta julkaisu tietysti kannattaa. Tehtävät voi palauttaa ainoastaan weppisivuina (HTML). Mainosrahoitteista (“ilmaista”) kotisivutilaa saa WordPress.com:sta.
Cordova-osion tehtävänannot tulevat kommentteina tämän aikataulusivun loppuun.
Update: Korjasin Laurin pelin nimen.
Miten aloitella Cordovalla?
Cordovalla voit paketoida tavallisen weppisivun (HTML+JS+CSS) ohjelmaksi, jonka voit asentaa kännykälle tai myydä vaikkapa Google Playssa.
Windows asennus koneelle, jossa on jo
– Android Studio (ja Hello worldin saa pyörimään emulaattorissa)
– NodeJS (npm-komento)
http://terokarvinen.com/2015/hello-cordova-develop-android-apps-on-ubuntu-linux#comment-21203
Linux asennus
http://terokarvinen.com/2015/hello-cordova-develop-android-apps-on-ubuntu-linux
KVM nopeuttaa emulaattoria huomattavasti
http://terokarvinen.com/2015/hello-cordova-develop-android-apps-on-ubuntu-linux#comment-21189
Osan voi kehittää selaimessa
https://www.mozilla.org/fi/firefox/new/
https://addons.mozilla.org/fi/firefox/addon/firebug/
Tärkeitä kirjastoja
https://jquery.com/
http://code.jquery.com/jquery-2.1.4.min.js
http://getbootstrap.com/
https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip
c1: ensimmäinen Cordova-läksy. Tee ohjelma, joka ottaa käyttäjältä syötteitä ja tulostaa niiden perusteella vastauksen. Esimerkiksi painoindeksilaskuri (BMI), tonttunimigeneraattori, paljonko rahaa kuluuu röökiin, mitä olisin tienannut moppaamalla pikaruokalan lattiaa koulunkäynnin sijaan tms.
Helppo tapa on tehdä HTML lomake (form), siihen tekstikenttiä (input) ja viitata niihin id:llä (input id=”age”). Silloin voit jQuerylla lukea kentän arvon $(“#age”).val(). Tagien (p, span) sisällä olevia tekstejä voi muuttaa $(“#foo”).text(“moi Tero!”).
Jos kaipaat tehtävään haastetta, näytä tulos myös visuaalisesti: taustan värillä, eri näköisellä ukkelilla tms. Tämähän on HTML:ää ja JavaScriptiä, ulkonäköä on helppo muokata.
Vapaaehtoinen bonustehtävä: laita ohjelma pyörimään fyysisessä puhelimessasi. Ota valokuva kännykästäsi ajamassa ohjelmaasi. Blogaa siitä, miten omaan puhelimeesi voi tehdä ohjelman Cordovalla. Lisäpisteitä siitä, jos saat toimimaan muissakin kuin Androideissa (joka on kurssin ensisijainen alusta).
Palautus weppisivuna, linkin voit laittaa Moodleen. Tarkempia ohjeita palautuksesta yllä.
Hauskaa koodailua!
Moro Tero,
toivottavasti tänäkin syksynä saadaan hienoja uusia ohjelmia aikaseks! Semmonen pyyntö, että pystytkö korjaamaan mun pelin nimen oikeaksi. 😀 Oikea nimi siis Times Table Grid Game.
Kiitos ja hyvät syksyn jatkot!
Korjasin oikean nimen tekstiin. Onnittelut pelisi menestyksestä, yli 50 tuhatta latausta on paljon!
Meedio ennustaa tulevaisuutesi! https://ahanninenblog.wordpress.com/2015/09/23/cordova-etatehtava/
Ohjelma, joka laskee painoindeksisi painosi ja pituutesi avulla: https://jlundgrenblog.wordpress.com/
Painoindeksilaskuri 2015 laskee käyttäjän painoindeksin tämän pituuden ja painon mukaan ja ilmoittaa, mikä on käyttäjän painoindeksi ja onko tämän paino hyvä pituuteen verrattuna vai ei.
Cordova BMI Calculator laskee BMIsi ja kertoo oletko alipainoinen, normaalipainoinen vai ylipainoinen.
https://knephxi.wordpress.com/2015/09/22/my-first-cordova-app/
Laske painoindeksisi helposti ja nopeasti!
http://myy.haaga-helia.fi/~a1300789/painoindeksi/www/
Yksinkertainen ja helppokäyttöinen laskuri!
https://anttistenman.wordpress.com/2015/09/20/mobiilituotekehitys-c1/?preview_id=338
Loistava ohjelma, todella tarkka ennuste.
Laskuri joka kertoo oletko yli-, ali- vai normaalipainoinen http://myy.haaga-helia.fi/~a1402966/jhello/www/
Todella tyylikäs
Human BMI-calculator
https://patrikkopra.wordpress.com/
Admin edit: corrected stuck caps-lock.
Kiltti koira -ohjelma: Anna käsky söpölle koiralle ja katso kuinka se tottelee!
https://dekblad.wordpress.com/2015/09/27/kiltti-koira-javascript-harjoitus/
c2. Tee yksinkertainen peli Cordovalla.
Cordovan laiterajapinnat
Plugin APIs (GPS, kamera, kiihtyvyys…)
https://cordova.apache.org/docs/en/5.1.1/cordova_plugins_pluginapis.md.html#Plugin%20APIs
Events (deviceready, pause, resume, backbutton…)
https://cordova.apache.org/docs/en/5.1.1/cordova_events_events.md.html#Events
Plus laskua, mutta täytyy olla tylsää, että voi käyttää.
http://myy.haaga-helia.fi/~a1402967/project/www/
Assignment 1: Hello Cordova and BMI Calculator with HTML & JavaScript
Interaktiivinen kauhukertomus:
http://myy.haaga-helia.fi/~a1403022/javapeli2/spindlehill.html
Veivasinpa tälläsen pelin tästä sitte, ihan perus hirsipuu:
ja tästä vielä linkki perään https://rummukainenblog.wordpress.com/2015/10/01/jquery-hangman/
Olut.game
http://myy.haaga-helia.fi/~a1402966/jquerytreeni/
https://juusoheikkinenblog.wordpress.com/2015/09/30/jquery-peli/
Auta Mattia pukemaan vaatteet päälle!
http://myy.haaga-helia.fi/~a1300789/kertolaskupeli/www/
c3. Keksi ohjelma, joka hyödyntää ainakin yhtä Cordovan laiterajapintaa. Ohjelmalla pitää olla tarkoitus!
Käytä mielikuvitusta aiempien tehtävien tapaan, älä tee pelkkää “hello GPS” -ohjelmointiesimerkkiä.
Mobiilituotekehitys kurssin tehtäviä. Cordova & Android studio.
Ensimmäinen Cordova appi, BMI laskuri.
http://ekotila.blogspot.fi/2015/10/mobiilituotekehitys-painoindeksilaskuri.html