4. VOORWOORD:
In deze Geïntegreerde Proef vindt u alle informatie over mijn stageperiode en hoe ik in de loop van het
jaar een eigen webwinkel heb uitgebouwd. In de periode van 15 tot en met 26 oktober 2012 heb ik mijn
stage gedaan in het AZ Sint-Jan AV. Opdrachten zoals het maken van een webserver en een financieel plan
is het werk van een jaar intens mee bezig zijn.
Dit jaarwerk is het werk tot het bekomen van een diploma Informaticabeheer. Met dit werk heb ik mij
goed kunnen voorbereiden op latere studies en een job in de IT. Ten slotte wil ik mijn stagementor, mijn
GP-coördinator P. Vandamme en D. Depuydt bedanken voor de hulp en de begeleiding doorheen het jaar.
5. Geïntegreerde Proef 5
INHOUDSOPGAVE:
1 Beschrijving van het bedrijf.............................................................................................................6
Aard van de activiteiten ..................................................................................................................6
Situering en Historiek......................................................................................................................6
Ondernemingsvorm ........................................................................................................................8
Kengetallen .....................................................................................................................................9
Organigram ...................................................................................................................................13
2 Stageactiviteiten............................................................................................................................15
Eerste contact met het bedrijf ......................................................................................................15
A report about 3 different challenges you faced during your traineeship ....................................16
Instructies geven in verband met een stageopdracht...................................................................16
3 Bedrijfseconomische toepassing: ondernemingsplan...................................................................17
Financieel plan ..............................................................................................................................17
Marketinganalyse..........................................................................................................................20
4 Informatica in het stagebedrijf......................................................................................................21
Draw up a detailed overview of the company’s network structure and provide an explanatory
word list ........................................................................................................................................21
Hardware en software ..................................................................................................................22
Netwerkstructuren........................................................................................................................23
Opleiding personeel en Helpdesk..................................................................................................25
Beveiliging van het systeem ..........................................................................................................25
Bedenkingen .................................................................................................................................26
5 Een informaticatoepassing uitwerken...........................................................................................27
Probleemstelling ...........................................................................................................................27
Analyse, Structuur en opbouw......................................................................................................27
Documentatie project ...................................................................................................................31
Bronvermelding gebruikte sites ....................................................................................................31
Statische website Multistore.........................................................................................................32
Erd en Codd databank Multistore .................................................................................................32
Databankschema databank Multistore .........................................................................................36
Handleiding werking website ........................................................................................................37
Code website.................................................................................................................................69
6. Geïntegreerde Proef 6
1 BESCHRIJVING VAN HET BEDRIJF
Het bedrijf waar ik stage gedaan heb is AZ Sint-Jan Brugge – Oostende AV, is gelegen te Ruddershove 10 in
Brugge. Het AZ Sint-Jan is een open ziekenhuis waar elke patiënt terecht kan voor basiszorg tot zeer
gespecialiseerde zorg.
AARD VAN DE ACTIVITEITEN
Het AZ Sint-Jan heeft geen klanten, maar heeft wel talrijke patiënten. Vorig jaar alleen al waren er zo’n
29.149 opnames geregistreerd. De visie van het AZ Sint-Jan is vernieuwen. Daarnaast heb je nog het zorgen
voor patiënten en medewerkers door een persoonlijke aanpak aan te geven. Het AZ Sint-Jan ligt zeer goed:
het ligt aan het kanaal naar Oostende, het ligt buiten Brugge (in Sint-Pieters), het ligt ook aan een
autosnelweg en richting stad is het ook zeer gunstig wanneer er hulp geboden moet worden.
Het AZ Sint-Jan werkt samen met talrijke ziekenhuizen zoals met het St.-Rembertziekenhuis in Torhout.
Door de fusie met SFX en Oostende is de samenwerking veel verbeterd. Verder is de situatie gunstiger
geworden voor de patiënten. Deze samenwerking maakt ook dat patiënten de meest professionele
behandeling krijgen in één van de gespecialiseerde ziekenhuizen. Voor bepaalde operaties of ziekten zijn
bepaalde ziekenhuizen meer gespecialiseerd dan andere. Ieder jaar groeit het AZ Sint-Jan met nieuwe
apparatuur en nieuwe kennis. In 2010, wanneer het slaaplabo verhuisde werd er geinvesteerd in tal van
nieuwe technologiën. Er is er ook nagedacht over het comfort en privacy van de patiënt. Het AZ Sint-Jan
wordt gefinancierd door de Vlaamse Overheid.
De reden waarom het ziekenthuis alleen maar pc’s en laptop bij Dell koopt is omdat het bij Dell goedkoper
is dan andere leveranciers. Verder werken ze nog samen met Infohos, dit bedrijf zorgt voor de software van
dokters, verpleegsters en voor de administratie. Dit bedrijf is gelegen in Oostkamp en is niet ver gelegen
van het AZ Sint-Jan.
SITUERING EN HISTORIEK
De algemene directeur van het AZ Sint-Jan is Hans Rigauts en het bestaat ondertussen al 8 eeuwen. Er zijn
3 campussen: Campus Sint-Jan, Campus St.-Franciscus Xaverius (gelegen in het centrum van Brugge),
Campus Henri Serruys (gelegen in Oostende).
Alles is begonnen met het oude Sint-Janshospitaal gelegen te Brugge. Het Sint-Janshospitaal werd
omstreeks 1150 gebouwd. Het werd ingeplant tussen de invalswegen vanuit Gent en Kortrijk, in de
Mariastraat. Van de eerste oorspronkelijk zalen is er enkel nog maar een fundering te vinden. In het begin
bestond het ziekenhuispersoneel uitsluitend uit lekenbroeders en lekenzusters. Op het einde van de 16de
eeuw stierf de broedergemeenschap uit en stonden de zusters alleen in voor de ziekenzorg. Het oude Sint-
Janshospitaal wordt nu gebruikt als cybercafé, restaurant, loungebar. Het ziekenhuis was ook te zien in de
VTM-serie Aspe en kan zo ook als decor gebruikt worden. Daarnaast staat nu ook een congrescentrum.
In 1796 kwam het bestuur in handen van de Commissie van Burgerlijke Godshuizen. In 1925 werd dit
afgeschaft en werd samen met het Bureel van Weldadigheid (zij stonden in voor de armenzorg aan huis) de
Commissie van Openbare Onderstand of COO. Op 1 januari 1977 werd de COO het Openbaar Centrum voor
Maatschappelijk Welzijn of het nu gekende OCMW.
7. Geïntegreerde Proef 7
Later wilden ze het ziekenhuis uitbreiden maar omdat het in de stad zelf lag was het zeer moeilijk om dit te
kunnen verwezenlijken. Daarom werd er gekeken naar een nieuwe locatie buiten de stad. Dit werd een
stukje grond buiten Brugge, aan het kanaal richting Oostende in Sint-Pieters. De goedkeuring voor het
bouwen was er in 1955. Het gebouw werd ontworpen door de architect Lantsoght. Hij kreeg in 1964 de
opdracht om het nieuwe ziekenhuis te ontwerpen en te bouwen op de gronden van de hoeve 'Wijnenburg'.
Hij koos daarvoor een tijdloos ontwerp met een goede infrastructuur.
Ieder jaar wordt er nog altijd ver gerenoveerd zodat het ziekenhuis de evolutie zou kunnen volgen op het
vlak van informatica en geneeskunde. Het ziekenhuis heeft zo’n 12 verdiepingen gekregen met en paar
blokken daarnaast die allemaal zijn aangesloten op een centraal stuk. Er zouden ongeveer 30 liften in het
ziekenhuis komen, het merendeel daarvan staat in de inkomhal. De eerste steen werd gelegd op 3
december 1966 en op 18 maart 1977 werd het nieuwe ziekenhuis officieel geopend.
In 2000 fuseerde het AZ Sint-Jan met het Sint-Franciscus Xaveriusziekenhuis, gelegen in het centrum van
Brugge, en op 1 januari 2009 ook met het Henri Serruys ziekenhuis uit Oostende,. Vroeger had dat van
Oostende ook de naam het Sint-Janshospitaal en in 1829 werd die hernoemd naar de burgemeester Henri
Serruys. Na de fusie kreeg Oostende minder te zeggen. Na de fusie was het AZ Sint-Jan het op twee na
grootste ziekenhuis van België en na de fusie werken er in totaal zo’n 3 800 werknemers in het AZ Sint-Jan.
(zie bijlage)
De bereikbaarheid van het ziekenhuis met het openbaar vervoer is zeer gunstig: je hebt om de 10 minuten
een bus naar het centrum.
Bus 13, om de 20 minuten: Station - Centrum (Markt) - AZ Sint-Jan AV
Bus 23, om de 20 minuten: Blauwe Toren - AZ Sint-Jan AV – Station
Om met de auto te komen, moet je het volgende volgen:
E40 Gent - Oostende, afrit 8,
Langs Expressweg E5 naar Zeebrugge, afrit Waggelwater
Een taxi kan ook worden gebruikt, deze zijn te vinden aan de ingangen van het ziekenhuis. Daarnaast is er
nog een fietsenstalling aanwezig voor diegene die met de fiets of brommer zouden komen.
Er is ook een parking aanwezig, voor mijn stage was het betalend parkeren maar doordat ze aan het werk
waren om een nieuwe soort parkeersysteem te gebruiken kon je tijdens mijn stage gratis parkeren. Vanaf
1 december 2012 zou het terug betalend zijn en dan wordt er dan ook gebruik gemaakt van een nieuw
systeem. De werknemers zouden vanaf dan moeten gebruik maken van een kaart. Als je vroeger in het AZ
Sint-Jan had gewerkt kon je nog altijd gratis parkeren en met dit nieuw systeem zal dit ook niet meer
mogelijk zijn.
Als medewerker van het ziekenhuis moet je niet betalen voor de parking. De parking heeft een dagtarief
van € 1,50 en hiermee kan je meerdere malen per dag de parking verlaten. Wil je een 10 beurtenkaart zal
je dit € 5,00 kosten en met deze kaart kan je 10 keer de parking verlaten binnen de 30 dagen. De automaten
voor het betalen vind je bij elke uitgang van het ziekenhuis.
8. Geïntegreerde Proef 8
ONDERNEMINGSVORM
De ondernemingsvorm van het AZ Sint-Jan is geen vzw, maar wel een AV en dat staat voor Autonome
Verzorgingsinstelling. De voorzitter van de AV is ook de voorzitter van het OCMW en is nu voorlopig nog
Frank Vandevoorde van sp.a Hieronder een paar kenmerken van een av:
Één van de kenmerken is dat AZ Sint-Jan een openbaar bestuur moet blijven en niet omgevormd mag
worden tot een vzw.
De AV wordt beheerd door verantwoordelijken die aangeduid worden door de gemeenteraad en
vertegenwoordigers (aangeduid door de Raad van Bestuur van de vzw St.-Franciscus
Xaveriusziekenhuis).
Het personeel behoudt het statuut van overheidspersoneel en aanwervingen en benoemingen
gebeuren volgens de regels van het OCMW.
De wetgeving van de boekhouding, budget … is hetzelfde als dat van een vzw. Ieder jaar moet er een
financieel evenwicht zijn.
Verder worden er geen winsten uitgedeeld en is er ook geen minimumkapitaal vereist. Er moeten minimaal
3 leden zijn in de raad van bestuur. Na de fusie is 75% van de leden van de Algemene Vergadering
Bruggelingen en heeft de campus van Oostende zo goed als niets te zeggen in de algemene vergadering. In
deze vergadering worden de bestuurders verkozen en, indien nodig, ook ontslagen.
9. Geïntegreerde Proef 9
KENGETALLEN
Hieronder vind je de kosten en opbrengsten van de laatste 5 jaar in miljoenen euro uitgedrukt.
Uit deze staafdiagram kan je concluderen dat de kosten en opbrengsten zo goed als gelijk zijn wat ook
normaal is voor een bedrijf dat werkt zonder winstoogmerk.
0
50
100
150
200
250
300
350
400
450
2007 2008 2009 2010 2011
258,766
359,552
380,21
394,154
415,732
260,316
363,45
387,827
402,095
416,818
InMiljoenen
Kosten en opbrengsten
Kosten Opbrengsten
10. Geïntegreerde Proef 10
Hieronder vind je het aantal werknemers van de 3 campussen samen over een periode van 5 jaar, het rode
deel is dat van Sint-Jan en SFX (het ziekenhuis gelegen in Brugge) en het groene is dat van Oostende.
Uit deze staafdiagram kan je concluderen dat er ieder jaar een lichte stijging is en dat Oostende niet zoveel
werknemers telt in vergelijking met het aantal werknemers van Brugge. Bij de werknemers van Oostende
kan je zien dat ze onder de crisis hebben geleden want na 2008 was er een kleine daling. De oorzaak van dit
zou de grote loonkost zijn. Het jaar daarna werd die tegenval alreeds terug opgehaald.
0
500
1000
1500
2000
2500
3000
2007 2008 2009 2010 2011
2182 2175 2199 2244 2325
586 602 579
609
626
Werknemers
Campus Sint-Jan & SFX Campus Oostende
11. Geïntegreerde Proef 11
Hieronder vind je de evolutie van de kosten en opbrengsten van 5 jaar geleden.
Uit deze staafdiagram kan je concluderen dat er een grote stijging was qua kosten en opbrengsten en dat
daarna een kleine stijging bleef doorgaan. Het verschil tussen 2007 en 2008 is zeer groot.
258,766
359,552
380,21
394,154
415,732
260,316
363,45
387,827
402,095
416,818
240
260
280
300
320
340
360
380
400
420
440
2007 2008 2009 2010 2011
InMiljoenen Evolutie
Kosten Opbrengsten
12. Geïntegreerde Proef 12
Hieronder vind je het aantal opnames van de campussen over de laatste 5 jaar.
Uit deze staafdiagram kan je concluderen dat het aantal opnames stijgt maar dat het ongeveer hetzelde
blijft. Bij Oostende zijn er veel minder opnames gebeurd dan bij Brugge omdat het niet zo goed uitgerust is
hiervoor.
0
5000
10000
15000
20000
25000
30000
35000
40000
45000
2007 2008 2009 2010 2011
28080 28483 28814 28915 29149
11017 10575 11063 11075 11053
Aantal opnames
Campus Sint-Jan & SFX Campus Oostende
13. ORGANIGRAM
ALGEMENE VERGADERING
Voorzitter: Frank Vandevoorde
RAAD VAN BESTUUR
Afgevaardigen:
Brugge(10) en Oostende(4)
ADJUNCT DIRECTEUR
GENERAAL
Peter Lauwyck
DIRECTEUR
GENERAAL
Hans Rigauts
GENEESKUNDIGE
BEHANDELING
Mario Schurgers
APOTHEEK
Frank Vancoillie
...
DIRECTEUR
INFORMATICA
Helga De Neve
DIRECTEUR
VERPLEGING
Els Vanblaere
DIRECTEUR
PERSONEEL
Ellen De Ruwe
14. Geïntegreerde Proef 14
DHR. THOMAS
Diensthoofd ICT Oostende
DHR. DIETER
Stafmedewerker
DHR. FONS
Stafmedewerker
HELGA DE NEVE
Directeur ICT
Clientbeheer
SERGE DANNY
NICO ALAN
MAARTEN STIJN
Applicatiebeheer
ARIANE HEIDI
CHARLOTTE STEFAN
REBECCA
Systeembeheer
PETER COSMAN
Projectleider
PETER V RUPERT
KURT BRAM
PIETER-JAN PETER W
Software
MARTINE HARTWIG
NICOLAS RONNIE
INGRID DE SMET
Secretariaat
15. Geïntegreerde Proef 15
2 STAGEACTIVITEITEN
EERSTE CONTACT MET HET BEDRIJF
Helga De Neve 14 september 2012
Dienst ICT campus Sint-Jan
Ruddershove 10
8000 BRUGGE
Geachte mevrouw De Neve
Ik wil u nog eens bedanken voor de stageplaats bij u en de tijd dat u in mij wil besteden om
iets bij te leren over informatica. Ik zal mij nog eens even voorstellen. Mijn naam is Stijn Van
Hulle, ik volg momenteel de richting informaticabeheer in het 6de
jaar in de Burgerschool. De
studierichting bevat een vorming tot systeembeheerder en is een voorbereiding op het
voortgezet onderwijs binnen de richting informatica. De stageperiode zal lopen van 15 tot 26
oktober 2012.
Ik zal na deze stageperiode een Geïntegreerde Proef moeten samenstellen. In dit eindwerk
zal ik bepaalde opdrachten omtrent de vakken informatica (hardware & software),
bedrijfsbeheer, Frans, Engels en Nederlands moeten maken.
Ik ben zeer geïnteresseerd in alles van informatica en probeer zoveel mogelijk nieuws bij te
leren en alle nieuwtjes op de voet te volgen. En zo hoop ik bij u veel bij te kunnen leren over
netwerken en programmeren (Vb.net). Ik ben leergierig en zal mij heel goed inzetten zodat ik
zoveel mogelijk kan bijleren.
Ik hoop uit deze ervaring te ontdekken wat ik later zou willen doen omtrent informatica
opdrachten of als ik meer hardware of software zou willen doen (programmeren).
Met vriendelijke groeten
Stijn Van Hulle
Kraaienhof 64
8200 BRUGGE
16. Geïntegreerde Proef 16
A REPORT ABOUT 3 DIFFERENT CHALLENGES YOU FACED DURING YOUR TRAINEESHIP
The first challenge was on the first day: you don’t know what you have to do and how everything works
in the company. You have to ask how stuff works and what happened if you click on that button. Also
you need to know you colleges. You know already how some program’s works but when you never get
that problem you don’t know how to fix it. An example is that I had to clone some PC’s but they had to
show me how to do it but after a time you know it and you are then relaxed.
In the first days I had to learn how to find the routes, every department has his own number en then
you have to follow that number. Before you can go to a department have you to find what the route
number is and then you don’t want to make a mistake and go the wrong department. An example is the
medical care has number 230 on the form but the route number is not 230 but 23. After a time you
know witch floor you have to be and if you can work there longer you know everything out heart.
For the most time you don’t really know how some devices work, if you have a printer that you have to
connect to the network. All types of devices will work differently and have a different setup guide. When
you have a phone you can call to the it department and ask if they can look at it of you can also ask if
they can say what to do. A the end of my period of practice time I know how to config the most of the
devices and so I can do everything alone without help and that very handy.
INSTRUCTIES GEVEN IN VERBAND MET EEN STAGEOPDRACHT
Als opdracht heb ik gekozen om uit te leggen hoe je kan werken met Symantec Ghost, dit is een
programma om een pc snel te installeren door gebruik te maken van klonen. Je kan de powerpoint
hierover in de bijlagemap vinden.
17. Geïntegreerde Proef 17
3 BEDRIJFSECONOMISCHE TOEPASSING: ONDERNEMINGSPLAN
FINANCIEEL PLAN
Het opstellen van een ondernemingsplan is cruciaal in de voorbereiding van de start van je zaak.
In een ondernemingsplan tracht je op voorhand in te schatten of de markt voor je product of dienst
groot genoeg is, hoe je die markt best benadert en of je over voldoende financiële middelen beschikt
om je project te financieren.
Uit je ondernemingsplan zal uiteindelijk blijken of je project haalbaar is en welke strategie je het meeste
kans op succes biedt.
Een ondernemingsplan bestaat uit verschillende onderdelen:
• de projectbeschrijving
• de voorstelling
• de marktanalyse
• het marketingplan
• financieel plan
In elk van deze onderdelen kijkt men naar de specifieke kant van de onderneming, maar je zal
ondervinden dat deze nauw met elkaar verbonden zijn. Wij zullen ons beperken tot het opstellen van
een financieel plan en een marketingsplan.
De eigenlijke opdracht voor de GP
Hieronder vind je het financieel plan van Multistore die beheerd wordt door 3 bestuurders. Het doel
van deze onderneming is het leveren van diensten en goederen op het gebied van hard-en software. Ze
verkopen zowel aan particulieren als aan bedrijven. Voor de financiering doen we beroep op het
Participatiefonds en kiezen we ook voor een investeringskrediet. We kunnen zelf 6200,00 EUR ter
beschikking stellen aan hun onderneming. We brengen de Peugeot Bipper in ter waarde van 6000,00
EUR.
18. Geïntegreerde Proef 18
BEGINBALANS
ACTIVA PASSIVA
VASTE ACTIVA 16 240,55 EIGEN VERMOGEN 12 200,00
Kantoormeubilair 1357,631 Kapitaal 6200,00
Kantoormachines 4382,92 Inbreng in natura 6000,00
Rollend materieel 6000,00
Huurwaarborg 4500,00
VLOTTENDE ACTIVA 59 170,86 VVLT 74 995,82
Klantenvorderingen 29944,00 Starteo 40000,00
Voorraad 29226,86 Lening bank 34995,82
LIQUIDE MIDDELEN 16 788,59 VVKT 5 004,18
Bank 16 788,59 Leveranciers 0
Kaskrediet bank 0
Schulden vervallen binnen jaar 5004,18
TOTAAL INVESTERINGEN 92 200,00 TOTAAL FINANCIERING 92 200,00
19. Geïntegreerde Proef 19
RESULTATEN NA 1 JAAR
RENTABILITEITSVOORUITZICHTEN JAAR 1
VERWACHTE VERKOPEN 364300,00
VERWACHTE AANKOPEN 82000,00
BRUTOBEDRIJFSWINST (1-2) 282300,00
BEDRIJFSKOSTEN:
Huur 18000,00
Water, gas, electriciteit, verwarming 1200,00
Kosten voertuig (verzekeringen, taksen, brandstof, herstellingen) 2000,00
Bureaukosten, onderhoud materieel, telefoon, portokosten 1000,00
Reclamekosten (cfr. Marketingplan) 1500,00
Bezoldiging bestuurders 75000,00
Verzekeringen, brand, B.A. 500,00
Sociale verzekeringen zelfstandige 16500,00
Afschrijvingen 2932,50
Andere diverse kosten
Totaal bedrijfskosten (4 tot 13) 118632,50
NETTO-BEDRIJFSWINST (3-14) 163667,50
FINANCIËLE LASTEN, INTRESTEN OP LENINGEN 2825,10
BELASTBAAR RESULTAAT (15-16) 160842,40
BELASTINGEN 54686,42
WINST VAN HET BOEKJAAR 106156,00
20. Geïntegreerde Proef 20
MARKETINGANALYSE
PRODUCT
Multistore is een Online webwinkel die gespecialiseerd is in Notebooks, Desktops, Tablets,
Smartphones, Accesoires en Games. Multistore richt zich vooral op de klant en zijn behoefte. Bij ons zal
je de nieuwste en beste producten vinden van het moment. Alle producten die je koopt bij ons, zijn
allemaal duurzaam en hebben bij aankoop standaard altijd 2 jaar garantie. Alle producten kopen wij
rechtstreeks aan bij de producent.
PRIJS
De prijs zal afhangen van de aankoopprijs, de vervoerkosten etc. Voor de prijs zullen we proberen zo
laag mogelijk te blijven maar toch geen verlies te maken. Doordat wij nauw samenwerken met de
producent kunnen we in grote aantallen kopen zodat de prijs ook veel beter voor de consument zal
worden. In de eerste maand na de opstart van het bedrijf zullen we grootte acties voeren en vele
kortingen geven om de consument te kunnen lokken. Hiervoor zullen we om de week een nieuwe soort
actie doen.Met iedere maand andere producten die in promotie zijn. Na die maand zullen al de prijzen
terug aan de normale prijs te koop zijn. De goedkoopste artikelen zullen rond de 5 euro schommelen
en de duurste producten zullen tussen 500 en 1800 euro zijn. Wij zorgen ervoor dat de consument een
eerlijke prijs krijgt voor zijn producten.
PLAATS
Doordat we alleen maar online te
vinden zijn zullen alle producten online
worden verkocht, wij hebben dus geen
kosten aan een winkel waar de
consument ons kan bereiken. We
huren een pand waar we onze site
hosten en waardat alle gegevens in de
databank worden opgeslaan. Hiervoor
hebben we gekozen om op het
bedrijven terreinn van de Blauwe
Torrentjes een pand te huren. Dit pand
is gelegen tussen Brugge en Blankenberge en dichtbij de autosnelweg. Het adres is: Hoge Hul 65-67
8000 Brugge. Hierboven kan je het pand zien. Dit is zeer goed gelegen want het ligt midden in het
bedrijventerrein en ligt dicht bij een autosnelweg, zo kunnen werknemers gemakkelijk het bedrijf
bereiken.
PROMOTIE
Om reclame te maken voor onze winkel zullen we gebruik maken van sociale media zoals Facebook en
Twitter. Daarnaast zullen we online reclame maken aan de hand van Google Adwords, dit zal ons
ongeveer 80 euro per maand kosten. Ook zullen we reclame maken op de oude manier, in tijdschriften
en kranten. Hiervoor gaan we een budget van rond de 500 euro gebruiken. Bij de opening van onze
winkel zullen we een persbericht de wereld rond sturen, dit via e-mail en via de krant.
21. Geïntegreerde Proef 21
4 INFORMATICA IN HET STAGEBEDRIJF
DRAW UP A DETAILED OVERVIEW OF THE COMPANY’S NETWORK STRUCTURE AND PROVIDE AN
EXPLANATORY WORD LIST
SWITCH
A network switch is a computer networking
device that links network segments or network
devices.
FIBERGLASS The material that is used for lightning fast data.
FIREWALL Something to make the network securer.
ROUTER
A router is a device that forwards data packets
between computer networks, use same technic
as a switch.
IP-ADDRESS
An IP address is a numerical label assigned to
each device (computer, printer, smartphones,
tablets, …)
PROXY SERVER
A client connects to the proxy server, requesting
a web page, the proxy server will evaluates and
controls of its ok to visit that page.
SPAM
The undesirable receiving unwanted (often
commercial) information.
22. Geïntegreerde Proef 22
HARDWARE EN SOFTWARE
In the Hospital they use for the most pc’s and servers dell. The reason that they use dell is because it’ s
the cheapest fabricant. The newest model that they use is the OptiPlex 7010. Thereon is standard in
Windows 7 64 bit installed, but they use for now only Windows XP. They are thinking and discussing
about upgrading to Windows 7, but the programs that doctors and nurses use is not optimized for
Windows 7. The other model that they use is also OptiPlex but then the OptiPlex 750. The laptops are
also from dell: the Latitude E5530.
The newest monitor is the Dell Professional P2213, that’s a 22 inch monitor with a resolution of 1680 x
1050. On the monitor are 2 USB’s 2.0 ports, 1 VGA, 1 DisplayPort and DVI. On the servers they use Intel
Inside Xeon with a speed of 3 GHz and around 512 GB of RAM. They also use IBM, HP and dell on the
servers.
The printers that they use are all from HP and the All-In-One that they use is the HP Color LaserJet
CM3530. And the newest model is the HP LaserJet Pro 400 Color. The router that they use is from
Siemens and they have around 240 access points in the hospital. Earlier they use for the switches Nortel
BayStack 5520-48T-PWR Power and now the Avaya 8600. For each server they use the same hardware.
In total they use about 35 data cabinets. They use Net Poe and that means that you have power on the
LAN-cable for the switches. There is around the 26 WATT on the cable. It is very handy because you can
power you switch with all the cables for the data.
The supplier that they use is Dell and Infohos. They use Infohos for about everything: for patient file and
for the administration. For the picture archives they use AGFA. For the virtualisation they use Vmware
and the client program that they use is Vmware Vsphere Client. The server for Vmware has a lot of RAM
(around 256GB for each server) and the processor is very fast (around 2.4 Ghz for each server). They
need so much RAM because every thin client have to login on that server. The thin clients haven’t any
processor or RAM because they use it from the Vmware server.
For the maintenance of the systems they have 12 system operators. They also solve all de problems of
de servers and switches. When there is a problem they can call you out of your bed and then you have
to solve it in the middle of the night. The licenses that they use are one for all the pc’s and servers. They
have also licenses on the programs for the doctors, for Adobe, for Symantec Ghost, Netop Remote
Controll and much more.
23. Geïntegreerde Proef 23
NETWERKSTRUCTUREN
Alle verbindingen van de server cores tot de datakasten worden gemaakt met behulp van glasvezel, ook
de verbindingen met de campussen van Oostende en SFX worden gemaakt via fiber. Oostende en SFX
hebben wel verschillende snelheden: Oostende kan tot 2 Gbit/s halen en SFX iets rond de 200 Mbit/s.
De snelheden kunnen ze bekijken via een programmatje. Vanaf de datakasten lopen er FTP-kabels van
categorie 6A. Er is op iedere campus 2 server cores aanwezig en op elke core staan dezelfde gegevens.
Bij storingen van een bepaalde server core kan de andere core het overpakken zonder dat er grote
problemen ontstaan. (uitgebreid netwerkschema, zie bijlage)
Op de servers staat alles dubbel:
Er zijn 2 serverparken: op elk serverpark staan dezelfde gegevens als op het ander serverpark.
Er loopt voor iedere pc 2 kabels richting de server.
Op de server wordt er gebruik gemaakt van: 2 netwerkkaarten, 2 CPU’s.
Er is nooit dataverlies want bv. er worden 3 van de 4 harde schijven gebruikt om gegevens op te
slaan, bij uitval van 1 harde schijf zal de resterende 4de
harde schijf alles terug kopiëren naar de
nieuwe harde schijf.
2 voedingen: op het elektriciteitsnet en op de ups
Verder is er nog een SAN aanwezig. Hierbij wordt er gebruik gemaakt van tapes maar geen harde
schijven. Elke tape heeft een AZ-nummer zodat het systeem weet waar de bepaalde gegevens staan.
Hier worden de databanken opgeslagen. Op 1 zo’n tape kan 2 TB worden opgeslagen en in totaal zitten
er 800 tapes in, wat goed is voor ongeveer 1,6 Peta byte of wel 1600 TB. Er is dan ook nog een NAS
aanwezig en dit heeft een capaciteit van 30 TB.
24. Geïntegreerde Proef 24
In totaal zijn er zo’n 35 datakasten aanwezig, op elke afdeling is er wel eentje aanwezig. De IP- adressen
worden verdeeld aan de hand van de afdeling: bv. een pc op de ICT zal een IP hebben tussen 172.16.72.1
en 172.16.72.254. Hierbij is 172.16.72.254 de standaard gateway. Iets dat zeker niet mag gedaan
worden is de standaard gateway gebruiken als IP want dan zit die hele afdeling zonder
netwerkverbinding.
Het protocol dat ze in het ziekenhuis gebruiken is HL7 en dat staat voor Hospital Link 7 en hiermee wordt
de uitwisseling van patiëntendossiers en administratieve dossiers gedaan. Voor de rest gebruiken ze
nog smtp, http, https en zo verder.
Hierboven staat een tekening van hoe een pc verbonden is met de server. Indien er een switch uitvalt,
zal de andere kabel de gegevens doorsturen. Een pc is verbonden met een FTP-kabel naar de datakast,
daaruit vertrekken 2 kabels (een witte en een rode) naar de switchen op het serverpark en van daaruit
naar de server.
De medewerkers kunnen gebruik maken van het internet, hiervoor maken ze gebruik van Telenet en
Belgacom. Zo hebben ze altijd 2 leveranciers voor het geval dat er een met problemen zou kampen.
Daarnaast krijgen medewerkers een foutmelding wanneer ze naar bepaalde sites surfen zoals bv.
Facebook. Ze krijgen een foutmelding dat ze alleen tijdens hun pauze mogen surfen, maar je kan er wel
onbeperkt op. Er kunnen wel sancties vallen wanneer een bepaalde werknemer voortdurend naar
bepaalde sites surft. Er wordt niet voortdurend gekeken door een systeembeheerder naar welke sites
er worden gesurft, want daar is er geen tijd voor.
Van thuis uit kan je verbinding maken met het bureaublad van op het werk, hiervoor moet je naar een
bepaalde site surfen en zal jouw verbinding dan gebeuren via VPN. Op zich kan je alles doen wat je op
je werk doet vanuit thuis. Soms is dat ook zeer handig als er bv. een probleem is met de instellingen van
een bepaald programma. Hiervoor wordt er gebruik gemaakt van het programma Netop Remote
Controll. Met dit programma kan je een scherm overnemen. Er moet niemand aangemeld zijn om de pc
over te nemen. Maar als de pc uit zou staan kan je er geen verbinding meemaken, er zal dan wel iemand
de pc moeten aanzetten.
In het AZ Sint-Jan is er een intranet aanwezig waar je informatie en documenten kan vinden van de
afdeling waar je werkt en ook informatie in verband met wat je ’s middags kan eten. Verder is er nog
een intranet aanwezig die alleen maar voor de ICT-afdeling toegankelijk is en waarmee je de
administratie kan doen voor de binnengekomen pc’s of printers. Ook wanneer een scherm wordt
vervangen, zal dit ook aangepast moeten worden op het systeem. Dit intranet is gemaakt door IBM.
Vroeger werd er gebruik gemaakt door eigen ontworpen intranet maar sinds een paar maanden hebben
ze gekozen voor IBM. Verder kan je op het intranet een meter zien die toont wat de gemiddelde tijd is
voor een ICT-probleem op te lossen.
25. Geïntegreerde Proef 25
OPLEIDING PERSONEEL EN HELPDESK
Nieuwe werknemers kunnen opgeleid worden in de voorziene lokalen maar meestal loopt de nieuwe
werknemer ± 2 weken in. Bij nieuwe informaticatoepassingen worden er opleidingen gegeven in de
kelders van het ziekenhuis, het opleidingscentrum.
Wanneer er problemen gevonden zijn zal de werknemer met behulp van de telefoon naar het nummer
2269 bellen en zal er iemand van de helpdesk opnemen. Hij of zij zal dan zo snel mogelijk het probleem
oplossen zodat de werknemer verder kan werken. Is er een probleem aan het programma dan zal dit
aan de programmeurs of moest het een programma zijn van Infohos aan hen meegedeeld worden.
Kan het probleem niet direct worden opgelost dan zal het probleem op het intranet moeten komen. Bij
ICT-problemen kan er gemaild worden en zal dit bij ons ook in het intranet verschijnen. Bij problemen
met bepaalde programma’s of functies die een medewerker niet vindt zal er van op afstand het
bureaublad overgenomen worden. Hierbij wordt er ook gebruik gemaakt van het programma Netop
Remote Controll. De helpdeskmedewerker vraagt achter het IP van de pc, dit staat genoteerd op elke
pc in het ziekenhuis. Ook kan hij verbinden via de naam van de pc. Hij kan ook zo meekijken naar wat
het probleem is.
BEVEILIGING VAN HET SYSTEEM
Op elke computer wordt het virusprogramma Kaspersky gebruikt. Dit virusprogramma zal de meeste
virussen vinden, verwijderen of herstellen. Ook de proxy helpt bij het beschermen van de computers.
Alles wordt geblokkeerd via categorie. Hacks en dergelijke woorden worden direct geblokkeerd. De
gebruiker krijgt wel te zien waarom een bepaalde site geblokkeerd is zodat ze het weten voor de
volgende keer. Palo Alto is het programma die zorgt voor de firewall.
Bij de mailserver wordt er gescand naar spammails en doordat er een vertraging van 30 seconden opzit
zal de meeste spam er al uit zijn. De spammails worden wel opgeslagen en kan door de
systeembeheerder verwijderd worden. Is er een bepaalde mail die belangrijk is maar toch wordt gezien
als spam dan kan de systeembeheerder het toch laten doorsturen. Hierbij moet de systeembeheerder
dit handmatig doen.
Het ziekenhuis is aangesloten op 2 elektriciteitscentrales. Als 1 elektriciteitscentrale zou uitvallen, zullen
3 grote ups’en (een ups is een zeer grote batterij) de korte stroomonderbreking opvangen en word
automatisch de volgende elektriciteitscentrale aangesloten. Indien deze 2 niet zouden werken heeft het
ziekenhuis nog 2 dieselmotoren staan die heel het ziekenhuis kunnen voeden. Indien dit ook zou falen
zullen de ups’en de resterende tijd nog stroom leveren aan de servers. Wanneer de ups’en alleen nog
stroom leveren aan de servers zullen de systeembeheerders de servers handmatig moeten afsluiten.
De wachtwoorden van de gebruikers worden gekozen door de systeembeheerders en de gebruikers
kunnen ze niet wijzigen. De wachtwoorden moeten minimum 5 karakters bevatten en hebben geen
vervalperiode. Als we een wachtwoord van een bepaalde persoon nodig hebben om op zijn pc te
kunnen, dan hebben we daar een programmatje voor die het wachtwoord kan achterhalen uit de
databank. De gebruikersnamen zijn statisch: de eerste 3 letters van je voornaam + de eerste 3 letters
van je familienaam. Bepaalde combinaties bestaan al en daardoor wordt er een cijfer aan toegevoegd.
Bij brand op de servers gaat er een alarm af en wordt de ruimte hermetisch afgesloten en zal er een gas
genaamd “Energen” de kamer vullen. Als er iemand nog binnen zou zitten heb je 10 seconden om buiten
te zijn of om op de rode knop te drukken om het te pauzeren. De kostprijs van 1 zo’n fles is rond de
1 000 euro.
26. Geïntegreerde Proef 26
BEDENKINGEN
Het informaticasysteem zit zeer goed in elkaar: alles wordt 2 keer opgeslagen en elke pc heeft ook nog
2 verbindingen die naar de server lopen. Zelfs vind ik hoe de SAN werkt (met behulp van tapes) oud, het
is in vergelijking met een HHD of een SSD zeer traag. De beveiliging is ook zeer goed en ze kunnen vanop
hun pc zien als er bv. een bepaalde kabel van een switch niet inzit. De snelheid naar Oostende of SFX
kunnen ze ook bekijken. Ook een goed punt is dat de nieuwe pc’s op de ICT-afdeling allemaal een
dubbelscherm van 22 inch en een SSD hebben. Een mailbox die maar 200 MB kan opslaan vind ik dan
iets minder maar ze kunnen wel gebruik maken van een archief die ze op hun pc kunnen opslaan.
27. Geïntegreerde Proef 27
5 EEN INFORMATICATOEPASSING UITWERKEN
PROBLEEMSTELLING
ANALYSE, STRUCTUUR EN OPBOUW
5.2.1 http://www.twitter.com
Bedrijfsinformatie kan je links onder vinden, je vindt daar ook de FAQ .
Verder zijn de URL’s naar volgende pagina’s logisch opgebouwd
(twitter.com/name). Er is geen slogan te vinden maar bovenaan is wel het
logo van Twitter te vinden, bij het klikken hierop gebeurt er niets. De
eerste pagina wordt hier weergegeven als startpagina en is gemakkelijk
te vinden door het icoon ernaast. Er zijn daarnaast nog 3 primaire
pagina’s beschikbaar: ‘Verbinden’, ‘ontdekken’ en ‘ik’. Deze site heeft
vooral de jongeren als doelgroep.
De structuur is handig en de bovenste div blijft staan (position: fixed)
zodat je sneller kan wisselen tussen de verschillende pagina’s. De content
is onderverdeelt in 2 delen. Links heb je ‘Wie te volgen’ en ‘trends’. Rechts vind je dan alle Tweets. De
inlaadtijden van Twitter zijn zeer goed omdat er niet zoveel gebruik wordt gemaakt van filmpjes en
dergelijken.
5.2.2 http://www.engadget.com
Informatie over het bedrijf vind je samen met de FAQ bovenaan
rechts. Het pad is logisch en de berichten worden via
jaar/maand/dag gesorteerd. Het logo is vanzelfsprekend en bij
het klikken gaat het naar de startpagina. De zoekfunctie is ook
zeer gemakkelijk te vinden. Verder is de site onderverdeeld in 4
delen met daaronder het belangrijkste nieuws met daaronder
de soort (zoals een afbeelding of een filmpje).
Links vind je de berichten en rechts de widgets. Boven de
berichten vind je dan de meest gelezen en belangrijkste
berichten. De doelgroep van deze site zijn vooral diegene die
geïnteresseerd zijn in technologieën.
28. Geïntegreerde Proef 28
5.2.3 http://www.youtube.com/
Op Youtube is de URL niet zo logisch, er wordt gebruik
gemaakt van cijfers. Als je naar de startpagina wilt moet
je op het logo van Youtube klikken. De zoekfunctie staat
centraal bovenaan zodat je zo snel mogelijk een
bepaalde video kan opzoeken. De FAQ en informatie
over het bedrijf vind je dan helemaal onderaan.
Bovenaan vind je 2 pagina’s: ‘bladeren’ en ‘uploaden’.
Onder bladeren kan je dan uit verschillende categorien
kiezen. De site is onderverdeeld in 3 grote divs: links al
je kanalen waarop je bent geabonneerd, in het midden
de nieuwste uploads en rechts de gerelateerde video’s.
Op de video-pagina zelf is er bovenaan 1 div met de
video, daaronder vind je dan nog reacties en
gerelateerde video’s. De doelgroep van deze site zijn vooral diegene die video’s willen bekijken.
5.2.4 http://www.apple.com
De site van Apple is zeer logisch en simpel gemaakt. Bij
klikken op het logo ga je naar de startpagina. Zoeken is
ook centraal (rechts boven) en wanneer je in de zoek-
balk klikt wordt deze groter.
De pagina’s zijn onderverdeelt onder categorieën en
informatie over het bedrijf vindt je onderaan bij
‘contact us’. De sitemap is goed aangeduid en vind je
beneden als een link. De site is vooral minimalistisch en
bestaat meestal maar uit 1 div en niet te veel knoppen.
Onderaan vind je ook waar je zit op de site. De
onderverdelingen van de verschillende pagina’s zijn
zeer gemakkelijk en eenvoudig gemaakt. De doelgroep
van deze site is vooral de ‘Apple-fan-boy’.
29. Geïntegreerde Proef 29
5.2.5 http://www.delijn.be
De site is mooi van vorm en overzichtelijk. Bij het klikken op
het logo kom je terug op de startpagina. Als je snel je route
wilt zoeken, kan je dit op de startpagina snel invullen. Zoeken
op de site kan je rechtsboven.
Info over het bedrijf ‘De Lijn’ vind je bij contact. Op deze site
vind je een menu met daaronder een submenu. Bij ‘Mijnlijn’
vind je dan alles in verband met doorkomsten van de bussen.
De site zou beter de doorkomsten van de bussen centraal
zetten in plaats van ‘Nieuws over De Lijn’. De laadtijden van
De Lijn zijn niet extreem traag maar het zou wel kunnen
verbeterd worden.
5.2.6 http://www.vandaag.be/
Bij het openen van de site zie je bovenaan een
advertentie met daaronder het laatste nieuws. Bij
het zoeken heb je 2 balken: een voor de site en een
voor Google (wat op zich eigenlijk totaal niet nodig
is, 1 zoek-balk zou al voldoende moeten zijn). In het
menu vind je de verdere onderverdeling volgens
categorieën. Iets wat niet goed is als je de site bv. op
een kleiner scherm wilt bekijken vallen de
horizontale scrollbars weg, waardoor je moeilijk nog
de site kan bekijken. De site is verder onderverdeelt
in 2 divs met nieuws. Soms zie je dat bepaalde
berichten een grotere afbeeldingen hebben dan
anderen. Info over het bedrijf vind je als je heel naar
beneden gaat, daar vind je dan de bedrijfsinfo. De doelgroep van deze site zijn diegene die snel het
nieuws willen lezen.
5.2.7 http://www.belgacom.be
Het zoeken gebeurt boven rechts. Daarboven vind je een link om
contact op te nemen met Belgacom met daarnaast de taal voor de
site. Bovenaan kan je kiezen wie je bent: een thuisgebruiker, kmo of
een groot bedrijf, ze hebben allemaal een aparte site. De menu’s zijn
goed onderverdeeld volgens de diensten dat ze aanbieden. De
knoppen zijn wel enorm groot. Als je klikt of over een menu-item
gaat krijg je een sub-menu met nog meer onderverdelingen. Als je
gewoon op een menu-item klikt krijg je een aparte pagina ingeladen
met sub-menu’s. Voor gebruikers die iets snel zoeken of het item
weten staan is het sneller om er met je muis over te gaan en verder
te klikken.
Nieuwtjes en kortingen vind je in een groot div die constant herlaad
wordt met het volgende item. Rechts daarvan vind je het inlogscherm, waar je je in je account kan
inloggen. Informatie over het bedrijf zelf vind je helemaal beneden.
30. Geïntegreerde Proef 30
5.2.8 http://www.azsintjan.be/
Bovenaan vind je nieuws en rechts daarvan vind je het logo, als
je daarop klikt ga je naar de startpagina. De site is zeer simpel,
zonder al te veel afbeeldingen. Op deze site wordt eigenlijk
alleen maar informatie getoond. Bij een kleiner scherm zal de
tekst naar links worden opgeschoven en zal het niet meer
leesbaar zijn.
De site is onderverdeelt in 4 kolommen. De eerste 3 kolommen
hebben een afbeeldingen met daaronder de verschillende
items. In de laatste kolom vind je meer info over het AZ Sint-
Jan en ook de historiek. Contact opnemen met het bedrijf kan
je daar ook vinden. De kleuren zijn neutraal en volgen de
kleuren van het logo.
5.2.9 https://www.cocacolabelgium.be
Het logo is zeer goed te vinden en bij het klikken ga je terug naar de
startpagina. De kleuren van Coca Cola zelf zijn verwerkt in de site:
linken in het rood en tekst in het zwart; selecteren in het rood-zwart.
Voor info over het bedrijf te weten kan je bij het menu een item vinden
die verwijst naar ons bedrijf en verdere informatie daarover. Op de
startpagina vind je afbeeldingen die 1 voor 1 verwisselen. Daaronder
vind je alle nieuwe dranken of flessen van coca cola. De FAQ vind je
gemakkelijk: onderaan rechts .Links kan je zien wat het meest is
bekeken. De sitemaps vind je ook beneden.
5.2.10 http://www.mycom.be/
Bovenaan heb je een grote zoek-balk waar je snel iets kan vinden op
de site. Het menu is goed onderverdeeld volgens categorieën en
subcategorieën. Het nieuws vind je in het midden. Informatie over het
bedrijf vind je helemaal beneden en de FAQ vind je in het zelfde blokje.
Voor naar de startpagina te gaan moet je op het logo klikken. Rechts
vind je een vlag, daaruit kan je weten in welke webwinkel je
zit(Belgische, Nederlandse, …).
Op de startpagina vind je wat er het meest wordt verkocht en wat er
van het Computerwinkeltje word aangeraden om te kopen. Op de
product-pagina krijg je een overzicht met de prijs, product,
afbeeldingen en een paar submenus met omschrijving en specificaties.
Bij een kleiner scherm is het niet mogelijk om de rechterkant te zien en
de horizontale balk is niet aanwezig. Deze site heeft als doelgroep al
diegene die eenvoudig iets willen kopen zonder naar de winkel te
moeten gaan.
31. Geïntegreerde Proef 31
CONCLUSIE
Met mijn eigen site ga ik proberen een eenvoudige en simpele site te maken. Ik ga gebruik maken van
kleine animaties(niet te veel of de gebruiker zal niet meer willen terugkomen) en ik ga een licht
kleurpatroon gebruiken. Die kleuren ga ik in heel de site gebruiken. Voor mijn winkelwagen zal ik net
zoals Twitter een div gebruiken die blijft staan zodat de gebruiker op gelijk welk moment kan kijken wat
er in zijn winkelwagentje zit. Bovenaan zal je mijn logo vinden met daarnaast een zoek-balk. Daaronder
zal ik mijn menu plaatsen. Zoals bij Het computerwinkeltje zal ik de categorieën als menu-items
gebruiken. Ik wil ook nog gebruik maken van een slider waar je de nieuwste of meest verkochte items
kan vinden.
DOCUMENTATIE PROJECT
Doorheen het maken van eigen webwinkel heb ik soms wel eens een probleem gehad en ik heb dan
volgenden links gebruikt.
Een van die problemen was de werking van een Masterpage:
http://www.w3schools.com/aspnet/aspnet_masterpages.asp
Daarnaast heb ik nog een probleem gehad om dak ik niet wist hoe je dynamisch een literal moet
aanmaken:
http://msdn.microsoft.com/en-us/library/0e39s2ck(v=vs.100).aspx
Nog een van de problemen dat ik tegen kwam was dat ik wilde dat bv.
www.multistore.be/about.aspx www.multistore.be/about werd:
http://stackoverflow.com/questions/3143527/web-config-urlmapping
Nog een probleem dat ik heb moeten uitzoeken is hoe de validatie op een e-mailadres werkt:
http://stackoverflow.com/questions/182542/email-address-validation-for-asp-net
BRONVERMELDING GEBRUIKTE SITES
Volgende sites heb ik gebruikt in het maken van een webwinkel:
http://www.w3schools.com/
http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/
http://jqueryui.com/slider/
http://fancybox.net/
http://css3pie.com/
http://www.google.com/fonts/
37. Geïntegreerde Proef 37
HANDLEIDING WERKING WEBSITE
5.8.1 Global
BESTURINGSELEMENTEN
OBJECT EIGENSCHAP WAARDE
CONTENT(1-7) ContentPlaceHolderID Master(naam)
LITMESSAGE
BTNJA Text Ja
Cssclass Left submit
Visible false
BTNNEE Text nee
Cssclass Submit
Visible false
LITAANMELDEN
TXTGEBRUIKER Cssclass Textbox
Placeholder E-mailadres
TXTWACHTWOORD Cssclass Textbox
Textmode Password
Placeholder Wachtwoord
BTNAANMELDEN Text Aanmelden
Cssclass Left submit
BTNPROFIEL Text Dashboard
Cssclass Left submit
Visible False
BTNAFMELDEN Text Afmelden
Cssclass Submit
38. Geïntegreerde Proef 38
Visible False
BTNREGISTEREN Text Registeren
Cssclass Right button
LITAANTAL
PLACEHOLDERWINKELWAGEN
LITWINKELWAGEN
MENUITEM(1-7) navigateUrl Page.aspx?categorie=naam
PROCEDURES
OBJECT GEBEURTENIS DOEL
PAGE_LOAD Load Kijken of de gebruiker is aangemeld
Laden van de cookies en het winkelwagentje
De slider laten laden
BTNAANMELDEN Click Methode aanmelden laden
BTNREGISTEREN Click Doorverwijzen naar registratie pagina
BTNPROFIEL Click Doorverwijzen naar profiel pagina
BTNAFMELDEN Click Afmelden van de gebruiker
FUNCTIE COOKIEOPHALEN Cookies laden vanuit het geheugen
FUNCTIE COOKIETOEVOEGEN Cookies laten toevoegen
FUNCTIE COOKIEOPHALEN Cookies ophalen
FUNCTIE BERICHT Een bericht tonen met als argumenten: het
bericht, tonen (ja of nee) en het kleur (rood of
groen)
FUNCTIE CONNECTIEREADER Het lezen vanuit de databank
FUNCTIE AANMELDEN Het al dan niet tonen van de profiel-knop.
Sessies voor aanmelden resetten
39. Geïntegreerde Proef 39
METHODE AANMELDEN Het aanmelden van de gebruiker en controleren
of het wachtwoord en gebruikersnaam kloppen
en daarna in een sessie opslaan.
METHODE REFRESH Het winkelwagentje laten laden door de
gegevens uit de cookies te halen
40. Geïntegreerde Proef 40
5.8.2 About.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL Hier kan de gebruiker meer informatie zien over
het bedrijf en hier kan ook de gebruiker indien
nodig een e-mail sturen.
41. Geïntegreerde Proef 41
5.8.3 Default.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL De startpagina van de site. Hier ziet de gebruiker
alle nieuwe reacties, producten en bestsellers.
Bovenaan is er een slider voorzien met
verschillende producten.
PRINTSCREEN
Bovenaan kan de gebruiker op de
verschillende categoriën klikken.
Om je te kunnen aanmelden moet je
bovenaan op ‘aanmelden / registeren
‘klikken en krijg je een invulvakje waar je je
gevens kan invullen.
Om toegang te krijgen tot het
winkelwagentje moet je met je muis over
het winkelwagentje rechts boven gaan.
Wanneer je scrolt op de pagina zal je
rechts een venstertje zien verschijnen met
de producten die in je winkelwagentje
zitten.
Om de laatste producten en bestsellers
in detail de bekijken moet je op de titel of
afbeelding klikken.
Om te zoeken kan je bovenaan in het
vakje klikken en typen wat je zoekt.
44. Geïntegreerde Proef 44
5.8.4 Kassa.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL Hier kan de gebruiker zijn artikelen zien dat hij
toegevoegd heeft aan zijn winkelwagentje en hier
kan je ook de goederen betalen.
PRINTSCREEN
Een gebruiker kan hier kijken wat hij allemaal in het winkelwagentje heeft staan of het eruit halen.
Je kan snel van hieruit naar je orders of profiel gaan.
Wanneer de gebruiker het aantal aanpast heeft moet hij op ‘opslaan’ klikken.
Wanneer de gebruiker op ‘verzenden’ klikt wordt je naar de betalingspagina gestuurd
45. Geïntegreerde Proef 45
BESTURINGSELEMENTEN
OBJECT EIGENSCHAP WAARDE
PNLKASSA
PLACEHOLDERKASSA
LITTOTAAL
BNTLEEGALLES Csslcass Button
Text Leeg
BTNVERZENDEN Cssclass Right button
Text Verzenden
BTNOPSLAAN Cssclass Right button
Text opslaan
PNLBETALING
BTNTERUG Cssclass Button right
Text Ga terug
LITARTIKELINFO
LSTKEUZE Cssclass Textbox
Rows 1
TXTRESPONSE Cssclass Textbox
BLNBETALING Cssclass Right submit
Text Verzenden
PNLSUCCES
PROCEDURES
OBJECT GEBEURTENIS DOEL
BTNNEE Click Bericht bovenaan niet meer tonen.
BTNJA Click Het huidige artikel verwijderen uit de kassa en uit
de cookies.
BTNVERZENDEN Click Doorverwijzen naar de volgende stap
BTNTERUG Click Terug naar vorige stap
BTNOPSLAAN Click METHODE opslaan laden
46. Geïntegreerde Proef 46
BTNBETALING Click Betaling laten uitvoeren en daarna het
winkelwagentje en de cookies wissen +
controleren of de code(die over moet getypd
worden) klopt.
FUNCTIE COOKIETOEVOEGEN Cookies laten toevoegen
FUNCTIE COOKIEOPHALEN Cookies ophalen
METHODE PAGECHECK Alles laden uit de cookies om de artikelen te laden
met het aantal. Kijken welke querystring het heeft
om het juiste panel te tonen.
OBJBUTTON Click Het gekozen item om uit het winkelwagentje te
halen opslaan in de cookie en een bericht tonen of
de gebruiker het zeker is.
METHODE OPSLAAN Het opslaan van de gegevens die de gebruiker
heeft aangepast en dit dan opslaan in de cookies.
METHODE BETALING Het product toevoegen tot de orders in de
databank en ervoor zorgen dat er van de
producten het aantal uit stock gaat.
BTNLEEGALLES Click Het wissen van alles dat in het winkelwagntje
staat.
METHODE BETALINGLADEN Op de tweede pagina tonen welke artikelen de
gebruiker heeft gekozen.
47. Geïntegreerde Proef 47
CODE
Imports System.Data.SqlClient
Partial Class kassa
Inherits System.Web.UI.Page
Dim cnnVerbinding As New SqlConnection()
Dim strQuery As String
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
If Session("aangemeld") = True Then
aanmelden(True)
End If
'cookies inladen
refresh()
pagecheck()
End Sub
Protected Sub btnAanmelden_Click(sender As Object, e As EventArgs) Handles
btnAanmelden.Click
aanmelden()
End Sub
Protected Sub btnRegistreren_Click(sender As Object, e As EventArgs) Handles
btnRegistreren.Click
Response.Redirect("registratie")
End Sub
Protected Sub btnProfiel_Click(sender As Object, e As EventArgs) Handles
btnProfiel.Click
Response.Redirect("profiel")
End Sub
Protected Sub btnAfmelden_Click(sender As Object, e As EventArgs) Handles
btnAfmelden.Click
Session("aangemeld") = False
aanmelden(False)
End Sub
Protected Sub btnNee_Click(sender As Object, e As EventArgs) Handles btnNee.Click
bericht("", False, "red")
End Sub
Protected Sub btnJa_Click(sender As Object, e As EventArgs) Handles btnJa.Click
Dim objCookieRequest As HttpCookie = Request.Cookies("winkel")
Dim intHoeveelste As Integer
intHoeveelste = cookieophalen("aantal", "intHoeveelste")
'cookies leegzetten
cookiewijzigen("winkel", "product" & intHoeveelste, "", 1)
cookiewijzigen("winkel", "aantal" & intHoeveelste, "", 1)
'cookie voor toevoegen button terugzetten
cookiewijzigen("winkel", "aan" & intHoeveelste, "false", 1)
bericht("", False, "red")
refresh()
'herlande van pagina
Response.Redirect(Request.Url.AbsoluteUri)
End Sub
48. Geïntegreerde Proef 48
Protected Sub btnVerzenden_Click(sender As Object, e As EventArgs) Handles
btnVerzenden.Click
Opslaan()
If Session("aangemeld") = True Then
Response.Redirect("kassa.aspx?progress=betaling")
Else
bericht("U moet hiervoor aangemeld zijn", True, "red")
End If
End Sub
Protected Sub btnTerug_Click(sender As Object, e As EventArgs) Handles btnTerug.Click
Response.Redirect("kassa.aspx")
End Sub
Protected Sub btnOpslaan_Click(sender As Object, e As EventArgs) Handles
btnOpslaan.Click
Opslaan()
'herlande van pagina
Response.Redirect(Request.Url.AbsoluteUri)
End Sub
Protected Sub btnBetaling_Click(sender As Object, e As EventArgs) Handles
btnBetaling.Click
Dim strID, strResponse As String
strID = lblId.Text
strResponse = txtResponse.Text
strID = strID.Replace(" ", "")
strResponse = strResponse.Replace(" ", "")
If txtResponse.Text = lblId.Text Then
betaling()
'cookies leegmaken
Dim objCookieRequest As HttpCookie = Request.Cookies("winkel")
Dim intAantal As Integer
intAantal = cookieophalen("aantal", "aantal")
For i = 1 To intAantal
cookiewijzigen("winkel", "product" & i, "", 1)
cookiewijzigen("winkel", "aantal" & i, "", 1)
'cookie voor toevoegen button terugzetten
cookiewijzigen("winkel", "aan" & i, "false", 1)
Next
Else
bericht("De code dat u hebt ingegeven klopt niet", True, "green")
End If
End Sub
Protected Sub btnLeegAlles_Click(sender As Object, e As EventArgs) Handles
btnLeegAlles.Click
Dim objCookieRequest As HttpCookie = Request.Cookies("winkel")
Dim intAantal As Integer
intAantal = cookieophalen("aantal", "aantal")
For i = 1 To intAantal
cookiewijzigen("winkel", "product" & i, "", 1)
cookiewijzigen("winkel", "aantal" & i, "", 1)
'cookie voor toevoegen button terugzetten
49. Geïntegreerde Proef 49
cookiewijzigen("winkel", "aan" & i, "false", 1)
Next
'cookies leegzetten
bericht("", False, "red")
refresh()
'herladen van pagina
Response.Redirect(Request.Url.AbsoluteUri)
End Sub
Private Sub objButton_click(sender As Object, e As EventArgs)
Dim objNaam As Button
Dim intSender As Integer
Dim intHoeveelste As Integer
'sender aan strobjectnaam zetten
objNaam = sender
intSender = objNaam.ID.Length - 1
'lengete van sender bepalen
intHoeveelste = objNaam.ID.Substring(intSender, 1)
'cookie invullen
cookiewijzigen("aantal", "intHoeveelste", intHoeveelste, 1)
'bericht en etc tonen
bericht("Wilt u dit item uit je winkelwagentje halen?", True, "green")
btnJa.Visible = True
btnNee.Visible = True
End Sub
End Class
50. Geïntegreerde Proef 50
5.8.5 Orders.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL Hier kan de gebruiker zijn orders van vroeger
herbekijken en filteren indien nodig.
PRINTSCREEN
Je kan snel van hieruit naar je orders of profiel gaan.
Als beheerder kan je het ordernummer en e-mailadres filteren.
Als gebruiker alleen maar de ordernummers van je eigen account.
51. Geïntegreerde Proef 51
BESTURINGSELEMENTEN
OBJECT EIGENSCHAP WAARDE
SUBMENUITEM(1-3) NavigatieUrl (pagina-naam)
LSTKLANTEN Autopostback True
Cssclass Textbox
DataSourceID dtsOrdersNummers
Datavaluefield ID
LSTORDERS Autopostback True
Cssclass Textbox
Rows 1
DTSORDERSNUMMERS Connectionstring (zie bijlage)
LVORDERS Datakeynames ID
DatasourceID dtsOrders
PAGES Pagecontrolsid lvOrders
Pagesize 5
Querystring Nummer
DTSORDERS Connectionstrin (zie bijlage)
PROCEDURES
OBJECT GEBEURTENIS DOEL
LSTKLANTEN Selectedindexchanged Wanneer de
administrator(beheerder) een klant
selecteerd de orders van die klant
tonen.
LSTORDERS SelectedIndexChanged Wanneer de gebruiker een order
selecteerd(of alle orders), de order(s)
tonen.
METHODE ORDERS Het toevoegen van de orders in
lstOrders met als eerste item ‘Alle
orders’. Dit wordt uit de databank
gehaald.
METHODE ORDERSSELECT Bij selecteren van lstKLanten of
lstOrders wordt er een lijst van de
order(s) getoond met info erbij.
52. Geïntegreerde Proef 52
CODE
Imports System.Data.SqlClient
Imports System.IO
Partial Class orders
Inherits System.Web.UI.Page
Dim cnnVerbinding As New SqlConnection()
Dim strQuery As String
Protected Sub btnAanmelden_Click(sender As Object, e As EventArgs) Handles
btnAanmelden.Click
aanmelden()
End Sub
Protected Sub btnRegistreren_Click(sender As Object, e As EventArgs) Handles
btnRegistreren.Click
Response.Redirect("registratie")
End Sub
Protected Sub btnProfiel_Click(sender As Object, e As EventArgs) Handles
btnProfiel.Click
Response.Redirect("profiel")
End Sub
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
'sessie aangemeld controleren
If Session("aangemeld") = True Then
aanmelden(True)
Else
bericht("U bent niet aangemeld", True, "red")
Response.AddHeader("REFRESH", "1;URL=" & "default.aspx")
Exit Sub
End If
If Session("rol") = "beheerder" Then
lstKlanten.Visible = True
End If
'cookies inladen
refresh()
'order laden
orders()
End Sub
Protected Sub btnAfmelden_Click(sender As Object, e As EventArgs) Handles
btnAfmelden.Click
Session("aangemeld") = False
aanmelden(False)
End Sub
Protected Sub lstOrders_SelectedIndexChanged(sender As Object, e As EventArgs) Handles
lstOrders.SelectedIndexChanged
ordersselect()
End Sub
Protected Sub lstKlanten_SelectedIndexChanged(sender As Object, e As EventArgs)
Handles lstKlanten.SelectedIndexChanged
strSelectedID = "WHERE (tblOrders.KlantId = '" & lstKlanten.SelectedValue & "')"
orders()
54. Geïntegreerde Proef 54
5.8.6 Page.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL
Hier worden alle artikelen in een lijst of in tegel-
formaat getoond. Hier wordt ook de product-
pagina’s geladen. Op elke productpagina worden
ook de reacties geladen.
PRINTSCREEN
BESTURINGSELEMENTEN
OBJECT EIGENSCHAP WAARDE
PNLFILTER
PNLVERGELIJKBAAR datasourceID dtsVergelijkbaar
DTSVERGELIJKBAAR Connectionstring (zie bijlage)
LITBERICHTCONTENT
PNLARTIKELEN
LITKOOPH1
55. Geïntegreerde Proef 55
LITKOOPH2
LSTAANTAL Width 60px
Height 40px
Rows 1
LITPRIJS
BTNTOEVOEGEN Text Voeg toe aan winkelwagentje
Cssclass Toevoegen
BTNVERWIJDEREN Text Haal uit winkelwagentje
Cssclass Toevoegen
Visible False
LITPUNTEN
LITKOOPIMAGE
LITKOOPOMSCHRIJVING
LITREACTIES
LITUSERINFO
TXTPUNTEN Rows 1
TXTREACTIE Cssclass Textbox reactie
Textmode Multiline
BTNREACTIETOEVOEGEN Causevalidation False
Cssclass Submit right
Text Reageer
PNLCATEGORIEN Visible False
LVARTIKELEN datasourceID dtsArtikelen
LSTSPLIT datasourceID dtsArtikelen
Visible False
PAGES pagecontrolID lvArtikelen
Querystring Nummer
DTSARTIKELEN Connectionstring (zie bijlage)
DTSZOEKEN Connectionstring (zie bijlage)
56. Geïntegreerde Proef 56
PROCEDURES
OBJECT GEBEURTENIS DOEL
BTNTOEVOEGEN Click Toevoegen van de artikel(en) tot de cookies.
BTNVERWIJDEREN Click
Een bericht tonen met of de gebruiker dit
product uit zijn winkelwagentje wilt halen.
BTNREACTIETOEVOEGEN Click
De reactie en punten toevoegen tot de
databank en daarna de reactie tonen op de
pagina.
BTNFILTEREN Click
Sessie van filter op true zetten en de methode
filter openen.
IMGVERANDERVIEW Click
De view van de pagina veranderen(tegel of
lijst).
FUNCTIE DATAINVULLEN
Met deze functie worden de gegevens op de
pagina in gevuld in de juiste literaal.
METHODE PAGECHEK
Met deze methode wordt er eerste
gekeken welke querystring de pagina heeft
en toont zo het juiste product ofwel de
juiste categorie.
Daarnaast wordt ook de juiste categorie
geselecteerd in het menu.
Toon het juiste uitzicht: tegels of lijst.
METHODE ARTIKELENLADEN
De verschillenden thumnails worden
geladen vanuit de databank
De reacties worden geladen met een
afbeelding van de gebruiker en tijdstip.
Onderaan wordt het venstertje geladen
met de afbeelding van de aangemelde
gebruiker.
De stock aantal wordt geladen vanuit de
databank(indien geen voorraad wordt er
een bericht getoond).
Berekening van het aantal punten van het
bepaalde artikel.
57. Geïntegreerde Proef 57
METHODE ZOEKEN
Er wordt gezocht in de databank naar wat de
gebruiker als zoekterm heeft ingevuld. Dit
wordt vanuit de querystring gehaald, indien
geen resulaten wordt er een bericht
weergegeven.
METHODE FILTER
Eerst wordt het bedrag (door gebruik te
maken van de slider) in een string
gestoken.
Er wordt gekeken wat er is geselecteerd in
lstSorteerop en zo wordt het juiste sql-
command opgesteld.
CODE
Imports System.Data.SqlClient
Imports System.Data
Partial Class page
Inherits System.Web.UI.Page
'sql verbinding
Dim cnnVerbinding As New SqlConnection()
Dim strQuery As String
Protected Sub btnAanmelden_Click(sender As Object, e As EventArgs) Handles
btnAanmelden.Click
aanmelden()
End Sub
Protected Sub btnRegistreren_Click(sender As Object, e As EventArgs) Handles
btnRegistreren.Click
Response.Redirect("registratie")
End Sub
Protected Sub btnProfiel_Click(sender As Object, e As EventArgs) Handles
btnProfiel.Click
Response.Redirect("profiel")
End Sub
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
If Session("aangemeld") = True Then
aanmelden(True)
End If
'data laten invullen
pagecheck()
'cookies inladen
refresh()
'filteren
Session("filter") = False
Filter()
End Sub
58. Geïntegreerde Proef 58
Protected Sub btnAfmelden_Click(sender As Object, e As EventArgs) Handles
btnAfmelden.Click
aanmelden(False)
End Sub
Protected Sub btnToevoegen_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles btnToevoegen.Click
Dim strProduct As String
Dim intAantalVanProduct As Integer
Dim intAantal As Integer
btnJa.Visible = False
btnNee.Visible = False
'tekst van cookie op pagina halen
strProduct = litKooph1.Text
intAantal = cookieophalen("aantal", "aantal")
intAantal += 1
intAantalVanProduct = lstAantal.SelectedValue
'cookie aanmaken
cookiewijzigen("aantal", "aantal", intAantal, 1)
cookietoevoegen("winkel", "aan" & intAantal, "true", 1)
cookietoevoegen("winkel", "product" & intAantal, strProduct, 1)
cookietoevoegen("winkel", "aantal" & intAantal, intAantalVanProduct, 1)
'clearen van placeholderwinkelwagen
placeHolderWinkelwagen.Controls.Clear()
refresh()
End Sub
Protected Sub btnVerwijderen_Click(sender As Object, e As EventArgs) Handles
btnVerwijderen.Click
bericht("Wilt u dit item uit je winkelwagentje halen?", True, "green")
btnJa.Visible = True
btnNee.Visible = True
End Sub
Protected Sub btnNee_Click(sender As Object, e As EventArgs) Handles btnNee.Click
bericht("", False, "red")
'controleren of toevoegen weg mag
If cookieophalen("aan", "") = "true" Then
btnToevoegen.Visible = False
btnVerwijderen.Visible = True
Else
btnToevoegen.Visible = True
btnVerwijderen.Visible = False
End If
End Sub
Protected Sub btnJa_Click(sender As Object, e As EventArgs) Handles btnJa.Click
Dim strProduct As String
Dim objCookieRequest As HttpCookie = Request.Cookies("winkel")
59. Geïntegreerde Proef 59
strProduct = litKooph1.Text
For i = 1 To CType(cookieophalen("aantal", "aantal"), Integer)
If strProduct = objCookieRequest.Values("product" & i) Then
'cookies leegzetten
cookiewijzigen("winkel", "product" & i, "", 1)
cookiewijzigen("winkel", "aantal" & i, "", 1)
'cookie voor toevoegen button terugzetten
cookiewijzigen("winkel", "aan" & i, "false", 1)
End If
Next
'clearen van placeholderwinkelwagen
placeHolderWinkelwagen.Controls.Clear()
refresh()
'herladen van pagina
Response.Redirect(Request.RawUrl)
bericht("", False, "red")
End Sub
Protected Sub btnReactieToevoegen_Click(sender As Object, e As EventArgs) Handles
btnReactieToevoegen.Click
Dim strUser, strDatum As String
Dim objId As Integer
Dim strGebruiker As String
'gebruiker in string zetten
strGebruiker = Session("gebruikerID")
'id van pagina
objId = Request.QueryString("id")
'user uit sessie halen
strUser = Session("gebruiker")
strDatum = DateTime.Now.ToString("yyyy-MM-dd HH:mm tt")
If strGebruiker <> "" And Page.IsPostBack Then
'sql database laten laten connecten
cnnVerbinding.ConnectionString =
ConfigurationManager.ConnectionStrings("cnnMultistore").ToString
cnnVerbinding.Open()
strQuery = "insert into tblReacties (Reactie, Datum, ProductID, KlantID,
Punten) VALUES"
strQuery &= "( " & "'" & txtReactie.Text & "'" & ", " & "'" & strDatum & "'" &
", " & "'" & objId & "'" & ", " & "'" & strGebruiker & "'" & ", " & "'" &
lstPunten.SelectedValue & "' )"
'sql uitvoeren
Dim cmdNieuwLid As New SqlCommand(strQuery, cnnVerbinding)
60. Geïntegreerde Proef 60
cmdNieuwLid.ExecuteNonQuery()
cnnVerbinding.Close()
bericht("Uw reactie is toegevoegd", True, "green")
'herladen van pagina
Dim url As String = Request.RawUrl
Response.AddHeader("REFRESH", "2;URL=" & url & "")
Else
bericht("U moet hiervoor aangemeld zijn", True, "green")
End If
End Sub
Protected Sub btnFilteren_Click(sender As Object, e As EventArgs) Handles
btnFilteren.Click
Session("filter") = True
Filter()
End Sub
Protected Sub imgbtnVeranderView_Click(sender As Object, e As ImageClickEventArgs)
Handles imgbtnVeranderView.Click
Dim qryString As String = Request.QueryString("view")
Dim objCat As String
objCat = Request.QueryString("categorie")
'opmaken van de url met querystring
Dim url As String = "~/page.aspx?categorie="
url &= objCat
If qryString = "list" Or qryString = "" Then
Response.Redirect(url & "&view=tegels")
Else
Response.Redirect(url & "&view=list")
End If
End Sub
End Class
61. Geïntegreerde Proef 61
5.8.7 Profiel.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL
Hier kan je je persoonlijke gegevens aanpassen,
bv. Je adres en gemeente wanneer je zou
verhuizen.
PRINTSCREEN
Als gebruiker kan je hier je gegevens aanpassen.
Als beheerder is het mogelijk om de verschillende accounts aan te passen.
Door op ‘bestand kiezen’ te klikken kan je een profielfoto instellen.
62. Geïntegreerde Proef 62
BESTURINGSELEMENTEN
OBJECT EIGENSCHAP WAARDE
LSTACCOUNTSELECT Autopostback Tru
Cssclass textbox
datasourceID dtsProfielSelecteren
Datatextfield Email
Datavaluefield ID
Height 35px
Visible False
Rows 1
DTSPROFIELSELECTEREN Connectionstring (zie bijlage)
DLTPROFIEL datasourceID dtsProfiel
BTNOPSLAAN Text Opslaan
Cssclass Submit right
DTSPROFIEL Connectionstring (zie bijlage)
PROCEDURES
OBJECT GEBEURTENIS DOEL
BTNOPSLAAN Click
Opslaan van alle gegevens die in het
formulier zijn ingevuld + opslaan van de
profielfoto.
LSTACCOUNTSELECT selectedIndexChanged
Sessie van klantID gelijk stellen daan
dat van lstAccountSelect.
63. Geïntegreerde Proef 63
CODE
Imports System.Data.SqlClient
Imports System.IO
Partial Class profiel
Inherits System.Web.UI.Page
Dim cnnVerbinding As New SqlConnection()
Dim strQuery As String
Protected Sub btnAanmelden_Click(sender As Object, e As EventArgs) Handles
btnAanmelden.Click
aanmelden()
End Sub
Protected Sub btnRegistreren_Click(sender As Object, e As EventArgs) Handles
btnRegistreren.Click
Response.Redirect("registratie")
End Sub
Protected Sub btnProfiel_Click(sender As Object, e As EventArgs) Handles
btnProfiel.Click
Response.Redirect("profiel")
End Sub
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
'seesie aangemeld controleren
If Session("aangemeld") = True Then
aanmelden(True)
Else
bericht("U bent niet aangemeld", True, "red")
Response.AddHeader("REFRESH", "1;URL=" & "default.aspx")
Exit Sub
End If
'account select
If Session("rol") = "beheerder" Then
lstAccountSelect.Visible = True
End If
Session("KlantID") = Session("gebruikerId")
'cookies inladen
refresh()
End Sub
Protected Sub btnAfmelden_Click(sender As Object, e As EventArgs) Handles
btnAfmelden.Click
Session("aangemeld") = False
aanmelden(False)
End Sub
Protected Sub btnOpslaan_Click(sender As Object, e As EventArgs) Handles
btnOpslaan.Click
Dim strBestandsNaam, strDoelpad As String
Dim upload As FileUpload
Dim txtEmail, txtWachtwoord, txtVoornaam, txtFamilienaam, txtAdres, txtGemeente As
TextBox
'objecten uit template halen
upload = dlProfiel.Items(0).FindControl("fulUpload")
64. Geïntegreerde Proef 64
txtEmail = dlProfiel.Items(0).FindControl("txtEmail")
txtWachtwoord = dlProfiel.Items(0).FindControl("txtPass1")
txtVoornaam = dlProfiel.Items(0).FindControl("txtVoornaam")
txtFamilienaam = dlProfiel.Items(0).FindControl("txtNaam")
txtAdres = dlProfiel.Items(0).FindControl("txtStraat")
txtGemeente = dlProfiel.Items(0).FindControl("txtGemeente")
'bestandsnamen voor upload halen
strBestandsNaam = Path.GetFileName(upload.PostedFile.FileName)
If strBestandsNaam <> "" Then
strDoelpad = Server.MapPath("uploads" & strBestandsNaam)
'opslaan
upload.PostedFile.SaveAs(strDoelpad)
End If
'naar databank
If Page.IsValid Then
strQuery = "update tblKlanten "
strQuery &= "SET Email = '" & txtEmail.Text & "' , Wachtwoord = '" &
txtWachtwoord.Text & "' , Voornaam = '" & txtVoornaam.Text & "' , Familienaam = '" &
txtFamilienaam.Text & "' , Adres = '" & txtAdres.Text & "' , Gemeente = '" &
txtGemeente.Text & "' , Foto = '" & strBestandsNaam & "'"
strQuery &= " where id = '" & Session("gebruikerID") & "'"
dtsProfiel.UpdateCommand = strQuery
dtsProfiel.Update()
End If
End Sub
Protected Sub lstAccountSelect_SelectedIndexChanged(sender As Object, e As EventArgs)
Handles lstAccountSelect.SelectedIndexChanged
Session("KlantId") = lstAccountSelect.SelectedValue
End Sub
End Class
65. Geïntegreerde Proef 65
5.8.8 Registratie.aspx
PROJECT GP_SITE
TYPE Web Form
DOEL
Op deze pagina kan de gebruiker een eigen account
aan maken op Multistore door zijn persoonelijke
gegevens in te vullen.
PRINTSCREEN
Als nieuwe gebruiker kan je je gegevens hier invullen en zo een account aanmaken.
Wanneer de gebruiker op ‘registeren’ klikt zal er een account worden aangemaakt en zal hij
automatisch aangemeld worden.
66. Geïntegreerde Proef 66
BESTURINGSELEMENTEN
OBJECT EIGENSCHAP WAARDE
REQUIREFIELDVALIDATOR(1-10) Cssclass Verkeerd
Display Dynamic
Errormessage Error van de titel
RDBTITEL Repeatdirection Horizontal
Causevalidation True
Borderstyle None
TXTNAAM, TXTVOORNAAM, TXTSTRAAT,
TXTNUMMER, TXTGEMEENTE,
LSTMAAND,LSTDAG, TXTJAAR,
TXTTELEFOONNUMMER,
TXTMOBIELNUMMER, , TXTEMAIL,
TXTPASS1, TXTPASS2, CHKVOORWAARDEN,
TXTAKKOORD
Cssclass Textbox
TXTPASS1, TXTPASS2 Textmode Password
Width 200px
CHKVOORWAARDEN Text Ik heb de algemene voorwaarde
gelezen en ermeer akkoord
TXTAKKOORD Readonly True
BTNREGISTRATIE Text Registeren
Cssclass Submit right
PROCEDURES
OBJECT GEBEURTENIS DOEL
BTNREGISTRATIE Click
Wanneer alles gevalideerd is zullen alle
gegevens toegevoegd worden tot de
databank.
Controleren of het email-adres al reeds
bestaat en zo ja een bericht tonen.
Kijken of de gebruiker de voorwaarden
heeft geaccepteerd.
Wanneer de gebruiker geregisteerd is een
bericht tonen en de gebruiker
aanmelden.
METHODE DAGENLADEN
De dag van 1 tot 31 laden met als eerste
waarde ‘kies dag’.
67. Geïntegreerde Proef 67
CODE
Imports System.Data.SqlClient
Partial Class registratie
Inherits System.Web.UI.Page
Dim cnnVerbinding As New SqlConnection()
Dim strQuery As String
Protected Sub btnAanmelden_Click(sender As Object, e As EventArgs) Handles
btnAanmelden.Click
aanmelden()
End Sub
Protected Sub btnRegistreren_Click(sender As Object, e As EventArgs) Handles
btnRegistreren.Click
Response.Redirect("registratie")
End Sub
Protected Sub btnProfiel_Click(sender As Object, e As EventArgs) Handles
btnProfiel.Click
Response.Redirect("profiel")
End Sub
Protected Sub Page_Load(sender As Object, e As EventArgs) Handles Me.Load
If Session("aangemeld") = True Then
aanmelden(True)
End If
'cookies inladen
refresh()
dagenladen()
End Sub
Protected Sub btnAfmelden_Click(sender As Object, e As EventArgs) Handles
btnAfmelden.Click
Session("aangemeld") = False
aanmelden(False)
End Sub
Protected Sub btnRegistratie_Click(sender As Object, e As EventArgs) Handles
btnRegistratie.Click
If chkVoorwaarden.Checked = True Then
Dim strNaam, strVoornaam, strGemeente, strStraatEnNr, strGeboortedatum,
strTelefoonnr, strEmail, strWachtwoord, strGeslacht, strFoto As String
Dim blnGaDoor As Boolean = True
'alles laten invullen
strNaam = txtNaam.Text
strVoornaam = txtVoornaam.Text
strGemeente = txtGemeente.Text
strStraatEnNr = txtStraat.Text
strGeboortedatum = txtJaar.Text & "-" & lstMaand.SelectedIndex & "-" &
lstDag.SelectedIndex
strTelefoonnr = txtTelefoonnummer.Text
strEmail = txtEmail.Text
strWachtwoord = txtPass1.Text
strGeslacht = rdbTitel.SelectedValue
strFoto = "profiel.png"
'sql
'connectie open zetten
68. Geïntegreerde Proef 68
cnnVerbinding.ConnectionString =
ConfigurationManager.ConnectionStrings("cnnMultistore").ToString
cnnVerbinding.Open()
strQuery = "select max(ID) from tblKlanten"
Dim cmdMax As New SqlCommand(strQuery, cnnVerbinding)
For i = 0 To cmdMax.ExecuteScalar
strQuery = "select ID, Email from tblKlanten "
strQuery &= "where ID ='" & i & "'"
Dim cmdLeden As New SqlCommand(strQuery, cnnVerbinding)
'uitvoeren van command
Dim rdrLeden As SqlDataReader
rdrLeden = cmdLeden.ExecuteReader
Do While rdrLeden.Read
If txtEmail.Text = rdrLeden.GetString(1) Then
blnGaDoor = False
End If
Loop
rdrLeden.Close()
Next
If blnGaDoor = True Then
'invoegen in de tabel
strQuery = "insert into tblKlanten (Email, Wachtwoord, Voornaam,
Familienaam, Adres, Gemeente, Geboortedatum, Rol, Geslacht, Foto) VALUES"
strQuery &= "(" & "'" & strEmail & "'" & " , " & "'" & strWachtwoord & "'"
& ", " & "'" & strVoornaam & "'" & ", " & "'" & strNaam & "'" & ", " & "'" & strStraatEnNr
& "'" & ", " & "'" & strGemeente & "'" & ", " & strGeboortedatum & ", " & "'gebruiker'" &
", " & "'" & strGeslacht & "'" & ", " & "'" & strFoto & "'" & ")"
'sql uitvoeren
Dim cmdNieuwLid As New SqlCommand(strQuery, cnnVerbinding)
cmdNieuwLid.ExecuteNonQuery()
bericht("U bent geregistreerd", True, "green")
'verbinding sluiten
cnnVerbinding.Close()
'laten inloggen
txtGebruiker.Text = strEmail
txtWachtwoord.Text = strWachtwoord
aanmelden()
Else
bericht("Dit E-mailadres is alreeds gebruikt", True, "red")
End If
69. Geïntegreerde Proef 69
Else
bericht("U moet de voorwaarden accepteren", True, "red")
End If
End Sub
CODE WEBSITE
Je kan de code van de website vinden in de bijlagemap.
70. Geïntegreerde Proef 70
SLOTWOORD:
Na het maken van deze GP-bundel heb ik kunnen concluderen dat ik veel heb bijgeleerd qua sites maken
en ontwerpen, dit is ook iets dat ik later wil doen. Daarnaast was een webserver maken, ook iets dat ik al
eens wilde leren en doen.
Uit dit werk en vooral in de website heb ik veel van mijn creativiteit kunnen toepassen. Daarnaast was het
eens tof om zelf iets van nul af gaan op bouwen Zelf ben ik nog tevreden over het werk dat ik ook verricht
heb tijdens dit eindwerk. Ik heb ook ontdekt met de kennis die ik nu heb, je al veel kan verwezenlijken.