15ICT4AOPW11S

Projectwijzer

Mijn eerste app

11

Studentenversie

Mobiele applicatie bouwen

Bestelnummer: 15ICT4AOPW11S

Applicatieontwikkelaar Niveau 4

Crebo: 95311 Versie: 2014

Mobiele applicatie bouwen

Je ontwerpt een mobiele applicatie, selecteert een programmeertaal en maakt de mobiele applicatie.

Projectwijzer 11

Applicatieontwikkelaar Niveau 4 Crebo: 95311 Versie: 2014

1

Bestelnummer: 15ICT4AOPW11S

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

Colofon

Deze uitgave is gerealiseerd onder verantwoordelijkheid van het Consortium Beroepsonderwijs.

Managementteam Luc Fine, Bartha Huijberts, Adri Pijnenburg, Irma Rabelink

Ontwikkelteamleider Hugo van der Wee

Ontwikkelaars Chris Mooij, Floris Frieswijk

Redactie Jasper Guldemond, Marjo Brok

Ontwerp en opmaak Henk Aalbersberg, Ronald Bokma

2

Foto’s en afbeeldingen Ondanks alle inspanningen is het mogelijk dat Stichting Consortium Beroepsonderwijs niet alle copyrights van de in de uitgave opgenomen illustraties heeft geregeld. Degene die meent alsnog rechten te kunnen doen gelden, wordt verzocht contact op te nemen met Stichting Consortium Beroepsonderwijs.

Disketteweg 11 3821 AR Amersfoort Telefoonnummer: 033 - 246 04 47 E-mail: secretariaat@consortiumbo.nl

© 2014 Consortium Beroepsonderwijs Alle rechten voorbehouden. Niets uit deze uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand of openbaar gemaakt, in enige vorm of op enige wijze, namelijk elektronisch, mechanisch, door fotokopieën, opnamen of enige andere manier, zonder voorafgaande toestemming van de Stichting Consortium Beroepsonderwijs.

Inhoudsopgave

1 Inleiding.........................4

2 Beroepscontext....................6

3 Initiatief........................8

4 Definitie........................10

5 Ontwerp..........................12

6 Werkvoorbereiding................14

7 Realisatie.......................16

3

8 Oplevering.......................18

9 Nazorg ..........................20

10 Bijlagen.........................22

Bijlage 1 Specificaties Specificaties voor de app

PC4U............................................................ 23

Bijlage 2 Bronnen...................................................... 26

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

1 Inleiding

1

4

'Android vs. iOS' Omdat smartphones steeds populairder worden, komen er ook steeds meer banen voor ontwikkelaars van mobiele applicaties.

Een mobiele applicatie bouwen

In deze projectwijzer ga je een mobiele applicatie (app) maken.

Dat doe je met Titanium Studio. Dit is een open source ontwikkelomgeving voor onder andere Android en iOS (Apple) mobile devices. Als basis gebruik je de door jou, in PW01, gemaakte website PC4U. De app kan voor een Android smartphone of een iPhone van Apple zijn. Je programmeert in Javascript. Het ontwikkelen van mobiele apps is wellicht nieuw voor jou. Het vraagt om andere technieken en vaardigheden dan bij het ontwikkelen van desktop- of webapplicaties. Je zult veel moeten uitzoeken en ontdekken!

De app draai je in de emulator van Titanium, maar je kunt eventueel de app installeren op jouw smartphone.

5

Je voert dit project uit in teamverband. Elk teamlid heeft de verantwoordelijkheid om het ontwikkelsysteem Titanium te doorgronden en een werkende app op te leveren. Je werkt in nauw samen met je projectbegeleider. Zoals je gewend bent, werk je projectmatig.

Het ‘Basisdocument Applicatieontwikkelaar’ is een hulpmiddel bij dit project.

Veel succes met het bouwen van de app!

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

2 Beroepscontext

2

6

Softwareontwikkelingsbedrijven gaan zich steeds meer richten op mobiele applicaties. Zij ontwikkelen apps voor zowel tablets als smartphones.

Ontwikkel een mobiele applicatie

Je werkt voor SCB-Software, een software- ontwikkelingsontwikkelbedrijf.

In het kort

Ontwikkelen van mobiele applicaties voor Android en IOS-devices

