6 weken. jaren. AO MD ALA B periode 2 HTML CSS Javascript Tafels Rekenen website.docx Pagina 1 van 6

jaren

weken 1 2 3 4

Opleiding

Applicatieontwikkelaar Periode 2 Ontwerp en realiseert

Complexiteit

Eind Niveau

Begeleiding

Weinig begeleiding

Duur

6 weken

Advies timing

Periode 2, ALA B

Focus op

Kerntaak 1 Ontwerpen van de applicatie, (cross)media-uiting of game WP 1.1 Stelt de vraag en/of informatiebehoefte vast WP 1.2 Maakt een plan van aanpak WP 1.3 Levert een bijdrage aan een functioneel ontwerp of Game Design Document WP 1.4 Maakt een technisch ontwerp WP 1.5 Richt de ontwikkelomgeving in Kerntaak 2: Realiseren van de applicatie, (cross)media-uiting of game WP 2.1 Legt een gegevensverzameling aan WP 2.2 Realiseert een applicatie WP 2.5 Test het ontwikkelde product

Inhoud van de bouwsteen

Korte beschrijving bouwsteen        

Maakt een Rapport informatiebehoefte aan de hand van gesprekken en interviews met klanten en gebruikersgroepen Stelt een Ontwerp van een applicatie op Stelt een Plan van aanpak op aan de hand van het Rapport Informatiebehoefte Richt een ontwikkelomgeving in dat overeenkomt aan de technische eisen van het technisch ontwerp Maakt zich de aangewezen programmeertaal en -methodieken (indien nodig) eigen Realiseert (onderdelen van) een applicatie volgens opdracht. Realiseert ergonomisch verantwoorde interfaces op basis van een bestaand ontwerp, bespreekt tussentijdse resultaten met de opdrachtgever en/of leidinggevende en past de applicatie zo nodig aan Test het ontwikkeld product en legt de uitkomsten van de test vast in een testverslag.

Ondersteunende informatie - Bespreken van het sjabloonRapport Informatiebehoefte,sjabloon Functioneel en Technisch Ontwerp. - Vertalen van de Informatiebehoefte naar FO - Vertalen van TO naar programma - Helpen met Javascript programmeren - Benodigde software installeren Deeltaakoefening - Softwareontwikkeling (KGC Software ontwikkeling 1) Photoschop / Gimp workschop (VGT Photoshop 2) - Java script programmeren (KGC & VGT HTML/CSS Javascript) Just in time informatie - Interventie bij ontwerpen en realisatie

AO MD ALA B periode 2 HTML CSS Javascript Tafels Rekenen website .docx

Pagina 1 van 6

jaren

weken 1 2 3 4

Competenties - Samenwerken en overleggen) - Formuleren en rapporteren - Vakkundigheid toepassen - Materialen en middelen inzetten - Analyseren - Onderzoek - Creëren en innoveren - Overtuigen en beïnvloeden - Presenteren - Plannen en organiseren - Op de behoeften en verwachtingen van de "klant" richten - Kwaliteit leveren - Met druk en tegenslag omgaan Project - HTML CSS Javascript Tafels Rekenen website zie projectbeschrijving

Projectbeschrijving

Als beginnende website programmeur krijg je de opdracht van een basisschool om een website voor het Tafels rekenen te helpen opzetten. Als eerste wens voor de applicatie hebben zij gedefinieerd dat als een leerling hun website bezoekt en een tafel wil leren, de leerling in een tafel kiest waarvan hij de tafel wil leren. Dan rekent jouw applicatie die tafel uit en toont de tafel met uitkomsten op de webpagina. De tafels lopen nu van 1 tot en met 10. De school wil later de tafels makkelijk kunnen uitbreiden van 1 tot 13. De tweede wens van de school is dat op de dezelfde website de leerlingen de mogelijkheid hebben om tafels te toetsen. Zij denken hierbij eraan dat de leerling een tafel kiest. Hierna verschijnt de volledige tafel op de website waar de leerling de uitkomst in kan vullen. Na het invullen drukt de leerling op een knop en krijgt hij/zij het resultaat terug met een beoordeling (per ingevuld antwoord) en een totale score (10 als alle antwoorden goed zijn!). De derde wens van de basisschool is om leerlingen die meer dan 5 foute antwoorden hebben bij een tafeltoets een oefenblaadje kunnen afdrukken om de tafel thuis te beoefenen. Dat oefenblaadje dient ten minste 20 tafeloefeningen te bevatten met illustraties. Bij elke tafel berekening kan de leerling het antwoord kiezen uit een 3 figuren: bijvoorbeeld: 1 x 3=

a)

of B)

of C)

De figuren kunnen de leerlingen zelf kiezen en dan het blaadje afdrukken. Om geen problemen met auteursrechten te krijgen heeft de school jullie gevraagd originele figuren voor hen te ontwerpen en of te fotograferen.


Pagina 2 van 6

jaren

weken 1 2 3 4

