Stageverslag Patrick Ridderhof MV43C
web
mobiel
marketing
Het koppelen van een cms aan een template. Het lijkt mij erg intressant hoe dit precies in zijn werk gaat en hoe dit moet, ik heb dit nog nooit gedaan en ik zou het graag willen leren.
2|
dit is voor mij een goede manier om het te leren.
1 | Presenteren: Ik heb moeite met presenteren en
Leerdoelen
3
Inhoudsopgave
Voorblad
01
Leerdoelen
02
Inhoudsopgave
03
Inleiding
04
H 1 | Algemene bedrijfsinformatie
05
H 2 | Specifieke bedrifjsinformatie
10
H 3 | BPV Taken BPV-Taak 1 | Webapp BPV-Taak 2 | CMS Koppelen
18 28
Conclusie & evalutie
40
Dankwoord
43
4
Inleiding
Mijn naam is Patrick Ridderhof, Ik zit in het 3e leerjaar van de opleiding mediavormgeving. In het 3e leerjaar moeten we stage lopen. Ik loop stage bij het bedrijf Nubium dat gevestigd zit aan de Neptunnesstraat in Enschede. Binnen dit bedrijf zal ik stage lopen voor een periode van 31 augustus (2015) tot 27 januarie (2016). Tijdens de stage zal ik mij vooral bezig houden met het ontwerpen en ontwikkelen van websites, maar ook andere losse stagewerkzaamheden. In dit stageverslag ga ik wat enkele dingen over het bedrijf vertellen. Ik begin daarbij met enkele algemene bedrijfsinformatie, denk dan aan de verstigingsplaats, de geschiedenis, werknemers, en natuurlijk hoe de koffie smaakt. Ook ga ik wat vertellen over specifiekere informatie, zoals welke programma’s er binnen het bedrijf worden gebruikt, welke ik daarvan zelf gebruik, hoe de bestandenarchivering werkt, de realtie’s binnen het bedrijf en of Nubium milieubewust werkt. Er worden in dit verlsag ook nog 2 BPV taken verwerkt, hierin ga ik wat vertellen over het product zelf, van begin tot het eind, hoe alles is verlopen en hoe ik te werk ben gegaan. Tot slot vertel ik mijn dankwoord en mijn conclusie van wat ik heb gevonden van deze stage periode.
H1 | ALGEMENE BEDRIJFSINFORMATIE
5
Geschiedenis
Nubium is niet altijd Nubium geweest.
Zo was het eerst Starsale. Starsale bouwde websites en leverde advies over sociale media. Starsale ging failliet in 2013 en werdt toen overgenomen door The Bean Machine. The Bean machine is een bedrijf dat opgericht is in 2007. Het bedrijf houd zich bezig met web development en software development.
Maar hoe is Nubium dan ontstaan?
Starsale en The Bean Machine waren 2 verschillende branches. Dit liep niet vloeiend met elkaar en daarom is in 2014 besloten om te splitsen. The Bean Machine bleef The Bean Machine en het voormalige Starsale werd Nubium. Zo is Nubium op 1 oktobter 2014 opgericht door algemeen directeur Erik Smit.
web
mobiel
marketing
6
Huidige situatie
Nubium bestaat sinds 1 oktober 2014 en heeft in deze korte tijd een groot klantenbestand opgedaan. Het is een heel hecht kernteam met veel samenwerking binnen het bedrijf. Bij elke opdracht wordt er goed met elkaar gecommuniceerd zodat het beste product kan worden geleverd. Binnen het bedrijf is het opgebouwt in verschillende bedrijfstakken. Aan de ene kant zitten Remco en Erik. Hun regelen alle administratieve zaken. Aan de andere kant zitten Ellen, Erwin en Daniel. Ellen regelt dat alle projecten goed worden gepland. Erwin regelt klanten en de marketing. Daniel is een stagiair marketing en hij helpt Erwin. Vervolgens heb je nog de Devlopers. Dit zijn: Karst, Kevin, Dylan en ik. Af en toe komen Marco en Bobby ook langs. Hun hebben een 0 uren contract omdat ze ook nog naar school gaan. Wij krijgen de opdrachten van Ellen en dan beginnen wij aan de bouw. Het bedrijf streeft er naar om voor elke klant een op maat gemaakt web pakket af te leveren dat voldoet aan alle trends van nu. Dit wordt gedaan met websites die responsive zijn, maar ook webapps die gemaakt worden en dus specifiek voor de mobiel ontwikkeld worden. Iedereen kan zijn/haar product hier mobiel toegankelijk laten maken. Tegenwoordig gebruikt iedereen een mobiel, dus als je mee wilt met de toekomst, is dit toch wel een must.
Producten
7
Wat voor producten worden er gemaakt? Nubium houd zich bezig met verschillende media, zo worden er websites aangeboden via verschillende media, zoals mijnsiteonline.nu maar er worden ook webapp’s en formulieren app’s gemaakt. Ook kan je terrecht bij Nubium voor je domein namen en je hosting pakketten.
Formulieren app
Webapp
Domein en hosting
mijnsiteonline
Formulieren app De Formulieren app is een toepassing voor invullen, verzenden en archiveren van formulieren. Het bestaat uit een app voor de iPad en een online webapplicatie. De Formulieren app is met name geschikt voor organisaties en instellingen die op grote schaal formulieren toepassen in hun proces. Denk daarbij aan een onderwijsinstelling zoals het ROC. De docent hoeft alles alleen nog maar in te vullen op een ipad, alles word opgeslagen in de database. Als iets ondertekend moet worden, kan dit direct op het scherm van de Ipad.
Webapp Is je website niet geschikt voor mobiel? Dan is de webapp een ideale uitkomst. De webapp is een mobiele geschikte pagina waarop u de belangrijkste punten van uw website vermeld. Zo is je website toch nog responsive en voor de belangrijkere zaken kan je bezoekers door sturen naar de normale site, maar dan natuurlijk via desktop.
Domein en hosting Nubium is een totaalaanbieder van weboplossingen. Dit betekend dat Nubium ook domeinregistratie en hosting aanbied. Nubium biedt dit aan tegen een marktconforme prijs. Nubium zorgt ervoor dat updates altijd tijdig gedaan worden en uw product daar totaal geen last van heeft.
mijnsiteonline.nu mijnsiteonline.nu is een onderdeel van Nubium. Hier kan je namelijk je website’s laten bouwen gekoppeld met hun CMS. Je kan kiezen uit 3 pakketten, deze bestaan uit: doe-het-zelf, help-mij-basic en help-mij-all-in. Zoals de namen het al zeggen, het kan zo geadvanceerd mogelijk. Bij mijnsiteonline.nu kan je er voor kiezen een bestaand template te gebruiken maar je mag natuurlijk ook kiezen voor maatwerk. Heb je zelf een template? Dan is dit in overleg ook mogelijk. Website’s van mijnsiteonline.nu worden standaard geleverd met een eigen CMS van Nubium, hosting en een email. Alles om het de klant zo makkelijk mogelijk te maken. mijnsiteonline.nu is gemaakt om het de klant zo makkelijk mogelijk te maken. Meer info: mijnsiteonline.nu
9
Klanten
Wat voor soort klanten heeft Nubium? Nubium heeft een heel breed klantenbestand. Ze focussen zich voornamelijk op het MKB. Dit zijn de wat kleinere bedrijven. De meeste van deze bedrijven hebben zelf ook mensen in dienst. De klanten zijn erg verspreid. Zo zitten bedrijven hier in de regio maar ook in andere regio’s. Nubium bouwt precies dat waar de klant, en de doelgroep van de klant, behoefte aan hebben door goed naar de vraag te luisteren en een werkproces op basis van Scrum toe te passen. Hierbij is er alle ruimte voor nieuwe inzichten en zijn er geen verrassingen achteraf. Bekijk hieronder een aantal klanten van Nubium.
H2 | SPECIFIEKE BEDRIJFSINFORMATIE
Organogram
10
Remco Vaanholt Directeur operations
Erik Smit Algemeen directeur
Erwin Duinkerken Account Manager
Ellen Evers Project manager
Karst van der Leij-Nijdam Developer
Kevin Holsink Stagiair Developer
Marco Woldering Developer
Dylan Hofstra Stagiair Developer
Bobby Sprakel Developer
Patrick Ridderhof Stagiair Developer
Daniel Gerretsen Stagiair Marketing
Werkplek
11 Relaties
Kwaliteitscontrole
Binnen het bedrijf heb ik contact met iedereen die er werkt. De opdrachten krijg ik van Ellen en Remco, zei geven mij een briefing over wat de klant precies wil en hoe het moet worden. Als ik ergens niet uit kom vraag ik het aan mijn directe collega’s, dit zijn: Karst, Bobby, Marco, Dylan en Kevin. De mensen die bij Nubium werken zijn erg aardig en behulpzaam.
Iedereen bij Nubium doet wel iets aan kwalieteitscontrole. Als een product klaar is wordt deze op een zogenoemde webtest gezet, hier worden alle functionaliteiten van het product door getest en ook kan de klant het product hier bekijken en eventuele aanpassingen melden.
Mijn werkplek
Milieubewust Nubium werkt milieubewust. Ookal zal je denken dat er niet veel milieuvervuiling is binnen een webbureau wordt er wel degelijk aan gedacht. Zo maakt Nubium gebruik van groene stroom en groen gas. Na werktijd worden alle apparaten uitgeschakelt en er blijft ook geen lamp meer aan.
12 Hardware & Software Apparatuur Binnen het bedrijf maakt iedereen gebruik van zijn eigen laptop. Dus ik kan geen speciefieke informatie geven over de apparatuur van een ander. Wel gebruikt iedereen een 2e beeldscherm van het merk IIYAMA.
Mijn specificatie’s - MacBook Pro Retina - Intel Core i7 - 8GB DDR3 RAM - 250 GB flash-opslag - OSX El Capitan
Software Sketch Dit gebruik ik meestal voor het ontwerpen van een website. Netbeans Dit wordt gebruikt om in te programmeren.
SourceTree Sourcetree wordt gebruikt om repositories lokaal op te halen of wijzigingen terug te pushen naar de repositorie in BitBucket. BitBucket BitBucket wordt gebruikt om repositories in op te slaan zodat iedereen erbij kan. Adobe Illustrator Dit gebruik ik om logo’s vector mee te maken. Adobe InDesign InDesign gebruik ik voor als er drukwerk moet zijn, maar ook voor dit verslag. Adobe Photoshop Ik gebruik Photoshop het minst van allemaal, alleen als ik een foto moet bewerken gebruik ik dit.
13
Archivering
Binnen het bedrijf wordt gebruik gemaakt van verschillende middelen om bestanden te archiveren. Dit wordt gedaan doormiddel van Google Drive, BitBucket en SAS.
BitBucket
BitBucket is een programma dat gebruikt wordt voor de archiveing en het beheer van projecten / producten die zijn gemaakt. Projecten worden ook wel repository’s genoemd. Binnen BitBucket kan iedereen die mee werkt aan een project de betsanden inzien en clonen zodat die gene er aan verder kan werken. BitBucket is vooral handig omdat het werkt met een TAG systeem, nadat je een project hebt bewerkt moet je deze met SourceTree pushen en commiten waarna de bestanden weer in Bitbucket komen. Nu kan je in BitBucket zien wat er allemaal aan het bestand is veranderd en als iets niet goed is, kan je zo een oude versie binnen halen.
Google Drive Google Drive wordt gebruikt om verschillende documentatie op te slaan. Dit kunnen verschillende dingen zijn zoals: facturen, maar ook voor verschillende bestanden die gebruikt wordem. Dit kunnen bijvoorbeeld logo’s zijn of ander materiaal. Er is gekozen om gebruik te maken van Google Drive omdat iedereen dan bij de bestanden kan wanneer dat nodig is.
SAS SAS wordt gebruikt voor de uren-registratie. Hierin kan je aangeven hoeveel uur je met een bepaald product bezig bent. Hierdoor kan er makkelijk bekeken worden hoeveel uur er aan de klant kan worden gefactureerd. Het geeft ook een duidelijk overzicht van hoelang je ergens mee bezig bent.
SAS
BitBucket
15
Ontwikkeling
De klant
Ontwerp
Als eerst moet natuurlijk de klant gevonden worden. Hier zorgen Erik en Erwin meestal voor. Zodra er een klant is geregeld wordt er gekeken naar welke eisen en functionaliteiten de klant allemaal wil.
Het ontwerp kan heel verschillend zijn. Zo wil de ene klant maatwerk maar kiest de ander voor een bestaand template. Als dat het geval is, wordt het bestaande template nagemaakt met content van de klant.
Informatie Zodra de klant heeft verteld wat die wil hebben wordt er gevraagd naar wat voor content er allemaal op de website moet komen, en welke items er komen, bijvoorbeeld een slider, foto album etc. Het kan natuurlijk zo zijn dat de klant geen idee heeft wat die allemaal wil, daarom kan er ook gekozen worden om door Nubium content te laten maken. Dit word allemaal vastgelegd in een Google Drive bestand, zodat iedereen erbij kan. Pas als alles is vastgelegd krijgt het project een go.
Nadat het ontwerp is besproken wordt het ontwerp verstuurt naar de klant zodat deze een gevoel krijgt bij de website. Meestal wordt het ontwerp geschikt gemaakt voor een desktop-pc.
Bouwen Zodra klant het ontwerp heeft bekeken en het eens is met hoe het is geworden wordt er gestart met bouwen. Zo word het CMS er aan gekoppeld en word er een webtest opgezet. Het bestaande ontwerp wordt nagebouwd en op de webtest gezet, nu kan alle content erin. De klant heeft de keus dit zelf te doen of dit te laten doen.
Klaar en dan?
Google Speedtest
Zodra de klant te vreden is en de website klaar is wordt alles nog een aantal keren door getest op de webtest. Zo wordt gekeken of alles klopt en werkt naar functioneren.
Vervolgens wordt het door de speedtest van Google gehaald. De speedtest geeft precies aan wat er allemaal verbertert kan worden voor zowel mobiel als desktop.
Checklist Nubium heeft een eigen checklist die ze na lopen als een website klaar is. Als er iets niet goed is volgens die checklist word het verbetert en moet het product weer door die checklist.
Zodra de getallen in het groen komen is de Speedtest geslaagd. Maar zodra deze rood zijn moeten er dingen worden aangepast.
SEO Checklist Nu word er gekeken naar de ranking in Google. Deze is natuurlijk erg belangrijk, want als je niet hoog in Google komt heb je ook weinig bezoekers, en dat is vaak een groot probleem. Google heeft een SEO checker, deze zet alles op een rij om goed in Google te komen, ook hier wordt alles weer aangepast en dan weer getest.
Laat het web voor u werken -Nubium
H3 | BPV - Taken
18
Orientatiefase
Over de klant De klant is Nubium zelf, Nubium focust zich voornamelijk op het MKB. Nubium wil voor mijnsiteonline.nu (onderdeel van nubium) een webapp zodat gebruikers die via een mobile device de website bezoeken de belangrijkste onderdelen kunnen vinden, dit scheelt veel werk want zo hoeven ze niet de hele site responsive te maken.
Enkele voorbeelden
19
Defininitiefase
Wensen van de klant
Eisen van de klant
De klant wil graag dat als je via je mobiel de website bezoekt, er automatisch een webapp opstart waar de belangrijkste elementen van de website te vinden zijn. De klant moet makkelijk kunnen navigeren en het moet er natuurlijk strak uit zien.
• Webapp moet openen via mobiel
• Belangrijkste info moet erin vermeld worden.
• Overzichtelijk • Functioneel en strak ontwerp
20 Homepage
Ontwerpfase Vervolgpagina
21
Keuzefase
Ideeën presenteren
Commentaar bij de ideeën
Van echt presenteren was geen sprake, dit komt omdat het een product was voor binnen het bedrijf zelf. Wel heb ik een op een mijn ontwerpen laten zien. Deze zijn door gesproken met elkaar. Vervolgens heb ik daar feedback op gekregen. Deze feedback heb ik meegenomen en vervolgens aangepast.
Er is sprake van een strak ontwerp met een overzichtelijke pagina, ik vind het er erg mooi uitzien, het geeft een bepaalde sfeer mee, alle info is er goed te vinden en ook is alles duidelijk leesbaar. Als het gaat om UX, dat is dit zeker een goed product omdat er niet te veel items zijn.
De klant laten kiezen Als het van belang was dat de klant iets zou kiezen dan had ik dat gedaan doormiddel van voor en tegen argumenten, zo zou ik vertellen dat het beter is om 5 items te laten zien in plaats van bijvoorbeeld 10. Dit is omdat dat veel overzichtelijker is. Binnen de opdracht kreeg ik alle vrijheid voor mijn eigen ideeën.
22 Voorbereidingsfase Urencalculatie Ontwerpen webapp 8 uur Webapp maken 20 uur Overige functionaliteiten 2 uur Content in webapp plaatsen 2 uur Testen 2 uur -------------------------------------Totaal 34 uur
Gereedschappenlijst
Planning
Voor het maken van de webapp heb ik gebruik gemaakt van de volgende gereedschappen:
Voor dit project was er niet echt een planning. Wel heb ik voor mijzelf gekeken naar hoeveel tijd ik nodig zou hebben. Ik dacht dat het wel zou lukken binnen die 34 uur. En dat was dus ook mijn streven.
• Netbeans • SourceTree • XAMPP • BitBucket • Sketch • Macbook
Bestelbon Er is tijden dit project geen bestelbon nodig, Alle kosten zijn voor het bedrijf zelf, omdat het een eigen project is.
23
Uitvoeringsfase
Kwaliteitscontrole • Als je via je mobiel de pagina bezoekt moet de webapp openen en niet de normale site. Zodra je de site bezoekt via een mobile device kom je in de webapp, hierin is alles gelijk duidelijk. • Belangrijkste info moet erin vermeld worden. Alle informatie die je nodig hebt en die belangrijk is om direct te weten is te vinden via de webapp. Denk dan aan informatie over de producten, prijzen en contact gegevens. • Overzichtelijk voor bezoeker Alle items worden overzichtelijk weer gegeven. De menu items staan netjes onder elkaar en alles is goed leesbaar. • Goed ontwerp naar aanleiding van huisstijl De webapp is in exact dezelfde huisstijl als mijnsiteonline.nu, alle kleuren en lettertypes komen overeen. Dus het is duidelijk dat het bij elkaar hoort. Ook komen verschillende buttons terug.
Arbo- en milieu-eisen Ik heb niet te maken gehad met arbo- en milieu-eisen, Wel heb ik met deze 2 punten rekening gehouden, zo heb ik weinig geschetst en ook heb ik niet veel geprint.
Samenwerking met collega’s Ik had tijdens het werken aan deze web app het meeste overlegd met Ellen. Ellen is namelijk de opdrachtgever en zei wist precies wat allemaal wel en niet moest gebeuren. Telkens als ik wat klaar had ging ik naar haar heen en besprak dat met haar. Een vorige stagiair heeft van de web app een soort template gemaakt, dit was zodat de basis van de web app al bestond, dus de fundering. Hierin kon ik dus aanpassingen maken waardoor het een compleet nieuwe web app werd.
25
Presentatiefase
Oplevering
Presentatie aan de klant
Het product wordt eerst op een web test gezet. In deze omgeving worden alle functionaliteiten van het product getest en als er enige fouten voorkomen worden deze aangepast en weer getest. Zodra het product helemaal is en door getest kan deze live worden gezet.
Het product wordt op een web test gezet. Dan kan de klant na het product bekijken en testen. Als de klant enige aanpassingen heeft kunnen deze nog worden aangepast. Als alles goed wordt gekeurd kan deze live worden gezet.
Service aan de klant De service van de klant kan heel verschillend zijn, De klant kan zelf aanpassingen doen via het CMS, Maar als deze dat niet wil kan dat ook hier gebeuren. De klant is koning, tot zekere hoogte, want alles moet wel realistisch blijven. De teksten heeft Ellen geschreven, deze heb ik vervolgens geplaatst via het CMS in de web app.
26
Evaluatiefase
Nacalculatie Ontwerpen webapp 12 uur Webapp maken 24 uur Overige functionaliteiten 2 uur Content in webapp plaatsen 3 uur Testen 3 uur -------------------------------------Totaal 44 uur
Waarom waren er afwijkingen? Ik had voor ik hier stage liep nog nooit gehoord van een web app, ook wist ik niet wat hier allemaal bij kwam kijken. Ik heb mij op verschillende punten verkeken, zo had ik meer tijd nodig om de content te plaatsten, dit kwam doordat er telkens wat kleine aanpassingen waren aan de content. Ook bij het ontwerpen had ik wat langer nodig, dit kwam omdat er wat kleine aanpassingen waren. Ook het opstarten van het programma XAMPP was aardig lastig op een MAC, Ik had hier nog niet eerder mee gewerkt dus dat was een hele opgave om aan de praat te krijgen.
Productevaluatie Het project verliep zonder enige problemen. Alleen dat ik het programma XAMPP nog niet helemaal door had en dat een beetje tegen zat. Ik heb een duidelijke briefing gehad en als ik ergens niet uit kwam kon ik mijn directe collega’s vragen om hulp of feedback. Het ontwerpen verliep goed en ik heb de feedback toegepast in het ontwerp. Vervolgens ben ik begonnen een de bouw van het product. Dit verliep zonder enige problemen.
Evaluatie productieproces Ik heb mij eerst goed georiënteerd op het gebied van web app’s. Als eerst ben ik gaan kijken naar bestaande producten. Hierdoor kreeg ik een goed beeld van wat het precies moest zijn. De web app moest lijken op al bestaande producten maar dan nog in de huisstijl van mijnsiteonline.nu. Ik heb de verschillende elementen van de bestaande web apps meegenomen in mijn ontwerp en heb het met voorbeelden van andere producten gemaakt. Toen het ontwerpen klaar was heb ik dit voorgesteld aan Ellen en zij gaf mij een go. Toen ben ik begonnen met het binnen halen van een ‘template’, deze heb ik compleet op een lokale server gezet en ik ben vanaf hieruit gaan bouwen. Vervolgens heb ik het CMS gekoppeld aan de web app. De teksten kreeg ik van Ellen aangeleverd en deze heb ik geplaatst in het CMS. Toen heb ik hard coded de tekst stijlen aangepast en het ontwerp nagebouwd. Toen het product klaar was werd deze op een web test gezet en bekeken en getest door Ellen. Zij was hier tevreden over.
Conclusie Dit project was erg leerzaam omdat ik nog niet wist wat een web app was. Zo heb ik geleerd hoe een web app in elkaar zit en waarom dit een goede oplossing is voor een website. Ik deed deze opdracht alleen, dus als ik ergens tegen aanliep zocht ik ook zelf de oplossing. De planning verliep goed op een klein beetje tijd uitloop na.
H3 | BPV - Taak 2
28
Orientatiefase
Over de klant De klant is mijnsiteonline.nu (onderdeel van Nubium). Mijnsiteonline.nu verkoopt verschillende producten aan het MKB. De klant kan zelf kiezen wat hij /zij wil hebben. En ook kunnen ze kiezen uit verschillende pakketten. De pakketten zijn verdeeld in verschillende categorieën, Zo kun je kiezen voor geen hulp, tot alle hulp die je maar kan bedenken. Mijnsiteonline heeft een eigen cms systeem die erg gemakkelijk in gebruik is voor klanten. Er moeten verschillende templates worden gekoppeld aan een CMS. En dat is dus aan mij om uit te voeren.
Enkele voorbeelden
Enkele voorbeelden
31
Defininitiefase
Wensen van de klant De klant wil graag er een template wordt gekoppeld aan het eigen CMS systeem van Nubium. Via het CMS moeten de verschillende elementen van het template kunnen worden ingevuld. De verschillende elementen moeten worden gemaakt als componenten die een duidelijke en logische indeling hebben.
Eisen van de klant - De verschillende elementen moeten worden omgezet in componenten. - De opbouw moet voor de klant logisch in gebruik zijn. - Het template moet volledig gekoppeld zijn aan CMSv2.
32
Ontwerpfase
Er is niet echt sprake van een ontwerp, er is al een bestaand template dat moet worden omgebouwd:
33
Keuzefase
Ideeën presenteren
Commentaar bij de ideeën
Presenteren was niet aan de orde, wel heeft Erwin dit template voorgesteld aan een klant. Deze had hier wel belang bij. Erwin is langs geweest bij de klant en heeft de klant de verschillende templates laten zien, hieruit heeft de klant zijn keuze gemaakt.
Er was geen sprake van iets dat bedacht is. Er is gekeken naar een opdracht die bij mijn leerdoelen zou passen. Deze opdracht is precies een leerdoel van mij.
De klant laten kiezen Ik zou een opzetje maken van de oude website van de klant verwerkt in het nieuwe design. Hier zou de klant een gevoel bij de site krijgen en dit is een factor die een klant kan over halen.
34 Voorbereidingsfase Urencalculatie Template koppelen 8 uur -------------------------------------Totaal 8 uur
Gereedschappenlijst
Planning
Voor het koppelen van een template aan een CMS had ik niet veel nodig, alleen dit:
Voor dit project was er niet echt een planning. Ik had voor mij zelf wel het streven om dit binnen 8 uur te doen.
• Netbeans • SourceTree • XAMPP • BitBucket • Macbook
Bestelbon Er is tijden dit project geen bestelbon nodig, Alle kosten zijn voor het bedrijf zelf, omdat het een eigen project is.
35
Uitvoeringsfase
Kwaliteitscontrole • De verschillende elementen moeten worden omgezet in componenten. Alle onderdelen van de site zijn in te vullen via verschillende componenten binnen het CMS. • De opbouw moet voor de klant logisch in gebruik zijn. Alle componenten hebben een logische naam met betrekking tot de indeling van de site. • Het template moet volledig gekoppeld zijn aan CMSv2. Alles binnen het template is gekoppeld en aanpasbaar via het CMS.
Arbo- en milieu-eisen Ik heb niet te maken gehad met arbo- en milieu-eisen. Het enige wat ik heb verbruikt is stroom, en die is hier groen.
Samenwerking met collega’s Omdat ik nog niet veel ervaring had met PHP heb ik veel samen gewerkt met Kevin en Dylan. Dit zijn 2 mede studenten die die opleiding applicatie ontwikkelaar volgen. Hun hebben dus al wat meer ervaring met PHP. Ook heeft Karst een stappen plan gemaakt hoe je precies een CMS koppelt. Uiteindelijk heb ik bij een paar kleine dingen hulp nodig gehad. Als ik ergens niet uit kwam vroeg ik om hulp en zo heb ik het template weten te koppelen.
37
Presentatiefase
Oplevering
Presentatie aan de klant
Het product wordt eerst op een web test gezet. In deze omgeving worden alle functionaliteiten van het product getest en als er enige fouten voorkomen worden deze aangepast en weer getest. Zodra het product helemaal goed is en door getest kan deze live worden gezet.
Ik heb een powerpoint presentatie gemaakt en deze heb ik vervolgens gepresenteerd aan Erwin, Dylan, Kevin en Daniel. In de presentatie heb ik het product laten zien dat ik heb gemaakt: Het template gekoppeld aan een cms. Ik heb uitgelegt hoe elk onderdeel werkt en hoe het in gebruik is. Het presenteren verliep goed ondanks dat ik wel zenuwachtig was. (Dit is ook 1 van mijn leerdoelen.)
Service aan de klant Als de klant ergens tegen aan loopt kan de klant altijd bellen voor een oplossing. Het ligt er ook maar net aan voor welk pakket de klant heeft gekozen. De service verschilt namelijk per pakket.
38
Evaluatiefase
Nacalculatie Template koppelen 12 uur -------------------------------------Totaal 12 uur
Waarom waren er afwijkingen? Ik had nog nooit echt veel met PHP gewerkt, dus deze opdracht was voor mij een leuke uitdaging. Het project is wel wat uitgelopen omdat er een menu inzat dat om de 4 items een break kreeg. Dit moest ik dus oplossen met een counter. Ik had nog niet met een counter gewerkt dus hierdoor was ik meer tijd kwijt dan ik zal had gepland.
Productevaluatie Het project verliep zonder enige grote problemen. Het was een leuk en leerzaam project. Het project sprak mij vooral aan omdat dit 1 van mijn leerdoelen was en deze opdracht daar precies bij aan sloot. Het enige probleem dat ik had zat in het menu. Dit nam helaas meer tijd in beslag dan dat ik had gedacht. Dit is uiteindelijk toch nog goed gekomen.
Evaluatie productieproces Ik heb mij eerst goed georiënteerd op het gebied van web Ik ben begonnen met mij te oriënteren op het gebied van PHP en het koppelen van een CMS. Ik heb gekeken naar andere templates die al gekoppeld waren om zo te zien hoe dit precies is gedaan. Hiervan heb ik veel geleerd. Vervolgens ben ik zelf begonnen aan de bouw, Ik volgde het stappenplan dat Karst had gemaakt en ik had al snel door hoe je het CMS aan het template had gekoppeld. Vervolgens moest ik de componenten nog maken. Dit verliep ook zonder enkele problemen.
Conclusie Dit project was erg leerzaam omdat ik nog niet eerder een CMS had gekoppeld. Het was ook een leuk project omdat het aansloot bij 2 van mijn leerdoelen. Ik vond het een leuke uitdaging en heb het zonder grote problemen kunnen doen. Het enige probleem dat ik had was het menu dat met een counter om de 4 items een break moest komen. Gelukkig kreeg ik hier hulp mee.
40 Conclusie & evaluatie Tijdens mijn stage periode heb ik ontzettend veel geleerd. Hiervoor ben ik Nubium erg dankbaar. Ik werkte samen met iedereen binnen het bedrijf: Remco, Erwin, Ellen, Karst, Bobby, Marco, Kevin, Dylan en Daniel. Iedereen heel mij veel bij geleerd over het vak, als ik ergens niet uit kwam kon ik dit direct vragen. Karst heeft mij veel geleerd over PHP en de werking hiervan. Maar ook over Virtual Hosts zoals XAMPP. Daar waren namelijk relatief veel problemen mee. Gelukkig kon dit elke keer wel worden opgelost. Het was prettig om met iedereen te werken. Er werd altijd duidelijk antwoord gegeven op mijn vragen en dan kon ik meestal direct weer verder. Er hing een fijne sfeer en ik kon met iedereen goed opschieten. Ik denk dat ik een goede stageplek heb gehad omdat je hier ook echt binnen het bedrijf meewerkt aan producten die voor klanten zijn en dus geen ‘test-opdrachten’. Dit is gelijk erg leerzaam omdat er dan wel enige ‘druk’ op staat en je dan het idee hebt dat het ook echt gebruikt gaat worden. Dat is een grote motivatie om iets goed te produceren. Over het algemeen heb ik dus een een leuke en leerzame stage gehad waar ik veel aan heb ik gehad voor in de toekomst. Het mee draaien binnen een bedrijf heeft mij een goed inzicht gegeven over hoe dat precies in zijn werking gaat en ik weet nu dus ook wat je precies nodig hebt om een bedrijf te vormen.
Hoe is het gegaan met mijn leerdoelen? Het koppelen van een cms aan een template: Ik wou graag weten hoe het koppelen van een cms nou precies in zijn werking ging en hoe je dat dus moest doen. Ik kreeg daarom dus ook de opdracht om een cms te k oppelen aan een template. Dat template was verkocht aan een klant en moest dus gekoppeld worden. Dit was het eerste template dat ik volledig heb gekoppeld. Het verliep goed, in het begin waren er wat kleine problemen maar deze konden goed worden verholpen. Hierna volgde een beste reeks aan templates die alvast gekoppeld konden worden aan een cms. Dit was erg handig als er een template verkocht zou worden, dan was hiervoor minder tijd nodig. Op den duur lijkt het wel een gewoonte. Het is makkelijker dan het lijkt en als je het eenmaal door hebt dan heb je relatief snel een template gekoppeld. Een template koppelen bestaat eigenlijk alleen maar uit componenten aanmaken (in cmsv2 in iedergeval.). Je splits een template gewoon op in verschillende delen en deze krijgen ieder zijn eigen naam. Hierdoor kan je in het cms doormiddel van die naam aan te roepen een bepaald item op de site laten zien, of juist niet. Ik heb er veel van geleerd. Met 0 verstand van php heb ik in een korte tijd geleerd wat het precies doet, hoe je het kan toeppassen en wanneer je het dus gebruikt. Natuurlijk kan ik nog lang niet alles in php, maar dit is allemaal wel nog te leren in de toekomst. Dit ben ik ook zeker van plan want binnen dit vak moet je blijven leren.
Ook had ik als leerdoel een presentatie houden. Ik heb namelijk faalangst en durf daarom niet te presenteren. Voor mijn gevoel gaat het altijd mis en vergeet ik veel dingen door de zenuwen. Dus dat leek mij wen een goed leerdoel, hierin kan ik namelijk nog veel leren. Ik had een template gekoppeld en deze heb ik gepresenteerd. Het was voor mij een grote stap maar heb het toch gedaan. Ik heb gepresenteerd hoe het template nou ingevuld kan worden door de verschillende componenten uit te leggen. Ik heb hierbij alles laten zien wat in het template zit verwerkt en ook heb ik laten zien dat alles werkt. Het presenteren ging voor mijn gevoel goed. Dit kreeg ik ook te horen, ik mogt alleen de volgende keer wel wat rustiger praten en niet te snel gaan. Dit kwam door de zenuwen en had ik zelf niet door. Het presenteren zit dus echt tussen mijn oren. Je moet je gewoon niet druk maken en dan komt alles vanzelf goed. Uiteindelijk is de presentatie dus goed gegaan en weet ik dat ik mij invervolg niet druk hoef te maken. Ik heb hier veel aan gehad, omdat ik mezelf er over heen moest zetten. Dat heeft me goed gedaan. Ik hoop nu in de toekomst wat makkelijker te presenteren. ik heb zeker wat gehad aan tip’s van collega’s. Zij stelden mij gerust en dat hielp. Dus al met al heb ik een prima stage gehad!
43
Dankwoord
Tot slot wil ik Nubium graag bedanken dat ze mij de mogelijkheid hebben gegeven om hier stage te lopen. Tijdens mijn stage periode heb ik veel geleerd en heb ik mijzelf ook goed ontwikkeld. Ik heb veel hulp gehad van iedereen Ik heb me gedurende deze periode altijd als onderdeel van het team gevoeld en werd altijd overal bij betrokken dit was erg prettig. Ik keeg hulp van iedereen en ik kreeg ook goede feedback waar ik veel aan heb gehad. Ik kreeg veel variërende opdrachten, dit was erg fijn, namelijk niet altijd maar hetzlfde. Ook wil ik Nubium bedanken dat zij mij de tijd hebben gegeven om aan mijn leerdoelen te werken, hier heb ik ontzettend veel aan gehad. Erik, Remco, Erwin, Ellen, Karst, Marco, Bobby, Kevin, Dylan en Daniel.
Bedankt!
www.patrickridderhof.nl