Jouw werkgever wil zich gaan toeleggen op het ontwikkelen van mobile applications (apps) voor Android en iOS devices (tablets en smartphones). Hiervoor wil men het open source ontwikkelplatform Titanium Studio van Appcelerator gebruiken. In tegenstelling tot allerlei online tools voor het ontwikkelen van apps, komt het hier aan op het schrijven van de code in JavaScript! Jij krijgt de opdracht om dit te gaan organiseren. Je gaat je verdiepen in de materie. Op het internet vind je de nodige informatie over Titanium Studio en hoe deze geïnstalleerd en geconfigureerd moet worden. Er is een goed boek verkrijgbaar over het ontwikkelen van apps met behulp van Titanium: ‘Basiscursus Apps ontwikkelen’ door Mark Aalderink. Dit boek wordt uitgegeven door Academic Service. Dit boek kan jou ondersteunen bij dit project. Nadat je je verdiept hebt in het onderwerp, ga je als experiment een app voor de Android smartphone of iPhone maken. De app baseer je op de informatie van de website voor de computershop PC4U. Die heb je gemaakt in PW01. De aanwijzingen voor het bouwen van de app vind je in de specificaties in bijlage 1.

Open source ontwikkelplatform Titanium Studio

Programmeren in JavaScript

Projectfasering

Bronnen

7

Þ Þ Basisdocument

Applicatieontwikkelaar

Boek: ‘Basiscursus Apps ontwikkelen’ door Mark Aalderink (Academic Service, ISBN: 9789012582629)

Þ Þ http://docs.appcelerator.com/ titanium/3.0/#!/guide

Bijlage 1: Specificaties

Þ Þ http://www.pmwiki.nl/kennis/ pmw

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

3 Initiatief

3

8

In de initiatieffase is het van het grootste belang dat je zelf onderzoekt wat je moet gaan doen. Stel goede vragen aan de opdrachtgever!

Oriënteer je op de opdracht

Om te achterhalen wat de opdracht inhoudt, voer je een gesprek met je projectbegeleider. Bereid je, samen met je teamgenoot, goed voor op dit gesprek. De informatie en aanwijzingen die de opdrachtgever geeft, noteer je en gebruik je als uitgangspunt voor het vervolg van het project. Projectdossier en urenverantwoording Zoals je ook gedaan hebt bij de vorige projectwijzers, houd je voor dit project een projectdossier bij. Hierin verzamel je alle documenten van dit project. Verder verantwoord je de gewerkte uren per onderdeel. Portfolio Vanaf het begin van je opleiding heb je een portfolio aangelegd. Met dit portfolio kun je altijd laten zien wat je gemaakt hebt tijdens jouw opleiding. Je hoeft hier natuurlijk niet elk document in te zetten. Maak een verstandige selectie van relevante documenten. Een deel van de opdrachten die je gedurende de opleiding zult maken, kun je niet op papier zetten. Als alternatief bewijsmateriaal kun je denken aan een database of een website waar je jouw producten kunt bewaren. De documenten en digitale producten vormen dan samen je portfolio. Je vult jouw portfolio aan met de resultaten van dit project.

In het kort

Voorbereiden van het uit te voeren project

Opstellen van de projectopdracht

Communicatie en rapportage

Op te leveren

† † Lijst met behoeftes van de klant (projectgroep)

9

Bronnen

Þ Þ Sjabloon Projectvoorstel

Bijlage 1: Specificaties

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

4 Definitie

4

10

Bij het maken van een Plan van Aanpak houd je rekening met de stappen die je moet zetten om van je idee tot een werkende applicatie te komen.

Maak een Plan van Aanpak

Bij het ontwikkelen van applicaties is het gezegde “eerst denken, dan doen” zeker van toepassing. Daarom wordt in deze fase een stuk ‘denkwerk’ gedaan. Het resultaat hiervan wordt vastgelegd in het Plan van Aanpak (PvA). Je kunt het Sjabloon Plan van Aanpak gebruiken. De ontbrekende stukken moet je samen met je teamgenoot vullen, zodat er een compleet plan voor jullie project ontstaat.

In het kort

Kies een aanpak voor dit project

Maak een planning

Op te leveren

† † Plan van Aanpak (projectgroep)

† † Aangevuld projectdossier (projectgroep)

