jaren
weken 1 2 3 4
Opleiding
Applicatieontwikkelaar /Mediadeveloper
Complexiteit Begeleiding
Begeleiding afnemend vanaf het eerste subsysteem.
Duur
Leerjaar 2, Blok 2
Advies timing
Taakklasse 6, (ALA A, ALA B, ALA C, ALA D.)
Focus op
1.1 Stelt de vraag en/of informatiebehoefte vast 1.2 Maakt een plan van aanpak 1.3 Levert een bijdrage aan een functioneel ontwerp of Game Design Document 1.5 Maakt een technisch ontwerp 1.6 Richt de ontwikkelomgeving in 2.1 Legt een gegevensverzameling aan 2.2 Realiseert een applicatie 2.5 Test het ontwikkelde product 3.1 Maakt of levert een bijdrage aan het implementatieplan 3.2 Stelt een acceptatietest op en voert deze uit 3.3 Implementeert een applicatie of (cross)media-uiting en/of -systeem 3.4 Evalueert een implementatie
Inhoud van de bouwsteen
Korte beschrijving bouwsteen
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.
Ondersteunende informatie - Voorbeelden bespreken. - Benodigde software installeren. - Ondersteuning bij het opstellen van Rapport Informatiebehoefte, FO, TO, UML diagrammen. - PHP/OOP, MySQL ondersteuning. - Engels; schrijven en presenteren. Deeltaakoefening -
Rapport Informatiebehoefte opstellen. Functioneel Ontwerp opstellen met daarin de use cases, interfaces, sequence diagrammen, toestandsdiagrammen en ERD in het Engels. Presentatie van het FO in het Engels Technisch Ontwerp met de technische eisen, klassediagrammen e.d. Plan van aanpak.
AO MD ALA C taakklasse 6 Webshop Ph Otto Graaf PhP OOP3 website.docx
Pagina 1 van 5
jaren
weken 1 2 3 4 -
HTML oefeningen ( VGT HTML\CSS) CSS oefeningen ( VGT HTML\CSS) PhP oefeningen Database test Testen van software ( KGC Testen 1) Documentatie van de applicatie Testrapport Implementatieplan maken Acceptatieplan maken en uitvoeren Systeem implementeren Implementatie evalueren
Just in time informatie - Interventie bij ontwerpen, realisatie, implementeren Competenties - Samenwerken en overleggen - Formuleren en rapporteren - Vakkundigheid toepassen - Materialen en middelen inzetten - Analyseren - Onderzoek - Creëren en innoveren - Plannen en organiseren - Op de behoeften en verwachtingen van de "klant" richten. - Kwaliteit leveren - Met druk en tegenslag omgaan. Project - Foto en Video webshop zie projectbeschrijving
Projectbeschrijving Je krijgt de opdracht van dhr. Ph. Otto Graaf een e-shop te ontwerpen, realiseren en implementeren. Uit een eerdere interview met deze opdrachtgeven is gebleken dat hij van zijn hobby een beroep wilt maken. Hij is een gedreven fotograaf en videomaker en heeft in de loop van de jaren een heleboel werk verzameld die hij nu te koop wilt aanbieden. Hij verwacht dat jij een webshop ontwerpt volgends het OOAD principe die met hem elke week bespreekt en uiteindelijk realiseert en implementeert.
AO MD ALA C taakklasse 6 Webshop Ph Otto Graaf PhP OOP3 website.docx
Pagina 2 van 5
weken
jaren
1 2 3 4
Hij heeft de volgende userstory geschreven: Als de webklant op de website opent ziet hij een webpagina met zijn naam Ph. Otto Graaf boven in de banner. In de banner staat ook zijn adres: Camera Obscura straat 101,0000 Digistad (zijn eigenlijke adres houdt hij even geheim). De klant ziet op dezelfde startpagina altijd 1 van zijn foto’s en of video. Rechts van die foto/video kan de klant kiezen uit de categorieën van foto’s en video die hij aanbiedt. De categorieën die bij nu aanbied zijn: landen, modellen en nieuws. De video’s en foto’s worden door elkaar getoond.
-
De foto’s worden altijd met een layer getoond waarin zijn initialen zijn opgenomen (40px). Het toevoegen van de layer met de initialen moet uiteindelijk dynamisch aangemaakt worden door de website. Van video’s wordt maar de eerste 20 sec van getoond aan de gebruiker. Dit wordt ook door de website dynamisch aan gemaakt.
De web shop moet op den duur een payment gateway implementeren. dhr. Graaf wilt dat je voor hem nagaat welke de mogelijkheden zijn en wat die kosten. Het payment systeem hoeft niet te worden gebouwd. Bestellen Als je als klant een foto en/of video wilt hebben dan kan je deze op een bestelkaart plaatsen. Dit gaat door onder de getoonde foto/video op de knop “Bestellen” te klikken. (bestelkaart wordt gevuld) Afronden bestelling Het afronden van de bestellen gaat via de knop “Bestelling afronden”. Er wordt via webform gevraagd naar klantgegevens en de factuur wordt naar de klant zijn webadres verstuurd. De verstuurde factuur moet voldoen aan de BTW voorwaarden voor Nederlanders en buitenlanders. Na het versturen van de factuur krijgt de klant de mogelijkheid om de bestelling de downloaden. (De echte betaling valt buiten het project.). Overzicht Aan het eind van elke week wil dhr. Graaf een lijst met bestellingen en door de klanten gerealiseerde downloads incl. inkomsten genereren. Ondanks aandringen van ons heeft dhr. Graaf geen video’s en foto’s meegegeven voor de demo website. We hebben met hem afgesproken dat de studenten zelf voor demo materiaal zorgen die wel qua inhoud de categorieën moeten volgen. Dhr. Graaf communiceert verder via de docenten.
Extra: Via de website moet de klant ook zijn hulpvragen/opmerkingen kunnen achterlaten voor de dhr Graaf. Dhr Graaf wilt zijn reactie via zijn admin gedeelte kunnen doormailen naar de klant, zodat hij uiteindelijk al zijn reacties in een FAQ database heeft (die hij later wilt publiceren).
AO MD ALA C taakklasse 6 Webshop Ph Otto Graaf PhP OOP3 website.docx
Pagina 3 van 5
jaren
weken 1 2 3 4
Met dhr. Graaf is de volgende planning afgesproken Week nr: 1 2 3 4 5 6 7 8 9 10
Op te leveren producten Opstellen 1-ontwerp rapporten Definitieve ontwerp rapporten Eerste fase realisatie web shop Tweede fase realisatie web shop Testen en aanpassen web shop Opstellen implementatie plan Opstellen acceptatietesten De implementatie van de web shop op een gratis webhost Uitvoeren acceptatietesten Eind presentatie en argumentatie ontwerp, realisatie en implementatie van de webshop
AO MD ALA C taakklasse 6 Webshop Ph Otto Graaf PhP OOP3 website.docx
Beoordelingen
Pagina 4 van 5
weken
jaren
1 2 3 4
Voorkennis Je hebt basis computerkennis systeemontwikkeling. Je hebt basiskennis programmeren. Je spreekt en schrijft Nederlands en Engels tenminste in 2F (B2) niveau. Benodigdheden Hardware
Werkende laptop of notebook computer met Windows, Linux of Mac OSX, zie specificaties in studiegids. Dummy of een schetsboek om op papierschetsen en aantekeningen te maken.
Software Microsoft Office of OpenOffice om verslagen te kunnen typen. Case tool voor UML zoals Visual Paradigm, UMLET, ArgoUML etc. Teksteditor zoals Notepad++ of Tekstwrangler om HTML, CSS, PhP, JavaScript code mee te kunnen typen. IDE zoals Eclipse of Netbeans. Internet browsers: Firefox, Internet Explorer, Opera, Google Chrome en Safari (laatste gangbare versie’s). FTP-programma of plugin zoals bijv. Filezilla of FireFTP om bestanden op de schoolserver te kunnen plaatsen. XAMP of soortgelijk MySQL/Apache/PhP package. Netwerk
Toegang tot het IDC-ICT netwerk voor internettoegang. Eventueel een webruimte op WEB5 om webpagina’s te kunnen publiceren.
Beoordeling De projectbegeleider geeft jou in week 2 inzicht in de beoordelingseisen van dit deze ALA onderdelen. Brondocumentatie 1. System Development Methodology, W.S. Turner et al,1990, Cap Gemini Publishing. 2. Kwalificatiedocument Applicatie Ontwikkelaar: http://www.ecabo.nl/sites/default/files/kwalificatiestructuur/cgbo/20102011/applicatieontwikkelaar-2010-2011.pdf 3. http://www.html5rocks.com/en/tutorials/forms/html5forms/ 4. http://www.devinrolsen.com/pure-css-horizontal-menu/ 5. Webdesign 4, Academic Service 6. Informatie Analyse 4, Academic Service
AO MD ALA C taakklasse 6 Webshop Ph Otto Graaf PhP OOP3 website.docx
Pagina 5 van 5
