3 weken. jaren. Applicatieontwikkelaar / Mediadeveloper. Advies timing Periode 2, ALA A (AOMD14 ALA 2 ICT (a)) V1.0 Focus op



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

AO-MD KT2 ALA A taakklasse1 HTMLCSS α- Portfolio.docx 25

weken jaren Applicatieontwikkelaar /Mediadeveloper Opleiding Complexiteit Begeleiding afnemend vanaf het eerste subsysteem. Duur Leerjaar 2, Blok 2

Vakinhoudelijke uitwerking Keuzevak Applicatieontwikkeling van het profiel MVI vmbo beroepsgericht

Eindbeoordelingsformulier (Applicatieontwikkelaar 4)

Veel begeleiding [vakdocent, instructeur]

Project Fasering Documentatie Applicatie Ontwikkelaar

DOCENTENHANDLEIDING JET-NET WEBCAST

Bottleball Onderzoeksverslag MovingMonsters. Uitgevoerd door Arno Classens

WEBDESIGN. & WORDPRESS 2016 editie PRAKTISCH TOEGEPAST. 2016, Roy Sahupala

Handleiding VANAD Comvio SBC Windows

PHP-OPDRACHT SITE BOUWEN

Technisch Ontwerp Ontwerp template

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311

Opleidingsgebied ICT. 2 e beoordeling: Eindbeoordeling:

INSTALLATIE VAN DE BelD KAARTLEZER

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Internetfilter HTTPS instellen

studentengids allround dtp-er training DTP Web leerjaar 1 en 3

KraamZorgCompleet OnLine instellen en gebruiken. Voor Android tablet of telefoon

Versie Datum Laatste aanpassing Auteur M. Opdam Laatste aanpassing door: Medewerkers van OOG en Inschool academie.

Beginnen met businessdesk

Thuiswerken bij Groenhuysen

2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311

uziconnect Installatiehandleiding

icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous

Installatiehandleiding KIK-Lokaal

AdmInbox. Installatie Scan Plug-in

Intramed OnLine instellen en gebruiken. Voor Android tablet of telefoon

ZN Handleiding GERRIT token gebruik

Inhoudsopgave... 1 Disclaimer... 3 Voorwoord... 3 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Handleiding Digicampuz voor Stichting Onderwijs Midden-Limburg

Informatica 2 Studiehandleiding

Inhoud. Deel een Het ontwikkeltraject 13. Inleiding 11

Online herhalingscursus Security Awareness

uziconnect Installatiehandleiding

WORDPRESS. De Volgende Stap. 2015, Roy Sahupala

Programmering SWIOM2a,

Meer over het Windows browser-keuzescherm

Dag van Geogebra 2013

Inleiding tot programmeren: Javascript

Handleiding. Certificaat installeren

Installatie en configuratie documentatie

Studiewijzer Keuzedeel Verdiepingsoftware (AO)

Handleiding Internet Veiligheidspakket Windows & Mac Versie april 2014

Handleiding. multimediafilter ISA. Windows Windows Phone Mac / Linux iphone / ipad Android

Handleiding Certificaat installeren

Productdag. Loenen, 28 september Jeroen van Geijlswijk Lars Overbeek Tom van Oost Valery Bazhenau

Handleiding Magister voor ouders

Op de volgende pagina s vindt u de uitgebreide instructie. Handleiding De MVO-Wijzer voor gebruik van MVO-Stakeholderevaluatie Versie 1.

HANDLEIDING DMS Plugin Installatie, configuratie & werking

Auteur Kenmerk Versie 1.0 Datum Bestandnaam Status Definitief. NK Software Testen 2017

Voordat er optimaal gebruik gemaakt kan worden gemaakt van Magister 5 via het web, kan deze FAQ mogelijk van pas komen.

Inhoud: Inleiding tot Taak Omschrijving van vacatures 2 Matrix van benodigde 5 Bronvermeldingen 7

Intramed OnLine instellen en gebruiken. Voor Android tablet of telefoon

Technisch ontwerp. Projectteam 6. Project "Web Essentials" 02 april Versie 2.1.0

RIE Vragenlijst Editor

Handleiding voor Zotero versie 2.0

Niveau 2 Medewerker ICT

