Samenvatting: dit document vind je op Toledo en moet hier ingevoegd worden.

Transcriptie

1 Titel van de stage opdracht Samenvatting: dit document vind je op Toledo en moet hier ingevoegd worden.

2 Titel van de stage opdracht Woord vooraf IPv6 biedt de industrie een enorme uitdaging. Het was dan ook een eer om me drie maand lang te mogen verdiepen in deze materie. Met het resultaat hoop ik zowel het stagebedrijf, de hogeschool, als m n onmiddellijke omgeving te mogen verheugen. Praesent sed faucibus urna. Aenean fermentum aliquam rutrum. Sed in urna ligula, vitae faucibus nisi. Aliquam ut lectus sit amet diam imperdiet convallis et vel orci. Donec at urna ac orci tempus rhoncus. Ut mollis libero id purus tincidunt eu cursus metus interdum. Curabitur massa libero, posuere sed interdum eget, vestibulum malesuada arcu. Curabitur in erat sed dui consectetur vestibulum. In laoreet varius quam, id vehicula metus luctus et. Praesent nec ornare diam. Quisque et tortor faucibus metus dignissim ornare. Duis sapien augue, sodales sit amet feugiat in, ornare quis orci. Aliquam dolor justo, egestas et tincidunt vel, faucibus at justo. Aenean vel pretium ante. Morbi convallis egestas ullamcorper. Praesent mattis egestas elit, ut gravida risus faucibus et. Donec ultricies adipiscing lacus id ultrices. Aliquam id varius massa. Praesent at sapien eros. Donec faucibus pellentesque hendrerit. Ut iaculis sem gravida metus mattis non lobortis justo feugiat. Sed accumsan hendrerit turpis vel porttitor. Donec quam velit, blandit quis vulputate sed, mollis non nisl. Aenean a lacus quis dolor semper ornare non vel neque. Integer congue tincidunt interdum. Vivamus dictum nibh dapibus risus mollis lacinia.

3 Titel van de stage opdracht Inhoud Woord vooraf... 2 Inhoud... 3 Lijst met gebruikte afkortingen Voorstelling van het stagebedrijf Ontstaan en geschiedenis Stageopdracht Actieplan Voorstudie Analyse van IPv Dit is kop Dit is kop Nog een kop Praktische uitwerking Implementatie van de netwerkinfrastructuur Algemeen besluit Bibliografie Bijlagen... 13

4 Titel van de stage opdracht 1 Lijst met gebruikte afkortingen SEO SEA CMS VCS CRUD AJAX JS Search Engine Optimization Search Engine Advertising Content Management System Version Control System Create Read Update Delete Asynchronous JavaScript and XML JavaScript

5 Titel van de stage opdracht 2 1 Voorstelling van het stagebedrijf 1.1 Ontstaan en geschiedenis N etlash werd in 1999 opgericht als een Gents webbedrijf. Het doel was om websites te ontwerpen die hoog scoorden in Google. In 2006 werd de Netlash bvba opgericht uit de webkennis van Bart De Waele & Dirk Sabbe. Netlash ontwerpt en bouwt websites en is een expert in het bouwen van content-websites. Dit zijn websites met complexe inhoud. De focus ligt op usability, SEO (Search Engine Optimization) en informatiearchitectuur. Tot net voor de fusie was Netlash een bedrijf van 22 werknemers. bseen werd opgericht in 1998 en is gespecialiseerd in zoekmachine marketing. Het heeft een grondige kennis opgebouwd van zoekmachine marketing toepassingen en volgt de nieuwigheden op het vlak van SEO en SEA (Search Engine Advertising) dagelijks. Op 1 maart 2011 bundelden beide bedrijven hun krachten en zo ontstond Netlash-bSeen. Ook verhuisden ze samen naar een nieuwe locatie. Netlash-bSeen is gevestigd in de Gentse haven. Beide bedrijven hadden een uitstekende reputatie opgebouwd, het was vanzelfsprekend dat ze dit niet zomaar konden weggooien, maar de bedoeling van de fusie was om een breder aanbod op de markt te zetten en om één bedrijfscultuur uit te bouwen. Beide bedrijven bieden nu een geïntegreerde aanpak aan in plaats van twee afzonderlijke diensten. Een jaar na de fusie was er de lancering voor de nieuwe naam en huisstijl van het bedrijf waar ook ik als stagiair een deel van mocht uitmaken. Netlash-bSeen heet vanaf nu Wijs. Het is een digital agency met als sterkste punt de kennis van beide bedrijven. Fig. 1-1: Logo Wijs Het logo gaf de naam nog meer betekenis. Het is gebaseerd op de bewegingen van je vinger bij het gebruik maken van een aanraakscherm omdat 'mobile first' een van de principes is die Wijs hanteert. (1) o o o o De weg wijzen Wijs betekent verstandig Wij zijn een team Het Gentse wijs.

6 Titel van de stage opdracht 3 2 Stageopdracht E lke vrijdag is het frietjes-dag. Elke werknemer geeft er zijn bestellingen door via excel in een google document. Om dit overzichtelijker te maken moet ik een module maken die deze bestellingen zal afhandelen. Het grote voordeel van Fork CMS is dat het intern door Wijs is ontwikkeld, zodat er voldoende kennis is over het systeem. Ik maak een database-ontwerp en snuister alvast door het CMS (Content Management System) om mijn weg sneller te kunnen vinden eens ik aan het effectieve ontwikkelen bezig ben. Ook zal ik tijdens het verloop van de stage leren werken met een VCS (Version Control System). Intern gebruikt men Git (Open Source). Het voordeel van Git is dat het niet afhankelijk is van een server of van een locatie. Ik voorzie twee delen in deze module: 1. De Backend o CRUD (Create Read Update Delete) functionaliteit voor categorieën o CRUD functionaliteit voor items o Bestellingen Overzicht van vrijdagen Per vrijdag een overzicht van bestellingen 2. De Frontend o Overzicht van producten o Widget met per categorie de items die men kan toevoegen aan de bestelling Overzicht van de actuele bestelling Mogelijkheid om items te bewerken Mogelijkheid om items te verwijderen Mogelijkheid om de bestelling te bevestigen Na vrijdag 11h mogen er geen bestellingen meer geplaatst worden Dan wordt de bestelling namelijk doorgebeld Deze module wordt eerst volledig in PHP geschreven. Na een feedback moment zal de functionaliteit aangepast worden zodat er gebruik wordt gemaakt van AJAX (Asynchronous JavaScript and XML) en JS (JavaScript) zodat de pagina niet telkens moet herladen. Hierna word ik ingezet als support. Het gaat hier over tickets die binnenkomen met problemen of een aanvraag tot nieuwe features.

7 Titel van de stage opdracht 4 3 Actieplan ACTIEPLAN Student: Ken Depelchin Groep: 3ICT4 Stageplaats: Netlash-bSeen - Wijs Stageleider: Dave Lens Stagementor: Rogier Van Der Linde Stap Inhoud Streef- datum Werkelijke datum Opvolging 1 Volgen van de interne wiki 15/02 15/02 2 Leer Fork wat beter kennen, en kijk hoe de bestaande modules werken. Begin daarna 21/02 21/02 met het DB-model. 3 Starten met development. - - Zie bijlage Opvolging lancering wijs.be Pas de module aan om gebruik te maken van AJAX 02/03 09/03 02/03 09/03 Zie bijlage 2 6 Algemene support - Extra features - bugs Artsound Bostoen AB

8 Titel van de stage opdracht Gantt-diagram Een Gantt-diagram is een hulpmiddel bij het plannen en wordt voornamelijk gebruikt bij projectmanagement Opvolgen interne wiki Fork CMS + DB ontwerp module Start development module Opvolging wijs website Module aanpassen met AJAX Algemene support Fig. 3-1: Het actieplan in een Gantt-diagram

9 Titel van de stage opdracht 6 4 Voorstudie 4.1 Analyse van IPv6 IPv6 is een versie van het Internet Protocol, bedoeld om IPv4 op te volgen; het protocol dat momenteel bijna alle internetverkeer dirigeert. (1) Hier kom dan wat tekst. Die is standaard in Arial 11. Regelafstand is 1,2. Dit is nog een vervolg van deze paragraaf. De linkse paginamarge werd vergroot tot 3 cm om ook na het inbinden nog alles leesbaar te hebben. 4.2 Dit is kop 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis urna velit. Maecenas bibendum, nibh eget hendrerit scelerisque, velit nulla suscipit neque, vitae auctor odio felis a purus. Quisque erat justo, eleifend eget mollis vitae, feugiat et eros. Donec urna libero, pharetra eget ornare quis, convallis non felis. Nunc sed ante quis purus vestibulum vulputate. Cras mauris velit, vulputate nec vestibulum vitae, tincidunt ut felis. Mauris sed metus ut ipsum consequat convallis. Nam sed porta risus. Duis consequat, velit sit amet pellentesque mattis, arcu lacus convallis orci, eget egestas mi dui id sapien. Vestibulum dapibus vulputate massa id pulvinar. Een citaat over de zeldzaamheid van ipv4 adressen: Vandaag gebruikt het grootste deel van het internet IPv4. IPv4 adressen bestaan uit 32 bits en dus zijn er zo n 4 miljard verschillende IPv4 adressen beschikbaar. De opvolger van IPv4, IPv6 gebruikt adressen die bestaan uit 128 bits waardoor het aantal IPv6 adressen redundant is: per persoon zijn er ongeveer 50 duizend triljoen triljoen IPv6 adressen beschikbaar. Curran verklaart dat de groeiende schaarste van IPv4 adressen verzoorzaakt wordt door de toename van apparaten die een eigen IP adres nodig hebben. Hiertoe behoren kleine chips, rfid-tags, smart grids en andere apparaten die deel uitmaken van het zogenaamde internet of things. Van de 4 miljard IPv4 adressen is er slechts 6 procent nog niet uitgegeven. (2) Integer luctus vehicula pretium. Mauris lorem metus, hendrerit in venenatis eu, lobortis sed tellus. Nulla arcu tellus, sagittis vel tristique a, dignissim a dolor. Cras venenatis pharetra mi, vel volutpat justo pharetra ut. Quisque mollis venenatis diam, sit amet mattis ligula rhoncus eu. Morbi vel erat ut erat dapibus varius sodales sit amet ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris orci ligula,

10 Titel van de stage opdracht 7 volutpat eget suscipit in, consequat a nunc. Donec ante eros, cursus id imperdiet sit amet, vehicula nec diam. Aliquam sit amet nibh est, at ullamcorper justo. Etiam quis mi sem. Etiam id tellus ut quam auctor egestas. Integer ornare facilisis elit nec aliquam. Fusce accumsan nisl ut orci dapibus vel sagittis ipsum viverra. Sed scelerisque ipsum laoreet ligula ullamcorper adipiscing. Aliquam in purus leo. Praesent sed faucibus urna. Aenean fermentum aliquam rutrum. Sed in urna ligula, vitae faucibus nisi. Aliquam ut lectus sit amet diam imperdiet convallis et vel orci. Donec at urna ac orci tempus rhoncus. Ut mollis libero id purus tincidunt eu cursus metus interdum. Curabitur massa libero, posuere sed interdum eget, vestibulum malesuada arcu. Curabitur in erat sed dui consectetur vestibulum. In laoreet varius quam, id vehicula metus luctus et. Praesent nec ornare diam. Figuur 4-1: Algemeen netwerkschema Quisque et tortor faucibus metus dignissim ornare. Duis sapien augue, sodales sit amet feugiat in, ornare quis orci. Aliquam dolor justo, egestas et tincidunt vel, faucibus at justo. Aenean vel pretium ante. Morbi convallis egestas ullamcorper. Praesent mattis egestas elit, ut gravida risus faucibus et. Donec ultricies adipiscing lacus id ultrices. Aliquam id varius massa. Praesent at sapien eros. Donec faucibus pellentesque hendrerit. Ut iaculis sem gravida metus mattis non lobortis justo feugiat. Sed accumsan hendrerit turpis vel porttitor. Donec quam velit, blandit quis vulputate sed, mollis non nisl. Aenean a lacus quis dolor semper ornare non vel neque. Integer congue tincidunt interdum. Vivamus dictum nibh dapibus risus mollis lacinia.

11 Titel van de stage opdracht Dit is kop 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis urna velit. Maecenas bibendum, nibh eget hendrerit scelerisque, velit nulla suscipit neque, vitae auctor odio felis a purus. Quisque erat justo, eleifend eget mollis vitae, feugiat et eros. Donec urna libero, pharetra eget ornare quis, convallis non felis. Nunc sed ante quis purus vestibulum vulputate. Figuur 4-2 Teredo mechanisme (3) Cras mauris velit, vulputate nec vestibulum vitae, tincidunt ut felis. Mauris sed metus ut ipsum consequat convallis. Nam sed porta risus. Duis consequat, velit sit amet pellentesque mattis, arcu lacus convallis orci, eget egestas mi dui id sapien. Vestibulum dapibus vulputate massa id pulvinar Nog een kop 3 Integer luctus vehicula pretium. Mauris lorem metus, hendrerit in venenatis eu, lobortis sed tellus. Nulla arcu tellus, sagittis vel tristique a, dignissim a dolor. Cras venenatis pharetra mi, vel volutpat justo pharetra ut. Quisque mollis venenatis diam, sit amet mattis ligula rhoncus eu. cd miredo-x.y.z./configure make make install Morbi vel erat ut erat dapibus varius sodales sit amet ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris orci ligula, volutpat eget suscipit in, consequat a nunc. Donec ante eros, cursus id imperdiet sit amet, vehicula nec diam.

12 Titel van de stage opdracht 9 Dit is een codefragmentje of een commando Aliquam sit amet nibh est, at ullamcorper justo. Etiam quis mi sem. Etiam id tellus ut quam auctor egestas. Integer ornare facilisis elit nec aliquam. Fusce accumsan nisl ut orci dapibus vel sagittis ipsum viverra. Sed scelerisque ipsum laoreet ligula ullamcorper adipiscing. Aliquam in purus leo Dit is kop 4 Een opsomming van enkele puntjes o Puntje 1 o Puntje 2 o Puntje 3

13 Titel van de stage opdracht 10 5 Praktische uitwerking 5.1 Implementatie van de netwerkinfrastructuur Opsomming van enkele best practices voor dit onderdeel o voorontwerp en ontwerp van een elektronische schakeling (splits dit zeker op!) o uitleg van de werking van een programma of website, en enkele essentiële stukken van het programma (leg dit vooral uit a.d.h.v. flowcharts, beperk de bespreking van zuivere programmacode tot een minimum) o bespreking van de samenstellings- en werkstuktekeningen van een mechanisch ontwerp volgens de geldende normen o bespreking van meet- of testopstellingen en enkele essentiële uitgevoerde metingen o bespreking van een zelf opgesteld en uitgevoerd stappenplan voor onderhoud.

14 Titel van de stage opdracht 11 Algemeen besluit Cras mauris velit, vulputate nec vestibulum vitae, tincidunt ut felis. Mauris sed metus ut ipsum consequat convallis. Nam sed porta risus. Duis consequat, velit sit amet pellentesque mattis, arcu lacus convallis orci, eget egestas mi dui id sapien. Vestibulum dapibus vulputate massa id pulvinar. Nam sed porta risus. Duis consequat, velit sit amet pellentesque mattis, arcu lacus convallis orci, eget egestas mi dui id sapien. Vestibulum dapibus vulputate massa id pulvinar. Nam sed porta risus. Duis consequat, velit sit amet pellentesque mattis, arcu lacus convallis orci, eget egestas mi dui id sapien. Vestibulum dapibus vulputate massa id pulvinar. Nam sed porta risus. Duis consequat, velit sit amet pellentesque mattis, arcu lacus convallis orci, eget egestas mi dui id sapien. Vestibulum dapibus vulputate massa id pulvinar.

15 Titel van de stage opdracht 12 Bibliografie 1. Wijze blog - Nieuwe naam voor Netlash-bSeen: Wijs. Wijs.be. [Online] 2 maart Wikipedia. IPv6. Wikipedia. [Online] [Cited: ] 3. Sitemasters. Voorraad IPv4 binnen jaar uitgeput. Sitemasters.be. [Online] [Citaat van: ] put. 4. IPv6 task force. Teredo. IPv6 Task Force. [Online] [Citaat van: ]

