STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015
Opmerking Beoordeling stageverslag: Het stageverslag van Michael ziet er qua ontwerp goed uit. Zowel inhoudelijk als qua structuur is de site logisch opgebouwd. Technisch is deze nog niet zelfgemaakt, wat in mijn ogen wel een vereiste is om te kunnen voor een webdesigner. Daarom hebben we afgesproken dat het volgende stageverslag technisch volledig zelfgemaakt is (van ontwerp > HTML & CSS & JS > Wordpress) en omgezet naar een aanpasbaar Wordpress thema, zodat je de basis van CSS, Javascript, HTML en Wordpress beheerst en die kennis toe kan passen op andere projecten in het vakgebied. Beoordeling Michael: Qua ontwerpen en designen van websites ben je al een behoorlijk eind. Hier zijn echter nog wel veel stappen in te maken: Probeer als je een opdracht krijgt van een collega/klant goed door te vragen wat nou precies de vraag is en het doel van deze klantvraag helder voor ogen te hebben. Probeer te allen tijde te laten zien dat je ook expertise hebt op dit gebied, door met goed beargumenteerde voorstellen te komen bij collega s; hoe jij bepaalde zaken aan zou pakken qua vormgeving en waarom je dat op die manier zou aanpakken. Dat stukje discussie zou ik graag terugzien! Om dit goed te kunnen, is een technische basis vereist. Daarom zijn leerdoelen als het technisch snappen van basis HTML, JS en Wordpress prima leerdoelen om een uiteindelijk goede webdesigner te worden. Daarnaast zou ik graag in periode 2 een groei willen zien in je communicatie en verantwoordelijkheid voor projecten. Als je een opdracht krijgt om een bepaald project op te pakken, is jouw taak niet altijd puur een uitvoerende taak; soms heb je wellicht ook zelf een betere oplossing voor de vraag of probleem die een collega aan jou voorlegt. Stem daarom altijd op tijd af met je interne opdrachtgever of je bijvoorbeeld de vraag snapt, of dat je bijvoorbeeld vastloopt in een project. En als iets wel is gelukt, horen we dat natuurlijk ook graag! Probeer met bovenstaande zaken dus meer zelf en proactief te komen naar ons!
Inhoud 1. Inleiding 2. Over LVB Networks 3. Collega s 4. Visie van LVB Networks 5. Werkwijzen 6. Software 7. Projecten binnen LVB Networks 8. Vormgeving 9. Bronnen
Inleiding Mijn naam is Michael Sceherpenisse en ik loop stage bij LVB Networks in Amersfoort. LVB Networks is een bedrijf dat is gespecialiseerd in contentmarketing. Het is een leuk en gezellig bedrijf, met gedreven collega s die veel passie voor hun werk hebben, maar ook in zijn voor geintjes of een tafelvoetbal wedstrijdje. LVB Networks heeft verschillende expertises zoals: Webdevelopment, Grafische Vormgeven, Audio Viseueel en Public Relations. het bedrijf is over 3 verdiepingen verspreid en bevind zich in hartje Amersfoort en 5 á 10 minuten lopen van het station, maar je kan natuurlijk ook de bus pakken.
Over LVB Networks LVB Networks is een bedrijf dat zich richt op contentmarketing. Dus naast alleen websites, logo s, nieuwsbrieven en huisstijlen wordt er ook aan de content gewerkt van website s, zoals artikelen. Daarnaast worden er magazine s opgemaakt door de vormgevingsafdeling en ook hiervoor wordt content bedacht en geschreven. LVB doet ook aan Public Relations voor de klanten. Zo wordt het verhaal van de klant vertaalt naar een format dat aantrekkelijk is voor journalisten en bloggers. Ook worden er berichten op Twitter en Facebook van de klant geplaatst. Ook als er een video voor de klant wordt gemaakt voor hun Youtube account zal er een bijbehorende tweet verstuurd worden en een Facebook post erbij zodat zoveel mogelijk mensen naar de video gaan. Mijn collega s hebben allemaal een eigeschap waar ze goed in zijn zo is de een gespecialiseerd in de back-end en de andere in de op maak. Ze zijn allemaal erg gedreven in hun werk en doen het met plezier dit is goed te merken aan de sfeer die er hangt, Als je een probleem hebt zijn ze altijd bereid om te helpen, maar ze zijn er ook voor je als je feedback wil.
Dit is het Web Team binnen LVB Networks Peter Dommerholt Online Adviseur Jeffrey van Draanen Webdesigner & Webdeveloper Pepijn Nichting Webdesigner & Webdeveloper Edwin Eshuis Webdeveloper
Visie Van LVB Networks Veel merken kiezen aantoonbaar meer en meer voor het investeren in gewenste content. Dat is niet alleen leuker maar in veel gevallen ook simpelweg effectiever. Merken willen daarom zelf content maken en anders willen ze via gewenste content (bestaande media) communiceren met hun doelgroepen. Om die reden horen alle redactionele disciplines bij elkaar onder één dak. Dus zowel de contentmakers als de adviseurs die redactionele invalshoeken bedenken om te communiceren via onafhankelijke media en blogs. De groei in contentcommunicatie zal leiden tot professionalisering van het content-vakgebied. Betere en meer relevante content. Betere distributiemogelijkheden. Meer onderzoek. Het vak contentmarketing groeit in professionaliteit. En wat ons betreft zijn wij het bureau dat in Nederland de norm zet in dit vakgebied.
Werkwijze van LVB Networks Op de web afdeling bij LVB Networks werken we allemaal op localhost, we installeren eerst het CMS (Wordpress) en die geven we de naam van de klant. Bijvoorbeeld: kinderhulp. nl, als dit is gedaan maken we een GIT aan met het programma Bitbucket en Sourcetree. Dit zij handige programma s, iedreen werk lokaal en als ze bijvoorbeeld een aanpassing af hebben, commiten ze de veranderingen en daarna push je die naar de master. (Dit is de hoofdmap waar alles in komt, indien geakkordeerd live geplaatst kan worden) Als een andere collega een aanpassing heeft gedaan, worden alleen die regels code in het master bestand aangepast die veranderd zijn, de rest blijft intact. Ook moet je de aanpassingen binnen halen die een andere collega heeft gemaakt dit doe je door te pullen. Tijdens het werken aan een website gebruiken we HTML & LESS (Less is een duidelijkere en makkelijker te lezen vorm van CSS) Dit is een nieuwe vorm van CSS. Als voorbeeld: @base: #333; color: @base; hierdoor hoef je alleen de kleur van de class @ base teveranderen en elke andere class die @base heeft veranderd dan mee zonder dat je overal de kleur moet aan passen in je css. De communicatie binnen LVB Networks loopt zowel via e-mail, telefoonisch als mondeling. Iedereen heeft zijn eigen interene nummer. Ik ben bijv. nr. 615 en te bereiken via m.scherpenisse@lvbnetworks.nl
Software Photoshop SourceTree BitBucket Brackets MailChimp
Mijn projecten binnen LVB Networks
Leerdoelen 1 - Het bouwen van een website in mijn stijl. In deze stageperiode(1) wil ik graag leren hoe ik een html&css website in elkaar zet in mijn stijl. Eerst design ik deze in Photoshop. 2 - Het responsive maken. In deze stageperiode(1) wil ik graag de website die ik heb gemaakt met HTML&CSS responsive maken. Zodat hij het op elke device met een min breedte van 320 px de maten die ik wil aanhouden voor de breedte zijn: 320px Phone 768px Tablet 1224px Laptop 1824px Desktop Dit ga ik doen met behulp van css media queries. En die zien er zo uit: @media only screen and (min-width : 320px) and (max-width : 768px) { Body{ Width:100%; Height:100%; Color:#fff; Font-size:16px; } } Het liefste wil ik de site perfect zonder bug en werkend op de meest gebruikte deivces. 3 - Het omzetten naar een CMS In deze stageperiode(1) wil ik graag als alles goed is gegaan het omzetten naar een cms genaamd Wordpress. Zoder buggs en dat de 9 van de 10 plugins werken. Daarnaast wil ik ook leren hoe je een SEO kan instellen zodat je site altijd boven aan in google komt als je zoek op specifieke termen.
Bronnen Jeffrey van Draanen Pepijn Nichting Peter Dommerholt Edwin Eshuis Sites: Foodbrigade De IT-Auditors Mobility Reporter Kinderhulp VBC Notarissen LVB Networks