Skip to content

Instantly share code, notes, and snippets.

@OlivierParent

OlivierParent/NMDAD-II_Briefing_2014-2015.md

Last active August 29, 2015 14:23
Show Gist options
  • Save OlivierParent/108286a7f54f4a53eee7 to your computer and use it in GitHub Desktop.
Save OlivierParent/108286a7f54f4a53eee7 to your computer and use it in GitHub Desktop.
Download ZIP
NMDAD-II_Briefing_2014-2015.md
Raw
NMDAD-II_Briefing_2014-2015.md

NMDAD II - Briefing

NMDAD II Informatie
Opleidingsonderdeel New Media Design & Development II
Academiejaar 2014-2015
Docent Olivier Parent
Instelling Arteveldehogeschool
Opleiding Bachelor in de grafische en digitale media
Afstudeerrichting Multimediaproductie
Keuzeoptie proDEV

[TOC]

I. Algemeen

1. Begincompetenties

Dit opleidingsonderdeel bouwt verder op deze opleidingsonderdelen:

2. ECTS-fiche

ECTS-fiche van NMDAD II

2.1 Studieomvang

De studieomvang bedraagt 6 studiepunten volgens het European Credit Transfer and Accumulation System.

Activiteit Uur
Hoor en werkcolleges 24
Praktijk 30
Taken in zelfstudie 118
Toets- en examentijd 8
Totaal 180

Concreet wordt van elke student verwacht dat hij/zij minstens 148 uur (vergelijkbaar met 4 weken fulltime werken) aan deze opdracht besteedt.

2.2 Competenties

  • GDM/211 (Component)
    De bachelor is bekwaam de productiestadia, de beheersprocessen en de producten van de grafische en digitale media te bepalen. Hij is in staat om op basis van deze informatie onderbouwde beslissingen te nemen en op te volgen.
  • 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 (Niveau 2)
    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.

2.3 Doelstellingen

  • 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 volledige Mobile Web App die zowel een front- als backoffice bevat.
  • De student voert in groep bovenstaande aspecten uit rekening houdend met de aangeleerde projectmethodologie.

Dit opleidingsonderdeel is een voorbereiding op New Media Design & Development III

2.4 Inhoud

  • Mobile Web App realiseren.
  • Version Control System toepassen.
  • Geautomatiseerde workflows opzetten en toepassen.
  • Front-end framework(s).
  • JavaScript-Framework(s).
  • PHP via een RAD-framework:
    • OOP
    • MVC
    • RESTful
    • Templating
    • ORM
  • Database Modeling

2.5 Evaluatie

Eerste Examenkans
  • 70 % Werkstuk
  • 30 % Mondeling Examen (+ productiedossier en academische poster)
Tweede Examenkans
  • 70 % Werkstuk
  • 30 % Mondeling Examen (+ productiedossier en academische poster)

2.6 Beoordelingscriteria

Minimale vereisten:

II. Werkstuk

Het werkstuk wordt op een Bitbucket-repository gepubliceerd dat toegankelijk is voor Olivier Parent(https://bitbucket.org/olivierparent) en Philippe De Pauw - Waterschoot.

1. Inleiding

Probleemstelling
Hoe kunnen Gentse studenten aangespoord worden om te carpoolen naar een campus van een hogeschool of universiteit?

2. Opdracht

Ontwerp en implementeer in groep (2 tot 3 leden) een mobile first, responsive web app om te carpoolen naar een campus van een hogeschool of universiteit in Gent. De frontoffice van de web app moet de gebruikers aanzetten tot frequenter te carpoolen door gamificatie toe te passen (bijv. scores, leaderboard, badges, quests, enz.). De backoffice moet toelaten dat de beheerder van de web app gebruikers kan beheren en nuttige statistieken kan bekijken over de bezoekers/gebruikers.

Verwerk open data van de stad Gent in de web app.

Bekijk ter inspiratie bestaande carpool websites zoals (maar niet beperkt tot) www.carpool.be en http://www.blablacar.nl/.

3. Specificaties

3.1 Technische specificaties

Onderstaande technologieën moeten toegepast worden om te kunnen slagen voor dit opleidingsonderdeel.

3.1.1 Ontwikkelingsomgeving

IDE's, editors en GUI-tools zijn vrij te kiezen. Enkele suggesties:

3.1.2 Automatisatie
3.1.3 Server-side
3.1.4 Client-side

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.

3.1.5 Documentatie
3.1.6 Presentatie
  • Reveal.js (of andere zoals bijv. PowerPoint)

3.2 Functionele Specificaties

3.2.1 Rollen
  • Beheerder
  • Gebruiker
  • Bezoeker
3.2.2 Verplichte functionaliteiten per rol

Bedenk zelf een orgineel en creatief concept voor het werkstuk en werk uit. Het werkstuk moet naast de zelfbedachte functionaliteiten ook onderstaande functionaliteiten bevatten.

Beheerder
  • Aanmelden met gebruikersnaam en wachtwoord
  • Afmelden
  • Gebruiker toevoegen
  • Gebruiker verwijderen (soft delete)
  • Gebruiker schorsen, zodat de gebruiker (tijdelijk) niet meer kan aanmelden
  • Gebruikersstatistieken raadplegen
Gebruiker
  • Profiel aanmaken: gebruikersnaam, wachtwoord, profielfoto toevoegen, naam, contactgegevens, adresgegevens
  • Profielgegevens wijzigen
  • Aanmelden met e-mailadres en wachtwoord
  • Afmelden
  • Andere gebruikers zoeken volgens criteria
  • Friend Request sturen naar andere gebruikers
  • Friend Request accepteren

3.3 Niet-functionele Specificaties

  • 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!).

