Menno's blog

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:\eclipse\eclipse.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 Files\Android\android-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 Files\Git/bin\git.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:\Users\Menno\Android\glbrabant
• 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:
  \res\drawable\nieuws.png (1e tabblad - niet geselecteerd)
  \res\drawable\nieuws_o.png (1e tabblad - geselecteerd)
  \res\drawable/blog.png (2e tabblad - niet geselecteerd)
  \res\drawable/blog_o.png (2e tabblad - geselecteerd)
  \res\drawable\video.png (3e tabblad - niet geselecteerd)
  \res\drawable\video_o.png (3e tabblad - geselecteerd)
  \res\drawable\forum.png (4e tabblad - niet geselecteerd)
  \res\drawable\forum_o.png (4e tabblad - geselecteerd)
  \res\drawable\challenges.png (5e tabblad - niet geselecteerd)
  \res\drawable\challenges_o.png (5e tabblad - geselecteerd)
• Daarnaast kun je nog de volgende bestanden aanpassen:
  \res\drawable\icon.png
  \res\drawable\header.png
  \res\drawable\icon.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:

  

   

Na een groot aantal jaren dat je Open Source besturingssystemen en applicaties hebt voor op de pc, is er sinds 1 jaar ook een Open Source besturingssysteem voor op je telefoon.

Dit besturingssysteem met als naam Android, is sinds 21 oktober 2008 beschikbaar. Android is ontwikkeld door Google, waardoor het toegankelijk is geworden voor het grote publiek.

Er komen steeds meer telefoons op de markt met Android, waarmee het steeds meer een concurrentie aan het worden is voor Symbian en Windows Mobile.

 

Door het open karakter en de mogelijkheid om zelf applicaties te ontwikkelen sprak me dit besturingssysteem erg aan. Aangezien Android voornamelijk gericht is op touch-screens, kwam ik uit bij de Huawei U8220. Dit toestel wordt in Nederland verkocht onder de naam T-Mobile Pulse.

 

 

 

 

 

De doos bevat het toestel, beschermhoesje, extra backcover (wit), stroomadapter met USB aansluiting (erg handig voor op vakantie om ook je mp3-speler op te laden), USB kabel, headset (2,5mm) en verloopadapter van 2,5mm naar 3,5mm.

 

Wanneer je het toestel voor de eerste keer opstart, krijg je een wizard te zien om je Gmail account in te stellen. Doordat Android ontwikkeld is door Google, zit er perfecte synchronisatie ingebouwd met Google Gmail, Google Calendar en Google Contacts.

Helaas staat auto-aanvulling/woordcorrectie aan, waardoor je kans hebt dat je wachtwoord “stiekem” aangepast wordt wanneer je het invult.

Hierdoor heb ik tot 10 maal toe mijn wachtwoord ingevuld, bij goed opletten kwamen er opeens enkele karakters bij, waardoor ik inzag wat het probleem was.

Je bent trouwens niet verplicht om de Google diensten te gebruiken, je kunt ook gewoon je eigen mailserver instellen en kalender met bijvoorbeeld Outlook te synchroniseren.

 

Je hebt in principe 3 hoofdschermen, Mijn favorieten, waar je snel toegang hebt tot contactpersonen die je zelf geselecteerd hebt, hoofdscherm Android en hoofdscherm applicaties.

Het hoofdscherm Android, is eigenlijk een vlak van 2 hoog bij 3 breed. Je kunt door middel van je vingers schuiven naar een ander vlak op het hoofdscherm.

Op het hoofdscherm kun je “snelkoppelingen” plaatsen, widgets (kleine applicaties) en widcards (kleine versie van een applicatie).

Zo kun je een kalender tonen of het weerbericht. Bij de snelkoppelingen kun je verwijzen naar Gmail, agenda contacten etc.

 

 

 

 

De functie die niet kan ontbreken is “nummer draaien”, wat weinig met draaien te maken heeft!

 

De standaard toetsenblokkering functie kun je opheffen door vanuit het midden naar boven te schuiven. Deze functie kun je zelf instellen, door middel van de 9 punten, waarbij je minimaal 4 punten moet raken.

Zo heb je snel een makkelijke beveiliging op je telefoon zitten, wanneer iemand je toestel vast heeft of per ongeluk van toetsenblokkering af gaat.

 

Het meest makkelijke van deze telefoon is het installeren van applicaties via de Android Market. Je kunt hier heel makkelijk zoeken op functies of applicaties. Daarnaast staan ze ook per categorie ingesteld.

 

Enkele zaken die ook goed zijn om te weten:

- Het toestel werkt niet met een stilus

- wanneer je het toestel 90° draait, krijg je het grote toetsenbord te zien

- het is een 3.2 megapixel camera, terwijl er melding wordt gemaakt van 5 megapixel op diverse websites

- de update van Android 1.5 naar 1.6 is momenteel nog niet verkrijgbaar voor de Pulse

- het toestel is in zijn geheel goed te gebruiken met touchscreen, het is dus geen gemis dat een stilus niet werkt

 

Hiermee is Android een serieuze concurrent voor bijvoorbeeld Windows Mobile. Het grote verschil is:

- Android gericht op Google applicaties

- Windows Mobile gericht op Microsoft applicaties

- Android open source, Windows Mobile closed source, waarbij applicaties open source kunnen zijn

- Windows Mobile gericht op scherm met stilus of fysiek toetsenbord, Android gericht op touchscreen zonder stilus

 

Kortom, de consument zal er weinig van merken, als die niet op de hoogte is van beide systeem.

Mocht je bewust zijn van beide systemen, dan kun je van beide systemen de SDK downloaden, zodat je op je pc het telefoonscherm kunt simuleren. Hiermee krijg je een goede indruk van beide systemen en zul je merken dat er weinig verschil is!

Daarom durf ik wel te stellen dat Android een goede concurrent aan het worden is voor Windows Mobile en andere systemen voor smartphones!