Webwinkel in het D-cluster van de opleiding Logistiek

Thuiswerken. Auteur: Peter de Silva Datum laatste wijziging:

Modular Development. Een App in Facebook. Dennis van der Oost CMD2D Module: CMDDEV01-7 Docent: Eric Mahieu. Eindverslag v.1.

Blauwdruk Applicatieontwikkelaar 1.1

Over PHP. PHP en MySQL. 1.1 Inleiding. In dit hoofdstuk maak je kennis met PHP. Hoe werkt deze

Inhoud Deel een Het ontwikkeltraject 1 2 3

Systeemvereisten. Datum: Naam: Systeemvereisten versie 43 revisie 15 Status:

LEEREENHEID Hard/ Software3. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct

Voeler ingang van de ilog recorder. Stop de temperatuurvoeler

WEBDESIGN & Joomla 3.6

Globale kennismaking

Foto web applicatie documentatie

Handleiding: Telewerken op MacOS

Invantive 2012 Release 1 (build 44)

Google Chrome Windows Vista Windows 7 Windows Apple imac ibook Adobe Acrobat Reader

Opdrachtformulering (pagina 3 van 7)

Online herhalingscursus Medewerker Luchtvracht

Handleiding Mezzedo.nl

Toelichting inloggen beheermodule IZM. Wachtwoord vergeten. Ik kan niet inloggen

Applicatieontwikkelaar

Inloginstructie epraktijk

Inhoud. Introductie tot de cursus

Voor externe toegang tot de werkplek zijn een aantal zaken vereist: 1. Open Internet Explorer en ga naar de website:

Handleiding online werken bij OOG

WORDPRESS. De Volgende Stap. 2017, Roy Sahupala

Gebruikershandleiding

Test Joomla op je PC 1

Werking van de Office Connector, en het oplossen van fouten.

Handleiding: Telewerken op Windows

Handleiding Adobe Creative Cloud

ZorgInlogPortaal.nl. Geachte gebruiker, Handleiding Mijn Virtuele Schijf Versie 2.0

Formulier Beoordeling Proeve van Bekwaamheid v.a. cohort 2013

Quickstart. Browser instellingen

van PSD naar JavaScript

Een ASP.NET applicatie opzetten. Beginsituatie:

Downloaden beveiligingscertificaat BRON Voor Windows versies vanaf Windows Vista

ZEKER WETEN-tool MJO-begroting Een uitgave van Reed Business bv

Mijn HVW-dossier. Veel voorkomende vragen en problemen

Transcriptie:

Opleiding Applicatieontwikkelaar / Mediadeveloper Complexiteit Begeleiding Duur Basis A Veel begeleiding Advies timing Periode, ALA A (AOMD4 ALA ICT (a)) V.0 Focus op Kerntaak Ontwerpen van de applicatie, (cross)media-uiting of game WP. Stelt de vraag en/of informatiebehoefte vast WP. Maakt een plan van aanpak WP. Levert een bijdrage aan een functioneel ontwerp of Game Design Document WP.4 Maakt een technisch ontwerp WP.5 Richt de ontwikkelomgeving in Kerntaak : Realiseren van de applicatie, (cross)media-uiting of game WP. Legt een gegevensverzameling aan WP. Realiseert een applicatie WP.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 HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Deeltaakoefening - Softwareontwikkeling (KGC Softwareontwikkeling ). - Photoshop / Gimp workschop (VGT Photoshop ). - Testen van software ( KGC Testen ) - 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, -jaars studenten, om het ontwerp verder te analyseren en optimaliseren voor en na de realisatie van de website. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Voorkennis Je beheerst HTML5 en CSS. 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 0, 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 v (verbeterde versie) - TO v (verbeterde versie) - De helpdeskwebsite - Het testrapport AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Bijlage FUNCTIONEEL ONTWERP Telefonisch Helpdesk Auteur: Roger Keizer bewerkt door R. Oemraw & M. Volwater Opdracht: Telefonische Helpdesk Datum: 6 november 04 Versie:. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 4 van Versie. (6 november 04)

Inhoudsopgave Samenvatting... 6. Samenvatting voor de klant... 6. Versiebeheer... 6. Verzendlijst... 6 Plan van aanpak... 6. Op te leveren producten... 6. Planning... 6 Programma van eisen... 7. Doelstelling... 7. Huidige situatie... 7. Reden van verandering/aanpassing... 7.4 Nieuwe situatie... 7.5 Functionele eisen gesteld aan de nieuwe situatie... 7.5 Systeemeisen gesteld aan de nieuwe situatie... 8 4 Het systeem... 9 4. Use case... 9 4. Interfaces... 0 5 Datamodel... 0 5. De database... 0 5. Het ER Model... 0 5. Inhoud van de database... 0 5.4 Beheer en beveiliging van de database... 0 6 Slotconclusie... 6. Verantwoording... 6. Bronvermelding... AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 5 van Versie. (6 november 04)

Samenvatting. 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.. Versiebeheer Versie Status Datum Auteur Aanpassingen 0. Niet definitief /0/0 R.Keijzer Gehele inhoud opgesteld op 5/0/0 0. Niet definitief //0 R.Oemraw Inhoudsopgave aangepast, Schermen toegevoegd..0 Definitief 7//0 M. Volwater Opmaak aangepast en inhoudelijke en taaltechnische verbeteringen doorgevoerd.. Definitief 6//04 M.Volwater Inhoudelijke verbeteringen.. Verzendlijst Dit document wordt ter beschikking gesteld aan: studenten ICT opleiding AO-MD (T&I en T&I4) Plan van aanpak. Op te leveren producten functionele eisen systeemeisen datamodel schema s schermen documenten. Planning Het functioneel project heeft gelopen van 8/0/04 tot 07/0/04. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 6 van Versie. (6 november 04)

Programma van eisen. Doelstelling De odrachtgever, een grote Internetprovider, wil onderzoeken of een uitgeklede versie van een nieuw helpdesksysteem de huidige problemen binnen de helpdeskafdeling oplost.. Huidige situatie Er blijken grote problemen te zijn op de helpdeskafdeling. Het bedrijf verliest klanten en leidt forse imagoschade door deze problemen.. 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..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..5 Functionele eisen gesteld aan de nieuwe situatie. De applicatie is een website waarvoor geen login vereist is.. Het kan draaien op het intern netwerk bij de opdrachtgever.. 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 HTML CSS Javascript Telefonisch helpdesk website pagina 7 van Versie. (6 november 04)

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..6 Systeemeisen gesteld aan de nieuwe situatie De website wordt door de student gehost op de persoonlijke webomgeving. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 8 van Versie. (6 november 04)

4 Het systeem 4. 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 - 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 -de lijns supportafdeling. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 9 van Versie. (6 november 04)

4. 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 - 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 - Klantnaam en datum AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 0 van Versie. (6 november 04)

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 HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

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 HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster. Als de medewerker op Cancel klikt dan verschijnt figuur 8 - Eindscherm (zie uitleg van Eindscherm ) 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 8. Internet, Bellen en Televisie. Figuur 9 - Kiestoon AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

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 0 - 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 HTML CSS Javascript Telefonisch helpdesk website pagina 4 van Versie. (6 november 04)

Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster: Figuur - 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 - 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 HTML CSS Javascript Telefonisch helpdesk website pagina 5 van Versie. (6 november 04)

Als de medewerker op OK klikt, dan verschijnt het volgende popup-venster: Figuur - 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 4 - 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 HTML CSS Javascript Telefonisch helpdesk website pagina 6 van Versie. (6 november 04)

Als de medewerker op OK of Cancel klikt dan verschijnt het volgende popup-venster. Figuur 5.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 6 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 alleen met de melding dat de gebruiker een probleem met zijn televisie heeft. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 7 van Versie. (6 november 04)

Figuur 7 Eindscherm AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 8 van Versie. (6 november 04)

Figuur 8. Eindscherm In Eindscherm en Eindscherm (figuur 8 & 9) 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 9. Eindscherm Uitleg: Het scherm welke de gebruiker met problemen met Internet, Bellen en Televisie heeft. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 9 van Versie. (6 november 04)

5 Datamodel 5. De database Niet van toepassing. 5. Het ER Model Niet van toepassing. 5. Inhoud van de database Niet van toepassing. 5.4 Beheer en beveiliging van de database Niet van toepassing. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 0 van Versie. (6 november 04)

6 Slotconclusie 6. Verantwoording - Het Functioneel Ontwerp dient alleen voor interngebruik van de ICT-opleidingen van het ID College. 6. Bronvermelding Geen. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Bijlage Technisch Ontwerp Technisch Ontwerp Telefonisch Helpdesk Auteur: R. Keizer bewerkt door R. Oemraw & M. Volwater Opdracht: Telefonische Helpdesk Datum: 6//04 Versie:. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Inhoudsopgave Samenvatting... Plan van aanpak... 4 Ontwikkelomgeving... 5 4 Specificaties van de interface... 6 5. Activity Diagrams... 7 6. Beheer... 7 Slotconclusie... Samenvatting. 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.. Versiebeheer Versie Status Datum Auteur Aanpassingen 0. Niet definitief 6-8-0 R. Keijzer Volledig TO gemaakt 0. Niet definitief --0 R. Oemraw.0 Definitief 7--0 M. Volwater Opmaak aangepast en inhoudelijke en taaltechnische verbeteringen doorgevoerd.. Definitief 6//04 M.Volwater Inhoudelijke verbeteringen.. Verzendlijst Dit document wordt ter beschikking gesteld aan: studenten ICT opleiding AO-MD (T&I en T&I4). AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)

Plan van aanpak. Op te leveren producten De op te leveren producten zijn: beschrijving van de ontwikkelomgeving. specificatie van de interface. beveiliging en onderhoud.. Planning Het technisch project heeft gelopen van 8/0/04 tot 07/0/04. AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 4 van Versie. (6 november 04)

Ontwikkelomgeving. De technische infrastructuur De website gaat intern gehost worden op een Apache.0 webserver. Het OS wordt Windows 008 server R. De testomgeving wordt opgezet door studenten van het ID College op hun eigen school oefenwebsite.. programmeertaal / ontwikkeltool De applicatie wordt gerealiseerd in plain HTML5, CSS 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 HTML CSS Javascript Telefonisch helpdesk website pagina 5 van Versie. (6 november 04)

4 Specificaties van de interface 4. Interface Algemeen: Pagina afmeting: Lettertype: 04 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 HTML CSS Javascript Telefonisch helpdesk website pagina 6 van Versie. (6 november 04)

5. Activity Diagrams Activity Diagrams geven de interne werking van het programma weer. Voor dit systeem is de interne werking van het programma in delen weergegeven. Deze driagrammen zijn met Umlet gemaakt. Figuur - Activity Diagram deel van AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 7 van Versie. (6 november 04)

Figuur - Activity diagram deel van AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 8 van Versie. (6 november 04)

Figuur - Activity Diagram deel van AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 9 van Versie. (6 november 04)

Bijlage Beoordelingslijst Studentnaam: Klas: Realisatie: Applicatie bevat alle functies van het FO: punten 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 Het tonen. systeem kan oplossingen bij het traag laden van webpagina s Het tonen. 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. 5 De lay-out van de website is aantrekkelijk. 5 Applicatie is volgens het TO gerealiseerd: HTML5, CSS en JavaScript. 5 externe JavaScript bestanden 5 mappenstructuur volgens technisch ontwerp. 5 Interface specificaties toegepast. 5 De code is juist ingesprongen, overzichtelijk en onderhoudbaar. 5 Er is commentaar in de code opgenomen. 5 score Testen Testplan/script gemaakt (specifiek!). 0 Rapportage van de uitgevoerde test (specifiek en overzichtelijk). 0 Totaal score 00 AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina 0 van Versie. (6 november 04)

6. Beheer Het beheer zal intern door de helpdesk gedaan worden. 7 Slotconclusie 7. Verantwoording - De samenstelling van dit document heeft in overleg met de docenten ICT en de Internetprovider plaatsgevonden. 7. Brondocumentatie. System Development Methodology,W.S. Turner et al,990, Cap Gemini Publishing.. Kwalificatiedocument Applicatie Ontwikkelaar: http://www.ecabo.nl/sites/default/files/kwalificatiestructuur/cgbo/00-0/applicatieontwikkelaar-00-0.pdf AO MD ALA A periode HTML CSS Javascript Telefonisch helpdesk website pagina van Versie. (6 november 04)