Tijdens de Provinciale Statenverkiezingen heeft GroenLinks Brabant een Android app ontwikkeld.
Met deze app is het mogelijk om op de hoogte te blijven van het laatste GroenLinks nieuws. GroenLinks Brabant heeft de code beschikbaar gesteld, zodat iedereen een eigen GroenLinks app kan maken!
Maar hoe moet je dat doen?
Ten eerste moet je een aantal programma’s installeren, waar je de code mee kunt ophalen en bewerken.
Mocht een programma niet goed functioneren, probeer het dan als “administrator” uit te voeren.
- Download en installeer “JDK x Update xx with Java EE”
- Download en pak uit naar bijv. ‘C:eclipse’ “Eclipse IDE for Java Developers”
- Download en installeer “Android SDK – installer”
- Download en installeer “ADT Plugin” als volgt:
Start ‘Eclipse’ (te vinden op ‘C:eclipseeclipse.exe’) en ga naar ‘Help’ -> ‘Install New Software’
Klik op ‘Add’
In het ‘Add Repository’ venster vul je de naam ‘ADT plugin’ in en vult de volgende URL in:
https://dl-ssl.google.com/android/eclipse/
Klik op ‘OK’
In het ‘Available Software’ venster selecteer je de vakje naast ‘Developer Tools’ en klik op ‘Next’
In het volgende venster zie je een lijst met onderdelen die gedownload gaan worden, klik op ‘Next’
Accepteer de voorwaarden en klik op ‘Next’
Herstart nu ‘Eclipse’ - Na het succesvol herstarten die je nog de ADT plugin te verwijzen naar de SDK map:
Klik op ‘Window’ -> ‘Preferences’
Selecteer Android in het linker paneel
Klik op ‘Browse’ en selecteer de SDK map, meestal is dit ‘C:Program FilesAndroidandroid-sdk’
Klik op ‘Apply’ en op ‘OK’ - Download en installeer “SmartGit”
- Download en installeer “Git.exe”
- Open nu SmartGit en klik op ‘Edit’ -> ‘Preferences’ en vul dan bij ‘Git Executable’ het volgende in:
C:Program FilesGit/bingit.exe
(afhankelijk van de locatie waar Git geïnstalleerd is natuurlijk)
Je bent nu klaar met installeren, we gaan nu de broncode van de GroenLinks Brabant app ophalen.
- Open ‘SmartGit’ en klik op ‘Project’ -> ‘Clone’
- Klik op ‘Remote Git or SVN repository’ en vul het volgende in:
git://glbrabant.git.sourceforge.net/gitroot/glbrabant/glbrabant - Klik op ‘Next’ en geef de locatie op waar je de bestanden neer wilt zetten, bijv.:
C:UsersMennoAndroidglbrabant - Klik op ‘Next’
- Selecteer ‘Open in new project’ en geef een naam op. Klik daarna op ‘Finish’
De bestanden zijn vrij snel opgehaald, het is namelijk ongeveer 4 Megabyte.
Eerst de bestanden in Eclipse laden voor we ze kunnen bewerken.
- Open nu ‘Eclipse’ en klik op ‘File’ -> ‘Import’ -> ‘General’ -> ‘Existing projects into workspace’
- Klik op ‘Next’ en geef nu de locatie op waar je met SmartGit de bestanden hebt ‘gedownload’
- Klik op ‘Finish’
Je hebt nu de bestanden in Eclipse staan, nu kunnen we ze gaan bewerken.
- Klik op het pijltje links van GroenLinksBrabant (links in het scherm van Eclipse)
- Je ziet nu mappen zoals ‘src’, ‘gen’ etc. staan
- Klik links op het pijltje van ‘src’ -> ‘nl.groenlinks.brabant’ en dubbelklik op ‘Main.java’
- Zoek naar ‘http://brabant.groenlinks.nl/rss’ (het staat driemaal in de code) en wijzig het in bijv.:
http://s-hertogenbosch.groenlinks.nl/rss - Wanneer je de agenda in je applicatie wilt zetten, dien je ‘http://www.paulsmeulders.nl/nieuw/rss.php’ te wijzigen in bijv.:
http://s-hertogenbosch.groenlinks.nl/agenda/rss - In totaal kun je vijf zaken tonen, bijvoorbeeld lokaal nieuws, lokale agenda, blog fractievoorzitter, provinciaal en landelijk nieuws
- Je dient hiervoor de volgende zaken te wijzigen:
‘http://brabant.groenlinks.nl/rss’ -> 1e tabblad
‘http://www.paulsmeulders.nl/nieuw/rss.php’ -> 2e tabblad
‘http://gdata.youtube.com/feeds/base/users/GroenLinksNB/uploads?alt=rss&v=2&orderby=published’ -> 3e tabblad
‘http://feeds.feedburner.com/blog/qYRg’ -> 4e tabblad
‘http://feeds.feedburner.com/blog/HLeM’ -> 5e tabblad - Als we Eindhoven als voorbeeld nemen zou je de linkjes als volgt moeten wijzigen
(lokaal nieuws, lokale agenda, blog fractievoorzitter, provinciaal en landelijk nieuws):
‘http://brabant.groenlinks.nl/rss’ wordt:
http://eindhoven.groenlinks.nl/rss‘http://www.paulsmeulders.nl/nieuw/rss.php’ wordt:
http://eindhoven.groenlinks.nl/agenda/rss‘http://gdata.youtube.com/feeds/base/users/GroenLinksNB/uploads?alt=rss&v=2&orderby=published’ wordt:
http://www.renatesweblog.nl/?feed=rss2‘http://feeds.feedburner.com/blog/qYRg’ wordt:
http://brabant.groenlinks.nl/rss‘http://feeds.feedburner.com/blog/HLeM’ wordt:
http://groenlinks.nl/rss - Sla het bestand op. Open nu je beeldbewerkingsprogramma, bijvoorbeeld ‘Paint.net’
- We gaan nu de knoppen aanpassen, zodat ze overeenkomen met hetgeen je wilt tonen op het betreffende tabblad
- De bestanden staan in de map waar je met SmartGit ze ‘gedownload’ hebt
- Pas de volgende bestanden aan:
resdrawablenieuws.png (1e tabblad – niet geselecteerd)
resdrawablenieuws_o.png (1e tabblad – geselecteerd)
resdrawable/blog.png (2e tabblad – niet geselecteerd)
resdrawable/blog_o.png (2e tabblad – geselecteerd)
resdrawablevideo.png (3e tabblad – niet geselecteerd)
resdrawablevideo_o.png (3e tabblad – geselecteerd)
resdrawableforum.png (4e tabblad – niet geselecteerd)
resdrawableforum_o.png (4e tabblad – geselecteerd)
resdrawablechallenges.png (5e tabblad – niet geselecteerd)
resdrawablechallenges_o.png (5e tabblad – geselecteerd) - Daarnaast kun je nog de volgende bestanden aanpassen:
resdrawableicon.png
resdrawableheader.png
resdrawableicon.png
Je bent nu klaar met het aanpassen van de code en de plaatjes, open nu weer Eclipse en druk voor de zekerheid op F5 – refresh.
Open via je Windows startmenu de Android SDK Manager.
- Kies het tabblad ‘Virtual devices’
- Klik op ‘New’ en geef een naam op, bijv. ‘android16’
Selecteer uit het lijstje ‘Android 1.6 – API level 4’
Vul bij ‘Size’ in ‘1024’ MiB en klik op ‘Create AVD’ - Je hebt nu een virtuele Android smartphone aangemaakt met versie 1.6 van Android
- Sluit de ‘Android SDK Manager’
Ga weer terug naar Eclipse.
- Klik op GroenLinksBrabant (aan de linkerkant te vinden van Eclipse)
- Klik op ‘Run’ -> ‘Run As’ -> ‘Android Application’
- Selecteer in het lijstje de Android 1.6 smartphone (virtual device) en klik op ‘OK’
- Je zult nu zien dat er een venster geopend wordt, waarin Android opgestart wordt
Je kunt nu met je eigen applicatie aan de slag, maar je kunt ook dit venster meteen sluiten.
Wanneer je nu naar de map gaat waarin je de bestanden met SmartGit gedownload hebt, zal je zien dat Eclipse een nieuwe .apk heeft geplaatst.
Het bestand staat in de /bin map, onder de naam GroenLinksBrabant.apk. Mocht er geen nieuwe .apk staan, kijk dan even of je een mapje kunt vinden in je persoonlijke map met de naam ‘workspace’ mogelijk dat daar een mapje ‘bin’ in staat met de nieuwe .apk.
Stuur dit .apk naar je telefoon, via mail, aansluiten op je computer etc. en installeer het bestand vanuit je Android bestandsverkenner. Het kan zijn dat je bij instellingen moet aangeven dat je een .apk wilt installeren die niet ‘gesigneerd’ is.
Je hebt nu je eigen GroenLinks Android applicatie draaien!
Wanneer je aanpassingen wilt maken in je applicatie, open je Eclipse en pas je bijvoorbeeld de linkjes aan, of de plaatjes. Daarna doe je weer ‘Run’ en je hebt een nieuwe .apk. Wel eerst de oude applicatie van je telefoon verwijderen voordat je de nieuwe gaat installeren.
Zo heb ik voor GroenLinks Eindhoven een eigen Android app gemaakt:
