SlideShare une entreprise Scribd logo
1  sur  45
Télécharger pour lire hors ligne
Handelsonderwijs Burgerschool
Kattenstraat 7 – 8800 Roeselare – Tel. 051 26 46 66 – info@burgerschool.be
GEÏNTEGREERDE PROEF
Martijn Vanbiervliet
Studierichting TSO Informatica
Schooljaar 2012-2013
Handelsonderwijs Burgerschool
Kattenstraat 7 – 8800 Roeselare – Tel. 051 26 46 66 – info@burgerschool.be
GEÏNTEGREERDE PROEF
Martijn Vanbiervliet
Studierichting TSO Informatica
Schooljaar 2012-2013
Inhoud
Inhoud..................................................................................................................................................... 4
1 Beschrijving van het bedrijf............................................................................................................. 7
1.1 Aard van de activiteiten .......................................................................................................... 7
1.2 Situering en Historiek.............................................................................................................. 7
1.3 Ondernemingsvorm................................................................................................................. 9
1.3.1 Voordelen........................................................................................................................ 9
1.3.2 Nadelen ........................................................................................................................... 9
1.4 Kengetallen............................................................................................................................ 10
1.5 Organogram........................................................................................................................... 13
2 Stageactiviteiten............................................................................................................................ 14
2.1 Eerste contact met het bedrijf .............................................................................................. 14
2.2 A report about 3 different challenges you faced during your traineeship............................ 15
2.2.1 Checking HDD................................................................................................................ 15
2.2.2 Startup repair ................................................................................................................ 15
2.2.3 How to make a computer ready for use........................................................................ 15
2.3 Instructies geven in verband met een stageopdracht........................................................... 16
3 Ondernemingsplan........................................................................................................................ 17
3.1 Financieel plan....................................................................................................................... 17
3.2 Marketinganalyse.................................................................................................................. 18
3.2.1 Product .......................................................................................................................... 18
3.2.2 Prijs................................................................................................................................ 19
3.2.3 Promotie........................................................................................................................ 19
3.2.4 Plaats ............................................................................................................................. 20
4 Informatica in het stagebedrijf...................................................................................................... 21
4.1 Draw up a detailed overview of the company’s network structure and provide an
explanatory word list............................................................................................................................. 21
4.2 Hardware and software......................................................................................................... 22
4.3 Netwerkstructuren................................................................................................................ 22
4.4 Opleiding personeel en helpdesk.......................................................................................... 22
4.5 Beveiliging van het systeem .................................................................................................. 23
4.6 Bedenkingen.......................................................................................................................... 23
5 Een informaticatoepassing uitwerken........................................................................................... 24
5.1 Probleemstelling.................................................................................................................... 24
5.2 Analyse, structuur en opbouw .............................................................................................. 24
5.2.1 Plugins ........................................................................................................................... 24
5.2.2 Opbouw......................................................................................................................... 25
5.3 Documentatie project ........................................................................................................... 26
5.3.1 Producten laden in een lijst........................................................................................... 26
5.3.2 Registreren .................................................................................................................... 27
5.3.3 Productfilter en Product zoeken ................................................................................... 28
5.3.4 Profiel aanpassen .......................................................................................................... 29
5.3.5 Aanmelden .................................................................................................................... 29
5.3.6 Masterpage.................................................................................................................... 30
5.4 Bronvermelding gebruikte sites ............................................................................................ 32
5.5 Statische website................................................................................................................... 33
5.5.1 Eerste schets.................................................................................................................. 33
5.5.2 Evolutie van ontwerp .................................................................................................... 33
5.6 ERD en CODD databank......................................................................................................... 34
5.7 Databaseschema ................................................................................................................... 37
5.8 Handleiding werking.............................................................................................................. 38
5.8.1 Navigatie........................................................................................................................ 38
5.8.2 Aanmelden en profiel bekijken ..................................................................................... 38
5.8.3 Aanmelden .................................................................................................................... 39
5.8.4 Profiel bewerken ........................................................................................................... 39
5.8.5 Webshop ....................................................................................................................... 39
5.8.6 Product toevoegen en verwijderen uit winkelwagen ................................................... 41
5.8.7 Contact .......................................................................................................................... 42
5.9 Code Website ........................................................................................................................ 42
Voorwoord
Ik ben Martijn Vanbiervliet, een leerling Informaticabeheer in de Burgerschool. De
Geïntegreerde Proef wordt opgesteld om te bewijzen dat we in staat zijn om de zaken
die we hebben geleerd in de voorbije jaren kunnen gebruiken in de praktijk. De GP is
belangrijk voor het behalen van het diploma Informaticabeheer en bereidt ons meteen
ook voor op latere studies. Het wordt ondersteund door de stageperiode die ik in het
begin van het jaar heb doorlopen in een computerwinkel en ik heb hiervan gebruik
gemaakt om opdrachten in mijn GP uit te werken.
Deze bundel bevat alle taken die wij hebben uitgevoerd voor de verschillende vakken die
centraal staan in deze afstudeerrichting, namelijk hardware, software en
bedrijfseconomie. Binnen deze opdrachten wordt er informatie gegeven over het
stagebedrijf en hoe je de oprichting van een onderneming zelf zou aanpakken. Een
belangrijke opdracht was het maken van een website die wordt gehost op een webserver
die we ook zelf hebben opgesteld. Voor bedrijfseconomie moesten we zorgen voor de
oprichting van een fictief bedrijf door een ondernemingsplan op te stellen met een
financieel plan en een marketingplan. Al deze opdrachten worden voor het vak
Nederlands gecontroleerd op vlot taalgebruik.
Hierbij bedank ik graag alle leerkrachten die me hebben begeleid om de GP tot een goed
einde te brengen. Ik ben ook zeer dankbaar voor de kennis die mijn stagebegeleider
Silvester Lanciers mij heeft verschaft tijden de stageperiode. Ik kon ook rekenen op Wim
Vandendriessche, de oprichter van mijn stagebedrijf Actief Computers Roeselare, om mij
de kans te geven om daar mijn stage de doen en mij nuttige informatie te verschaffen die
ik nodig had voor het opstellen van de GP.
Geïntegreerde Proef 7
1 Beschrijving van het bedrijf
1.1 Aard van de activiteiten
Het bedrijf waar ik mijn stage heb uitgevoerd is Actief Computers Roeselare BVBA, een kleinhandel
die zich specialiseert in het verkopen en herstellen van computers, randapparaten en accessoires.
Het bedrijf is nog maar net opgericht op het einde van vorig jaar op 20 oktober 2011.
Op dezelfde plaats was er voorheen een andere computerwinkel, Compuhome, geleid door Mark
Gosieau. Dit bedrijf is failliet gegaan en werd overgenomen door Wim Vandendriessche, de huidige
zaakvoerder. Met deze overname hebben ze het klantenbestand ook kunnen overnemen. Al deze
klanten zijn trouwe klanten, die dezelfde service wensen als Compuhome hen kon bieden.
Al sinds het begin hebben ze een mooie start kunnen maken, deels dankzij een goede kennis van
zaken en daarnaast ook het overgenomen klantenbestand. Het bedrijf richt zijn goederen en
diensten naar zowel bedrijven, scholen en particulieren in de nabije omgeving. Deze klanten vinden
service zeer belangrijk. Hierbij kan Actief Computers goed inspelen, door namelijk alles in huis te
hebben en zo snel mogelijk reparaties uit te voeren. Het bedrijf bestaat nog niet lang en is deel van
een groep bvba’s van Actief Computers. Hieronder staan alle bedrijven die deel uitmaken van die
groep:
 Actief Computers Diksmuide bvba
 Actief Computers Lichtervelde bvba
 Actief Computers Roeselare bvba
 Quima bvba (in Nieuwpoort)
Misschien zullen er in de toekomst nog meer Actief Computers bvba’s uit de grond gestampt worden.
Maar momenteel zijn daar nog geen plannen toe.
1.2 Situering en Historiek
De eerste zaak werd gestart in 1995, door een man die als bijberoep zich bezighield met computers.
Dit was wanneer de computers meer en meer in gebruik werden genomen in het dagelijkse leven, en
wanneer er meer vraag was naar het onderhoud van computers. Deze man, genaamd Freddy Seys,
vond het belangrijk om professionele hulp te kunnen bieden aan klanten. Op vraag van deze klanten
heeft hij in 2001 een eerste winkel geopend in Diksmuide.
3 jaar later sloot hij zich met zijn zaak aan bij de aankoopgroepering Selexion, dit is de grootste
aankoopcoöperatie op gebied van elektronica in Vlaanderen (een aankoopcoöperatie is een
groepering die producten in een grote hoeveelheid aanschaffen en zo de producten aan een
goedkopere prijs kan verkopen). Dit biedt ze heel wat voordelen op het gebied van ondersteuning.
Selexion is namelijk al enkele jaren een zeer goede referentie voor vakmanschap, correcte service,
kwaliteit en supersterke prijzen. Dit past ook perfect bij zijn de visie naar de klanten toe.
Enkele relatief succesvolle jaren later is het bedrijf heel wat beginnen groeien en hebben heel wat
klanten hun vertrouwen in deze zaak gestopt. Namelijk in 2006 hebben ze een nieuwe onderneming
geopend in Lichtervelde met Wim Vandendriessche als zaakvoerder. In 2010 bestond Actief
Computers al 15 jaar. In de volgende 2 jaar, hebben ze nog 2 andere ondernemingen overgenomen
en het Actief Computers bvba genoemd, waaronder deze in Roeselare waar ik mijn stage doe (Actief
Computers Roeselare bvba, heeft nu als zaakvoerder Wim) en één in Nieuwpoort (QUIMA bvba, met
zaakvoeder Freddy).
Geïntegreerde Proef 8
Van mijn stagebedrijf zijn er 4 gelijksoortige ondernemingen verspreid zijn in West-Vlaanderen. De
vestigingen staan in voor de verkoop van nieuwe toestellen zoals computers, tablets, printers en
andere accessoires. Bij deze winkels kan je ook terecht voor herstellingen van je apparaten, het
beheren van abonnementen met de provider Telenet en Belgacom en er is ook een mogelijkheid tot
thuisservice. De voornaamste klanten zijn dus particulieren die zowel goederen als diensten kunnen
verkrijgen.
De vestiging in Roeselare bestaat nog geen volledig boekjaar en dus kan ik hiervan onmogelijk een
evolutie van weergeven. Ik kan wel de evoluties weergeven van de andere bedrijven.
De ligging is langs de Meensesteenweg, in Beitem. Deze ligging is vrij geschikt. Het is dicht bij
bewoond gebied, en er passeren elke dag zeer veel mensen. Als parkeergelegenheid heeft de
onderneming een oprit, maar langs de weg is er nog een volledige parkeerstrook.
Actief Computers Roeselare gevestigd in de Meensesteenweg 699.
Genomen in september 2009, wanneer het nog Compuhome was.
Geïntegreerde Proef 9
1.3 Ondernemingsvorm
Zoals eerder werd vermeld is het een bvba, dit werd zo gekozen omdat er dan geen risico’s zijn als
rechtspersoon. Alle vennoten zijn slechts aansprakelijk ten belope van hun inbreng. Het is wel een
ebvba (eenpersoons besloten vennootschap met beperkte aansprakelijkheid), er is dus maar één
vennoot. Andere kenmerken van een ebvba zijn:
 Aandelen staan op naam
 Notariële akte noodzakelijk (Bewijs van overeenkomst)
 Het minimum kapitaal bedraagt €18 550,00 volledig geplaatst met €12400 volstort
Met een vennootschap zijn er voordelen en nadelen verbonden. Hieronder worden deze opgesomd,
het gaat hier nu niet specifiek over een ebvba:
1.3.1 Voordelen
• Rechtspersoonlijkheid: de vennootschap heeft eigen rechten en plichten.
• Voor bepaalde vennootschapsvormen geldt een beperkte aansprakelijkheid.
• Fiscaliteit: Het belastbaar resultaat wordt belast in het stelsel van de
vennootschapsbelasting.
• Alle afspraken tussen partners die samenwerken in de zaak staan duidelijk op papier.
• De vennootschap biedt een aantal interessante mogelijkheden om vóór het overlijden een
goede opvolgingsregeling uit te dokteren.
1.3.2 Nadelen
• Formele besluitvorming en procedures.
• Meer juridische en administratieve verplichtingen dus meer kosten.
• Zwaardere boekhoudkundige verplichtingen.
Geïntegreerde Proef 10
1.4 Kengetallen
Er kan geen evolutie weergegeven worden van Actief Computers Roeselare. Daarom geef ik de
evolutie weer van de vestigingen in Diksmuide en Lichtervelde. Het derde bedrijf Quima bvba in
Nieuwpoort kan ook niet worden weergegeven want het bestaat nog minder lang dan de vestiging in
Roeselare. Het boekjaar in Roeselare start op 22-10-211 en zal eindigen op 31-12-2012, dus er moet
rekening gehouden worden dat het bedrijf in Roeselare nog geen volledig boekjaar bestaat, de cijfers
zijn dus nog voorlopig. Hieronder staat een tabel met de gegevens van 3 bedrijven.
Actief Computers Roeselare
Jaar 2008 2009 2010 2011 2012
Winst voor belastingen 32450
Brutomarge 86450
VA 259023
Kosten 54000
Actief Computers Lichtervelde
Jaar 2008 2009 2010 2011 2012
Winst voor belastingen 24340 35147 78755 31894 61098
Brutomarge 33055 38081 114955 80286 123139
VA 8567 6876 4710 13102 15241
Totale Activa/Passiva 112594 118355 173634 200521 250143
Kosten
Actief Computers Diksmuide
Jaar 2008 2009 2010 2011 2012
Winst voor belastingen 78558 103916 118025 101197 131118
Brutomarge 181566 253343 306339 319117 355080
VA 12175 53782 160186 129564 111084
Totale Activa/Passiva 436193 682792 586979 650907 753246
Kosten
Geïntegreerde Proef 11
Onderstaande grafiek geeft de evolutie weer van de winst vóór belastingen, de brutomarge en de
totale activa of passiva van de voorbije 4 jaar in Actief Computers Lichtervelde. Daaronder hetzelfde
bij Actief Computers Diksmuide.
Bij de bovenstaande grafiek is te zien dat elk aspect door de jaren is gegroeid. Maar in 2011 was er
een daling, dit is mogelijk te wijten aan de naschok van de economische crisis. De winst voor
belastingen en brutomarge liggen in 2012 een amper hoger dan in 2010. Maar de totale Activa ligt
wel een heel stuk hoger.
Bij bovenstaande grafiek is te zien dat alles zeer geleidelijk is gestegen. Net zoals bij Lichtervelde is er
een lichte daling in 2011. Bij de totale activa is dan ook een grotere knik te zien in het jaar 2010.
Bij beide bedrijven ging de evolutie geleidelijk omhoog met de jaren. Duidelijk te zien is dat er in AC
Diksmuide een groter kapitaal aanwezig was. In 2008 was er namelijk 330000 meer aanwezig dan in
Lichtervelde. Beide bedrijven ondervonden tussen 2009 en 2011 een daling, waarschijnlijk te wijten
aan de economische crisis. Elk bedrijf heeft dit gelukkig kunnen doorstaan en de cijfers staan nu
hoger dan ooit.
€ 0
€ 50.000
€ 100.000
€ 150.000
€ 200.000
€ 250.000
€ 300.000
2008 2009 2010 2011 2012
Evolutie AC Lichtervelde
Winst voor belastingen Brutomarge Totale Activa/Passiva
€ 0
€ 100.000
€ 200.000
€ 300.000
€ 400.000
€ 500.000
€ 600.000
€ 700.000
€ 800.000
2008 2009 2010 2011 2012
Evolutie AC Diksmuide
Winst voor belastingen Brutomarge Totale Activa/Passiva
Geïntegreerde Proef 12
Hieronder zien we een kolomgrafiek met gegevens van de 3 bedrijven in 2012. Er is een duidelijk
verschil in waarden tussen de verschillende gegevens. Daarna is er nog een vergelijking van 2008.
Op de kolomgrafieken is het verschil tussen de vestigingen duidelijk te zien. De brutomarge in AC
Diksmuide is duidelijk steeds hoger dan de andere. In 2008 kunnen we het verschil goed zien, dit is
deels ook te wijten aan het feit dat de vestiging in Lichtervelde nog maar 2 jaar bestaat. Maar als we
de cijfers in 2010 bekijken is Lichtervelde blijkbaar nog niet veel gestegen ten opzichte van
Diksmuide. Misschien is er op die plaats een kleinere markt. We zien dat de vestiging in Roeselare
goed gestart is met een grote vaste activa. De winst zal nog wat op zich laten wachten totdat het
bedrijf wat langer bestaat en de meeste kosten afbetaald zijn.
Actief Computers
Roeselare
Actief Computers
Lichtervelde
Actief Computers
Diksmuide
Winst voor belastingen 32.450 61098 131.118
Brutomarge 86450 123139 355080
Vaste Activa 259023 15241 111084
0
50.000
100.000
150.000
200.000
250.000
300.000
350.000
400.000
Cijfers 2012
Winst voor belastingen Brutomarge Vaste Activa
Actief Computers Lichtervelde Actief Computers Diksmuide
Winst voor belastingen 24340 78.558
Brutomarge 33055 181.566
Vaste Activa 8567 12.175
0
20000
40000
60000
80000
100000
120000
140000
160000
180000
200000
Cijfers 2008
Winst voor belastingen Brutomarge Vaste Activa
Geïntegreerde Proef 13
1.5 Organogram
Dit organogram geeft alle werknemers en zaakvoerders weer van de 4 vestigingen. Duidelijk te zien is
dat de vestiging waarmee alles is begonnen, namelijk AC Diksmuide, het grootst is op vlak van
personeel.
Freddy Seys, de oprichter van de eerste vestiging in Diksmuide, is ondertussen ook zaakvoerder in
Nieuwpoort. Wim Vandendriessche die voordien werknemer was bij Freddy is ondertussen
zaakvoerder van twee vestigingen, namelijk Roeselare en Lichtervelde. Bij de twee recentste
vestigingen is er maar één werknemer per bedrijf, deze zullen dus hopelijk nog meer groeien. Op het
organogram vind je ook Silvester Lanciers, mijn stagebegeleider, hij is werknemer van Wim
Vandendriessche en werkt in Actief Computers Roeselare BVBA.
Actief Computers
AC Diksmuide
bvba
Freddy Seys
Nele
Peter
Henk
Bo
Thomas H.
Karel
Jan
AC Lichtervelde
bvba
Wim
Vandendriessche
Koen
Dries
Igor
AC Roeselare bvba
Wim
Vandendriessche
Silvester Lanciers
Quima bvba
(Nieuwpoort)
Freddy Seys
Thomas W.
Geïntegreerde Proef 14
2 Stageactiviteiten
2.1 Eerste contact met het bedrijf
Hieronder vindt u mijn persoonlijke brief gericht aan Actief Computers. Hierbij bedank ik ze voor de
stageperiode, en vermeld ik mijn verwachtingen.
Martijn Vanbiervliet 14 september
2012
Het Seminariegoed 40
8800 RUMBEKE
Tel. 0476 075 620
E-mail martijnvanbiervliet@hotmail.com
Actief Computers
Meensesteenweg 699
8800 BEITEM
Geachte heer
Ik wil u met deze brief bedanken dat u mij een stageplaats kan aanbieden. Ik heet Martijn
Vanbiervliet en ik volg het 6de
jaar Informaticabeheer in de Burgerschool in Roeselare.
Mijn stageperiode vormt het uitgangspunt van onze Geïntegreerde Proef (GP). Dit houdt in dat
mijn prestaties in de stageplaats meetellen op mijn eindscore, en ik mijn ervaringen in uw bedrijf
zal moeten weergeven, in de vorm van een presentatie. Naast opdrachten voor software en
hardware hebben we ook taken in verband met economie en de taalvakken. Als het mogelijk is,
zou het handig zijn om te beschikken over enkele gegevens over het bedrijf, waaronder
jaarrekeningen en de structuur van het netwerk. Hiervoor dank, wij beloven dat die documenten
op een discrete manier zullen worden behandeld.
Ik verwacht dat ik op de stage veel kan bijleren op zowel het vlak van hardware als software.
Hierbij beloof ik ook dat ik zoveel mogelijk mijn kennis en vaardigheden zal gebruiken om mijn
taken tot een goed einde te brengen. Ik ben meer geïnteresseerd in software dan in hardware,
maar ik sta zeker open voor alle opdrachten en hoop mijn stageperiode tot een goed einde te
kunnen brengen.
Met vriendelijke groet
Martijn Vanbiervliet
Geïntegreerde Proef 15
2.2 A report about 3 different challenges you faced during your traineeship
2.2.1 Checking HDD
One of the most common problems when a computer doesn’t
boot is a problem with the hard drive disk. Whenever a computer
came into the shop because it wouldn’t start, the first thing we
did was remove the hard drive disk from the computer. The
process of doing this is by first disconnecting the power from the
computer, this is important whenever you want to change
components. Then you have to remove all the cables from the
HDD; a SATA cable and a power supply cable. When the cables
are removed you have to remove all the screws that attach the
HDD to the computer case. Then it is possible to remove the HDD
from the computer. Now we have to check whether the HDD is
causing the problem. This can be done easily when you have a
device to connect a hard drive disk to a computer via USB. We
used one of the brand Icy Dock (Picture 1). Now the hard drive
disk is connected to your computer, you should be able to see the
new HDD in the folder Computer. Now to check the HDD for
errors you need the program HD Tune (Picture 2). When the
program is started you have to select the new HDD from the list
at the top left. Then you move to the tab error scan and select
Quick Scan and press start. When there are errors the HDD is
broken. If the quick scan doesn’t show any errors, you can do a
full scan.
2.2.2 Startup repair
When there is no problem with the HDD, but the computer
doesn’t start, you may want to try Startup Repair. This is a
function built in a Windows installation disc to restore missing
files that made it impossible to start the computer. This is how it
works:
Insert a Windows installation disc into the CD-ROM drive, and
reboot the computer. The computer will tell that if you want to
start the computer from disc you have to press a key. In order to
do this you have to press a random key on your keyboard, and the
computer will continue to boot up from the CD-ROM. Now you
will see a windows with a big install now button in the middle.
Don’t press it, under the button there are two other options.
Choose for Repair your computer; this will start the System
Recovery Tool. Now press the top link that says Startup repair
(Picture 3). Now Windows will automatically check the system
folders for missing files. When it finds that there are, Windows
will reinstall them on the computer. Now Windows should be able
top boot after the computer has restarted.
2.2.3 How to make a computer ready for use
I often had to make computers that were sold to customers ready for use. This means that I had to
install Windows, and some other useful software. This was the procedure:
Picture 2: Icy Dock HDD connector
Picture 1: HD Tune Pro
Picture 3: System recovery options
Geïntegreerde Proef 16
The first step was booting the computer, because all computers had a Windows installation built in.
After booting it will show the Windows Installation Wizard. So the first step is installing Windows and
applying the correct settings. When the computer has restarted after installation, I connect to the
network via the wireless connection or via a UTP-cable. Now I can access all the server files. In these
files there are several executables to install various software. One of them was a file from ninite.com
this website makes it possible to make one installer for multiple programs. By running this file, the
installer will install some of the most useful and common programs for a PC; including Skype,
Teamviewer, Winrar etc. Now we also need an antivirus program and Microsoft Office. For both
programs I use installers from the server. The serial keys for the programs are stored in a textfile on
the server. Now to make it easier for the user I also disable User Account Control, this prevents
Windows from showing these annoying confirmation dialogs whenever it doesn’t completely trust a
program. For the same purpose I disable all messages from Action Center. After changing Internet
Explorer’s startpages, disabling extensions and shutting down the computer, it is ready to be sold.
2.3 Instructies geven in verband met een stageopdracht.
Zie bijlage: Nederlands/Instructies geven/Presentatie aanmelden zonder administrator wachtwoord
in Windows XP
Geïntegreerde Proef 17
3 Ondernemingsplan
3.1 Financieel plan
Hieronder vind je het financieel plan van Actief Computers met 3
bestuurders. Het doel van deze onderneming is het leveren van
diensten zoals reparaties en goederen op het gebied van hardware,
telefoons en accessoires. We 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 ook een tweedehands Volkswagen Caddy in ter waarde van 6000,00 EUR.
De beginbalans van Actief Computers:
INVESTERINGSPLAN FINANCIERINGSPLAN
Vaste Activa Bedrag Eigen Middelen Bedrag
Inrichting: Inbreng Kapitaal € 6.200,00
Kantoormeubilair € 5.888,50 Inbreng In Natura € 6.000,00
Kantoormachines € 2.210,97
Rollend Materieel € 6.000,00
Huurwaarborg € 4.500,00
Totaal vaste Activa € 18.599,47 totaal eigen middelen € 12.200,00
Vlottende Activa Bedrag VVLT Bedrag
Handelsdebiteuren* € 29.944,00 Starteo € 40.000,00
Voorraad € 26.640,08 Lening Bank € 34.995,82
Totaal Vlottende Activa € 56.584,08 Totaal lang Vreemd Vermogen € 74.995,82
Liquide Middelen Bedrag VVKT Bedrag
Bank/Kas € 17.016,45 Leveranciers € 0,00
Kaskrediet Bank € 0,00
Schulden < 1 jaar € 5.004,18
Totaal Liquide middelen € 17.016,45 Totaal kort Vreemd Vermogen € 5.004,18
TOTAAL INVESTERINGEN € 92.200,00 TOTAAL FINANCIERING € 92.200,00
Geïntegreerde Proef 18
De resultatenrekening na één jaar:
Rentabiliteitsvooruitzichten Jaar 1
verwachte verkopen € 364.300,00
verwachte aankopen € 82.000,00
brutobedrijfswinst € 282.300,00
bedrijfskosten
Huurkost € 18.000,00
Water, gas, elektriciteit, verwarming € 1.200,00
Kosten voertuig (verzekeringen, taksen, brandstof, herstellingen) € 2.000,00
Bureaukosten, onderhoud materieel, telefoon, portokosten € 1.000,00
Reclamekosten € 1.500,00
Bezoldiging bestuurders € 75.000,00
Verzekeringen € 500,00
Sociale verzekeringen zelfstandige € 16.500,00
Afschrijvingen € 3.294,98
Andere diverse kosten
Totaal bedrijfskosten € 118.994,98
Netto-bedrijfswinst € 163.305,02
Financiële lasten, intresten op leningen € 2.825,10
Belastbaar resultaat € 160.479,92
Belastingen € 54.563,17
Winst van het boekjaar € 105.916,75
3.2 Marketinganalyse
Hieronder vind je het marketingplan voor de winkel Actief Computers. De strategie wordt
voorgesteld op basis van prijs, plaats, product en promotie.
3.2.1 Product
Aangezien de informaticawereld zeer snel innoveert, is het dus belangrijk dat het product altijd up-
to-date is. De mensen verwachten dat je altijd de laatst uitgebrachte producten in voorraad hebt.
Het is dus belangrijk om steeds op het internet of bij de leverancier te zoeken wat de nieuwste
producten zijn zoals gsm’s en computers en je voorraad producten hieraan aan te passen. Ook
dankzij de webshop is het gemakkelijk voor de klanten om thuis te zoeken naar producten,
informatie over ze te verkrijgen en ze meteen ook te bestellen. Het product kan dan eventueel thuis
worden gebracht en geïnstalleerd, of afgehaald worden in de winkel.
Er kunnen ook reparaties worden uitgevoerd aan toestellen die worden binnengebracht, of er kan ter
plaatse worden gegaan om het probleem uit te zoeken en op te lossen. Mensen kunnen zonder
afspraak hun toestel binnenbrengen en het probleem vermelden, hieraan wordt er dan zo snel
mogelijk gewerkt.
Het is ook mogelijk om de klant vanop afstand te helpen met Teamviewer. Dit is een gratis
programma die de klant kan installeren op zijn computer (of die standaard staat geïnstalleerd
wanneer het toestel bij ons wordt gekocht), en het mogelijk maakt om vanop afstand op de
computer van iemand anders te kunnen werken. Deze kleine kost wordt verrekend wanneer een
Geïntegreerde Proef 19
klant de volgende keer een aankoop doet of een reparatie laat uitvoeren. Er wordt dan meestal ook
aangeraden om langs te komen zodat er meer omzet kan worden gemaakt en het probleem beter
kan bekeken worden.
3.2.2 Prijs
Het hoofdprincipe van mijn winkel wordt service en innovatie. Dus de prijs mag wat hoger liggen dan
andere grote multimediawinkels (Mediamarkt, Vandenborre). Ik bestel mijn producten ook niet in
grote aantallen waardoor het moeilijker is om de prijs te doen zakken. Als een klant een computer
koopt zal deze meteen ook worden uitgerust met software (Windows 7 of 8, Office 2013,
Antivirussoftware, Teamviewer). Voor sommige van deze softwarepakketten wordt er een bedrag
bijgerekend. Ook de installatie van deze zaken wordt inbegrepen in de prijs. Af en toe kan de prijs
van een product in promotie staan en een lagere prijs hebben, om mensen aan te zetten om het snel
te kopen. Reparaties worden berekend per uur, en als er ter plaatse moet worden gekomen wordt er
een extra bedrag aangerekend om het vervoer te vergoeden.
3.2.3 Promotie
Om mijn winkel bekend te maken kan ik via verschillende bronnen reclame maken:
advertenties voor de website op het internet, folders uitdelen, een groot reclamebord bij het pand,
stickers op de bedrijfswagen en/of privéwagen en een opvallende plaats in het telefoonboek indien
mensen snel een nummer zoeken om een computer te kopen of te herstellen. Dankzij mijn visie op
service kan ik ook rekenen op de mond-op-mondreclame. Producten zullen af en toe in promotie
staan om mensen aan te zetten tot kopen.
Geïntegreerde Proef 20
3.2.4 Plaats
Ik zal mijn winkel proberen te vestigen op een goed bereikbare plaats waar veel verkeer is. Een grote
straat met veel parkeergelegenheid, maar toch dicht genoeg bij de stad. Als er veel verkeer is zullen
meer mensen de winkel opmerken. Hieronder zie je enkele afbeeldingen van de locatie:
Meensesteenweg 300, 8800 Roeselare
Voordelen van deze locatie:
 Het ligt te ver van de stad om er te voet te geraken, maar voor een computerwinkel is er
meestal altijd een auto nodig om het toestel te verplaatsen. Dus het is vooral belangrijk dat
het gemakkelijk is om toestellen van en naar de auto te brengen. Om deze reden vind ik het
beter om geen pand in het stadscentrum te huren.
 Het is een grote straat met vrij veel verkeer, er zullen dus veel mensen passeren met gevolg
dat men de winkel sneller opmerkt. Het is tevens ook snel en gemakkelijk bereikbaar via de
grote ring van Roeselare (Rijksweg)
 Er is veel parkeergelegenheid langs de weg, en er is ook genoeg ruimte om een degelijke
parking bij te maken.
 Er is veel ruimte en de prijs is lager dan in de stad.
Geïntegreerde Proef 21
4 Informatica in het stagebedrijf
4.1 Draw up a detailed overview of the company’s network structure and provide
an explanatory word list.
Netwerkplan: zie bijlage: Engels/Netwerkplan
Explanatory wordlist
Switch A network switch is a small hardware device that joins multiple computers
together within one local area network (LAN). Network switches operate at
layer two (Data Link Layer) of the OSI model.
Router Routers are small physical devices that join multiple networks together. A
router is a Layer 3 gateway device, meaning that it connects two or more
networks and that the router operates at the network layer of the OSI model.
Printer A printer is a device used to print digital documents on real paper. It is a
peripheral for a computer.
PC A personal computer is any computer whose size, capabilities, and original
sales price make it useful for individuals.
Camera A camera is a device for recording video or images. In this case it’s used as a
safety device against burglars or vandals.
Monitor A monitor is the screen used for displaying images and video from a
computer.
Desk A desk is a piece of furniture, used for putting things onto, for example a
computer or books.
internet The internet is a term used for the way we connect all our computers to each
other.
Technical service The technical service in a shop is the place where all the products are
repaired.
Cash register The cash register is a device for calculating and recording sales transactions, it
can also store cash, and some can print receipts.
Network
connection
The connection between two devices using a network cable.
Network cable A plastic cord with a metal or fiberglass string inside for transporting data.
Wireless A function used for routers nowadays. It is a term used for transporting data
without using a cord.
Geïntegreerde Proef 22
4.2 Hardware and software
The location of my traineeship was at the retail Actief Computers. The company’s manager is Wim
Vandendriessche, but it is ran by Silvester Lanciers. So there’s only one person working there most of
the time. The retail sells or repairs computers, peripherals and other accessories. So when there is a
problem with any of the devices in the business, it will be fixed by an employee or the manager. The
business uses a local server. It is used to easily make new computers ready for sale. It is also possible
to boot a computer from the server and install Windows this way. We can also use the files on the
server for installing other programs which may be useful for the customer. If a computer needs to be
scanned, we can also install an antivirus or Malwarebytes for cleaning it up.
You can divide the business in three parts: The shop, the technical service and the office. In the shop
there’s an iMac at the cash register. It uses Boot Camp to be able to run Windows on it, this way the
software for managing the cash can be run on it. It also has a connection with the server to manage
the database. And we use it to print and save files to specify the necessary repair that needs to be
done, or the order of a customer. The business is way too small to use custom software. The used
software is usually Windows 7, Kaspersky anti-virus and Office 2008.
There are several computers used for managing the business. There’s one in the technical service,
two in the office and one at the cash register. There’s no specific model used for the computers.
Some have AMD CPU’s, and other use Intel technology. The computers in the office have Intel i5
CPU’s, and use 4GB of RAM. They tried to save money by using low-end Graphical Processing Units or
GPU’s. The PC in the technical service is more expensive and powerful. It has a very good GPU, 8GB
RAM and an AMD processor.
4.3 Netwerkstructuren
De server doet dienst voor verschillende doelen. Eén ervan is de kassa, op deze manier kunnen de
gegevens gemakkelijk worden verbonden met het bureau boven waarmee ze er de administratie
kunnen regelen. Daarnaast wordt alle data opgeslagen op de server, zodat we zonder probleem de
laptops met Wi-Fi of de computers met een UTP-kabel kunnen verbinden, om gegevens over te
plaatsen. Dit is handig als we er een antivirus willen opzetten, of andere programma’s om PC’s mee
te scannen op fouten. Het wordt ook goed gebruikt om nieuwe PC’s mee klaar te zetten, om alle
essentiële programma’s of drivers te installeren. Het derde doel is om PC’s te booten vanop het
netwerk, dit zorgt voor een snellere installatie en de mogelijkheid om alle drivers in één keer te
installeren.
Om te verbinden met het internet wordt er Fibernet van Telenet gebruikt, dit is een gratis lijn omdat
ze verdelers zijn. Het is de formule Fibernet XL, het pakket biedt 120 Mbps download snelheid, 5
Mbps upload en ongelimiteerd volume. Er is ook een ADSL lijn die wordt gebruikt om te testen, deze
is ook gratis voor dezelfde reden.
Het protocol dat wordt gebruikt is TCP/IP. UDP is in dit geval niet handig.
Er wordt van buiten het bedrijf verbinding gemaakt via een Remote Desktop zoals Teamviewer. Dit
programma wordt ook vaak gebruikt om mensen van op afstand te helpen.
4.4 Opleiding personeel en helpdesk
Er worden niet regelmatig nieuwe werknemers aangenomen in dit bedrijf, waardoor er geen nood is
aan bepaalde specifieke richtlijnen of opleidingen. De werknemers die er nu werken hebben allemaal
kennis van computers. Als er problemen optreden dan probeert men die zo snel mogelijk op te
Geïntegreerde Proef 23
lossen. De persoon die momenteel werkt in de technische dienst en de winkel draaiende houdt, volgt
momenteel een opleiding bij Syntra als PC-technicus. Dit doet hij om zijn kennis uit te breiden en in
de praktijk te kunnen gebruiken om beter problemen te kunnen oplossen in de technische dienst.
4.5 Beveiliging van het systeem
Om het netwerk zoveel mogelijk te beveiligen op virussen, malware, spam of
inbraken wordt er Panda Internet Security gebruikt. Dit programma is licht, snel en
veilig. Ideaal om een server van een kleinhandel te beveiligen.
Om te verzekeren dat er geen gegevens verloren gaan of materiaal stuk gaat wordt
er een UPS stroomgenerator (Ultimate power Solution) gebruikt. Dit is een lokale
generator met motoraandrijving. Ze zijn bedoeld voor klassieke netvoeding. Dit
toestel controleert de spanning en grijpt in wanneer er stroomuitval is.
4.6 Bedenkingen
Het informaticasysteem zit goed in elkaar, het is een klein bedrijf en heeft dus ook niet de grootste
netwerkoplossingen nodig. Op het gebied van netwerkinfrastructuur is alles in orde. Ze zijn vrij goed
voorbereid op problemen zoals stroomuitval, en zorgen voor een beveiliging van het systeem tegen
problemen van buitenaf. Elke computer is uitgerust met antivirussoftware om virussen te
voorkomen. Het draadloos netwerk is beveiligd met een niet voor de hand liggend wachtwoord, en
om de bestanden te bereiken op de server is er nog eens een gebruikersnaam en uniek wachtwoord
nodig.
Geïntegreerde Proef 24
5 Een informaticatoepassing uitwerken
5.1 Probleemstelling
De opdracht is om een website te creëren van een bedrijf met zowel statische en dynamische
aspecten. We gebruiken elementen die we hebben geleerd in de les zoals HTML, CSS en ASP.net. De
website moet worden gepubliceerd vanop een webserver die we ook zelf hebben opgesteld, daarop
staat er ook een databank die we kunnen gebruiken om gegevens van de website op te slaan. De
webserver moet ook in staat zijn om aangepast te worden van op afstand met behulp van FTP en SQL
Management Console.
In het eerste trimester kregen we de opdracht om 10 websites op het internet te zoeken waarvan je
elementen wilt gebruiken. We moesten vervolgens de goede en minder goede zaken erbij
vermelden. Hierdoor was het gemakkelijker om jouw website te optimaliseren voor gebruiksgemak.
Studie websites: Zie bijlage: Software
5.2 Analyse, structuur en opbouw
Ik heb gekozen om een nieuwe website te maken gebaseerd op mijn stagebedrijf. Het heet ook Actief
Computers en bevat informatie over de winkel. De website bevat een mogelijkheid om producten te
bestellen via een webshop en om contact op te nemen met de winkel. Om de website te maken heb
ik geen gebruik gemaakt van templates, maar wel plugins met JQuery en Javascript die ik op het
internet kon vinden. Hieronder vind je de gebruikte plugins met bijhorende informatie.
5.2.1 Plugins
JQuery SlideToggle
Deze is niet echt een plugin maar eerder een simpel JQuery script. Het zorgt ervoor dat de footer die
de bestelde producten bevat (winkelwagen), zich naar omhoog en naar beneden kan bewegen.
Eigen gebruik: Footer en het reactiepaneel omhoog en beneden laten gaan.
Bron: http://www.w3schools.com/jquery/eff_slidetoggle.asp
Easyzoom
Easy zoom is een handige plugin om een foto groter weer te geven, zonder veel ruimte te verliezen.
Het werkt zoals een vergrootglas; Je beweegt de cursor over de originele foto en een ingezoomde
versie verschijnt op het scherm.
Eigen gebruik: Ik heb de plugin gebruikt om de afbeelding van een product beter te zien.
Bron: http://cssglobe.com/jquery-plugin-easy-image-zoom/
FancyBox
FancyBox is een handige en stijlvolle manier om foto’s of pagina’s weer te geven. Bij het klikken op
een link verschijnt er een Modal Popup (zoals een nieuw venster, maar binnen de website). De
inhoud ervan kan variëren; Het kan een foto zijn, een flashapplicatie of een webpagina.
Bron: http://fancybox.net/
SlidesJS
SlidesJS is een fotoslider die op verschillende manieren verstelbaar is. Het is mogelijk om op een
gemakkelijke manier afbeeldingen te tonen. De plugin zal elke periode van enkele seconden de
afbeelding opzij schuiven om plaats te maken voor een andere. Het is mogelijk om een bijschrift te
Geïntegreerde Proef 25
plaatsen, volgende en vorige knoppen aan te passen en een opsomming van allemaal met tekens of
cijfers. Bij download gebruikte ik de eenvoudigste versie zodat ik zoveel mogelijk zelf kon aanpassen.
Eigen gebruik: Een slider bovenaan de pagina met producten die in promotie staan.
Bron: http://slidesjs.com/
5.2.2 Opbouw
Ik maak gebruik van 4 belangrijke divs:
5.2.2.1 Header
De header bevat 3 zaken:
 Het logo van het bedrijf met een link naar de hoofdpagina.
<a class="logo" href="index.aspx"><img src="images/logo5.gif" width="120"
height="120" border="0"/></a>
 Een slider voor promoties
<div id="slides">
<div class="slides_container">
<asp:Literal ID="litSlides" runat="server"></asp:Literal>
</div>
<a href="#" class="prev"><img src="Plugins/ImageSlider/images/prev.png"
width="24" height="43" alt="Arrow Prev" border="0"/></a>
<a href="#" class="next"><img src="Plugins/ImageSlider/images/next.png"
width="24" height="43" alt="Arrow Next" border="0"/></a>
</div>
 Een paneel voor het profiel
<div id="login" runat="server">
<asp:Image ID="UserImage" runat="server" Width="80" CssClass="floatleft"
BorderWidth="1"/>
<div id="ProfielNaam">
<asp:Literal ID="litNaam" runat="server"></asp:Literal>
</div>
<div id="ProfielOptie">
<a href="Profiel.aspx">Profiel bewerken</a>
<a href="Aankopen.aspx">Aankopen tonen</a>
</div>
</div>
<div id="LoginTools">
<asp:LinkButton ID="btnLogin" runat="server" Text="Aanmelden" CssClass="knop"
Width="80" CausesValidation="False" />
<asp:LinkButton ID="btnRegister" runat="server" Text="Registreren"
CssClass="knop" Width="80" CausesValidation="False" />
5.2.2.2 Navigatie
De navigatie bevat 4 links:
 Home (brengt je naar de hoofdpagina)
 Info (Brengt je naar de info pagina waar nog eens 3 tabs aanwezig zijn:
• Info
• Historiek
• Openingsuren
 Webshop
• Webshop
• Laptop
• Desktop
• GSM
• Accessoires
 Contact
Geïntegreerde Proef 26
5.2.2.3 Content
In de content staat steeds de individuele content van elke pagina.
Bij webshop en info staat er hier bovenaan nog een tweede navigatiebalk om te kiezen tussen het
soort product.
5.2.2.4 Footer
De footer is een balk die altijd onderaan het scherm aanwezig is. Als je op de knop winkelwagen klikt,
schuift deze omhoog en toont de inhoud van uw winkelwagen.
5.3 Documentatie project
Om het dynamische gedeelte te maken heb ik gebruik gemaakt van Datareaders. Dus ik maak geen
gebruik van Gridview/detailsview/datalist. Ik doe dit zodat ik meer vrijheid heb om mijn design te
bepalen. Dus voor deze verschillende zaken laad ik de gegevens uit de databank naar een literal zoals
het tonen van producten, tonen van gegevens over het product of laden van profielgegevens. De
werking is dus voor vele pagina’s dezelfde. Om herhaling te vermijden heb ik niet alle pagina’s erbij
gezet.
5.3.1 Producten laden in een lijst
In dit voorbeeld gebruik ik het laden van de laptops in een lijst.
Dit is de code die wordt uitgevoerd bij het laden van het project:
'Ik open de verbinding met de databank
Dim CnnACSQL As New SqlConnection()
CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL.Open()
'Ik vorm de query
Dim strSQL As String
strSQL = "select ProductNaam, ProductBeschrijving, ProductPrijs, ProductSoort, ProductFoto,
ProductID from tblProducten where ProductVoorraad > 0 and ProductSoort='Laptop'"
Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL)
'Ik start de datareader om de gegevens uit de databank te lezen
Dim rdrProducten As SqlDataReader
rdrProducten = cmdProducten.ExecuteReader
'ik maak een string om te vullen met de gegevens
Dim strProducten As String
strProducten = "<ul id='ProductList'>"
Geïntegreerde Proef 27
'Voor elk product in mijn databank die een 'Laptop' is en waarvan er minstens 1 in voorraad zijn laad
ik een listitem in de literal.
'Dit listitem bestaat uit verschillende divs om de opmaak te bepalen.
Do While rdrProducten.Read
strProducten &= "<li><a href='ProductLaptop.aspx?ID=" & rdrProducten.GetInt32(5) & "'>"
strProducten &= "<div class='ProductItem'>"
strProducten &= "<div class='ProductNaam'>" & rdrProducten.GetString(3) & " " &
rdrProducten.GetString(0) & "</div>"
strProducten &= "<div class='ProductInfo'><img src='images/Products/" &
rdrProducten.GetString(4) & "' width='120px' alt='Afbeelding' />"
strProducten &= "<div class='ProductDescription'>" & rdrProducten.GetString(1) &
"</div></div>"
strProducten &= "<div class='ProductPrice'><h2>€" & rdrProducten.GetDecimal(2) &
"</h2></div></div></a></li>"
Loop
strProducten &= "</ul>"
'ik laad de string in de literal
LitProducten.Text = strProducten
'sluit de Datareader en de verbinding met de databank.
rdrProducten.Close()
CnnACSQL.Close()
'Als er een probleem optreedt toon ik dit in een messagebox
Catch ex As Exception
MsgBox("Er is een probleem opgetreden met het laden van de gegevens." & vbCrLf & "Onze
Excuses Voor het ongemak." & vbCrLf & vbCrLf & "ERROR:" & ex.Message)
End Try
Dezelfde methode wordt gebruikt om gegevens te laden van een product op de productpagina. Enkel
de query is anders. En de gegevens worden anders geladen.
5.3.2 Registreren
Om te registreren moet je alle gegevens invullen.
txtUser, txtPass1 en txtPass2 worden gevalideerd. Er wordt ook gecontroleerd of txtPass1 gelijk is
aan txtPass2 met een CompareValidator.
Om te registreren wordt het INSERT INTO statement gebruikt voor SQL. Dit statement voegt dan een
record toe met welbepaalde waarden aan een welbepaalde tabel. De volgende code wordt
uitgevoerd bij het drukken op btnRegistreren.
Try
'Foto opslaan aan de map images/Users en de naam toevoegen aan de databank
'Als er geen foto wordt bijgevoegd wordt de standaard placeholder gebruikt
Dim strBestandsnaam, strDoelpad, strSQL As String
'Hier wordt de naam van het bestand achterhaald en opgeslaan in de map
strBestandsnaam = Path.GetFileName(fuFoto.PostedFile.FileName)
strDoelpad = Server.MapPath("ImagesUsers" & strBestandsnaam)
fuFoto.PostedFile.SaveAs(strDoelpad)
If strBestandsnaam = "" Then
Geïntegreerde Proef 28
strBestandsnaam = "placeholder.gif"
End If
'De verbinding met de databank wordt geopend
Dim CnnACSQL As New SqlConnection()
CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL.Open()
'De query wordt gevormd
strSQL = "INSERT INTO tblKlanten (KlantUsername, KlantWachtwoord, KlantEmail,
KlantFamilienaam, KlantVoornaam, KlantAdres, KlantGemeente, KlantFoto)"
strSQL &= "values('" & txtUser.Text & "','" & txtPass.Text & "','" & txtEmail.Text & "','"
& txtFNaam.Text & "','" & txtVNaam.Text & "','" & txtStraat.Text & "','" & txtGemeente.Text & "','" &
strBestandsnaam & "')"
'er wordt een sqlcommand gemaakt met de query en de verbinding en deze wordt uitgevoerd
Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL)
cmdProducten.ExecuteNonQuery()
CnnACSQL.Close()
Empty()
'Na het registreren kan de gebruiker weer verder surfen op de laatste pagina waar hij
aanwezig was
Server.Transfer(Session("LastPage"))
'Bij problemen wordt er een foutmelding getoond
Catch ex As Exception
litError.Text = "Sorry!" & vbCrLf & "Uw registratie is helaas mislukt, gelieve later
opnieuw te proberen"
End Try
5.3.3 Productfilter en Product zoeken
Mijn website heeft de mogelijkheid om producten te zoeken of te filteren. Hiervoor heb ik ook
gewerkt met een Datareader. Voor de zoekfunctie kijk ik in de beschrijving of de naam van het
product.
Protected Sub btnZoeken_Click(sender As Object, e As System.EventArgs) Handles btnZoeken.Click
'de zoekterm in variabele stoppen
Dim strZoekterm As String
strZoekterm = txtZoeken.Text
'verbinding openen
Dim CnnACSQL As New SqlConnection()
CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL.Open()
'de query opstellen: alles producten die een voorraad hebben groter dan 0, waarvan Productsoort
laptop is
'en waarvan de beschrijving of de naam de zoekterm bevat.
Dim strSQL As String
strSQL = "SELECT ProductNaam, ProductBeschrijving, ProductPrijs, ProductSoort, ProductFoto,
ProductID from tblProducten"
strSQL &= "WHERE ProductVoorraad > 0 AND ProductSoort='Laptop' AND ProductBeschrijving like '%"
& strZoekterm & "%' OR ProductNaam like '%" & strZoekterm & "%'"
Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL)
'Datareader starten
Dim rdrProducten As SqlDataReader
rdrProducten = cmdProducten.ExecuteReader
'Voor elk product die aan de voorwaarden voldoet, een listitem toevoegen met de informatie over
het product
Dim strProducten As String
strProducten = "<ul id='ProductList'>"
Do While rdrProducten.Read
strProducten &= "<li><a href='ProductLaptop.aspx?ID=" & rdrProducten.GetInt32(5) & "'>"
strProducten &= "<div class='ProductItem'>"
strProducten &= "<div class='ProductNaam'>" & rdrProducten.GetString(3) & " " &
rdrProducten.GetString(0) & "</div>"
strProducten &= "<div class='ProductInfo'><img src='images/Products/" &
rdrProducten.GetString(4) & "' height='120px' alt='Afbeelding' />"
strProducten &= "<div class='ProductDescription'>" & rdrProducten.GetString(1) &
"</div></div>"
strProducten &= "<div class='ProductPrice'><h2>€" & rdrProducten.GetDecimal(2) &
"</h2></div></div></a></li>"
Loop
strProducten &= "</ul>"
Geïntegreerde Proef 29
'De literal vullen en en Datareader en verbinding sluiten
LitProducten.Text = strProducten
rdrProducten.Close()
CnnACSQL.Close()
End Sub
De productfilter werkt ook met een datareader en er worden enkele producten geladen waarvan
elke categorie (Prijs, RAM, Opslag…) aan de voorwaarden voldoet. Het is dus dezelfde werkwijze als
de vorige met enkel de query die verschilt.
'we zoeken naar alle producten die aan de ingegevens voorwaarden voldoen
'dus bijvoorbeeld de prijs moet tussen de waarden van twee teksvakken zijn.
Dim strSQL As String
strSQL = "SELECT ProductNaam, ProductBeschrijving, ProductPrijs, ProductSoort,
ProductFoto, ProductID from tblProducten"
strSQL &= " WHERE ProductVoorraad > 0 AND ProductSoort='Laptop' AND
Productprijs BETWEEN '" & txtPrijs1.Text & "' AND '" & txtPrijs2.Text & "'"
strSQL &= " AND ProductOpslag BETWEEN '" & txtOpslag1.Text & "' AND '" &
txtOpslag2.Text & "' "
strSQL &= " AND ProductRAM BETWEEN '" & txtRAM1.Text & "' AND '" &
txtRAM2.Text & "' "
strSQL &= " AND ProductScherm BETWEEN '" & txtScherm1.Text & "' AND '" &
txtScherm2.Text & "' "
5.3.4 Profiel aanpassen
Dit wordt gedaan met het UPDATE statement in SQL. Dit statement past bepaalde values aan bij een
bepaalde record in een tabel.
'controleren of de gebruiker is aangemeld
If Session("login") = True Then
'verbinding openen met databank
Dim CnnACSQL As New SqlConnection()
CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL.Open()
'De nieuwe afbeelding uploaden naar de map images/Users
Dim strBestandsnaam, strDoelpad As String
If Path.GetFileName(fuFoto.PostedFile.FileName) = "" Then
strBestandsnaam = eersteFoto
Else
strBestandsnaam = Path.GetFileName(fuFoto.PostedFile.FileName)
strDoelpad = Server.MapPath("ImagesUsers" & strBestandsnaam)
fuFoto.PostedFile.SaveAs(strDoelpad)
End If
'Query vormen met UPDATE statement
Dim strSQL As String
strSQL = "UPDATE tblKlanten SET KlantUsername='" & txtUser.Text & "', KlantEmail='" &
txtEmail.Text & "', KlantFamilienaam='" & txtFNaam.Text & "', KlantVoornaam='" & txtVNaam.Text & "',
KlantAdres='" & txtStraat.Text & "', KlantGemeente='" & txtGemeente.Text & "', KlantFoto='" &
strBestandsnaam & "' "
strSQL &= "WHERE(KlantID = " & KlantID & ")"
'SQLCOMMAND opstellen en uitvoeren en vervolgens de verbinding sluiten.
Dim cmdKlanten As New SqlCommand(strSQL, CnnACSQL)
cmdKlanten.ExecuteNonQuery()
CnnACSQL.Close()
Else
litLogin.Text = "U moet aangemeld zijn om uw profiel te bewerken!"
End If
5.3.5 Aanmelden
Om aan te melden moet je een gebruikersnaam en wachtwoord opgeven en vervolgens op
btnAanmelden drukken. Als het geldig is wordt je aangemeld en doorgestuurd naar de vorige pagina.
Bij het drukken op btnCancel (Annuleren) wordt je terug gestuurd naar de vorige pagina.
Geïntegreerde Proef 30
Om aan te melden wordt in de databank gezocht naar de gebruikersnaam en wordt gecontroleerd of
het wachtwoord overeenkomt met deze in de databank.
'Controleren of alle validatievelden geldig zijn
If Page.IsValid = True Then
Dim strUser, strPass As String
strUser = txtUser.Text
strPass = txtPass.Text
'verbinding maken
Dim CnnACSQL As New SqlConnection()
CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL.Open()
'Voor die specifieke gebruiker controleren of het wachtwoord bij de Username past:
'Query opstellen die voor die Username gegevens ophaalt
Dim strSQL As String
strSQL = "select KlantUsername, KlantWachtwoord, KlantID, KlantFamilienaam, KlantVoornaam,
KlantFoto from tblKlanten where KlantUsername ='" & strUser & "'"
Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL)
Dim rdrKlanten As SqlDataReader
rdrKlanten = cmdProducten.ExecuteReader
Do While rdrKlanten.Read
'Als het wachtwoord correct is, dan voegen we enkele gegevens toe aan een cookie
If rdrKlanten.GetString(1) = strPass Then
'We voegen de foto, de naam en de ID toe aan een cookie.
'Deze gegevens hebben we op elke pagina nodig om de profiel foto en naam rechts bovenaan weer te geven
Dim ckUser As New HttpCookie("User")
ckUser.Values.Add(rdrKlanten.GetString(3), rdrKlanten.GetString(4))
ckUser.Values.Add(rdrKlanten.GetString(5), rdrKlanten.GetInt32(2))
Response.Cookies.Add(ckUser)
'we zorgen dat de sessie login op true staat
Session("Login") = True
'we brengen de gebruiker terug naar de vorige pagina
Response.Redirect(Session("LastPage"))
Else
'Als het wachtwoord niet overeenkomt met de gebruikersnaam wordt er een foutmelding weergegeven
litLogin.Text = "Uw gebruikersnaam of wachtwoord is fout"
End If
Loop
'Datareader en verbinding sluiten
rdrKlanten.Close()
CnnACSQL.Close()
End If
5.3.6 Masterpage
Elke pagina gebruikt een deel van de masterpage. Deze masterpage bevat de winkelwagen en de
header. Dus telkens als een pagina wordt geladen worden de gegevens uit de masterpage ook
Geïntegreerde Proef 31
geladen. Deze gegevens zijn: Producten op de slider, producten in de winkelwagen en de
profielgegevens uit een cookie.
'Als een gebruiker aangemeld is worden zijn gegevens geladen uit een cookie,
'zoniet wordt de gebruiker beschouwd als Gast en wordt als foto de placeholder gebruikt
If Session("login") = False Then
UserImage.ImageUrl = "images/Users/placeholder.gif"
litNaam.Text = "Gast"
btnLogin.Text = "Aanmelden"
btnRegister.Visible = True
Else
Dim ckUser As HttpCookie = Request.Cookies("User")
litNaam.Text = ckUser.Values.GetKey(0) & " " & ckUser.Values(0)
UserImage.ImageUrl = "images/Users/" & ckUser.Values.GetKey(1)
btnLogin.Text = "Afmelden"
btnRegister.Visible = False
KlantID = ckUser.Values(1)
End If
'Voor de slider wordt elk product uit de tblProducten geladen waarvan de bit ProductInPromo true is.
'Voor deze producten is er dan de naam, een foto, de prijs, de ID en soort nodig
Try
Dim CnnACSQL As New SqlConnection()
CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL.Open()
Dim strSQL As String
strSQL = "select ProductNaam, ProductPrijs, ProductFoto, ProductID, ProductInPromo,
ProductFoto, Productsoort from tblProducten where ProductInPromo = 1"
Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL)
Dim rdrProducten As SqlDataReader
rdrProducten = cmdProducten.ExecuteReader
Dim strProducten As String
strProducten = ""
Do While rdrProducten.Read
strProducten &= "<div>"
strProducten &= "<a href='Product" & rdrProducten.GetString(6) & ".aspx?ID=" &
rdrProducten.GetInt32(3) & "'>"
strProducten &= "<p class='slidertekst'>" & rdrProducten.GetString(0) & " nu
verkrijgbaar voor €" & rdrProducten.GetDecimal(1) & "</p>"
strProducten &= "<img class='sliderimage' src='images/Products/" &
rdrProducten.GetString(5) & "' width='500' border='0'/>"
strProducten &= "</a>"
strProducten &= "</div>"
Loop
litSlides.Text = strProducten
rdrProducten.Close()
CnnACSQL.Close()
Catch ex As Exception
litSlides.Text = "fout"
MsgBox(ex.Message)
End Try
'De gegevens uit tblAankopen worden geladen om de winkelwagen aan te vullen. De productID's van de
Aankopen worden geladen voor het bepaald KlantID
If Session("login") = True Then
Dim CnnACSQL2 As New SqlConnection()
CnnACSQL2.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString
CnnACSQL2.Open()
Dim strSQLAankopen As String
strSQLAankopen = " SELECT tblKlanten.KlantID, tblAankopen.ProductID, tblProducten.ProductID
AS Expr1, tblAankopen.KlantID AS Expr2, tblProducten.ProductNaam, tblProducten.ProductPrijs,
tblProducten.ProductSoort FROM tblAankopen INNER JOIN tblKlanten ON tblAankopen.KlantID =
tblKlanten.KlantID INNER JOIN tblProducten ON tblAankopen.ProductID = tblProducten.ProductID
WHERE(tblAankopen.KlantID = " & KlantID & ") AND (tblAankopen.AankoopBesteld = 0)"
Geïntegreerde Proef 32
Dim cmdAankopen As New SqlCommand(strSQLAankopen, CnnACSQL2)
Dim rdrAankopen As SqlDataReader
rdrAankopen = cmdAankopen.ExecuteReader
Dim strWinkelwagen As String
strWinkelwagen = ""
Do While rdrAankopen.Read
strWinkelwagen &= "<tr>"
strWinkelwagen &= "<td><a href='Product" & rdrAankopen.GetString(6) & ".aspx?ID=" &
rdrAankopen.GetInt32(1) & "'>" & rdrAankopen.GetString(4) & "</a></td>"
strWinkelwagen &= "<td>" & rdrAankopen.GetString(6) & "</td>"
strWinkelwagen &= "<td>€" & rdrAankopen.GetDecimal(5) & "</td>"
strWinkelwagen &= "</tr>"
Loop
litWinkelwagen.Text = strWinkelwagen
rdrAankopen.Close()
CnnACSQL2.Close()
Else
litWinkelwagen.Text = "<tr><td colspan='4'>U moet aangemeld zijn om producten toe te voegen
aan uw winkelwagen</td></tr>"
End If
5.4 Bronvermelding gebruikte sites
Hulp HTML en CSS:
http://www.w3schools.com/
http://www.handleidinghtml.nl/
https://www.google.be/
Hulp ASP.net:
http://www.w3schools.com/aspnet/
Online plaatsen van GP:
https://www.dropbox.com/home
Geïntegreerde Proef 33
5.5 Statische website
5.5.1 Eerste schets
Dit is de originele schets van wanneer ik mijn website wou ontwerpen. Sindsdien is er maar één
element veranderd; de div location is verdwenen. Bovenaan in die de header zien we aan de
rechterkant de div login waar het account wordt beheerd. Momenteel doet deze dienst om het
profiel te tonen, aanmelden of registreren en enkele links om aankopen of profiel weer te geven. De
rest van de elementen zijn met enkele verschillen in afmetingen relatief hetzelfde gebleven. Links in
de header staat het zelfontworpen logo van Actief Computers. Daarnaast staat er een slider met
producten in promotie. Onderaan merk je op dat er in de div footer collapsed staat, dit betekent dat
op deze schets de footer naar beneden is. Het is namelijk mogelijk om deze footer omhoog te laten
glijden met JQuery Slide. In deze footer staat dan de inhoud van het winkelwagentje. De div navigatie
is vanzelfsprekend want het bevat de navigatie van de website in een lijst. Daarnaast is de div content
waarin alle inhoud wordt weergegeven van de pagina, deze is bij elke pagina afwijkend.
5.5.2 Evolutie van ontwerp
Geïntegreerde Proef 34
In de evolutie is er te zien hoe ik van het uitvoeren van een schets, tot het design nu ben gekomen. In
het begin probeerde ik de divs op de juiste plaats te zetten met CSS. In het tweede voorbeeld heb ik
gebruik gemaakt van gradients om de achtergrond, de header en de navigatie een kleur te geven. Ik
had ook ontdekt hoe ik met behulp van Border-radius zachte randen kon creëren. In de twee laatste
voorbeelden heb ik veel gebruik gemaakt van schaduwen en gelijke kleuren (donkergrijs #808080 en
donkeroranje #EDC067).
5.6 ERD en CODD databank
Hieronder vind je het entiteit-relatiediagram.
Hieronder vind je het CODD schema met drie normaalvormen.
Geïntegreerde Proef 35
SN0 SN1
KLKlantID
KLNaam
KLVoornaam
KLAdres
KLGemeente
KLTelefoonnummer
KLE-mail
KLSchulden
KLOpmerking
WerknemerID
WNNaam
WNVoornaam
WNAdres
WNGemeente
WNTelefoonnummer
WNE-mail
WNInDienst(datum)
WNLoon(per uur)
WNOpmerking
ProductID
LeveranciersID
PRNaam
PRAankoopprijs
PRVerkoopprijs
PRVoorraad
PROpmerking
LeveranciersID
LEVNaam
LEVAdres
LEVGemeente
LEVTelefoonnummer
LEVE-mail
LEVOpmerking
Postnummer
Gemeente
HerstellingID
Soort Toestel
Naam Toestel
Probleem
Kosten
Opmerking
OrderID
OrderDatum
OrderInfo
GemaaktDoor
ReactieID
ProductID
KlantID
ReactieDatum
Reactie
AankoopID
AankoopDatum
AankoopBesteld
Groep1 Groep2
KlantID
KLNaam
KLVoornaam
KLAdres
KLGemeente
KLTelefoonnummer
KLE-mail
KLSchulden
KLOpmerking
WerknemerID
WNNaam
WNVoornaam
WNAdres
WNGemeente
WNTelefoonnummer
WNE-mail
WNInDienst(datum)
WNLoon(per uur)
WNOpmerking
LeveranciersID
ProductID
ProductNaam
ProductSoort
Aankoopprijs
Verkoopprijs
WinstPerProduct
AantalVerkocht
Voorraad
Opmerking
LEVNaam
LEVAdres
LEVGemeente
LEVTelefoonnummer
LEVE-mail
LEVOpmerking
Postnummer
Gemeente
HerstellingID
Soort Toestel
Naam Toestel
Probleem
Kosten
Opmerking
OrderID
OrderDatum
OrderInfo
GemaaktDoor
ReactieID
ProductID
KlantID
ReactieDatum
Reactie
Geïntegreerde Proef 36
SN2
Groep 1 Groep 2 Groep 3
KlantID
KLNaam
KLVoornaam
KLAdres
KLGemeente
KLTelefoonnummer
KLE-mail
KLSchulden
KLOpmerking
ProductID
WerknemerID
WNNaam
WNVoornaam
WNAdres
WNGemeente
WNTelefoonnummer
WNE-mail
WNInDienst(datum)
WNLoon(per uur)
WNOpmerking
LeveranciersID
LeveranciersID
LEVNaam
LEVAdres
LEVGemeente
LEVTelefoonnummer
LEVE-mail
LEVOpmerking
Postnummer
Gemeente
HerstellingID
Soort Toestel
Naam Toestel
Probleem
Kosten
Opmerking
OrderID
GemaaktDoor
OrderDatum
OrderInfo
ReactieID
ProductID
KlantID
ReactieDatum
Reactie
AankoopID
AankoopDatum
AankoopBesteld
ProductID
ProductNaam
ProductSoort
Aankoopprijs
Verkoopprijs
WinstPerProduct
AantalVerkocht
Voorraad
Opmerking
Geïntegreerde Proef 37
SN3
tblKlanten tblPersoneel tblProducten tblLeveranciers
KLKlantID
KLNaam
KLVoornaam
KLAdres
KLGemeente
KLTelefoonnummer
KLE-mail
KLSchulden
KLOpmerking
WerknemerID
WNNaam
WNVoornaam
WNAdres
WNGemeente
WNTelefoonnummer
WNE-mail
WNInDienst(datum)
WNLoon(per uur)
WNOpmerking
ProductID
LeveranciersID
ProductNaam
ProductSoort
Aankoopprijs
Verkoopprijs
WinstPerProduct
AantalVerkocht
Voorraad
Opmerking
LeveranciersID
LEVNaam
LEVAdres
LEVGemeente
LEVTelefoonnumm
er
LEVE-mail
LEVOpmerking
tblGemeente TblHerstellingen tblOrders tblReacties tblAankopen
Postnummer
Gemeente
HerstellingID
KlantID
Soort Toestel
Naam Toestel
Probleem
Kosten
Opmerking
OrderID
ProductID
GemaaktDoor
KlantID
OrderDatum
OrderInfo
ReactieID
ProductID
KlantID
ReactieDatum
ReactieTitel
Reactie
AankoopID
ProductID
KlantID
AankoopDatum
AankoopBesteld
5.7 Databaseschema
Geïntegreerde Proef 38
5.8 Handleiding werking
5.8.1 Navigatie
Eén van de belangrijkste zaken aan elke website is de mogelijkheid om te navigeren tussen de
verschillende pagina’s. Het belangrijkste element om te navigeren is het navigatiemenu:
Dit is het belangrijkste navigatiemenu op de website, het stelt men in staat om
snel te kiezen wat men op de site wil doen.
 Home: De welkomstpagina van de website, hierop staan de
belangrijkste zaken die de mensen snel willen zien wanneer ze de site bezoeken
 Info: Mensen die de site bezoeken om meer te weten te komen over de
winkel kunnen hier terecht. Hieronder staan submenu’s met de historiek,
openingsuren en algemene informatie.
 Webshop: Een digitale winkel waarin mensen kunnen kijken en zaken
bestellen.
 Contact: Hiermee kunnen bezoekers een opmerking of vraag opzenden
naar de administrator

5.8.2 Aanmelden en profiel bekijken
5.8.2.1 Registreren
Om bepaalde acties uit te voeren op de website zoals producten bestellen, contactformulieren
verzenden en reacties te plaatsen heb je een account nodig. Om een account te creëren moet je
recht bovenaan klikken op “Registreren”.
Na het drukken op registreren, moet je een kort
formulier invullen met enkele gegevens. Eerst vul
je een gebruikersnaam en wachtwoord aan
waarmee je jezelf kan authentiseren op de
website, en een e-mailadres voor eventueel
contact of als je je wachtwoord bent vergeten.
Daaronder kan je enkele persoonlijke gegevens
invullen die het gemakkelijker maken voor het
verzenden van producten. Ten slotte kan je ook
een afbeelding uploaden.
Geïntegreerde Proef 39
5.8.3 Aanmelden
Als je eenmaal een account hebt aangemaakt is het mogelijk om je aan
te melden. Druk hiervoor op “Aanmelden”, de knop naast “Registreren”.
Dit brengt je naar een formulier waar je je gebruikersnaam en
wachtwoord invullen, en vervolgens op aanmelden te drukken. Je wordt
dan aangemeld op dat account als de gegevens juist zijn. Je wordt
vervolgens teruggebracht naar de pagina waar je voordien aanwezig
was.
Als je een profielfoto hebt wordt deze nu in de hoek weergegeven, met
rechts daarvan je volledige naam. Onder de naam bevinden zich twee
opties: Profiel bewerken of aankopen tonen.
5.8.4 Profiel bewerken
Als je kiest voor profiel bewerken wordt je verzonden naar een pagina
waar al je gegevens in staan. In de tekstvakken worden de gegevens
geladen die op dat moment over jou bekend zijn. Als je die gegevens wilt
aanpassen kan je het veranderen in de tekstvakken, en daarna klikken
op “opslaan”. Je kan ook je profielfoto wijzigen.
5.8.5 Webshop
5.8.5.1 Verkennen
De belangrijkste en moeilijkste opdracht van het maken van deze website was om een functionele
webshop te maken. In deze webshop is het mogelijk om producten te bekijken, sorteren of bestellen.
Het is ook mogelijk om een recensie te plaatsen over het product zodat mensen een beter beeld
krijgen van wat ze bestellen. Bij het navigeren naar de webshop kan je een rubriek kiezen:
 Laptop
 Desktop
 GSM
 Accessoires
Dit zijn alle soorten producten die je in de webshop kan kopen. Als je eenmaal een rubriek hebt
gekozen kan je alle modellen van die rubriek bekijken:
Geïntegreerde Proef 40
Rechts zie je alle modellen in een lijst, met een foto, beschrijving en de prijs. Aan de linkerkant is er
een kader om te zoeken naar een product of te filteren op basis van een aantal kenmerken.
Als je eenmaal een product hebt gekozen kan je er op klikken om meer informatie te zien.
5.8.5.2 Product bekijken
Op dit scherm kan je alle relevante informatie zien zoals de kenmerken, de prijs, de rating, de
hoeveelheid in voorraad, een beschrijving en een foto. De foto kan van dichter worden bekeken door
er met de cursor over te gaan.
Onder de prijs staat er een knop “BESTELLEN” door hierop te drukken kan het product aan het
winkelkarretje worden toegevoegd. Het winkelkarretje staat onderaan de website, en kan geopend
worden door te klikken op de knop.
5.8.5.3 Recensies bekijken en plaatsen
Onder de informatie over het product vind je de recensies die klanten hebben geplaatst over het
product. Elke recensie heeft een onderwerp en een inhoud. Naast deze zaken vind je de informatie
van de persoon die de reactie heeft geplaatst en de datum en tijd. Er staat onder andere een
gebruikersnaam, en een foto. Er wordt voor anonieme redenen geen naam of andere informatie
geplaatst.
Om een reactie te plaatsen moet je eerst aangemeld zijn. Als dit zo is dan verschijnt er een knop
Geïntegreerde Proef 41
“Recensie plaatsen” net boven de andere recensies. Als je daarop klikt verschijnen er twee
tekstvakken waarin je een titel en recensie kan plaatsen. Na het klikken op “recensie plaatsen” wordt
de recensie toegevoegd.
5.8.6 Product toevoegen en verwijderen uit winkelwagen
Als je ingelogd bent is het mogelijk om producten te bestellen. Dit doe je door op de pagina van het
product op de grote knop “Bestellen” te drukken. Dit product wordt dan toegevoegd aan je
winkelwagen en blijft daar totdat je het hebt betaald of je het hebt verwijderd.
Het winkelwagentje kan bekeken worden door onderaan de pagina op “Winkelwagen” te klikken.
Hierbij opent zich een kader met een lijst van de bestelde producten. Als je deze producten wilt
betalen of verwijderen klik je op “Bekijk winkelwagen”.
Dit stuurt je dan door naar een pagina waar de producten in je winkelwagen en al uw vorige
aankopen staan. Hier is er ook de mogelijkheid om een product te verwijderen van de winkelwagen
door op “Verwijderen” te klikken. Of als je gedaan bent met producten te bestellen en klaar bent om
te betalen kan u klikken op “BETALEN”. Dit leidt u dan naar het betalingsproces en uw product wordt
toegevoegd aan de tabel “Betaald”. Deze pagina is ook beschikbaar via “Aankopen tonen” rechts
bovenaan naast uw profielfoto.
Geïntegreerde Proef 42
5.8.7 Contact
Bij contact kan je als je bent aangemeld een vraag of opmerking verzenden naar de administrator.
Vul simpelweg een onderwerp en inhoud in en klik op “Verzenden”.
5.9 Code Website
Zie bijlage: Software/Code website
Slotwoord
Deze GP heeft mij dit jaar geholpen om mij voor te bereiden op mijn hogere studies. Het
heeft mij geleerd om mijn kennis te bundelen en te verwoorden in een tekst. Ik heb
geleerd dat je met een degelijke planning je werk voldoende kan spreiden waardoor je
gemakkelijker en rustiger kan werken en met gevolg minder fouten maakt. Dit jaar heeft
me geholpen om te ontdekken wat ik later wil doen in mijn studies of baan.
Tijdens mijn stage heb ik enkele dingen kunnen leren over hardware en
probleemoplossing, maar had ik graag wat meer software en programmeren aan bod
zien komen. Over het algemeen vond ik de stageperiode zeer leerrijk en aangenaam. De
opdrachten voor de GP waren meestal interessant en nuttig voor de toekomst, maar
sommige taken vond ik overbodig en voegen niets toe aan mijn kennis.
Ik ben blij dat ik dit jaar op een mooie manier zal kunnen afsluiten en dat ik veel zaken
kan meenemen naar de volgende jaren.
Je kan mijn GP ook online raadplegen via deze link:
Geïntegreerde proef
Geïntegreerde proef

Contenu connexe

Tendances

Grammaire anglaise : la Possession
Grammaire anglaise : la Possession Grammaire anglaise : la Possession
Grammaire anglaise : la Possession Monique SEGOL
 
Grammaire anglaise : comparer
Grammaire anglaise : comparerGrammaire anglaise : comparer
Grammaire anglaise : comparerMonique SEGOL
 
Vocabulaire anglais : les prepositions
Vocabulaire anglais : les prepositionsVocabulaire anglais : les prepositions
Vocabulaire anglais : les prepositionsMonique SEGOL
 
Lexique la famille simpson
Lexique  la famille simpsonLexique  la famille simpson
Lexique la famille simpsonlebaobabbleu
 
Grammatica inglese per principianti parte i
Grammatica inglese per principianti   parte iGrammatica inglese per principianti   parte i
Grammatica inglese per principianti parte ibrunapogliano
 
Grammaire anglaise :groupe nominal - LE NOM
Grammaire anglaise :groupe nominal - LE NOMGrammaire anglaise :groupe nominal - LE NOM
Grammaire anglaise :groupe nominal - LE NOMMonique SEGOL
 
Grammatica dispensa part iii merged
Grammatica dispensa  part iii mergedGrammatica dispensa  part iii merged
Grammatica dispensa part iii mergedbrunapogliano
 
Have to and don't have to
Have to and don't have toHave to and don't have to
Have to and don't have topinito17
 
Simple present engmat-anon
Simple present engmat-anonSimple present engmat-anon
Simple present engmat-anoneducativasoporte
 
Grammaire anglaise : les déterminants
Grammaire anglaise : les déterminantsGrammaire anglaise : les déterminants
Grammaire anglaise : les déterminantsMonique SEGOL
 
Grammaire anglaise :Tableaux des Conjugaisons
Grammaire anglaise :Tableaux des ConjugaisonsGrammaire anglaise :Tableaux des Conjugaisons
Grammaire anglaise :Tableaux des ConjugaisonsMonique SEGOL
 
Present perfect simple & Present Perfect Continuous
Present perfect simple  &  Present Perfect  ContinuousPresent perfect simple  &  Present Perfect  Continuous
Present perfect simple & Present Perfect ContinuousSylwia Angielski
 
Fraaseja sanontoja
Fraaseja sanontojaFraaseja sanontoja
Fraaseja sanontojaMarja Ahola
 
Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)
Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)
Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)Ritva Tammi
 
Le conditionnel présent
Le conditionnel présentLe conditionnel présent
Le conditionnel présentantjosegarcia
 
Present continuous
Present continuousPresent continuous
Present continuousLuis_Cuzco
 

Tendances (20)

Grammaire anglaise : la Possession
Grammaire anglaise : la Possession Grammaire anglaise : la Possession
Grammaire anglaise : la Possession
 
Grammaire anglaise : comparer
Grammaire anglaise : comparerGrammaire anglaise : comparer
Grammaire anglaise : comparer
 
Vocabulaire anglais : les prepositions
Vocabulaire anglais : les prepositionsVocabulaire anglais : les prepositions
Vocabulaire anglais : les prepositions
 
Lexique la famille simpson
Lexique  la famille simpsonLexique  la famille simpson
Lexique la famille simpson
 
Grammatica inglese per principianti parte i
Grammatica inglese per principianti   parte iGrammatica inglese per principianti   parte i
Grammatica inglese per principianti parte i
 
Perfekti
PerfektiPerfekti
Perfekti
 
Grammaire anglaise :groupe nominal - LE NOM
Grammaire anglaise :groupe nominal - LE NOMGrammaire anglaise :groupe nominal - LE NOM
Grammaire anglaise :groupe nominal - LE NOM
 
Grammatica dispensa part iii merged
Grammatica dispensa  part iii mergedGrammatica dispensa  part iii merged
Grammatica dispensa part iii merged
 
Congiuntivo
CongiuntivoCongiuntivo
Congiuntivo
 
Have to and don't have to
Have to and don't have toHave to and don't have to
Have to and don't have to
 
Gerund vs infinitive
Gerund vs infinitiveGerund vs infinitive
Gerund vs infinitive
 
Simple present engmat-anon
Simple present engmat-anonSimple present engmat-anon
Simple present engmat-anon
 
Present simple
Present simplePresent simple
Present simple
 
Grammaire anglaise : les déterminants
Grammaire anglaise : les déterminantsGrammaire anglaise : les déterminants
Grammaire anglaise : les déterminants
 
Grammaire anglaise :Tableaux des Conjugaisons
Grammaire anglaise :Tableaux des ConjugaisonsGrammaire anglaise :Tableaux des Conjugaisons
Grammaire anglaise :Tableaux des Conjugaisons
 
