Geïntegreerde proef

Handelsonderwijs Burgerschool

Kattenstraat 7 – 8800 Roeselare – Tel. 051 26 46 66 – [email protected]

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).


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.


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.


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


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


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 ComputersRoeselare

Actief ComputersLichtervelde

Actief ComputersDiksmuide

Winst voor belastingen 32.450 61098 131.118

Brutomarge 86450 123139 355080

Vaste Activa 259023 15241 111084

050.000

100.000150.000200.000250.000300.000350.000400.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

020000400006000080000

100000120000140000160000180000200000

Cijfers 2008

Winst voor belastingen Brutomarge Vaste Activa


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.


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 [email protected] 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


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


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


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


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


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.


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.


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.


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


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.


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

http://www.w3schools.com/jquery/eff_slidetoggle.asp

http://cssglobe.com/jquery-plugin-easy-image-zoom/

http://fancybox.net/


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

http://slidesjs.com/


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'>"


'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("Images\Users\" & strBestandsnaam) fuFoto.PostedFile.SaveAs(strDoelpad) If strBestandsnaam = "" Then


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>"


'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("Images\Users\" & 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.


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


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)"


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

http://www.w3schools.com/

http://www.handleidinghtml.nl/

http://www.w3schools.com/aspnet/

https://www.dropbox.com/home


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


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.


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


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


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 LEVTelefoonnummer 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


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.


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:


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


“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.


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

Documents

Transcript of Geïntegreerde proef