4. Mappen en bestanden

nmdad2.arteveldehogeschool.local/
├── docs/
|   └── productiedossier.pdf
├── www/
└── README.md

nmdad2 mag je vervangen door de naam van het project

Het bestand README.md bevat:

  • Gegevens van de auteur(s).
  • Alle nodige gegevens om het werkstuk te deployen.

III. Productiedossier

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 van deliverables en features
  • Briefing
  • Planning
  • Timesheet per teamlid (tijdsregistratie van de uren die aan dit opleidingsonderdeel besteed hebt)
  • Ideaboard
  • Concept
  • Personas
  • Sitemap
  • Wireframes
  • Visueel ontwerp
    • Moodboard
    • Style Tiles (minstens 3 en duid aan welke gekozen werd)
    • Screen Designs
  • Link naar het Bitbucket-repository

IV. Academische Poster

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!

V. Presentatie

Tijdens de presentie toon je aan:

  • dat het productiedossier volledig is;
  • dat de gevraagde features aanwezig zijn en correct functioneren;
  • dat de gevraagde technologieën toegepast zijn;
  • of er eventuele extra's toegevoegd zijn.

Zorg voor een grafisch verzorgde presentatie en een verzorgd taalgebruik.

Elk groepslid toont duidelijk aan welke delen van het groepswerk door hem/haar gemaakt zijn.

VI. Deliverables & Deadlines

  • Maandag 25 mei 2015

    • Indienen productiedossier als PDF via WeTransfer. Enkel groepen die indienen krijgen een time-slot op het uurrooster voor het mondeling examen.

  • Dinsdag 26 mei 2015

    • Mondeling examen: presentatie van het werkstuk.
    • Indienen academische poster, afgedrukt op A3.
    • Checklist met wat gedaan is en nog gedaan moet worden.

  • Dinsdag 16 juni 2015

    • Definitieve code op Bitbucket
    • Geüpdatet productiedossier op Bitbucket.

VII. Tweede examenkans

Voor de tweede examenkans moet het werkstuk gebaseerd zijn op de laatste versie van de voorbeeldapplicatie op Bitbucket. Je mag nog altijd in groep werken, maar je moet elk individueel minstens één functionaliteit implementeren die zowel een client-side (AngularJS, Gulp, Sass), server-side (Laravel controller voor de RESTful api …) als database (via Eloquent ORM, met [migrations en seeds) onderdeel omvat. Deze functionaliteit moet voldoende complex zijn (bijv. relaties gebruiken in de database) en mag niet in de voorbeeldapplicatie aanwezig zijn. Vermeld bij elk bestand bovenaan ook de auteur (@author) in commentaar en indien er meerdere auteurs zijn, zet je bij het onderdeel (bijv. funtie of methode) de auteur.

Presentatie

Je presenteert de geïmplementeerde functionaliteit(en) niet in groep, maar individueel. Focus de presentatie op het technische aspect: code en database.

Wijzigingen technische specificaties

  • Artevelde Laravel Homestead (latest)
  • AngularJS 1.4.x (latest)
  • Laravel 5.1 LTS (latest) en alle PHP-code moet conform de PSR-2-standaard zijn. Laravel gebruikt de PSR-2 standaard sinds versie 5.1, net als Symfony2, Drupal 8 en vele andere PHP-projecten dat eerder al deden.

Tips

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 II. Indien dit ook geen oplossing biedt kan er een afspraak met de docent gemaakt worden voor een TeamViewer-sessie.

Bekijk zeker:

Deliverables & Deadlines

  • Maandag 17 augustus 2015

    • Indienen (geüpdatet) productiedossier als PDF via WeTransfer. Je dient individueel een exemplaar van het productiedossier in met deze toevoegingen: je individuele tijdsbesteding, een link naar het Bitbucket-repository waar de code staat en linken naar de bestanden van de toegevoegde functionaliteit. Indien je al een volledig productiedossier in eerste examenkans ingediend hebt, volstaat het de toevoegingen bij te voegen aan de versie uit eerste examenkans.

  • Maandag 24 augustus 2015

    • Mondeling examen: presentatie van het werkstuk. (Je presenteert niet in groep, maar individueel en je legt de nadruk op het technische aspect (code en database).
    • Indienen academische poster, afgedrukt op A3 (indien nog niet ingediend in eerste examenkans).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment