| NMDAD III | Informatie |
|---|---|
| Opleidingsonderdeel | New Media Design & Development III |
| Academiejaar | 2014-2015 |
| Docent | Olivier Parent |
| Instelling | Arteveldehogeschool |
| Opleiding | Bachelor in de grafische en digitale media |
| Afstudeerrichting | Multimediaproductie |
| Keuzeoptie | proDEV |
[TOC]
Dit opleidingsonderdeel bouwt verder op deze opleidingsonderdelen:
- Crossmedia Publishing I
- Crossmedia Publishing II
- New Media Design & Development I
- New Media Design & Development II
- Software Development
- Webdesign I
- Webdesign II
- Web Design & Development I
- Web Design & Development II
De studieomvang bedraagt 7 studiepunten volgens het European Credit Transfer and Accumulation System.
| Activiteit | Uur |
|---|---|
| Hoor en werkcolleges | 54 |
| Praktijk | 18 |
| Taken in zelfstudie | 80 |
| Zelfstudie | 21 |
| Toets- en examentijd | 2 |
| Totaal | 175 |
Concreet wordt van elke student verwacht dat hij/zij minstens 119 uur (vergelijkbaar met 3 weken fulltime werken) aan deze opdracht besteedt.
- MMP/201 (Component)
De bachelor is bekwaam om een projectvoorstel voor een multimediaal project uit te werken, te plannen en op te volgen. - MMP/204 (Component)
De bachelor is bekwaam om van een opdracht een analyse te maken, en daaruit een technisch concept te ontwikkelen en te vertalen naar een ontwerp voor een multimediaproduct. - MMP/205 (Component)
De bachelor is bekwaam om een dynamische webtoepassing, mobiele toepassing en Rich Internet Application te ontwikkelen.
- De student zet een ontwikkelomgeving op die de aangeleerde workflow ondersteunt.
- De student zet vooropgestelde eisen om naar een geschikt databasemodel.
- De student ontwerpt en ontwikkelt met de aangeleerde tools en frameworks een deel van een Mobile Hybrid App en bijhorende back-end.
- De student voert in groep bovenstaande aspecten uit rekening houdend met de aangeleerde projectmethodologie.
- Mobile Hybrid App realiseren.
- Version Control System toepassen.
- Geautomatiseerde workflows opzetten en toepassen.
- Front-end framework(s).
- JavaScript-Framework(s).
- Mobile Development Framework.
- PHP via een Enterprise Level-framework:
- OOP
- MVC
- RESTful
- Templating
- ORM
- Unit Testing
- Functional Testing.
- Database Modeling.
- 70 % Werkstuk
- 30 % Mondeling Examen (+ productiedossier en academische poster)
- 70 % Werkstuk
- 30 % Mondeling Examen (+ productiedossier en academische poster)
Het werkstuk wordt op een Bitbucket-repository gepubliceerd dat toegankelijk is voor Olivier Parent en Philippe De Pauw - Waterschoot.
Probleemstelling
Jonge kinderen hebben vaak problemen met het leren lezen van de klok en ook volwassenen kunnen door een ongeval of toeval deze vaardigheid verliezen. Leermateriaal is vooral afgestemd op gewone kinderen die de klok leren lezen in een schoolsituatie. Voor therapeuten bestaat er echter geen leermateriaal dat de therapeutische principes volgt. Bovendien is het bestaande leermateriaal enkel gericht op kinderen, waardoor volwassenen er niet graag gebruik van maken.
Om dit op te lossen werd de applicatie Rika-Tika ontwikkeld aan de Arteveldehogeschool met medewerking van de vakgroep Onderwijskunde van de Universiteit Gent. Dit is een prototype van een toepassing voor klokleren die door de opleidingen Bachelor in de logopedie en de audiologie en Bachelor in de grafische en digitale media op basis van wetenschappelijk onderzoek.
Werk individueel één of meer functionaliteiten (features) van Rika-Tika uit met de technologieën die tijdens de colleges aan bod komen.
Je doorloopt de volledige workflow per feature op een correcte en volledig manier:
4D: Define → Design → Develop → Deploy.
De opgeleverde functionaliteiten moeten productiewaardig zijn (geen visuele bugs en perfect volgens de vooraf bepaalde specificaties. Pas hiervoor Behaviour-Driven Development toe en zorg ervoor dat de code goed gedocumenteerd is.
Pas de technologieën toe die tijdens de les aan bod gekomen zijn.
Onderstaande technologieën moeten toegepast worden om te kunnen slagen voor dit opleidingsonderdeel, voor zover ze van toepassing zijn op de gekozen functionaliteiten.
IDE's, editors en GUI-tools zijn vrij te kiezen. Enkele suggesties:
- Atom
- Brackets
- MySQL Workbench
- PhpStorm (licentie is te vinden op Chamilo)
- Sequel Pro
- SourceTree
- Visual Studio Code
- AngularJS
- Bootstrap
- HTML5
- Ionic Framework (enkel van toepassing indien een Hybrid Mobile App ontwikkeld wordt).
- Sass
- Angular ngdoc voor de JavaScript DocBlocks
- GitHub Flavored Markdown
- phpDocumentor voor de PHP DocBlocks
Indien andere technologieën nodig zijn, dan mogen die gebruikt worden. Op voorwaarde dat de nieuwe technologie niet als vervanging voor een van de bovenstaande technologieën gebruikt wordt. Bijvoorbeeld: jQuery mag niet gebruikt worden als hetzelfde met AngularJS bereikt kan worden. Uitzonderingen kunnen enkel met toestemming van de docent.
Registreer je op Trello en vraag toegang tot het Trello Board aan de docent. Hierop vind je een lijst van alle uit te werken functionaliteiten. Kiest zelf één of meerdere functionaliteiten die je binnen de tijd die voor dit opleidingsonderdeel voorzien werd kan uitwerken.
Werk op een Agile manier. In deze context wil dit zeggen dat je de deelfunctionaliteiten prioritiseert en een voor een uitwerkt tot op een niveau dat het productieklaar is. De belangrijkste deelfunctionaliteiten worden eerst uitgewerkt.
De functionaliteiten zijn zeer summier omschreven en de wireframes moeten als een aanzet beschouwd worden. Dit laat ruime mogelijkheden om er je eigen creativiteit en ideeën in te verwerken.
- Pas de Behaviour-Driven Development-methodologie toe.
- Documenteer alle PHP en JavaScript code met docblocks.
- Grafisch verantwoord, esthetisch verzord en gebruiksvriendelijk (zoals van een student Grafische en digitale media verwacht mag worden!).
nmdad3.arteveldehogeschool.local/
├── app/
├── docs/
| └── productiedossier.pdf
├── www/
└── README.md
app/ is de map voor de Native Hybrid App en www is de map voor de
Het bestand README.md bevat alle nodige gegevens om het werkstuk te deployen.
Digitaal als PDF indienen via WeTransfer naar olivier.parent@arteveldehs.be op de deadline (VI. Deadlines en Deliverables).
Het productiedossier documenteert de gevolgde workflow (4D) en bevat volgende onderdelen voor zover ze toepassing zijn voor de gekozen funtionaliteit(en):
- Voorblad
- Checklist met alle gevraagde onderdelen
- Briefing
- Gekozen functionaliteiten
- Planning
- Timesheet (tijdsregistratie van de uren die aan dit OLOD besteed hebt)
- Sitemap
- Wireframes
- Style Tiles (minstens 3 en duid aan welke gekozen werd)
- Screen Designs
- Link naar het Bitbucket-repository
Afgedrukt op A3 (297×420 mm), in te dienen op het mondeling examen.
Een afgedrukte A3-poster die de presentatie moet ondersteunen. De academische poster moet een leek duidelijk maken wat het project was:
- Synopsis
- Doel van de opdracht
- Resultaat (ondersteund met schermafbeeldingen)
- Gebruikte technologieën (gebuik logo's indien mogelijk, maar vermijd specifieke versienummers zodat het niet te snel verouderd overkomt)
Niet vergeten te vermelden: Namen van studenten, academiejaar, Bachelor in de grafische en digitale media, Multimediaproductie, proDEV, Arteveldehogeschool.
Controleer extra goed op spellingsfouten!
Tijdens de presentie toon je aan:
- dat je BDD toegepast hebt;
- dat het productiedossier volledig;
- dat je de gevraagde technologieën toegepast hebt;
- of er eventuele extra's toegevoegd zijn.
Zorg voor een grafisch verzorgde presentatie en verzorgd taalgebruik.
Indien je werkstuk delen of werk van andere studenten bevat, geef je dit duidelijk aan!
-
Maandag 29 december 2014
- Indienen productiedossier als PDF via WeTransfer. Enkel wie indient krijgt een time-slot op het uurrooster voor het mondeling examen.
-
Woensdag 14 januari 2015
- Mondeling examen: presentatie van het werkstuk.
- Indienen academische poster, afgedrukt op A3.
- Indienen bijgewerkt productiedossier als PDF via WeTransfer.
- Artevelde Laravel Homestead (latest)
- Symfony 2.7 LTS (latest)
Schrijf nette code: volg indien mogelijk standaard, let op insprongen, gebruik duidelijke naamgevingen (in het Engels!) en voorzie commentaar indien de bedoeling van de code voor een (andere) developer niet meteen voor de hand liggend is.
Vragen, onduidelijkheden, problemen, opmerkingen of zit je compleet vast?
Ga naar de HipChat Room voor NMDAD III. Indien dit ook geen oplossing biedt kan er een afspraak met de docent gemaakt worden voor een TeamViewer-sessie.
-
Maandag 17 augustus 2015 Indienen productiedossier als PDF via WeTransfer. Enkel wie indient krijgt een time-slot op het uurrooster voor het mondeling examen.
-
Maandag 31 augustus 2015
- Mondeling examen: presentatie van het werkstuk.
- Indienen academische poster, afgedrukt op A3.