† † Urenverantwoording (individueel)

11

Bronnen

Þ Þ Sjabloon Plan van Aanpak

Þ Þ http://www.pmwiki.nl/kennis/ plan-van-aanpak

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

5 Ontwerp

5

12

In de ontwerpfase ga je de vensters uitwerken en be- schrijf je wat de gebruiker per venster moet kunnen.

Ontwerp de app

In deze fase beschrijf je in het Functioneel Ontwerp (FO) de vensters van de app en leg je de functies vast aan de hand van de specificaties, weergegeven in bijlage 1. Het FO moet zo duidelijk zijn, dat iemand anders er mee verder kan als jouw team uitvalt. Je legt het FO voor aan je opdrachtgever. Deze zal zijn mening hierover geven. Eventuele op- en aanmerkingen verwerk je in het ontwerp.

In het kort

Beschrijf de vensters van de app

Leg de functies van de app vast

Maak een Functioneel Ontwerp

Op te leveren

† † De goedgekeurde FO van de app PC4U (projectgroep)

† † Aangevuld projectdossier (projectgroep)

13

† † Urenverantwoording (individueel)

Bronnen

Þ Þ Basisdocument

Applicatieontwikkelaar

Bijlage 1: Specificaties

Þ Þ Sjabloon Functioneel Ontwerp

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

6 Werkvoorbereiding

6

14

Bij het inrichten van de ontwikkelomgeving onderzoek je de mogelijkheden van het programma en kies je een operating system voor jouw app.

Inrichten van de ontwikkelomgeving

Je richt de ontwikkelomgeving Titanium Studio in en onderzoekt de mogelijkheden. Tijdens het onderzoek bereid je de app voor. Je bepaalt van tevoren voor welk operating system (Android of iOS) je de app gaat maken. Je projectbegeleider en vakdocent kunnen je hierbij helpen. In het Functioneel Ontwerp heb je beschreven wat de app moet kunnen. Voordat je de app echt gaat realiseren, moet je wellicht eerst bepaalde technische zaken uitzoeken en uitproberen.

In het kort

Je richt de ontwikkelomgeving in

Je maakt kennis met de ontwikkelomgeving

Je bereidt de app voor aan de hand van het Functioneel Ontwerp

Op te leveren

† † Ingerichte ontwikkelomgeving Titanium Studio (projectgroep)

15

† † Aangevuld projectdossier (projectgroep)

† † Urenverantwoording (individueel)

Bronnen

Boek: ‘Basiscursus Apps ontwikkelen’ door Mark Aalderink (Academic Service, ISBN: 9789012582629)

Þ Þ http://www.worldwiselearning. org/boek/

Þ Þ http://docs.appcelerator.com/ titanium/3.0/#!/guide

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

7 Realisatie

7

16

De app kan je in Titanium testen met een emulator. De werking van de app op de smartphone wordt nagebootst.

Realiseer de app

Je gaat nu de app PC4U voor de gekozen smartphone realiseren door het schrijven van de code. Tussendoor test je steeds de delen van je programma op de juiste werking in de Titanium emulator.

In het kort

Je realiseert de app PC4U voor een smartphone

Je test de app in de emulator van Titanium

Op te leveren

† † De gerealiseerde app PC4U in de Titanium

emulator (projectgroep)

17

† † Aangevuld projectdossier (projectgroep)

† † Urenverantwoording (individueel)

Bronnen

Boek: ‘Basiscursus Apps ontwikkelen’ door Mark Aalderink (Academic Service, ISBN: 9789012582629)

Þ Þ http://www.worldwiselearning. org/boek/

Þ Þ http://docs.appcelerator.com/ titanium/3.0/#!/guide

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

8 Oplevering

8

18

Zorg ervoor dat je bij de presentatie een goede indruk maakt. Opdrachtgevers worden graag verrast door goede presentaties.

Lever de app op

Tijdens het bouwen test je de app regelmatig op de juiste werking. Als alles in orde is, maak je een afspraak met je opdrachtgever voor de presentatie en het uitvoeren van de acceptatietest.

In het kort

Je presenteert de app PC4U in de Titanium emulator

Je doet verslag van de acceptatietest. Eventuele op- en aanmerkingen verwerk je hierin.