16 Titel van de stage opdracht 13 Bijlagen Bijlage 1 - Feedback module Hey Ken, Ik ben eens door je code geweest, en heb een waslijstje aan algemene, werkbare puntjes voor je opgelijst. Wees niet gealarmeerd als het veel lijkt; dat wil niet zeggen dat je niet goed bezig bent: ####################################################################### Je files bevatten CRLF regeleindes; In Vim krijgen we nu na elk regel-einde "^M" als extra char. Wijzig hiervoor je line-endings naar Unix-style (enkel LF) in je editor. tag bovenaan je files is niet <ken.depelchin@netlash.com> moet Ken Depelchin <ken.depelchin@wijs.be> Vergeet geen spatie na de komma tussen parameters: $this->tpl->assign('info',$info); moet worden: $this->tpl->assign('info', $info); Je had een dump van je tabellen doorgegeven, maar enkel die van de lunchitems, dus ik had je labels niet om mee over te zetten. Graag de labels invullen via een locale.xml file in de backend/modules/lunch/installer folder. Kijk in andere modules voor een voorbeeld. Diezelfde locale.xml kan je dan importeren bij de vertalingen in cms-instellingen. Waarom gebruik je in elke join-query LEFT OUTER JOIN? Gebruik die enkel wanneer je nullextensions nodig hebt. INNER JOIN is altijd sneller. Private property is overrated. Zet alles op protected zodat je devs de mogelijkheid geeft om classes te extenden. Fork zit vol nutteloze comments; een gevolg van de oude, achterhaalde stijlregels. Wanneer je comments schrijft, probeer dan de developer waartoe je spreekt te informeren. Voorbeeld: // Get the get value $this->orderid = SpoonFilter::getGetValue('id', null, null, 'int'); Je zegt hier 2x hetzelfde. Dat we een GET-value ophalen is duidelijk, en we weten dat het een order-id betreft. Hier is geen comment nodig. $this->tpl->assign('possible',true); Je wil een option laten tonen, maar wat doet die option? Wat wordt er 'possible'? Als het een order betreft, kan je dit eenvoudig verduidelijken door 'can_order' te gebruiken. Wanneer een functie meer dan 20 regels lang is, kijk dan eens of je ze kan vereenvoudigen door ze op te splitsen in verschillende kleinere methods. Je code wordt leesbaarder (omdat je logische functienamen moet bedenken) en testbaarder. Wanneer je een lijn code herhaalt in je codebase, ben je niet efficiënt bezig en bega je een DRYviolation (Don't Repeat Yourself). Bouw in de plaats een aparte method rond die lijn code, en vervang de originele lijnen met een call naar deze method. Wanneer je loaddata() gebruikt, roep in diezelfde method dan niet loadform() en validateform() aan. Die horen eerder thuis in de execute(). loaddata() zou enkel mogen doen wat de method zegt; records inladen / klaarzetten. ####################################################################### Dat was mijn eerste feedback. Nu, om praktisch verder te gaan:de app zelf heet nu "Fryday", en het project staat nu op Ik heb globals.php, config.php, toegevoegd aan de repo, zodat een nieuwe dev bij een git pull verder geen configuratiewerk meer heeft. De database staat op onze dev-server.

17 Titel van de stage opdracht 14 Als Git bij het pullen klaagt dat deze bestanden al bestaan, verwijder ze dan lokaal en probeer opnieuw (OF verwijder je lokale versie volledig, en importeer hem opnieuw). De database PMA is nu toegankelijk op mysql.svn.be. Zie je globals.php file voor de user/pass. Je werkt niet langer in de master branch. Elke wijziging/feature die je commit (en pusht) gebeurt in een aparte branch. Voor bovenstaande feedback te verwerken maak je een branch 'process_feedback' aan. Elke commit die je maakt moet in principe revertable zijn (ie. mag de app niet breken wanneer je revert). Hou je commits daarom zo klein mogelijk. Liever een commit teveel dan een soep aan gewijzigde files in 1 commit. Wanneer je klaar bent met je werk binnen een branch (dus je code is volgens jou klaar om een review te krijgen), dan stuur je een pull request naar de master op github.ncube.be/wijs/fryday. Langs die weg kan ik op specifieke regelnummers comments bijzetten. Zoals eerder vermeld zal ik er dinsdag niet zijn. Wanneer je vast zit, of je hebt een vraag over de feedback, vraag het dan eens zeer vriendelijk aan Davy Hellemans (bauffman op IRC). Als hij tijd heeft, zal hij je antwoorden (en anders ga je je vraag even moeten bijhouden).

18 Titel van de stage opdracht 15 Bijlage 2 - Algemene support Bostoen.be Dirk heeft opzoekingswerk gedaan rond het gebruik van 'euro' en het teken op de website. 'Voor het web is er een duidelijke voorkeur voor 100 EUR omdat dit op alle platformen goed weergegeven wordt.' Kunnen jullie dit aub gelijk trekken? Artsound.be Frédéric heeft nog een aantal zaken gevonden die niet kloppen: o o o url productpagina komt niet overeen met productnaam Parameter bij accessoires staat onvertaald Prijzen niet consequent getoond of verborgen Ik heb ze gevonden terwijl ik probeerde de prijzen over de gehele site te verbergen (let wel: de originele files staan terug op de site, dus geen code veranderingen gebeurd): (In de oude file staat accesorries met twee keer r. Hier bij lbl met één r, maar dat zal mss de fout niet zijn. ) De fout is dus dat daar die parameter onvertaald staat