Op de website accepteren zij geen statisch content. Voor het hosten van de website gebruiken zij de usbwebserver (www.usbwebserver.nl) op poort 80.

Realisatie Je gaat het volgende opleveren:     

Een informatiebehoefte rapport op basis van de beschrijving van de opdracht. Zie hiervoor de sjabloon Rapport Informatiebehoefte Een Functioneel Ontwerp op basis van de het informatiebehoefte rapport. Zie hiervoor de sjabloon Functioneel Ontwerp Een Technisch Ontwerp op basis van de het Functioneel Ontwerp zie hiervoor de sjabloon Technisch Ontwerp. De tafels rekenen website met de oefenblaadjes digitaal in jpg formaat. Een testverslag (zie het Technisch Ontwerp voor de details)

Voorkennis  Je beheerst HTML5 en CSS3  Je kan een Rapport Informatiebehoefte, een Functioneel Ontwerp en een Technisch Ontwerp begrijpen, analyseren en omzetten naar een applicatie.  JE kan een applicatie testen.   

Je hebt basis computerkennis (je kunt met Windows, Linux of Mac OSX overweg) Je hebt basis internetkennis (je kunt met een browser webpagina’s openen) Je spreekt en schrijft Nederlands en Engels op VMBO eindnivo.

Benodigdheden Hardware 

werkende laptop of notebook computer met Windows, Linux of Mac OSX, zie specificaties in studiegids  dummy of een schetsboek om op papier schetsen en aantekeningen te maken  vorderingenstaat (bijlage) Software     

Microsoft Office of OpenOffice om verslagen te kunnen typen Teksteditor zoals Notepad++ of Textwrangler om HTML en CSS code mee te kunnen typen Internet browsers Firefox, Internet Explorer 6 en 7, Opera, Google Chrome en Safari Photoshop CS4+ / Gimp Video editing software (optioneel)


Pagina 3 van 6

jaren

weken 1 2 3 4



File transfer (FTP) programma of plugin zoals bijv. Filezilla of FireFTP om bestanden op de schoolserver te kunnen plaatsen Netwerk  

Toegang tot het IDC-ICT netwerk voor internet toegang Een webruimte op web5 om webpagina’s te kunnen publiceren

Beoordeling Met de projectbegeleider bespreek je hoe je ervoor kan zorgen dat je dit project in groepen van 2 of 3 studenten met een voldoende kan afronden. De beoordeling is opgenomen op de volgende pagina’s.


Pagina 4 van 6

jaren

weken 1 2 3 4

Student:

Klas:

Beoordeling Functioneel Ontwerp Onderdelen: Vorm

opmerkingen pnt

Voorblad Bevat juiste Titel, auteurs, datum en versienummer Het verslag is netjes ingebonden ingeleverd Inhoudsopgave

Inhoud Samenvatting 1.1 De samenvatting is helder en duidelijk Versiebeheer en de wijzigingen zijn specifiek Versiebeheer 1.2 beschreven Plan van De productenlijst is volledig en de planning is Aanpak 2.1 chronologisch en reeel Programma van Eisen 3.1. 3.3. 3.4. 3.5. Interfaces 4.1 4.1 4.2 4.2. Datamodel 5.1 5.2 5.3 5.4.

De beschrijving van de huidige situatie klopt met de realiteit De reden voor verandering is duidelijk verwoord De nieuwe situatie is duidelijk beschreven Alle functionele eisen uit de interviews zijn beschreven De interfaces zijn duidelijk weergegeven Bij elke interface is er een beschrijving/screnario meegeleverd het menu structuur is duidelijk weergegeven De use cases zijn volledig en juist getekend. Overerving is juist aangegeven Datamodel is in tenminste 3-de normaal vorm Datamodel komt overeen met invoerschermen en uitvoer Er is een schatting gemaakt voor de grootte van de database De beveiliging en beheer van database is beschreven en is uitvoerbaar

Goedkeuring klant/opdracht gever

De klant heeft het rapport goedgekeurd

Beoordeling

Totaal Cesuur(50%) V=voldoende;O=Onvoldoende


score 1 1 1 1 1 1 1 1 2 9 4 4 4 10 4 4 2 1

8 31 o

Pagina 5 van 6

jaren

weken 1 2 3 4

Beoordeleing Realisatie en Testen Onderdelen: Realiseren

home pagina met keuze menu oefenpagina toetspagina oefenplaatjes

Applicatie bevat alle functies van het FO Applicatie is volgens het TO gerealiseerd de code is overzichtelijk en is onderhoudbaar er is commentaar in de code opgenomen Testen

punte n score 5 5 10 10

5 nvt 5 2

Testplan/script gemaakt (specifiek!) Rapportage van de uitgevoerde test (specifiek en overzichtelijk) Totaal score Beoordeling (cesuur 50%)


3 3 48 V

O

Pagina 6 van 6

6 weken. jaren. AO MD ALA B periode 2 HTML CSS Javascript Tafels Rekenen website.docx Pagina 1 van 6

Recommend Documents