Je voert de acceptatietest uit

Op te leveren

† † De presentatie van de

app PC4U in de Titanium emulator (projectgroep)

† † Acceptatietestverslag (projectgroep)

19

† † Aangevuld projectdossier (projectgroep)

† † Urenverantwoording (individueel)

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

9 Nazorg

9

20

Als professional kijk je altijd terug op je werk. Daardoor ben je in staat om je als vakman te verbeteren. ‘Continuous improvement’!

Evalueer het project

Het project is af. De app PC4U functioneert naar tevredenheid. De opdrachtgever heeft de app goedgekeurd. Je hebt de nodige ervaring opgedaan in het werken met Titanium Studio. Deze kennis en ervaring neem je mee naar de volgende projectwijzers! Je sluit het projectdossier af. Nu is het tijd om te kijken wat er goed ging en wat minder goed ging tijdens het project. Je evalueert het project. Gebruik daarvoor het Invulformulier Reflectieverslag.

In het kort

Je reflecteert op het eigen functioneren tijdens de uitvoering van het project

Op te leveren

† † Afgesloten projectdossier (projectgroep)

Lever het reflectieverslag in bij je projectbegeleider.

† † Reflectieverslag (individueel)

21

Bronnen

Þ Þ Invulformulier Reflectieverslag

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

10 Bijlagen

10

22

In de bijlagen vind je de zaken die je nodig hebt bij het uitvoeren van de opdrachten.

Bijlage 1 Specificaties Specificaties voor de app PC4U

De app PC4U voor een smartphone moet 4 tabs bevatten:

Home met het logo en een beschrijving van de computershop Shop met een overzicht van de te leveren producten Computers met een overzicht van de te leveren computersystemen Reparatie met een beschrijving van de reparatiemogelijkheden, voorwaarden en tarieven

De volgende voorbeeldvensters zijn weergegeven voor een Android smartphone.

23

Home

Shop

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

24

Computers

reparatie

Als in het venster van Shop op een item wordt geklikt, verschijnt de daarbij behorende informatie.

Klikken op 15” Monitor levert als voorbeeld de volgende informatie op:

Na druk op OK wordt weer teruggegaan naar het vorige venster Shop .

Zo ook, presenteert het klikken op het item Desktops in het venster Computers als voorbeeld de volgende gegevens:

25

Na druk op OK wordt weer teruggegaan naar het vorige venster Computers .

Nogmaals, de hierboven weergegeven en nog niet verder uitgewerkte vensters dienen als voorbeeld en er kan qua lay-out van worden afgeweken, maar de app moet wel deze functionaliteit en structuur hebben!

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

Bijlage 2

Bronnen

Downloads

QR code

Bronnen

Sjabloon Projectvoorstel Sjabloon Plan van Aanpak Sjabloon Functioneel Ontwerp Invulformulier Reflectieverslag Scoretabel Monitor Basisdocument Applicatieontwikkelaar

of http://qrs.ly/k64e3j1

26

27

Projectwijzer 11 Mijn eerste app / Mobiele applicatie bouwen

Applicatieontwikkelaar Niveau 4

Deze uitgave maakt onderdeel uit van een serie contextrijke beroepsopdrachten (projectwijzers) voor opleiden en examineren. De inhoud van de projectwijzers is afgestemd op de werkprocessen in het kwalificatiedossier ‘Applicatie- en mediaontwikkeling’, (geldig vanaf 1 augustus 2013). Deze projectwijzer is bedoeld voor de uitstroomrichting ‘Applicatieontwikkelaar’.

Deze serie contextrijke beroepsopdrachten is tot stand gekomen onder verantwoordelijkheid van Consortium Beroepsonderwijs.

Beroepsopdrachten PW Titel

Subtitel

Kerntaken

11

Mijn eerste app

Mobiele applicatie bouwen

1,2,3,4

12

POI-pinner

Mobiele applicatie bouwen

1,2,3,4

13

Mobile Memory app

Mobiele applicatie ontwikkelen met Scrum Mobiele applicatie ontwikkelen met Scrum

1,2,3,4

28

14

About the weather

1,2,3,4

Consortium Beroepsonderwijs: van, voor en door scholen.

*15ICT4AOPW11S* Bestelnummer: 15ICT4AOPW11S