Present perfect simple & Present Perfect Continuous
Present perfect simple  &  Present Perfect  ContinuousPresent perfect simple  &  Present Perfect  Continuous
Present perfect simple & Present Perfect Continuous
 
Fraaseja sanontoja
Fraaseja sanontojaFraaseja sanontoja
Fraaseja sanontoja
 
Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)
Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)
Adjektiivien vertailu englannin kielessä (komparatiivi ja superlatiivi)
 
Le conditionnel présent
Le conditionnel présentLe conditionnel présent
Le conditionnel présent
 
Present continuous
Present continuousPresent continuous
Present continuous
 

Similaire à Geïntegreerde proef

Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...
Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...
Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...Niels Timmermans
 
Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Step 991
 
Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011RTM
 
Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011MIT Institute
 
E book ondernemen-met-sociale-netwerken
E book ondernemen-met-sociale-netwerkenE book ondernemen-met-sociale-netwerken
E book ondernemen-met-sociale-netwerkenQuietroom Label
 
Ondernemen Met Sociale Netwerken
Ondernemen Met Sociale NetwerkenOndernemen Met Sociale Netwerken
Ondernemen Met Sociale NetwerkenMarketingfacts
 
GIP_EINDBUNDEL_INBINDEN__15_5_13__23_U
GIP_EINDBUNDEL_INBINDEN__15_5_13__23_UGIP_EINDBUNDEL_INBINDEN__15_5_13__23_U
GIP_EINDBUNDEL_INBINDEN__15_5_13__23_UBram Beirens
 
bundel Didactische opstelling plc en tp
bundel Didactische opstelling plc en tpbundel Didactische opstelling plc en tp
bundel Didactische opstelling plc en tpDylan Derwael
 
business word
business wordbusiness word
business wordJeroen
 
Aanvragen en instellen van een Microsoft BPOS Trial Account
Aanvragen en instellen van een Microsoft  BPOS Trial  AccountAanvragen en instellen van een Microsoft  BPOS Trial  Account
Aanvragen en instellen van een Microsoft BPOS Trial AccountPeter de Haas
 
Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...
Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...
Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...HenrietteReerink
 
Promotie veenendaal jaarplan 2011 2012 concept 3
Promotie veenendaal jaarplan 2011 2012 concept 3Promotie veenendaal jaarplan 2011 2012 concept 3
Promotie veenendaal jaarplan 2011 2012 concept 3Roeland Tameling
 
Verbeter Fashion Supply Chain planning
Verbeter Fashion Supply Chain planningVerbeter Fashion Supply Chain planning
Verbeter Fashion Supply Chain planningguesta287b52
 
Verbeter de Fashion Supply Chain
Verbeter de Fashion Supply ChainVerbeter de Fashion Supply Chain
Verbeter de Fashion Supply Chaintomhuigen
 
XML en Organisatie: vijf tegenstellingen
XML en Organisatie: vijf tegenstellingenXML en Organisatie: vijf tegenstellingen
XML en Organisatie: vijf tegenstellingenPieter van der Hijden
 
2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...
2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...
2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...GRAFOC | Printmedia Opleidingscentrum
 
EtherCAT DeltaRobot Xilinx Spartan FPGA
EtherCAT DeltaRobot Xilinx Spartan FPGAEtherCAT DeltaRobot Xilinx Spartan FPGA
EtherCAT DeltaRobot Xilinx Spartan FPGAVincent Claes
 
Tales - sterk in web: presentatie seminarie webapps 23 05 2013
Tales - sterk in web: presentatie seminarie webapps 23 05 2013Tales - sterk in web: presentatie seminarie webapps 23 05 2013
Tales - sterk in web: presentatie seminarie webapps 23 05 2013Tales
 

Similaire à Geïntegreerde proef (20)

Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...
Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...
Ontwikkelen van een nieuwe site voor de standaard & onderzoek naar het opzett...
 
Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011
 
Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011
 
Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011Global ICT Gids_Suriname_2011
Global ICT Gids_Suriname_2011
 
E book ondernemen-met-sociale-netwerken
E book ondernemen-met-sociale-netwerkenE book ondernemen-met-sociale-netwerken
E book ondernemen-met-sociale-netwerken
 
Ondernemen Met Sociale Netwerken
Ondernemen Met Sociale NetwerkenOndernemen Met Sociale Netwerken
Ondernemen Met Sociale Netwerken
 
GIP_EINDBUNDEL_INBINDEN__15_5_13__23_U
GIP_EINDBUNDEL_INBINDEN__15_5_13__23_UGIP_EINDBUNDEL_INBINDEN__15_5_13__23_U
GIP_EINDBUNDEL_INBINDEN__15_5_13__23_U
 
bundel Didactische opstelling plc en tp
bundel Didactische opstelling plc en tpbundel Didactische opstelling plc en tp
bundel Didactische opstelling plc en tp
 
Geld verdienen met Linkedin
Geld verdienen met LinkedinGeld verdienen met Linkedin
Geld verdienen met Linkedin
 
business word
business wordbusiness word
business word
 
Aanvragen en instellen van een Microsoft BPOS Trial Account
Aanvragen en instellen van een Microsoft  BPOS Trial  AccountAanvragen en instellen van een Microsoft  BPOS Trial  Account
Aanvragen en instellen van een Microsoft BPOS Trial Account
 
Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...
Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...
Digitaliseringsplan Erfgoed (Universiteitsbibliotheek Amsterdam) 2010-2011. B...
 
Promotie veenendaal jaarplan 2011 2012 concept 3
Promotie veenendaal jaarplan 2011 2012 concept 3Promotie veenendaal jaarplan 2011 2012 concept 3
Promotie veenendaal jaarplan 2011 2012 concept 3
 
6153 V01 Fc (2)
6153 V01 Fc (2)6153 V01 Fc (2)
6153 V01 Fc (2)
 
Verbeter Fashion Supply Chain planning
Verbeter Fashion Supply Chain planningVerbeter Fashion Supply Chain planning
Verbeter Fashion Supply Chain planning
 
Verbeter de Fashion Supply Chain
Verbeter de Fashion Supply ChainVerbeter de Fashion Supply Chain
Verbeter de Fashion Supply Chain
 
XML en Organisatie: vijf tegenstellingen
XML en Organisatie: vijf tegenstellingenXML en Organisatie: vijf tegenstellingen
XML en Organisatie: vijf tegenstellingen
 
2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...
2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...
2020 start vandaag! #GRAFOC-studie naar de nieuwe competenties voor de printm...
 
EtherCAT DeltaRobot Xilinx Spartan FPGA
EtherCAT DeltaRobot Xilinx Spartan FPGAEtherCAT DeltaRobot Xilinx Spartan FPGA
EtherCAT DeltaRobot Xilinx Spartan FPGA
 
Tales - sterk in web: presentatie seminarie webapps 23 05 2013
Tales - sterk in web: presentatie seminarie webapps 23 05 2013Tales - sterk in web: presentatie seminarie webapps 23 05 2013
Tales - sterk in web: presentatie seminarie webapps 23 05 2013
 

