jaren
weken 1 2 3
Opleiding
Applicatieontwikkelaar / Mediadeveloper
Complexiteit
Basis A
Begeleiding
Veel begeleiding
Duur
3 weken
Advies timing
Periode 2, ALA A (AOMD14 ALA 2 ICT (a)) V1.0
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 welke overeenkomt met 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 Rapport Informatiebehoefte, Functioneel- en Technisch Ontwerp. - Vertalen van TO naar programma. - Helpen met Javascript programmeren. - Benodigde software installeren.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 1 van 31
jaren
weken 1 2 3
Deeltaakoefening - Softwareontwikkeling (KGC Softwareontwikkeling 1). - Photoshop / Gimp workschop (VGT Photoshop 2) . - Testen van software ( KGC Testen 1) - JavaScript programmeren (KGC & VGT HTML/CSS JavaScript). Just in time informatie - Interventie bij realisatie. 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 Telefonische Helpdesk website (zie projectbeschrijving)
Projectbeschrijving De helpdesk afdeling van een grote Internetprovider wil een nieuw helpdesksysteem laten ontwikkelen om de telefonische klachten en vragen van haar klanten beter af te wikkelen. Voordat het systeem daadwerkelijk wordt gebouwd wil de opdrachtgever eerst een ‘uitgeklede’ versie laten ontwikkelen om te onderzoeken of het systeem in de praktijk werkt. Realisatie Je gaat de website realiseren welke voldoet aan de eisen van het FO en TO. Je dient zelf te researchen naar de teksten en afbeeldingen die je op de htm-lpagina’s gaat plaatsen om de website aantrekkelijk te maken. Voor alle gewenste producten hebben docenten van de opleiding AO-MD gesprekken gevoerd en de Functionele en Technisch Ontwerpen laten opstellen. Helaas zijn hier en daar nog wat fouten in het ontwerp geslopen. Nu is het aan jullie, 1-jaars studenten, om het ontwerp verder te analyseren en optimaliseren voor en na de realisatie van de website.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 2 van 31
weken
jaren
1 2 3
Voorkennis Je beheerst HTML5 en CSS3. Je kunt een Rapport Informatiebehoefte, een Functioneel Ontwerp en een Technisch Ontwerp begrijpen, analyseren en omzetten naar een applicatie. Je kunt een applicatie testen. Je hebt basis computerkennis (je kunt met Windows, Linux of MAC OS X overweg). Je hebt basis internetkennis (je kunt met een browser webpagina’s openen). Je spreekt en schrijft Nederlands en Engels op VMBO eindniveau. Benodigdheden Hardware
Werkende laptop of notebook computer met Windows, Linux of MAC OS X, zie specificaties in studiegids. Dummy of een schetsboek om op papier schetsen en aantekeningen te maken.
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 9 en 10, Opera, Google Chrome en Safari. Photoshop CC + / Gimp. Video-editing software (optioneel) 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 internettoegang.
Beoordeling Je voert het project individueel uit. Je levert de volgende zaken in: -
FO v2 (verbeterde versie) TO v2 (verbeterde versie) De helpdeskwebsite Het testrapport
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 3 van 31
jaren
weken 1 2 3
Bijlage 1
FUNCTIONEEL ONTWERP
Telefonisch Helpdesk
Auteur:
Roger Keizer bewerkt door R. Oemraw & M. Volwater
Opdracht:
Telefonische Helpdesk
Datum:
16 november 2014
Versie:
1.1
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 4 van 31
jaren
weken 1 2 3
Inhoudsopgave 1 Samenvatting ........................................................................................................................... 6 1.1 Samenvatting voor de klant ................................................................................................ 6 1.2 Versiebeheer ..................................................................................................................... 6 1.3 Verzendlijst ........................................................................................................................ 6 2 Plan van aanpak....................................................................................................................... 6 2.1 Op te leveren producten..................................................................................................... 6 2.2 Planning............................................................................................................................. 6 3 Programma van eisen .............................................................................................................. 7 3.1 Doelstelling ........................................................................................................................ 7 3.2 Huidige situatie .................................................................................................................. 7 3.3 Reden van verandering/aanpassing ................................................................................... 7 3.4 Nieuwe situatie .................................................................................................................. 7 3.5 Functionele eisen gesteld aan de nieuwe situatie .............................................................. 7 3.5 Systeemeisen gesteld aan de nieuwe situatie .................................................................... 8 4 Het systeem ............................................................................................................................. 9 4.1 Use case ............................................................................................................................ 9 4.2 Interfaces ......................................................................................................................... 10 5 Datamodel .............................................................................................................................. 20 5.1 De database .................................................................................................................... 20 5.2 Het ER Model .................................................................................................................. 20 5.3 Inhoud van de database................................................................................................... 20 5.4 Beheer en beveiliging van de database ........................................................................... 20 6 Slotconclusie .......................................................................................................................... 21 6.1 Verantwoording ................................................................................................................ 21 6.2 Bronvermelding ................................................................................................................ 21
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 5 van 31
jaren
weken 1 2 3
1 Samenvatting 1.1 Samenvatting voor de klant Dit document omvat de rapportage over de fase Functioneel Ontwerp van het project Telefonisch Helpdesk. Alle hoofdonderdelen, alsmede conclusies en aanbevelingen, zijn verwerkt in dit totaaloverzicht, met eventuele verwijzingen naar separate uitgebreide documenten, die gedurende deze fase zijn opgesteld. 1.2 Versiebeheer Versie
Status
Datum
Auteur
Aanpassingen
0.1
Niet definitief
3/10/2011
R.Keijzer
Gehele inhoud opgesteld op 5/10/2012
0.2
Niet definitief
1/11/2011
R.Oemraw
Inhoudsopgave aangepast, Schermen toegevoegd.
1.0
Definitief
17/11/2013
M. Volwater
Opmaak aangepast en inhoudelijke en taaltechnische verbeteringen doorgevoerd.
1.1
Definitief
16/11/2014
M.Volwater
Inhoudelijke verbeteringen.
1.3 Verzendlijst Dit document wordt ter beschikking gesteld aan: studenten ICT opleiding AO-MD (T&I3 en T&I4)
2 Plan van aanpak 2.1 Op te leveren producten functionele eisen systeemeisen datamodel schema’s schermen documenten 2.2 Planning Het functioneel project heeft gelopen van 18/10/2014 tot 07/10/2014.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 6 van 31
jaren
weken 1 2 3
3 Programma van eisen 3.1 Doelstelling De odrachtgever, een grote Internetprovider, wil onderzoeken of een ‘uitgeklede’ versie van een nieuw helpdesksysteem de huidige problemen binnen de helpdeskafdeling oplost. 3.2 Huidige situatie Er blijken grote problemen te zijn op de helpdeskafdeling. Het bedrijf verliest klanten en leidt forse imagoschade door deze problemen. 3.3 Reden van verandering/aanpassing Uit gesprekken met medewerkers van de helpdeskafdeling is naar voren gekomen dat zij hun huidige werkzaamheden als bureaucratisch, onduidelijk en inefficiënt ervaren. Er zijn twee medewerkers aangewezen die de testapplicatie gaan uitproberen zodra deze is opgeleverd. Zij gaan onderzoeken of de applicatie een verbetering is voor hun huidige werkzaamheden. Hun feedback wordt gedocumenteerd en gebruikt om het systeem door te ontwikkelen naar de definitieve versie. 3.4 Nieuwe situatie De website zal gerealiseerd worden door de ICT studenten van het ID College en in eerste instantie gehost worden op de persoonlijke webomgeving van deze studenten. 3.5 Functionele eisen gesteld aan de nieuwe situatie 1. De applicatie is een website waarvoor geen login vereist is. 2. Het kan draaien op het intern netwerk bij de opdrachtgever. 3. Beveiliging en back-up van de omgeving wordt door de opdrachtgever verzorgd. 4. De hoofpagina stelt een serie vragen die van algemeen steeds specifieker worden. Zodra de technische oorzaak van het probleem gevonden is, wordt een hyperlink getoond die een oplossingspagina opent. 5. Op de oplossingspagina staat gedetailleerde informatie over hoe het probleem opgelost moet worden. 6. Voor deze testapplicatie wordt nu geen Relationele Database ingezet. Alle webpagina’s met de gedetailleerde oplossingen beschouwen we als de bestandsdatabase.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 7 van 31
jaren
weken 1 2 3
De acceptatietest: Eisen
werkt (ja/nee)
verdere acties
Het systeem kan naam van de beller tonen. Het systeem kan de modem van de beller tonen. Het systeem kan de oplossing bij internetproblemen tonen. Het systeem kan de oplossing bij belproblemen tonen. Het systeem kan de oplossing bij TV-problemen tonen. Het systeem kan de oplossing bij Internet- en TV-problemen tonen. Het systeem kan de oplossing bij bel- en TV-problemen tonen. Het systeem kan de oplossing bij Internet- en TV-problemen tonen. Het systeem kan oplossingen bij Internet-, belen TV-problemen tonen. Het systeem kan oplossingen bij het traag laden van webpagina’s tonen.
3.6 Systeemeisen gesteld aan de nieuwe situatie De website wordt door de student gehost op de persoonlijke webomgeving.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 8 van 31
jaren
weken 1 2 3
4 Het systeem 4.1 Use case Voor dit project wordt gebruik gemaakt van het object oriented analyses and design (OOAD) methodiek. Deze techniek maakt gebruik van de Uniform Modelling Language (UML). In het FO worden de use cases van het systeem opgenomen. De use cases geven de functionaliteiten van het systeem weer. In het TO wordt de interne werking van het systeem verder uitgewerkt met de andere schematechnieken van OOAD/UML.
Figuur 1 - Use Case van het eerstelijns vragenlijstsysteem Globale beschrijving van het eerste lijnsvragenlijst systeem: Een klant met problemen belt de helpdesk van het bedrijf. De helpdeskmedewerker neemt de telefoon op en gaat de vragenlijst invullen. Nadat de helpdeskmedewerker de vragen heeft gesteld, komt het systeem met een oplossing die het syteem ophaalt uit de webpagina-database. Als het een oplossing heeft gevonden, dan toont het systeem de oplossing aan de helpdeskmedewerker die dan de oplossing aan de beller/klant kan doorgeven. Als de helpdeskmedewerker geen oplossing kan vinden voor het probleem, dan zet hij/zij het door naar de 2-de lijns supportafdeling.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 9 van 31
jaren
weken 1 2 3
4.2 Interfaces In dit hoofdstuk vindt u de beschrijving van de interface tussen de website en gebruiker. Lay-out van de website: Als de helpdeskmedewerker de vragenlijst opstart, dan wordt gevraagd naar de naam van de klant in een popup-venster. Als de medewerker niks invult blijft het venster actief.
Figuur 2 - Beginscherm Als de medewerker de naam heeft ingevuld, wordt de naam van de beller op de webpagina getoond. Tegelijkertijd wordt gevraagd om de datum van de dag in een volgende popup-venster in te voeren.
Figuur 3 - Klantnaam en datum
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 10 van 31
jaren
weken 1 2 3
Onder de naam van de klant wordt nadat de datum is ingevoerd, de datum getoond en wordt de vraag: “Wat is het merk en type van uw modem? “ in een popup-venster getoond.
Figuur 4 - Modem Na invullen van het merk en type wordt ook die informatie op de webpagina getoond en wordt het volgende popup-venster getoond:
Figuur 5 - Internet Als de medewerker op OK klikt komt het volgende scherm. Als de medewerker op cancel klikt, gaat het programma naar het scherm in figuur 8. Internet en Bellen.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 11 van 31
jaren
weken 1 2 3
Figuur 6 - Internet Test De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op Cancel als de klant ontkennend antwoord. Als de medewerker op OK of Cancel klikt verschijnt het volgende popup-venster:
Figuur 7 - Reload test De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op Cancel als de klant ontkennend antwoord.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 12 van 31
jaren
weken 1 2 3
Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster. Als de medewerker op Cancel klikt dan verschijnt figuur 18 - Eindscherm 2 (zie uitleg van Eindscherm 2)
Figuur 8 - Internet en Bellen De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op cancel als de klant ontkennend antwoord. Als de medewerker op OK klikt dan verschijnt het volgende popup venster. Als de medewerker op cancel klikt dat verschijnt het venster uit figuur 18. Internet, Bellen en Televisie.
Figuur 9 - Kiestoon
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 13 van 31
jaren
weken 1 2 3
De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op cancel als de klant ontkennend antwoord. Als de medewerker op OK klikt dan verschijnt het volgende popup venster:
Figuur 10 - Bellen De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op cancel als de klant ontkennend antwoord.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 14 van 31
jaren
weken 1 2 3
Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster:
Figuur 11 - Mobiel nummer bellen De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op Cancel als de klant ontkennend antwoord. Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster:
Figuur 12 - Internet, Bellen en Televisie De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op Cancel als de klant ontkennend antwoord.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 15 van 31
jaren
weken 1 2 3
Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster:
Figuur 13 - Aantal televisies De medewerker stelt de vraag aan de klant en vult het antwoord in , in het venster. En klikt op Ok. Het volgende popup scherm verschijnt:
Figuur 14 - Splitter De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op cancel als de klant ontkennend antwoord.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 16 van 31
jaren
weken 1 2 3
Als de medewerker op OK of Cancel klikt dan verschijnt het volgende popup-venster.
Figuur 15.Settopbox De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op Cancel als de klant ontkennend antwoord. Als de medewerker op OK of Cancel klikt, dan verschijnt het volgende popup-venster.
Figuur 16 Zenders De medewerker stelt de vraag aan de klant en klikt op OK als de klant bekennend antwoord of op Cancel als de klant ontkennend antwoord. Als de medewerker op OK klikt dan verschijnt het volgende venster. Als de medewerker op Cancel klikt dat verschijnt Eindscherm 3 alleen met de melding dat de gebruiker een probleem met zijn televisie heeft.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 17 van 31
jaren
weken 1 2 3
Figuur 17 Eindscherm 1
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 18 van 31
jaren
weken 1 2 3
Figuur 18. Eindscherm 2 In Eindscherm 2 en Eindscherm 3 (figuur 18 & 19) worden de problemen van de klant gemeld als hyperlinks. Als de medewerker op de hyperlinks klikt, dan worden de oplossingsbestanden geopend die in een directory op de website, per oplossing, zijn opgenomen. De medewerker deelt deze oplossing dan aan de klant mondeling mee.
Figuur 19. Eindscherm 3 Uitleg: Het scherm welke de gebruiker met problemen met Internet, Bellen en Televisie heeft.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 19 van 31
jaren
weken 1 2 3
5 Datamodel 5.1 De database Niet van toepassing. 5.2 Het ER Model Niet van toepassing. 5.3 Inhoud van de database Niet van toepassing. 5.4 Beheer en beveiliging van de database Niet van toepassing.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 20 van 31
jaren
weken 1 2 3
6 Slotconclusie 6.1 Verantwoording - Het Functioneel Ontwerp dient alleen voor interngebruik van de ICT-opleidingen van het ID College. 6.2 Bronvermelding Geen.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 21 van 31
jaren
weken 1 2 3
Bijlage 2 Technisch Ontwerp
Technisch Ontwerp
Telefonisch Helpdesk
Auteur:
R. Keizer bewerkt door R. Oemraw & M. Volwater
Opdracht:
Telefonische Helpdesk
Datum:
16/11/2014
Versie:
1.1
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 22 van 31
weken
jaren
1 2 3
Inhoudsopgave 1 Samenvatting .................................................................................................................. 23 2 Plan van aanpak.............................................................................................................. 24 3 Ontwikkelomgeving ......................................................................................................... 25 4 Specificaties van de interface .......................................................................................... 26 5. Activity Diagrams ............................................................................................................ 27 6. Beheer ........................................................................................................................... 31 7 Slotconclusie ................................................................................................................... 31
1 Samenvatting 1.1 Samenvatting voor de klant Dit document omvat de rapportage over de fase Technisch Ontwerp van het project Telefonisch helpdesk. Alle hoofdonderdelen, alsmede conclusies en aanbevelingen, zijn verwerkt in dit totaaloverzicht, met eventuele verwijzingen naar separate uitgebreide documenten, die gedurende deze fase zijn opgesteld. 1.2 Versiebeheer Versie
Status
Datum
Auteur
Aanpassingen
0.1
Niet definitief
26-8-2011
R. Keijzer
Volledig TO gemaakt
0.2
Niet definitief
11-11-2012
R. Oemraw
1.0
Definitief
17-11-2013
M. Volwater
Opmaak aangepast en inhoudelijke en taaltechnische verbeteringen doorgevoerd.
1.1
Definitief
16/11/2014
M.Volwater
Inhoudelijke verbeteringen.
1.3 Verzendlijst Dit document wordt ter beschikking gesteld aan: studenten ICT opleiding AO-MD (T&I3 en T&I4).
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 23 van 31
jaren
weken 1 2 3
2 Plan van aanpak 2.1 Op te leveren producten De op te leveren producten zijn:
beschrijving van de ontwikkelomgeving. specificatie van de interface. beveiliging en onderhoud.
2.2 Planning Het technisch project heeft gelopen van 18/10/2014 tot 07/10/2014.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 24 van 31
weken
jaren
1 2 3
3 Ontwikkelomgeving 3.1 De technische infrastructuur De website gaat intern gehost worden op een Apache 2.0 webserver. Het OS wordt Windows 2008 server R2. De testomgeving wordt opgezet door studenten van het ID College op hun eigen school oefenwebsite. 3.2 programmeertaal / ontwikkeltool De applicatie wordt gerealiseerd in plain HTML5, CSS3 en JavaScript. Als ontwikkeltool wordt een ANSI-teksteditor gebruikt. (Bijvoorbeeld Notepad, Notepad++ voor Windows, Teksteditor van MAC etc.,.). Om overtollige code te voorkomen wordt er geen gebruik worden gemaakt van HTML/CSS generatoren. Er wordt gebruik gemaakt van externe JavaScript bestanden waarin alleen gebruik gemaakt mag worden van de volgende zaken: o o o o o o
multidimesionale array’s variabelen (int, string, boolean) if – else statements alert(), confirm() en prompt() document.writeln() converteer functies zoals isNaN(), parseInt()
Het overzicht van de mappenstructuur met webpagina’s met oplossingen is als volgt:
Data o o
o
Internet internet-laden.html snelheid-laden.html InternetBellen geen-kiestoon.html uit-bellen.html gebeld-worden.html InternetBellenTelevisie zenders-niet-gevonden.html splitter-aangesloten.html settopbox-aangesloten.html
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 25 van 31
jaren
weken 1 2 3
4 Specificaties van de interface 4.1 Interface Algemeen: Pagina afmeting: Lettertype:
1024 x 768 px Verdana
Er wordt gebruik gemaakt van relatieve paden naar de oplossingsbestanden. Elke type oplossing staat in een aparte directory.
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 26 van 31
jaren
weken 1 2 3
5. Activity Diagrams Activity Diagrams geven de interne werking van het programma weer. Voor dit systeem is de interne werking van het programma in 3 delen weergegeven. Deze driagrammen zijn met Umlet gemaakt.
Figuur 1 - Activity Diagram deel 1 van 3
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 27 van 31
jaren
weken 1 2 3
Figuur 2 - Activity diagram deel 2 van3
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 28 van 31
jaren
weken 1 2 3
Figuur 3 - Activity Diagram deel 3 van 3
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 29 van 31
jaren
weken 1 2 3
Bijlage 3 Beoordelingslijst Studentnaam: Klas: punten Realisatie:
Applicatie bevat alle functies van het FO:
Het systeem kan naam van de beller tonen.
Het systeem kan de beldatum tonen.
Het systeem kan de modem van de beller tonen.
Het systeem kan de oplossing bij internetproblemen tonen.
Het systeem kan de oplossing bij belproblemen tonen.
Het systeem kan de oplossing bij TV-problemen tonen.
Het systeem kan de oplossing bij Internet- en TV-problemen tonen.
Het systeem kan de oplossing bij bel- en TV-problemen tonen.
Het systeem kan de oplossing bij Internet- en TV-problemen tonen.
Het systeem kan oplossingen bij Internet-, bel- en TV-problemen
tonen. Het systeem kan oplossingen bij het traag laden van webpagina’s
tonen. Het systeem kan naam van de beller tonen.
Het systeem kan de modem van de beller tonen.
Het systeem kan de oplossing bij internetproblemen tonen.
Het systeem kan de oplossing bij belproblemen tonen.
Het systeem kan de oplossing bij TV-problemen tonen.
Het systeem kan de oplossing bij Internet- en TV-problemen tonen.
Het systeem kan de oplossing bij bel- en TV-problemen tonen.
Het systeem kan de oplossing bij Internet- en TV-problemen tonen.
Het systeem kan de oplossing bij Internet- en TV-problemen tonen. Fieldsets met antwoorden worden getoond. De lay-out van de website is aantrekkelijk. Applicatie is volgens het TO gerealiseerd:
Testen
score
HTML5, CSS3 en JavaScript.
externe JavaScript bestanden
mappenstructuur volgens technisch ontwerp.
Interface specificaties toegepast.
1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 5 25
De code is juist ingesprongen, overzichtelijk en onderhoudbaar . Er is commentaar in de code opgenomen.
5 5 5 5 5 5
Testplan/script gemaakt (specifiek!). Rapportage van de uitgevoerde test (specifiek en overzichtelijk).
10 10
Totaal score
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
100
pagina 30 van 31
weken
jaren
1 2 3
6. Beheer Het beheer zal intern door de helpdesk gedaan worden.
7 Slotconclusie 7.1 Verantwoording -
De samenstelling van dit document heeft in overleg met de docenten ICT en de Internetprovider plaatsgevonden.
7.2 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
AO MD ALA A periode 2 HTML CSS Javascript Telefonisch helpdesk website Versie 1.1 (16 november 2014)
pagina 31 van 31