Geïntegreerde proef

  • 1. Handelsonderwijs Burgerschool Kattenstraat 7 – 8800 Roeselare – Tel. 051 26 46 66 – info@burgerschool.be GEÏNTEGREERDE PROEF Martijn Vanbiervliet Studierichting TSO Informatica Schooljaar 2012-2013
  • 2.
  • 3. Handelsonderwijs Burgerschool Kattenstraat 7 – 8800 Roeselare – Tel. 051 26 46 66 – info@burgerschool.be GEÏNTEGREERDE PROEF Martijn Vanbiervliet Studierichting TSO Informatica Schooljaar 2012-2013
  • 4. Inhoud Inhoud..................................................................................................................................................... 4 1 Beschrijving van het bedrijf............................................................................................................. 7 1.1 Aard van de activiteiten .......................................................................................................... 7 1.2 Situering en Historiek.............................................................................................................. 7 1.3 Ondernemingsvorm................................................................................................................. 9 1.3.1 Voordelen........................................................................................................................ 9 1.3.2 Nadelen ........................................................................................................................... 9 1.4 Kengetallen............................................................................................................................ 10 1.5 Organogram........................................................................................................................... 13 2 Stageactiviteiten............................................................................................................................ 14 2.1 Eerste contact met het bedrijf .............................................................................................. 14 2.2 A report about 3 different challenges you faced during your traineeship............................ 15 2.2.1 Checking HDD................................................................................................................ 15 2.2.2 Startup repair ................................................................................................................ 15 2.2.3 How to make a computer ready for use........................................................................ 15 2.3 Instructies geven in verband met een stageopdracht........................................................... 16 3 Ondernemingsplan........................................................................................................................ 17 3.1 Financieel plan....................................................................................................................... 17 3.2 Marketinganalyse.................................................................................................................. 18 3.2.1 Product .......................................................................................................................... 18 3.2.2 Prijs................................................................................................................................ 19 3.2.3 Promotie........................................................................................................................ 19 3.2.4 Plaats ............................................................................................................................. 20 4 Informatica in het stagebedrijf...................................................................................................... 21 4.1 Draw up a detailed overview of the company’s network structure and provide an explanatory word list............................................................................................................................. 21 4.2 Hardware and software......................................................................................................... 22 4.3 Netwerkstructuren................................................................................................................ 22 4.4 Opleiding personeel en helpdesk.......................................................................................... 22 4.5 Beveiliging van het systeem .................................................................................................. 23 4.6 Bedenkingen.......................................................................................................................... 23 5 Een informaticatoepassing uitwerken........................................................................................... 24 5.1 Probleemstelling.................................................................................................................... 24 5.2 Analyse, structuur en opbouw .............................................................................................. 24 5.2.1 Plugins ........................................................................................................................... 24 5.2.2 Opbouw......................................................................................................................... 25
  • 5. 5.3 Documentatie project ........................................................................................................... 26 5.3.1 Producten laden in een lijst........................................................................................... 26 5.3.2 Registreren .................................................................................................................... 27 5.3.3 Productfilter en Product zoeken ................................................................................... 28 5.3.4 Profiel aanpassen .......................................................................................................... 29 5.3.5 Aanmelden .................................................................................................................... 29 5.3.6 Masterpage.................................................................................................................... 30 5.4 Bronvermelding gebruikte sites ............................................................................................ 32 5.5 Statische website................................................................................................................... 33 5.5.1 Eerste schets.................................................................................................................. 33 5.5.2 Evolutie van ontwerp .................................................................................................... 33 5.6 ERD en CODD databank......................................................................................................... 34 5.7 Databaseschema ................................................................................................................... 37 5.8 Handleiding werking.............................................................................................................. 38 5.8.1 Navigatie........................................................................................................................ 38 5.8.2 Aanmelden en profiel bekijken ..................................................................................... 38 5.8.3 Aanmelden .................................................................................................................... 39 5.8.4 Profiel bewerken ........................................................................................................... 39 5.8.5 Webshop ....................................................................................................................... 39 5.8.6 Product toevoegen en verwijderen uit winkelwagen ................................................... 41 5.8.7 Contact .......................................................................................................................... 42 5.9 Code Website ........................................................................................................................ 42
  • 6. Voorwoord Ik ben Martijn Vanbiervliet, een leerling Informaticabeheer in de Burgerschool. De Geïntegreerde Proef wordt opgesteld om te bewijzen dat we in staat zijn om de zaken die we hebben geleerd in de voorbije jaren kunnen gebruiken in de praktijk. De GP is belangrijk voor het behalen van het diploma Informaticabeheer en bereidt ons meteen ook voor op latere studies. Het wordt ondersteund door de stageperiode die ik in het begin van het jaar heb doorlopen in een computerwinkel en ik heb hiervan gebruik gemaakt om opdrachten in mijn GP uit te werken. Deze bundel bevat alle taken die wij hebben uitgevoerd voor de verschillende vakken die centraal staan in deze afstudeerrichting, namelijk hardware, software en bedrijfseconomie. Binnen deze opdrachten wordt er informatie gegeven over het stagebedrijf en hoe je de oprichting van een onderneming zelf zou aanpakken. Een belangrijke opdracht was het maken van een website die wordt gehost op een webserver die we ook zelf hebben opgesteld. Voor bedrijfseconomie moesten we zorgen voor de oprichting van een fictief bedrijf door een ondernemingsplan op te stellen met een financieel plan en een marketingplan. Al deze opdrachten worden voor het vak Nederlands gecontroleerd op vlot taalgebruik. Hierbij bedank ik graag alle leerkrachten die me hebben begeleid om de GP tot een goed einde te brengen. Ik ben ook zeer dankbaar voor de kennis die mijn stagebegeleider Silvester Lanciers mij heeft verschaft tijden de stageperiode. Ik kon ook rekenen op Wim Vandendriessche, de oprichter van mijn stagebedrijf Actief Computers Roeselare, om mij de kans te geven om daar mijn stage de doen en mij nuttige informatie te verschaffen die ik nodig had voor het opstellen van de GP.
  • 7. Geïntegreerde Proef 7 1 Beschrijving van het bedrijf 1.1 Aard van de activiteiten Het bedrijf waar ik mijn stage heb uitgevoerd is Actief Computers Roeselare BVBA, een kleinhandel die zich specialiseert in het verkopen en herstellen van computers, randapparaten en accessoires. Het bedrijf is nog maar net opgericht op het einde van vorig jaar op 20 oktober 2011. Op dezelfde plaats was er voorheen een andere computerwinkel, Compuhome, geleid door Mark Gosieau. Dit bedrijf is failliet gegaan en werd overgenomen door Wim Vandendriessche, de huidige zaakvoerder. Met deze overname hebben ze het klantenbestand ook kunnen overnemen. Al deze klanten zijn trouwe klanten, die dezelfde service wensen als Compuhome hen kon bieden. Al sinds het begin hebben ze een mooie start kunnen maken, deels dankzij een goede kennis van zaken en daarnaast ook het overgenomen klantenbestand. Het bedrijf richt zijn goederen en diensten naar zowel bedrijven, scholen en particulieren in de nabije omgeving. Deze klanten vinden service zeer belangrijk. Hierbij kan Actief Computers goed inspelen, door namelijk alles in huis te hebben en zo snel mogelijk reparaties uit te voeren. Het bedrijf bestaat nog niet lang en is deel van een groep bvba’s van Actief Computers. Hieronder staan alle bedrijven die deel uitmaken van die groep:  Actief Computers Diksmuide bvba  Actief Computers Lichtervelde bvba  Actief Computers Roeselare bvba  Quima bvba (in Nieuwpoort) Misschien zullen er in de toekomst nog meer Actief Computers bvba’s uit de grond gestampt worden. Maar momenteel zijn daar nog geen plannen toe. 1.2 Situering en Historiek De eerste zaak werd gestart in 1995, door een man die als bijberoep zich bezighield met computers. Dit was wanneer de computers meer en meer in gebruik werden genomen in het dagelijkse leven, en wanneer er meer vraag was naar het onderhoud van computers. Deze man, genaamd Freddy Seys, vond het belangrijk om professionele hulp te kunnen bieden aan klanten. Op vraag van deze klanten heeft hij in 2001 een eerste winkel geopend in Diksmuide. 3 jaar later sloot hij zich met zijn zaak aan bij de aankoopgroepering Selexion, dit is de grootste aankoopcoöperatie op gebied van elektronica in Vlaanderen (een aankoopcoöperatie is een groepering die producten in een grote hoeveelheid aanschaffen en zo de producten aan een goedkopere prijs kan verkopen). Dit biedt ze heel wat voordelen op het gebied van ondersteuning. Selexion is namelijk al enkele jaren een zeer goede referentie voor vakmanschap, correcte service, kwaliteit en supersterke prijzen. Dit past ook perfect bij zijn de visie naar de klanten toe. Enkele relatief succesvolle jaren later is het bedrijf heel wat beginnen groeien en hebben heel wat klanten hun vertrouwen in deze zaak gestopt. Namelijk in 2006 hebben ze een nieuwe onderneming geopend in Lichtervelde met Wim Vandendriessche als zaakvoerder. In 2010 bestond Actief Computers al 15 jaar. In de volgende 2 jaar, hebben ze nog 2 andere ondernemingen overgenomen en het Actief Computers bvba genoemd, waaronder deze in Roeselare waar ik mijn stage doe (Actief Computers Roeselare bvba, heeft nu als zaakvoerder Wim) en één in Nieuwpoort (QUIMA bvba, met zaakvoeder Freddy).
  • 8. Geïntegreerde Proef 8 Van mijn stagebedrijf zijn er 4 gelijksoortige ondernemingen verspreid zijn in West-Vlaanderen. De vestigingen staan in voor de verkoop van nieuwe toestellen zoals computers, tablets, printers en andere accessoires. Bij deze winkels kan je ook terecht voor herstellingen van je apparaten, het beheren van abonnementen met de provider Telenet en Belgacom en er is ook een mogelijkheid tot thuisservice. De voornaamste klanten zijn dus particulieren die zowel goederen als diensten kunnen verkrijgen. De vestiging in Roeselare bestaat nog geen volledig boekjaar en dus kan ik hiervan onmogelijk een evolutie van weergeven. Ik kan wel de evoluties weergeven van de andere bedrijven. De ligging is langs de Meensesteenweg, in Beitem. Deze ligging is vrij geschikt. Het is dicht bij bewoond gebied, en er passeren elke dag zeer veel mensen. Als parkeergelegenheid heeft de onderneming een oprit, maar langs de weg is er nog een volledige parkeerstrook. Actief Computers Roeselare gevestigd in de Meensesteenweg 699. Genomen in september 2009, wanneer het nog Compuhome was.
  • 9. Geïntegreerde Proef 9 1.3 Ondernemingsvorm Zoals eerder werd vermeld is het een bvba, dit werd zo gekozen omdat er dan geen risico’s zijn als rechtspersoon. Alle vennoten zijn slechts aansprakelijk ten belope van hun inbreng. Het is wel een ebvba (eenpersoons besloten vennootschap met beperkte aansprakelijkheid), er is dus maar één vennoot. Andere kenmerken van een ebvba zijn:  Aandelen staan op naam  Notariële akte noodzakelijk (Bewijs van overeenkomst)  Het minimum kapitaal bedraagt €18 550,00 volledig geplaatst met €12400 volstort Met een vennootschap zijn er voordelen en nadelen verbonden. Hieronder worden deze opgesomd, het gaat hier nu niet specifiek over een ebvba: 1.3.1 Voordelen • Rechtspersoonlijkheid: de vennootschap heeft eigen rechten en plichten. • Voor bepaalde vennootschapsvormen geldt een beperkte aansprakelijkheid. • Fiscaliteit: Het belastbaar resultaat wordt belast in het stelsel van de vennootschapsbelasting. • Alle afspraken tussen partners die samenwerken in de zaak staan duidelijk op papier. • De vennootschap biedt een aantal interessante mogelijkheden om vóór het overlijden een goede opvolgingsregeling uit te dokteren. 1.3.2 Nadelen • Formele besluitvorming en procedures. • Meer juridische en administratieve verplichtingen dus meer kosten. • Zwaardere boekhoudkundige verplichtingen.
  • 10. Geïntegreerde Proef 10 1.4 Kengetallen Er kan geen evolutie weergegeven worden van Actief Computers Roeselare. Daarom geef ik de evolutie weer van de vestigingen in Diksmuide en Lichtervelde. Het derde bedrijf Quima bvba in Nieuwpoort kan ook niet worden weergegeven want het bestaat nog minder lang dan de vestiging in Roeselare. Het boekjaar in Roeselare start op 22-10-211 en zal eindigen op 31-12-2012, dus er moet rekening gehouden worden dat het bedrijf in Roeselare nog geen volledig boekjaar bestaat, de cijfers zijn dus nog voorlopig. Hieronder staat een tabel met de gegevens van 3 bedrijven. Actief Computers Roeselare Jaar 2008 2009 2010 2011 2012 Winst voor belastingen 32450 Brutomarge 86450 VA 259023 Kosten 54000 Actief Computers Lichtervelde Jaar 2008 2009 2010 2011 2012 Winst voor belastingen 24340 35147 78755 31894 61098 Brutomarge 33055 38081 114955 80286 123139 VA 8567 6876 4710 13102 15241 Totale Activa/Passiva 112594 118355 173634 200521 250143 Kosten Actief Computers Diksmuide Jaar 2008 2009 2010 2011 2012 Winst voor belastingen 78558 103916 118025 101197 131118 Brutomarge 181566 253343 306339 319117 355080 VA 12175 53782 160186 129564 111084 Totale Activa/Passiva 436193 682792 586979 650907 753246 Kosten
  • 11. Geïntegreerde Proef 11 Onderstaande grafiek geeft de evolutie weer van de winst vóór belastingen, de brutomarge en de totale activa of passiva van de voorbije 4 jaar in Actief Computers Lichtervelde. Daaronder hetzelfde bij Actief Computers Diksmuide. Bij de bovenstaande grafiek is te zien dat elk aspect door de jaren is gegroeid. Maar in 2011 was er een daling, dit is mogelijk te wijten aan de naschok van de economische crisis. De winst voor belastingen en brutomarge liggen in 2012 een amper hoger dan in 2010. Maar de totale Activa ligt wel een heel stuk hoger. Bij bovenstaande grafiek is te zien dat alles zeer geleidelijk is gestegen. Net zoals bij Lichtervelde is er een lichte daling in 2011. Bij de totale activa is dan ook een grotere knik te zien in het jaar 2010. Bij beide bedrijven ging de evolutie geleidelijk omhoog met de jaren. Duidelijk te zien is dat er in AC Diksmuide een groter kapitaal aanwezig was. In 2008 was er namelijk 330000 meer aanwezig dan in Lichtervelde. Beide bedrijven ondervonden tussen 2009 en 2011 een daling, waarschijnlijk te wijten aan de economische crisis. Elk bedrijf heeft dit gelukkig kunnen doorstaan en de cijfers staan nu hoger dan ooit. € 0 € 50.000 € 100.000 € 150.000 € 200.000 € 250.000 € 300.000 2008 2009 2010 2011 2012 Evolutie AC Lichtervelde Winst voor belastingen Brutomarge Totale Activa/Passiva € 0 € 100.000 € 200.000 € 300.000 € 400.000 € 500.000 € 600.000 € 700.000 € 800.000 2008 2009 2010 2011 2012 Evolutie AC Diksmuide Winst voor belastingen Brutomarge Totale Activa/Passiva
  • 12. Geïntegreerde Proef 12 Hieronder zien we een kolomgrafiek met gegevens van de 3 bedrijven in 2012. Er is een duidelijk verschil in waarden tussen de verschillende gegevens. Daarna is er nog een vergelijking van 2008. Op de kolomgrafieken is het verschil tussen de vestigingen duidelijk te zien. De brutomarge in AC Diksmuide is duidelijk steeds hoger dan de andere. In 2008 kunnen we het verschil goed zien, dit is deels ook te wijten aan het feit dat de vestiging in Lichtervelde nog maar 2 jaar bestaat. Maar als we de cijfers in 2010 bekijken is Lichtervelde blijkbaar nog niet veel gestegen ten opzichte van Diksmuide. Misschien is er op die plaats een kleinere markt. We zien dat de vestiging in Roeselare goed gestart is met een grote vaste activa. De winst zal nog wat op zich laten wachten totdat het bedrijf wat langer bestaat en de meeste kosten afbetaald zijn. Actief Computers Roeselare Actief Computers Lichtervelde Actief Computers Diksmuide Winst voor belastingen 32.450 61098 131.118 Brutomarge 86450 123139 355080 Vaste Activa 259023 15241 111084 0 50.000 100.000 150.000 200.000 250.000 300.000 350.000 400.000 Cijfers 2012 Winst voor belastingen Brutomarge Vaste Activa Actief Computers Lichtervelde Actief Computers Diksmuide Winst voor belastingen 24340 78.558 Brutomarge 33055 181.566 Vaste Activa 8567 12.175 0 20000 40000 60000 80000 100000 120000 140000 160000 180000 200000 Cijfers 2008 Winst voor belastingen Brutomarge Vaste Activa
  • 13. Geïntegreerde Proef 13 1.5 Organogram Dit organogram geeft alle werknemers en zaakvoerders weer van de 4 vestigingen. Duidelijk te zien is dat de vestiging waarmee alles is begonnen, namelijk AC Diksmuide, het grootst is op vlak van personeel. Freddy Seys, de oprichter van de eerste vestiging in Diksmuide, is ondertussen ook zaakvoerder in Nieuwpoort. Wim Vandendriessche die voordien werknemer was bij Freddy is ondertussen zaakvoerder van twee vestigingen, namelijk Roeselare en Lichtervelde. Bij de twee recentste vestigingen is er maar één werknemer per bedrijf, deze zullen dus hopelijk nog meer groeien. Op het organogram vind je ook Silvester Lanciers, mijn stagebegeleider, hij is werknemer van Wim Vandendriessche en werkt in Actief Computers Roeselare BVBA. Actief Computers AC Diksmuide bvba Freddy Seys Nele Peter Henk Bo Thomas H. Karel Jan AC Lichtervelde bvba Wim Vandendriessche Koen Dries Igor AC Roeselare bvba Wim Vandendriessche Silvester Lanciers Quima bvba (Nieuwpoort) Freddy Seys Thomas W.
  • 14. Geïntegreerde Proef 14 2 Stageactiviteiten 2.1 Eerste contact met het bedrijf Hieronder vindt u mijn persoonlijke brief gericht aan Actief Computers. Hierbij bedank ik ze voor de stageperiode, en vermeld ik mijn verwachtingen. Martijn Vanbiervliet 14 september 2012 Het Seminariegoed 40 8800 RUMBEKE Tel. 0476 075 620 E-mail martijnvanbiervliet@hotmail.com Actief Computers Meensesteenweg 699 8800 BEITEM Geachte heer Ik wil u met deze brief bedanken dat u mij een stageplaats kan aanbieden. Ik heet Martijn Vanbiervliet en ik volg het 6de jaar Informaticabeheer in de Burgerschool in Roeselare. Mijn stageperiode vormt het uitgangspunt van onze Geïntegreerde Proef (GP). Dit houdt in dat mijn prestaties in de stageplaats meetellen op mijn eindscore, en ik mijn ervaringen in uw bedrijf zal moeten weergeven, in de vorm van een presentatie. Naast opdrachten voor software en hardware hebben we ook taken in verband met economie en de taalvakken. Als het mogelijk is, zou het handig zijn om te beschikken over enkele gegevens over het bedrijf, waaronder jaarrekeningen en de structuur van het netwerk. Hiervoor dank, wij beloven dat die documenten op een discrete manier zullen worden behandeld. Ik verwacht dat ik op de stage veel kan bijleren op zowel het vlak van hardware als software. Hierbij beloof ik ook dat ik zoveel mogelijk mijn kennis en vaardigheden zal gebruiken om mijn taken tot een goed einde te brengen. Ik ben meer geïnteresseerd in software dan in hardware, maar ik sta zeker open voor alle opdrachten en hoop mijn stageperiode tot een goed einde te kunnen brengen. Met vriendelijke groet Martijn Vanbiervliet
  • 15. Geïntegreerde Proef 15 2.2 A report about 3 different challenges you faced during your traineeship 2.2.1 Checking HDD One of the most common problems when a computer doesn’t boot is a problem with the hard drive disk. Whenever a computer came into the shop because it wouldn’t start, the first thing we did was remove the hard drive disk from the computer. The process of doing this is by first disconnecting the power from the computer, this is important whenever you want to change components. Then you have to remove all the cables from the HDD; a SATA cable and a power supply cable. When the cables are removed you have to remove all the screws that attach the HDD to the computer case. Then it is possible to remove the HDD from the computer. Now we have to check whether the HDD is causing the problem. This can be done easily when you have a device to connect a hard drive disk to a computer via USB. We used one of the brand Icy Dock (Picture 1). Now the hard drive disk is connected to your computer, you should be able to see the new HDD in the folder Computer. Now to check the HDD for errors you need the program HD Tune (Picture 2). When the program is started you have to select the new HDD from the list at the top left. Then you move to the tab error scan and select Quick Scan and press start. When there are errors the HDD is broken. If the quick scan doesn’t show any errors, you can do a full scan. 2.2.2 Startup repair When there is no problem with the HDD, but the computer doesn’t start, you may want to try Startup Repair. This is a function built in a Windows installation disc to restore missing files that made it impossible to start the computer. This is how it works: Insert a Windows installation disc into the CD-ROM drive, and reboot the computer. The computer will tell that if you want to start the computer from disc you have to press a key. In order to do this you have to press a random key on your keyboard, and the computer will continue to boot up from the CD-ROM. Now you will see a windows with a big install now button in the middle. Don’t press it, under the button there are two other options. Choose for Repair your computer; this will start the System Recovery Tool. Now press the top link that says Startup repair (Picture 3). Now Windows will automatically check the system folders for missing files. When it finds that there are, Windows will reinstall them on the computer. Now Windows should be able top boot after the computer has restarted. 2.2.3 How to make a computer ready for use I often had to make computers that were sold to customers ready for use. This means that I had to install Windows, and some other useful software. This was the procedure: Picture 2: Icy Dock HDD connector Picture 1: HD Tune Pro Picture 3: System recovery options
  • 16. Geïntegreerde Proef 16 The first step was booting the computer, because all computers had a Windows installation built in. After booting it will show the Windows Installation Wizard. So the first step is installing Windows and applying the correct settings. When the computer has restarted after installation, I connect to the network via the wireless connection or via a UTP-cable. Now I can access all the server files. In these files there are several executables to install various software. One of them was a file from ninite.com this website makes it possible to make one installer for multiple programs. By running this file, the installer will install some of the most useful and common programs for a PC; including Skype, Teamviewer, Winrar etc. Now we also need an antivirus program and Microsoft Office. For both programs I use installers from the server. The serial keys for the programs are stored in a textfile on the server. Now to make it easier for the user I also disable User Account Control, this prevents Windows from showing these annoying confirmation dialogs whenever it doesn’t completely trust a program. For the same purpose I disable all messages from Action Center. After changing Internet Explorer’s startpages, disabling extensions and shutting down the computer, it is ready to be sold. 2.3 Instructies geven in verband met een stageopdracht. Zie bijlage: Nederlands/Instructies geven/Presentatie aanmelden zonder administrator wachtwoord in Windows XP
  • 17. Geïntegreerde Proef 17 3 Ondernemingsplan 3.1 Financieel plan Hieronder vind je het financieel plan van Actief Computers met 3 bestuurders. Het doel van deze onderneming is het leveren van diensten zoals reparaties en goederen op het gebied van hardware, telefoons en accessoires. We 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 ook een tweedehands Volkswagen Caddy in ter waarde van 6000,00 EUR. De beginbalans van Actief Computers: INVESTERINGSPLAN FINANCIERINGSPLAN Vaste Activa Bedrag Eigen Middelen Bedrag Inrichting: Inbreng Kapitaal € 6.200,00 Kantoormeubilair € 5.888,50 Inbreng In Natura € 6.000,00 Kantoormachines € 2.210,97 Rollend Materieel € 6.000,00 Huurwaarborg € 4.500,00 Totaal vaste Activa € 18.599,47 totaal eigen middelen € 12.200,00 Vlottende Activa Bedrag VVLT Bedrag Handelsdebiteuren* € 29.944,00 Starteo € 40.000,00 Voorraad € 26.640,08 Lening Bank € 34.995,82 Totaal Vlottende Activa € 56.584,08 Totaal lang Vreemd Vermogen € 74.995,82 Liquide Middelen Bedrag VVKT Bedrag Bank/Kas € 17.016,45 Leveranciers € 0,00 Kaskrediet Bank € 0,00 Schulden < 1 jaar € 5.004,18 Totaal Liquide middelen € 17.016,45 Totaal kort Vreemd Vermogen € 5.004,18 TOTAAL INVESTERINGEN € 92.200,00 TOTAAL FINANCIERING € 92.200,00
  • 18. Geïntegreerde Proef 18 De resultatenrekening na één jaar: Rentabiliteitsvooruitzichten Jaar 1 verwachte verkopen € 364.300,00 verwachte aankopen € 82.000,00 brutobedrijfswinst € 282.300,00 bedrijfskosten Huurkost € 18.000,00 Water, gas, elektriciteit, verwarming € 1.200,00 Kosten voertuig (verzekeringen, taksen, brandstof, herstellingen) € 2.000,00 Bureaukosten, onderhoud materieel, telefoon, portokosten € 1.000,00 Reclamekosten € 1.500,00 Bezoldiging bestuurders € 75.000,00 Verzekeringen € 500,00 Sociale verzekeringen zelfstandige € 16.500,00 Afschrijvingen € 3.294,98 Andere diverse kosten Totaal bedrijfskosten € 118.994,98 Netto-bedrijfswinst € 163.305,02 Financiële lasten, intresten op leningen € 2.825,10 Belastbaar resultaat € 160.479,92 Belastingen € 54.563,17 Winst van het boekjaar € 105.916,75 3.2 Marketinganalyse Hieronder vind je het marketingplan voor de winkel Actief Computers. De strategie wordt voorgesteld op basis van prijs, plaats, product en promotie. 3.2.1 Product Aangezien de informaticawereld zeer snel innoveert, is het dus belangrijk dat het product altijd up- to-date is. De mensen verwachten dat je altijd de laatst uitgebrachte producten in voorraad hebt. Het is dus belangrijk om steeds op het internet of bij de leverancier te zoeken wat de nieuwste producten zijn zoals gsm’s en computers en je voorraad producten hieraan aan te passen. Ook dankzij de webshop is het gemakkelijk voor de klanten om thuis te zoeken naar producten, informatie over ze te verkrijgen en ze meteen ook te bestellen. Het product kan dan eventueel thuis worden gebracht en geïnstalleerd, of afgehaald worden in de winkel. Er kunnen ook reparaties worden uitgevoerd aan toestellen die worden binnengebracht, of er kan ter plaatse worden gegaan om het probleem uit te zoeken en op te lossen. Mensen kunnen zonder afspraak hun toestel binnenbrengen en het probleem vermelden, hieraan wordt er dan zo snel mogelijk gewerkt. Het is ook mogelijk om de klant vanop afstand te helpen met Teamviewer. Dit is een gratis programma die de klant kan installeren op zijn computer (of die standaard staat geïnstalleerd wanneer het toestel bij ons wordt gekocht), en het mogelijk maakt om vanop afstand op de computer van iemand anders te kunnen werken. Deze kleine kost wordt verrekend wanneer een
  • 19. Geïntegreerde Proef 19 klant de volgende keer een aankoop doet of een reparatie laat uitvoeren. Er wordt dan meestal ook aangeraden om langs te komen zodat er meer omzet kan worden gemaakt en het probleem beter kan bekeken worden. 3.2.2 Prijs Het hoofdprincipe van mijn winkel wordt service en innovatie. Dus de prijs mag wat hoger liggen dan andere grote multimediawinkels (Mediamarkt, Vandenborre). Ik bestel mijn producten ook niet in grote aantallen waardoor het moeilijker is om de prijs te doen zakken. Als een klant een computer koopt zal deze meteen ook worden uitgerust met software (Windows 7 of 8, Office 2013, Antivirussoftware, Teamviewer). Voor sommige van deze softwarepakketten wordt er een bedrag bijgerekend. Ook de installatie van deze zaken wordt inbegrepen in de prijs. Af en toe kan de prijs van een product in promotie staan en een lagere prijs hebben, om mensen aan te zetten om het snel te kopen. Reparaties worden berekend per uur, en als er ter plaatse moet worden gekomen wordt er een extra bedrag aangerekend om het vervoer te vergoeden. 3.2.3 Promotie Om mijn winkel bekend te maken kan ik via verschillende bronnen reclame maken: advertenties voor de website op het internet, folders uitdelen, een groot reclamebord bij het pand, stickers op de bedrijfswagen en/of privéwagen en een opvallende plaats in het telefoonboek indien mensen snel een nummer zoeken om een computer te kopen of te herstellen. Dankzij mijn visie op service kan ik ook rekenen op de mond-op-mondreclame. Producten zullen af en toe in promotie staan om mensen aan te zetten tot kopen.
  • 20. Geïntegreerde Proef 20 3.2.4 Plaats Ik zal mijn winkel proberen te vestigen op een goed bereikbare plaats waar veel verkeer is. Een grote straat met veel parkeergelegenheid, maar toch dicht genoeg bij de stad. Als er veel verkeer is zullen meer mensen de winkel opmerken. Hieronder zie je enkele afbeeldingen van de locatie: Meensesteenweg 300, 8800 Roeselare Voordelen van deze locatie:  Het ligt te ver van de stad om er te voet te geraken, maar voor een computerwinkel is er meestal altijd een auto nodig om het toestel te verplaatsen. Dus het is vooral belangrijk dat het gemakkelijk is om toestellen van en naar de auto te brengen. Om deze reden vind ik het beter om geen pand in het stadscentrum te huren.  Het is een grote straat met vrij veel verkeer, er zullen dus veel mensen passeren met gevolg dat men de winkel sneller opmerkt. Het is tevens ook snel en gemakkelijk bereikbaar via de grote ring van Roeselare (Rijksweg)  Er is veel parkeergelegenheid langs de weg, en er is ook genoeg ruimte om een degelijke parking bij te maken.  Er is veel ruimte en de prijs is lager dan in de stad.
  • 21. Geïntegreerde Proef 21 4 Informatica in het stagebedrijf 4.1 Draw up a detailed overview of the company’s network structure and provide an explanatory word list. Netwerkplan: zie bijlage: Engels/Netwerkplan Explanatory wordlist Switch A network switch is a small hardware device that joins multiple computers together within one local area network (LAN). Network switches operate at layer two (Data Link Layer) of the OSI model. Router Routers are small physical devices that join multiple networks together. A router is a Layer 3 gateway device, meaning that it connects two or more networks and that the router operates at the network layer of the OSI model. Printer A printer is a device used to print digital documents on real paper. It is a peripheral for a computer. PC A personal computer is any computer whose size, capabilities, and original sales price make it useful for individuals. Camera A camera is a device for recording video or images. In this case it’s used as a safety device against burglars or vandals. Monitor A monitor is the screen used for displaying images and video from a computer. Desk A desk is a piece of furniture, used for putting things onto, for example a computer or books. internet The internet is a term used for the way we connect all our computers to each other. Technical service The technical service in a shop is the place where all the products are repaired. Cash register The cash register is a device for calculating and recording sales transactions, it can also store cash, and some can print receipts. Network connection The connection between two devices using a network cable. Network cable A plastic cord with a metal or fiberglass string inside for transporting data. Wireless A function used for routers nowadays. It is a term used for transporting data without using a cord.
  • 22. Geïntegreerde Proef 22 4.2 Hardware and software The location of my traineeship was at the retail Actief Computers. The company’s manager is Wim Vandendriessche, but it is ran by Silvester Lanciers. So there’s only one person working there most of the time. The retail sells or repairs computers, peripherals and other accessories. So when there is a problem with any of the devices in the business, it will be fixed by an employee or the manager. The business uses a local server. It is used to easily make new computers ready for sale. It is also possible to boot a computer from the server and install Windows this way. We can also use the files on the server for installing other programs which may be useful for the customer. If a computer needs to be scanned, we can also install an antivirus or Malwarebytes for cleaning it up. You can divide the business in three parts: The shop, the technical service and the office. In the shop there’s an iMac at the cash register. It uses Boot Camp to be able to run Windows on it, this way the software for managing the cash can be run on it. It also has a connection with the server to manage the database. And we use it to print and save files to specify the necessary repair that needs to be done, or the order of a customer. The business is way too small to use custom software. The used software is usually Windows 7, Kaspersky anti-virus and Office 2008. There are several computers used for managing the business. There’s one in the technical service, two in the office and one at the cash register. There’s no specific model used for the computers. Some have AMD CPU’s, and other use Intel technology. The computers in the office have Intel i5 CPU’s, and use 4GB of RAM. They tried to save money by using low-end Graphical Processing Units or GPU’s. The PC in the technical service is more expensive and powerful. It has a very good GPU, 8GB RAM and an AMD processor. 4.3 Netwerkstructuren De server doet dienst voor verschillende doelen. Eén ervan is de kassa, op deze manier kunnen de gegevens gemakkelijk worden verbonden met het bureau boven waarmee ze er de administratie kunnen regelen. Daarnaast wordt alle data opgeslagen op de server, zodat we zonder probleem de laptops met Wi-Fi of de computers met een UTP-kabel kunnen verbinden, om gegevens over te plaatsen. Dit is handig als we er een antivirus willen opzetten, of andere programma’s om PC’s mee te scannen op fouten. Het wordt ook goed gebruikt om nieuwe PC’s mee klaar te zetten, om alle essentiële programma’s of drivers te installeren. Het derde doel is om PC’s te booten vanop het netwerk, dit zorgt voor een snellere installatie en de mogelijkheid om alle drivers in één keer te installeren. Om te verbinden met het internet wordt er Fibernet van Telenet gebruikt, dit is een gratis lijn omdat ze verdelers zijn. Het is de formule Fibernet XL, het pakket biedt 120 Mbps download snelheid, 5 Mbps upload en ongelimiteerd volume. Er is ook een ADSL lijn die wordt gebruikt om te testen, deze is ook gratis voor dezelfde reden. Het protocol dat wordt gebruikt is TCP/IP. UDP is in dit geval niet handig. Er wordt van buiten het bedrijf verbinding gemaakt via een Remote Desktop zoals Teamviewer. Dit programma wordt ook vaak gebruikt om mensen van op afstand te helpen. 4.4 Opleiding personeel en helpdesk Er worden niet regelmatig nieuwe werknemers aangenomen in dit bedrijf, waardoor er geen nood is aan bepaalde specifieke richtlijnen of opleidingen. De werknemers die er nu werken hebben allemaal kennis van computers. Als er problemen optreden dan probeert men die zo snel mogelijk op te
  • 23. Geïntegreerde Proef 23 lossen. De persoon die momenteel werkt in de technische dienst en de winkel draaiende houdt, volgt momenteel een opleiding bij Syntra als PC-technicus. Dit doet hij om zijn kennis uit te breiden en in de praktijk te kunnen gebruiken om beter problemen te kunnen oplossen in de technische dienst. 4.5 Beveiliging van het systeem Om het netwerk zoveel mogelijk te beveiligen op virussen, malware, spam of inbraken wordt er Panda Internet Security gebruikt. Dit programma is licht, snel en veilig. Ideaal om een server van een kleinhandel te beveiligen. Om te verzekeren dat er geen gegevens verloren gaan of materiaal stuk gaat wordt er een UPS stroomgenerator (Ultimate power Solution) gebruikt. Dit is een lokale generator met motoraandrijving. Ze zijn bedoeld voor klassieke netvoeding. Dit toestel controleert de spanning en grijpt in wanneer er stroomuitval is. 4.6 Bedenkingen Het informaticasysteem zit goed in elkaar, het is een klein bedrijf en heeft dus ook niet de grootste netwerkoplossingen nodig. Op het gebied van netwerkinfrastructuur is alles in orde. Ze zijn vrij goed voorbereid op problemen zoals stroomuitval, en zorgen voor een beveiliging van het systeem tegen problemen van buitenaf. Elke computer is uitgerust met antivirussoftware om virussen te voorkomen. Het draadloos netwerk is beveiligd met een niet voor de hand liggend wachtwoord, en om de bestanden te bereiken op de server is er nog eens een gebruikersnaam en uniek wachtwoord nodig.
  • 24. Geïntegreerde Proef 24 5 Een informaticatoepassing uitwerken 5.1 Probleemstelling De opdracht is om een website te creëren van een bedrijf met zowel statische en dynamische aspecten. We gebruiken elementen die we hebben geleerd in de les zoals HTML, CSS en ASP.net. De website moet worden gepubliceerd vanop een webserver die we ook zelf hebben opgesteld, daarop staat er ook een databank die we kunnen gebruiken om gegevens van de website op te slaan. De webserver moet ook in staat zijn om aangepast te worden van op afstand met behulp van FTP en SQL Management Console. In het eerste trimester kregen we de opdracht om 10 websites op het internet te zoeken waarvan je elementen wilt gebruiken. We moesten vervolgens de goede en minder goede zaken erbij vermelden. Hierdoor was het gemakkelijker om jouw website te optimaliseren voor gebruiksgemak. Studie websites: Zie bijlage: Software 5.2 Analyse, structuur en opbouw Ik heb gekozen om een nieuwe website te maken gebaseerd op mijn stagebedrijf. Het heet ook Actief Computers en bevat informatie over de winkel. De website bevat een mogelijkheid om producten te bestellen via een webshop en om contact op te nemen met de winkel. Om de website te maken heb ik geen gebruik gemaakt van templates, maar wel plugins met JQuery en Javascript die ik op het internet kon vinden. Hieronder vind je de gebruikte plugins met bijhorende informatie. 5.2.1 Plugins JQuery SlideToggle Deze is niet echt een plugin maar eerder een simpel JQuery script. Het zorgt ervoor dat de footer die de bestelde producten bevat (winkelwagen), zich naar omhoog en naar beneden kan bewegen. Eigen gebruik: Footer en het reactiepaneel omhoog en beneden laten gaan. Bron: http://www.w3schools.com/jquery/eff_slidetoggle.asp Easyzoom Easy zoom is een handige plugin om een foto groter weer te geven, zonder veel ruimte te verliezen. Het werkt zoals een vergrootglas; Je beweegt de cursor over de originele foto en een ingezoomde versie verschijnt op het scherm. Eigen gebruik: Ik heb de plugin gebruikt om de afbeelding van een product beter te zien. Bron: http://cssglobe.com/jquery-plugin-easy-image-zoom/ FancyBox FancyBox is een handige en stijlvolle manier om foto’s of pagina’s weer te geven. Bij het klikken op een link verschijnt er een Modal Popup (zoals een nieuw venster, maar binnen de website). De inhoud ervan kan variëren; Het kan een foto zijn, een flashapplicatie of een webpagina. Bron: http://fancybox.net/ SlidesJS SlidesJS is een fotoslider die op verschillende manieren verstelbaar is. Het is mogelijk om op een gemakkelijke manier afbeeldingen te tonen. De plugin zal elke periode van enkele seconden de afbeelding opzij schuiven om plaats te maken voor een andere. Het is mogelijk om een bijschrift te
  • 25. Geïntegreerde Proef 25 plaatsen, volgende en vorige knoppen aan te passen en een opsomming van allemaal met tekens of cijfers. Bij download gebruikte ik de eenvoudigste versie zodat ik zoveel mogelijk zelf kon aanpassen. Eigen gebruik: Een slider bovenaan de pagina met producten die in promotie staan. Bron: http://slidesjs.com/ 5.2.2 Opbouw Ik maak gebruik van 4 belangrijke divs: 5.2.2.1 Header De header bevat 3 zaken:  Het logo van het bedrijf met een link naar de hoofdpagina. <a class="logo" href="index.aspx"><img src="images/logo5.gif" width="120" height="120" border="0"/></a>  Een slider voor promoties <div id="slides"> <div class="slides_container"> <asp:Literal ID="litSlides" runat="server"></asp:Literal> </div> <a href="#" class="prev"><img src="Plugins/ImageSlider/images/prev.png" width="24" height="43" alt="Arrow Prev" border="0"/></a> <a href="#" class="next"><img src="Plugins/ImageSlider/images/next.png" width="24" height="43" alt="Arrow Next" border="0"/></a> </div>  Een paneel voor het profiel <div id="login" runat="server"> <asp:Image ID="UserImage" runat="server" Width="80" CssClass="floatleft" BorderWidth="1"/> <div id="ProfielNaam"> <asp:Literal ID="litNaam" runat="server"></asp:Literal> </div> <div id="ProfielOptie"> <a href="Profiel.aspx">Profiel bewerken</a> <a href="Aankopen.aspx">Aankopen tonen</a> </div> </div> <div id="LoginTools"> <asp:LinkButton ID="btnLogin" runat="server" Text="Aanmelden" CssClass="knop" Width="80" CausesValidation="False" /> <asp:LinkButton ID="btnRegister" runat="server" Text="Registreren" CssClass="knop" Width="80" CausesValidation="False" /> 5.2.2.2 Navigatie De navigatie bevat 4 links:  Home (brengt je naar de hoofdpagina)  Info (Brengt je naar de info pagina waar nog eens 3 tabs aanwezig zijn: • Info • Historiek • Openingsuren  Webshop • Webshop • Laptop • Desktop • GSM • Accessoires  Contact
  • 26. Geïntegreerde Proef 26 5.2.2.3 Content In de content staat steeds de individuele content van elke pagina. Bij webshop en info staat er hier bovenaan nog een tweede navigatiebalk om te kiezen tussen het soort product. 5.2.2.4 Footer De footer is een balk die altijd onderaan het scherm aanwezig is. Als je op de knop winkelwagen klikt, schuift deze omhoog en toont de inhoud van uw winkelwagen. 5.3 Documentatie project Om het dynamische gedeelte te maken heb ik gebruik gemaakt van Datareaders. Dus ik maak geen gebruik van Gridview/detailsview/datalist. Ik doe dit zodat ik meer vrijheid heb om mijn design te bepalen. Dus voor deze verschillende zaken laad ik de gegevens uit de databank naar een literal zoals het tonen van producten, tonen van gegevens over het product of laden van profielgegevens. De werking is dus voor vele pagina’s dezelfde. Om herhaling te vermijden heb ik niet alle pagina’s erbij gezet. 5.3.1 Producten laden in een lijst In dit voorbeeld gebruik ik het laden van de laptops in een lijst. Dit is de code die wordt uitgevoerd bij het laden van het project: 'Ik open de verbinding met de databank Dim CnnACSQL As New SqlConnection() CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL.Open() 'Ik vorm de query Dim strSQL As String strSQL = "select ProductNaam, ProductBeschrijving, ProductPrijs, ProductSoort, ProductFoto, ProductID from tblProducten where ProductVoorraad > 0 and ProductSoort='Laptop'" Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL) 'Ik start de datareader om de gegevens uit de databank te lezen Dim rdrProducten As SqlDataReader rdrProducten = cmdProducten.ExecuteReader 'ik maak een string om te vullen met de gegevens Dim strProducten As String strProducten = "<ul id='ProductList'>"
  • 27. Geïntegreerde Proef 27 'Voor elk product in mijn databank die een 'Laptop' is en waarvan er minstens 1 in voorraad zijn laad ik een listitem in de literal. 'Dit listitem bestaat uit verschillende divs om de opmaak te bepalen. Do While rdrProducten.Read strProducten &= "<li><a href='ProductLaptop.aspx?ID=" & rdrProducten.GetInt32(5) & "'>" strProducten &= "<div class='ProductItem'>" strProducten &= "<div class='ProductNaam'>" & rdrProducten.GetString(3) & " " & rdrProducten.GetString(0) & "</div>" strProducten &= "<div class='ProductInfo'><img src='images/Products/" & rdrProducten.GetString(4) & "' width='120px' alt='Afbeelding' />" strProducten &= "<div class='ProductDescription'>" & rdrProducten.GetString(1) & "</div></div>" strProducten &= "<div class='ProductPrice'><h2>€" & rdrProducten.GetDecimal(2) & "</h2></div></div></a></li>" Loop strProducten &= "</ul>" 'ik laad de string in de literal LitProducten.Text = strProducten 'sluit de Datareader en de verbinding met de databank. rdrProducten.Close() CnnACSQL.Close() 'Als er een probleem optreedt toon ik dit in een messagebox Catch ex As Exception MsgBox("Er is een probleem opgetreden met het laden van de gegevens." & vbCrLf & "Onze Excuses Voor het ongemak." & vbCrLf & vbCrLf & "ERROR:" & ex.Message) End Try Dezelfde methode wordt gebruikt om gegevens te laden van een product op de productpagina. Enkel de query is anders. En de gegevens worden anders geladen. 5.3.2 Registreren Om te registreren moet je alle gegevens invullen. txtUser, txtPass1 en txtPass2 worden gevalideerd. Er wordt ook gecontroleerd of txtPass1 gelijk is aan txtPass2 met een CompareValidator. Om te registreren wordt het INSERT INTO statement gebruikt voor SQL. Dit statement voegt dan een record toe met welbepaalde waarden aan een welbepaalde tabel. De volgende code wordt uitgevoerd bij het drukken op btnRegistreren. Try 'Foto opslaan aan de map images/Users en de naam toevoegen aan de databank 'Als er geen foto wordt bijgevoegd wordt de standaard placeholder gebruikt Dim strBestandsnaam, strDoelpad, strSQL As String 'Hier wordt de naam van het bestand achterhaald en opgeslaan in de map strBestandsnaam = Path.GetFileName(fuFoto.PostedFile.FileName) strDoelpad = Server.MapPath("ImagesUsers" & strBestandsnaam) fuFoto.PostedFile.SaveAs(strDoelpad) If strBestandsnaam = "" Then
  • 28. Geïntegreerde Proef 28 strBestandsnaam = "placeholder.gif" End If 'De verbinding met de databank wordt geopend Dim CnnACSQL As New SqlConnection() CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL.Open() 'De query wordt gevormd strSQL = "INSERT INTO tblKlanten (KlantUsername, KlantWachtwoord, KlantEmail, KlantFamilienaam, KlantVoornaam, KlantAdres, KlantGemeente, KlantFoto)" strSQL &= "values('" & txtUser.Text & "','" & txtPass.Text & "','" & txtEmail.Text & "','" & txtFNaam.Text & "','" & txtVNaam.Text & "','" & txtStraat.Text & "','" & txtGemeente.Text & "','" & strBestandsnaam & "')" 'er wordt een sqlcommand gemaakt met de query en de verbinding en deze wordt uitgevoerd Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL) cmdProducten.ExecuteNonQuery() CnnACSQL.Close() Empty() 'Na het registreren kan de gebruiker weer verder surfen op de laatste pagina waar hij aanwezig was Server.Transfer(Session("LastPage")) 'Bij problemen wordt er een foutmelding getoond Catch ex As Exception litError.Text = "Sorry!" & vbCrLf & "Uw registratie is helaas mislukt, gelieve later opnieuw te proberen" End Try 5.3.3 Productfilter en Product zoeken Mijn website heeft de mogelijkheid om producten te zoeken of te filteren. Hiervoor heb ik ook gewerkt met een Datareader. Voor de zoekfunctie kijk ik in de beschrijving of de naam van het product. Protected Sub btnZoeken_Click(sender As Object, e As System.EventArgs) Handles btnZoeken.Click 'de zoekterm in variabele stoppen Dim strZoekterm As String strZoekterm = txtZoeken.Text 'verbinding openen Dim CnnACSQL As New SqlConnection() CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL.Open() 'de query opstellen: alles producten die een voorraad hebben groter dan 0, waarvan Productsoort laptop is 'en waarvan de beschrijving of de naam de zoekterm bevat. Dim strSQL As String strSQL = "SELECT ProductNaam, ProductBeschrijving, ProductPrijs, ProductSoort, ProductFoto, ProductID from tblProducten" strSQL &= "WHERE ProductVoorraad > 0 AND ProductSoort='Laptop' AND ProductBeschrijving like '%" & strZoekterm & "%' OR ProductNaam like '%" & strZoekterm & "%'" Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL) 'Datareader starten Dim rdrProducten As SqlDataReader rdrProducten = cmdProducten.ExecuteReader 'Voor elk product die aan de voorwaarden voldoet, een listitem toevoegen met de informatie over het product Dim strProducten As String strProducten = "<ul id='ProductList'>" Do While rdrProducten.Read strProducten &= "<li><a href='ProductLaptop.aspx?ID=" & rdrProducten.GetInt32(5) & "'>" strProducten &= "<div class='ProductItem'>" strProducten &= "<div class='ProductNaam'>" & rdrProducten.GetString(3) & " " & rdrProducten.GetString(0) & "</div>" strProducten &= "<div class='ProductInfo'><img src='images/Products/" & rdrProducten.GetString(4) & "' height='120px' alt='Afbeelding' />" strProducten &= "<div class='ProductDescription'>" & rdrProducten.GetString(1) & "</div></div>" strProducten &= "<div class='ProductPrice'><h2>€" & rdrProducten.GetDecimal(2) & "</h2></div></div></a></li>" Loop strProducten &= "</ul>"
  • 29. Geïntegreerde Proef 29 'De literal vullen en en Datareader en verbinding sluiten LitProducten.Text = strProducten rdrProducten.Close() CnnACSQL.Close() End Sub De productfilter werkt ook met een datareader en er worden enkele producten geladen waarvan elke categorie (Prijs, RAM, Opslag…) aan de voorwaarden voldoet. Het is dus dezelfde werkwijze als de vorige met enkel de query die verschilt. 'we zoeken naar alle producten die aan de ingegevens voorwaarden voldoen 'dus bijvoorbeeld de prijs moet tussen de waarden van twee teksvakken zijn. Dim strSQL As String strSQL = "SELECT ProductNaam, ProductBeschrijving, ProductPrijs, ProductSoort, ProductFoto, ProductID from tblProducten" strSQL &= " WHERE ProductVoorraad > 0 AND ProductSoort='Laptop' AND Productprijs BETWEEN '" & txtPrijs1.Text & "' AND '" & txtPrijs2.Text & "'" strSQL &= " AND ProductOpslag BETWEEN '" & txtOpslag1.Text & "' AND '" & txtOpslag2.Text & "' " strSQL &= " AND ProductRAM BETWEEN '" & txtRAM1.Text & "' AND '" & txtRAM2.Text & "' " strSQL &= " AND ProductScherm BETWEEN '" & txtScherm1.Text & "' AND '" & txtScherm2.Text & "' " 5.3.4 Profiel aanpassen Dit wordt gedaan met het UPDATE statement in SQL. Dit statement past bepaalde values aan bij een bepaalde record in een tabel. 'controleren of de gebruiker is aangemeld If Session("login") = True Then 'verbinding openen met databank Dim CnnACSQL As New SqlConnection() CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL.Open() 'De nieuwe afbeelding uploaden naar de map images/Users Dim strBestandsnaam, strDoelpad As String If Path.GetFileName(fuFoto.PostedFile.FileName) = "" Then strBestandsnaam = eersteFoto Else strBestandsnaam = Path.GetFileName(fuFoto.PostedFile.FileName) strDoelpad = Server.MapPath("ImagesUsers" & strBestandsnaam) fuFoto.PostedFile.SaveAs(strDoelpad) End If 'Query vormen met UPDATE statement Dim strSQL As String strSQL = "UPDATE tblKlanten SET KlantUsername='" & txtUser.Text & "', KlantEmail='" & txtEmail.Text & "', KlantFamilienaam='" & txtFNaam.Text & "', KlantVoornaam='" & txtVNaam.Text & "', KlantAdres='" & txtStraat.Text & "', KlantGemeente='" & txtGemeente.Text & "', KlantFoto='" & strBestandsnaam & "' " strSQL &= "WHERE(KlantID = " & KlantID & ")" 'SQLCOMMAND opstellen en uitvoeren en vervolgens de verbinding sluiten. Dim cmdKlanten As New SqlCommand(strSQL, CnnACSQL) cmdKlanten.ExecuteNonQuery() CnnACSQL.Close() Else litLogin.Text = "U moet aangemeld zijn om uw profiel te bewerken!" End If 5.3.5 Aanmelden Om aan te melden moet je een gebruikersnaam en wachtwoord opgeven en vervolgens op btnAanmelden drukken. Als het geldig is wordt je aangemeld en doorgestuurd naar de vorige pagina. Bij het drukken op btnCancel (Annuleren) wordt je terug gestuurd naar de vorige pagina.
  • 30. Geïntegreerde Proef 30 Om aan te melden wordt in de databank gezocht naar de gebruikersnaam en wordt gecontroleerd of het wachtwoord overeenkomt met deze in de databank. 'Controleren of alle validatievelden geldig zijn If Page.IsValid = True Then Dim strUser, strPass As String strUser = txtUser.Text strPass = txtPass.Text 'verbinding maken Dim CnnACSQL As New SqlConnection() CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL.Open() 'Voor die specifieke gebruiker controleren of het wachtwoord bij de Username past: 'Query opstellen die voor die Username gegevens ophaalt Dim strSQL As String strSQL = "select KlantUsername, KlantWachtwoord, KlantID, KlantFamilienaam, KlantVoornaam, KlantFoto from tblKlanten where KlantUsername ='" & strUser & "'" Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL) Dim rdrKlanten As SqlDataReader rdrKlanten = cmdProducten.ExecuteReader Do While rdrKlanten.Read 'Als het wachtwoord correct is, dan voegen we enkele gegevens toe aan een cookie If rdrKlanten.GetString(1) = strPass Then 'We voegen de foto, de naam en de ID toe aan een cookie. 'Deze gegevens hebben we op elke pagina nodig om de profiel foto en naam rechts bovenaan weer te geven Dim ckUser As New HttpCookie("User") ckUser.Values.Add(rdrKlanten.GetString(3), rdrKlanten.GetString(4)) ckUser.Values.Add(rdrKlanten.GetString(5), rdrKlanten.GetInt32(2)) Response.Cookies.Add(ckUser) 'we zorgen dat de sessie login op true staat Session("Login") = True 'we brengen de gebruiker terug naar de vorige pagina Response.Redirect(Session("LastPage")) Else 'Als het wachtwoord niet overeenkomt met de gebruikersnaam wordt er een foutmelding weergegeven litLogin.Text = "Uw gebruikersnaam of wachtwoord is fout" End If Loop 'Datareader en verbinding sluiten rdrKlanten.Close() CnnACSQL.Close() End If 5.3.6 Masterpage Elke pagina gebruikt een deel van de masterpage. Deze masterpage bevat de winkelwagen en de header. Dus telkens als een pagina wordt geladen worden de gegevens uit de masterpage ook
  • 31. Geïntegreerde Proef 31 geladen. Deze gegevens zijn: Producten op de slider, producten in de winkelwagen en de profielgegevens uit een cookie. 'Als een gebruiker aangemeld is worden zijn gegevens geladen uit een cookie, 'zoniet wordt de gebruiker beschouwd als Gast en wordt als foto de placeholder gebruikt If Session("login") = False Then UserImage.ImageUrl = "images/Users/placeholder.gif" litNaam.Text = "Gast" btnLogin.Text = "Aanmelden" btnRegister.Visible = True Else Dim ckUser As HttpCookie = Request.Cookies("User") litNaam.Text = ckUser.Values.GetKey(0) & " " & ckUser.Values(0) UserImage.ImageUrl = "images/Users/" & ckUser.Values.GetKey(1) btnLogin.Text = "Afmelden" btnRegister.Visible = False KlantID = ckUser.Values(1) End If 'Voor de slider wordt elk product uit de tblProducten geladen waarvan de bit ProductInPromo true is. 'Voor deze producten is er dan de naam, een foto, de prijs, de ID en soort nodig Try Dim CnnACSQL As New SqlConnection() CnnACSQL.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL.Open() Dim strSQL As String strSQL = "select ProductNaam, ProductPrijs, ProductFoto, ProductID, ProductInPromo, ProductFoto, Productsoort from tblProducten where ProductInPromo = 1" Dim cmdProducten As New SqlCommand(strSQL, CnnACSQL) Dim rdrProducten As SqlDataReader rdrProducten = cmdProducten.ExecuteReader Dim strProducten As String strProducten = "" Do While rdrProducten.Read strProducten &= "<div>" strProducten &= "<a href='Product" & rdrProducten.GetString(6) & ".aspx?ID=" & rdrProducten.GetInt32(3) & "'>" strProducten &= "<p class='slidertekst'>" & rdrProducten.GetString(0) & " nu verkrijgbaar voor €" & rdrProducten.GetDecimal(1) & "</p>" strProducten &= "<img class='sliderimage' src='images/Products/" & rdrProducten.GetString(5) & "' width='500' border='0'/>" strProducten &= "</a>" strProducten &= "</div>" Loop litSlides.Text = strProducten rdrProducten.Close() CnnACSQL.Close() Catch ex As Exception litSlides.Text = "fout" MsgBox(ex.Message) End Try 'De gegevens uit tblAankopen worden geladen om de winkelwagen aan te vullen. De productID's van de Aankopen worden geladen voor het bepaald KlantID If Session("login") = True Then Dim CnnACSQL2 As New SqlConnection() CnnACSQL2.ConnectionString = ConfigurationManager.ConnectionStrings("cnnACSQL").ToString CnnACSQL2.Open() Dim strSQLAankopen As String strSQLAankopen = " SELECT tblKlanten.KlantID, tblAankopen.ProductID, tblProducten.ProductID AS Expr1, tblAankopen.KlantID AS Expr2, tblProducten.ProductNaam, tblProducten.ProductPrijs, tblProducten.ProductSoort FROM tblAankopen INNER JOIN tblKlanten ON tblAankopen.KlantID = tblKlanten.KlantID INNER JOIN tblProducten ON tblAankopen.ProductID = tblProducten.ProductID WHERE(tblAankopen.KlantID = " & KlantID & ") AND (tblAankopen.AankoopBesteld = 0)"
  • 32. Geïntegreerde Proef 32 Dim cmdAankopen As New SqlCommand(strSQLAankopen, CnnACSQL2) Dim rdrAankopen As SqlDataReader rdrAankopen = cmdAankopen.ExecuteReader Dim strWinkelwagen As String strWinkelwagen = "" Do While rdrAankopen.Read strWinkelwagen &= "<tr>" strWinkelwagen &= "<td><a href='Product" & rdrAankopen.GetString(6) & ".aspx?ID=" & rdrAankopen.GetInt32(1) & "'>" & rdrAankopen.GetString(4) & "</a></td>" strWinkelwagen &= "<td>" & rdrAankopen.GetString(6) & "</td>" strWinkelwagen &= "<td>€" & rdrAankopen.GetDecimal(5) & "</td>" strWinkelwagen &= "</tr>" Loop litWinkelwagen.Text = strWinkelwagen rdrAankopen.Close() CnnACSQL2.Close() Else litWinkelwagen.Text = "<tr><td colspan='4'>U moet aangemeld zijn om producten toe te voegen aan uw winkelwagen</td></tr>" End If 5.4 Bronvermelding gebruikte sites Hulp HTML en CSS: http://www.w3schools.com/ http://www.handleidinghtml.nl/ https://www.google.be/ Hulp ASP.net: http://www.w3schools.com/aspnet/ Online plaatsen van GP: https://www.dropbox.com/home
  • 33. Geïntegreerde Proef 33 5.5 Statische website 5.5.1 Eerste schets Dit is de originele schets van wanneer ik mijn website wou ontwerpen. Sindsdien is er maar één element veranderd; de div location is verdwenen. Bovenaan in die de header zien we aan de rechterkant de div login waar het account wordt beheerd. Momenteel doet deze dienst om het profiel te tonen, aanmelden of registreren en enkele links om aankopen of profiel weer te geven. De rest van de elementen zijn met enkele verschillen in afmetingen relatief hetzelfde gebleven. Links in de header staat het zelfontworpen logo van Actief Computers. Daarnaast staat er een slider met producten in promotie. Onderaan merk je op dat er in de div footer collapsed staat, dit betekent dat op deze schets de footer naar beneden is. Het is namelijk mogelijk om deze footer omhoog te laten glijden met JQuery Slide. In deze footer staat dan de inhoud van het winkelwagentje. De div navigatie is vanzelfsprekend want het bevat de navigatie van de website in een lijst. Daarnaast is de div content waarin alle inhoud wordt weergegeven van de pagina, deze is bij elke pagina afwijkend. 5.5.2 Evolutie van ontwerp
  • 34. Geïntegreerde Proef 34 In de evolutie is er te zien hoe ik van het uitvoeren van een schets, tot het design nu ben gekomen. In het begin probeerde ik de divs op de juiste plaats te zetten met CSS. In het tweede voorbeeld heb ik gebruik gemaakt van gradients om de achtergrond, de header en de navigatie een kleur te geven. Ik had ook ontdekt hoe ik met behulp van Border-radius zachte randen kon creëren. In de twee laatste voorbeelden heb ik veel gebruik gemaakt van schaduwen en gelijke kleuren (donkergrijs #808080 en donkeroranje #EDC067). 5.6 ERD en CODD databank Hieronder vind je het entiteit-relatiediagram. Hieronder vind je het CODD schema met drie normaalvormen.
  • 35. Geïntegreerde Proef 35 SN0 SN1 KLKlantID KLNaam KLVoornaam KLAdres KLGemeente KLTelefoonnummer KLE-mail KLSchulden KLOpmerking WerknemerID WNNaam WNVoornaam WNAdres WNGemeente WNTelefoonnummer WNE-mail WNInDienst(datum) WNLoon(per uur) WNOpmerking ProductID LeveranciersID PRNaam PRAankoopprijs PRVerkoopprijs PRVoorraad PROpmerking LeveranciersID LEVNaam LEVAdres LEVGemeente LEVTelefoonnummer LEVE-mail LEVOpmerking Postnummer Gemeente HerstellingID Soort Toestel Naam Toestel Probleem Kosten Opmerking OrderID OrderDatum OrderInfo GemaaktDoor ReactieID ProductID KlantID ReactieDatum Reactie AankoopID AankoopDatum AankoopBesteld Groep1 Groep2 KlantID KLNaam KLVoornaam KLAdres KLGemeente KLTelefoonnummer KLE-mail KLSchulden KLOpmerking WerknemerID WNNaam WNVoornaam WNAdres WNGemeente WNTelefoonnummer WNE-mail WNInDienst(datum) WNLoon(per uur) WNOpmerking LeveranciersID ProductID ProductNaam ProductSoort Aankoopprijs Verkoopprijs WinstPerProduct AantalVerkocht Voorraad Opmerking LEVNaam LEVAdres LEVGemeente LEVTelefoonnummer LEVE-mail LEVOpmerking Postnummer Gemeente HerstellingID Soort Toestel Naam Toestel Probleem Kosten Opmerking OrderID OrderDatum OrderInfo GemaaktDoor ReactieID ProductID KlantID ReactieDatum Reactie
  • 36. Geïntegreerde Proef 36 SN2 Groep 1 Groep 2 Groep 3 KlantID KLNaam KLVoornaam KLAdres KLGemeente KLTelefoonnummer KLE-mail KLSchulden KLOpmerking ProductID WerknemerID WNNaam WNVoornaam WNAdres WNGemeente WNTelefoonnummer WNE-mail WNInDienst(datum) WNLoon(per uur) WNOpmerking LeveranciersID LeveranciersID LEVNaam LEVAdres LEVGemeente LEVTelefoonnummer LEVE-mail LEVOpmerking Postnummer Gemeente HerstellingID Soort Toestel Naam Toestel Probleem Kosten Opmerking OrderID GemaaktDoor OrderDatum OrderInfo ReactieID ProductID KlantID ReactieDatum Reactie AankoopID AankoopDatum AankoopBesteld ProductID ProductNaam ProductSoort Aankoopprijs Verkoopprijs WinstPerProduct AantalVerkocht Voorraad Opmerking
  • 37. Geïntegreerde Proef 37 SN3 tblKlanten tblPersoneel tblProducten tblLeveranciers KLKlantID KLNaam KLVoornaam KLAdres KLGemeente KLTelefoonnummer KLE-mail KLSchulden KLOpmerking WerknemerID WNNaam WNVoornaam WNAdres WNGemeente WNTelefoonnummer WNE-mail WNInDienst(datum) WNLoon(per uur) WNOpmerking ProductID LeveranciersID ProductNaam ProductSoort Aankoopprijs Verkoopprijs WinstPerProduct AantalVerkocht Voorraad Opmerking LeveranciersID LEVNaam LEVAdres LEVGemeente LEVTelefoonnumm er LEVE-mail LEVOpmerking tblGemeente TblHerstellingen tblOrders tblReacties tblAankopen Postnummer Gemeente HerstellingID KlantID Soort Toestel Naam Toestel Probleem Kosten Opmerking OrderID ProductID GemaaktDoor KlantID OrderDatum OrderInfo ReactieID ProductID KlantID ReactieDatum ReactieTitel Reactie AankoopID ProductID KlantID AankoopDatum AankoopBesteld 5.7 Databaseschema
  • 38. Geïntegreerde Proef 38 5.8 Handleiding werking 5.8.1 Navigatie Eén van de belangrijkste zaken aan elke website is de mogelijkheid om te navigeren tussen de verschillende pagina’s. Het belangrijkste element om te navigeren is het navigatiemenu: Dit is het belangrijkste navigatiemenu op de website, het stelt men in staat om snel te kiezen wat men op de site wil doen.  Home: De welkomstpagina van de website, hierop staan de belangrijkste zaken die de mensen snel willen zien wanneer ze de site bezoeken  Info: Mensen die de site bezoeken om meer te weten te komen over de winkel kunnen hier terecht. Hieronder staan submenu’s met de historiek, openingsuren en algemene informatie.  Webshop: Een digitale winkel waarin mensen kunnen kijken en zaken bestellen.  Contact: Hiermee kunnen bezoekers een opmerking of vraag opzenden naar de administrator  5.8.2 Aanmelden en profiel bekijken 5.8.2.1 Registreren Om bepaalde acties uit te voeren op de website zoals producten bestellen, contactformulieren verzenden en reacties te plaatsen heb je een account nodig. Om een account te creëren moet je recht bovenaan klikken op “Registreren”. Na het drukken op registreren, moet je een kort formulier invullen met enkele gegevens. Eerst vul je een gebruikersnaam en wachtwoord aan waarmee je jezelf kan authentiseren op de website, en een e-mailadres voor eventueel contact of als je je wachtwoord bent vergeten. Daaronder kan je enkele persoonlijke gegevens invullen die het gemakkelijker maken voor het verzenden van producten. Ten slotte kan je ook een afbeelding uploaden.
  • 39. Geïntegreerde Proef 39 5.8.3 Aanmelden Als je eenmaal een account hebt aangemaakt is het mogelijk om je aan te melden. Druk hiervoor op “Aanmelden”, de knop naast “Registreren”. Dit brengt je naar een formulier waar je je gebruikersnaam en wachtwoord invullen, en vervolgens op aanmelden te drukken. Je wordt dan aangemeld op dat account als de gegevens juist zijn. Je wordt vervolgens teruggebracht naar de pagina waar je voordien aanwezig was. Als je een profielfoto hebt wordt deze nu in de hoek weergegeven, met rechts daarvan je volledige naam. Onder de naam bevinden zich twee opties: Profiel bewerken of aankopen tonen. 5.8.4 Profiel bewerken Als je kiest voor profiel bewerken wordt je verzonden naar een pagina waar al je gegevens in staan. In de tekstvakken worden de gegevens geladen die op dat moment over jou bekend zijn. Als je die gegevens wilt aanpassen kan je het veranderen in de tekstvakken, en daarna klikken op “opslaan”. Je kan ook je profielfoto wijzigen. 5.8.5 Webshop 5.8.5.1 Verkennen De belangrijkste en moeilijkste opdracht van het maken van deze website was om een functionele webshop te maken. In deze webshop is het mogelijk om producten te bekijken, sorteren of bestellen. Het is ook mogelijk om een recensie te plaatsen over het product zodat mensen een beter beeld krijgen van wat ze bestellen. Bij het navigeren naar de webshop kan je een rubriek kiezen:  Laptop  Desktop  GSM  Accessoires Dit zijn alle soorten producten die je in de webshop kan kopen. Als je eenmaal een rubriek hebt gekozen kan je alle modellen van die rubriek bekijken:
  • 40. Geïntegreerde Proef 40 Rechts zie je alle modellen in een lijst, met een foto, beschrijving en de prijs. Aan de linkerkant is er een kader om te zoeken naar een product of te filteren op basis van een aantal kenmerken. Als je eenmaal een product hebt gekozen kan je er op klikken om meer informatie te zien. 5.8.5.2 Product bekijken Op dit scherm kan je alle relevante informatie zien zoals de kenmerken, de prijs, de rating, de hoeveelheid in voorraad, een beschrijving en een foto. De foto kan van dichter worden bekeken door er met de cursor over te gaan. Onder de prijs staat er een knop “BESTELLEN” door hierop te drukken kan het product aan het winkelkarretje worden toegevoegd. Het winkelkarretje staat onderaan de website, en kan geopend worden door te klikken op de knop. 5.8.5.3 Recensies bekijken en plaatsen Onder de informatie over het product vind je de recensies die klanten hebben geplaatst over het product. Elke recensie heeft een onderwerp en een inhoud. Naast deze zaken vind je de informatie van de persoon die de reactie heeft geplaatst en de datum en tijd. Er staat onder andere een gebruikersnaam, en een foto. Er wordt voor anonieme redenen geen naam of andere informatie geplaatst. Om een reactie te plaatsen moet je eerst aangemeld zijn. Als dit zo is dan verschijnt er een knop
  • 41. Geïntegreerde Proef 41 “Recensie plaatsen” net boven de andere recensies. Als je daarop klikt verschijnen er twee tekstvakken waarin je een titel en recensie kan plaatsen. Na het klikken op “recensie plaatsen” wordt de recensie toegevoegd. 5.8.6 Product toevoegen en verwijderen uit winkelwagen Als je ingelogd bent is het mogelijk om producten te bestellen. Dit doe je door op de pagina van het product op de grote knop “Bestellen” te drukken. Dit product wordt dan toegevoegd aan je winkelwagen en blijft daar totdat je het hebt betaald of je het hebt verwijderd. Het winkelwagentje kan bekeken worden door onderaan de pagina op “Winkelwagen” te klikken. Hierbij opent zich een kader met een lijst van de bestelde producten. Als je deze producten wilt betalen of verwijderen klik je op “Bekijk winkelwagen”. Dit stuurt je dan door naar een pagina waar de producten in je winkelwagen en al uw vorige aankopen staan. Hier is er ook de mogelijkheid om een product te verwijderen van de winkelwagen door op “Verwijderen” te klikken. Of als je gedaan bent met producten te bestellen en klaar bent om te betalen kan u klikken op “BETALEN”. Dit leidt u dan naar het betalingsproces en uw product wordt toegevoegd aan de tabel “Betaald”. Deze pagina is ook beschikbaar via “Aankopen tonen” rechts bovenaan naast uw profielfoto.
  • 42. Geïntegreerde Proef 42 5.8.7 Contact Bij contact kan je als je bent aangemeld een vraag of opmerking verzenden naar de administrator. Vul simpelweg een onderwerp en inhoud in en klik op “Verzenden”. 5.9 Code Website Zie bijlage: Software/Code website
  • 43. Slotwoord Deze GP heeft mij dit jaar geholpen om mij voor te bereiden op mijn hogere studies. Het heeft mij geleerd om mijn kennis te bundelen en te verwoorden in een tekst. Ik heb geleerd dat je met een degelijke planning je werk voldoende kan spreiden waardoor je gemakkelijker en rustiger kan werken en met gevolg minder fouten maakt. Dit jaar heeft me geholpen om te ontdekken wat ik later wil doen in mijn studies of baan. Tijdens mijn stage heb ik enkele dingen kunnen leren over hardware en probleemoplossing, maar had ik graag wat meer software en programmeren aan bod zien komen. Over het algemeen vond ik de stageperiode zeer leerrijk en aangenaam. De opdrachten voor de GP waren meestal interessant en nuttig voor de toekomst, maar sommige taken vond ik overbodig en voegen niets toe aan mijn kennis. Ik ben blij dat ik dit jaar op een mooie manier zal kunnen afsluiten en dat ik veel zaken kan meenemen naar de volgende jaren. Je kan mijn GP ook online raadplegen via deze link: