ems ehsal - production in a digital world 2013
TRANSCRIPT
production in a
digital world
Goedemorgen! Ik ben Hans.
partner in digital communications
WIE ZIJN
Jull e ?
productie
realisatie van digitale communicatie
digitale
tactics
production
support & maintenance
Tactics
improve the idea o analysis o tools o architecture
Production
website o e-shop o facebook app o mobile app o e-mailing
Support
user support o technical maintenance o hosting
2 manieren van aanpakken
short track
long track
TECH NOLOGIE
Database
Browser App (stand alone)
Rss, xml, etc …
Webserver Server-side programmataal
Platformen & frameworks
Back end
Third party API’s & webservices
CRM Logistiek
ondersteunende software
Client side scripttalen
• Client-side = in de browser
• De code wordt gedownload naar de computer van de eindgebruiker en wordt daar uitgevoerd.
• De eindgebruiker heeft toegang tot de code.
HTML
• Recente versies: HTML5
• HTML: Mark-up taal structuur
• Geeft een semantische betekenis aan tekst (H1, H2, H3, …)
• Let op voor e-mail opmaak: oudere variant van HTML
• Afhankelijk van het medium of de schermgrootte kan de weergave verschillend zijn.
• Genormeerd door W3C
CSS
• Huidige versie: 3
• CSS: cascading style sheet vormgeving
• Genormeerd door W3C
• Verschillende CSS voor verschillende schermen (smartphone)
Javascript
• Javascript is een scripttaal die veel gebruikt wordt om webpagina’s interactief te maken: dropdowns, validatie van formulieren, afbeeldingen verwisselen.
• Niet hetzelfde als JAVA
• Libraries:
– Node.js
– Jquery
– Ajax (Asynchronous Javascript And XML)
Responsive design
Adobe Flash
• Specifieke scripttaal: Action Script
• Aangewezen voor Animatie, transities, games
• Nog steeds de belangrijkste technologie voor display advertising
• Sterk af te raden als basis technologie voor websites
• Niet op iOS (iPad, iPhone, …)
Server side programmatie
• Maakt de interactie mogelijk met:
– Databases
– Externe systemen zoals facebook connect, google maps, etc …
• Dynamische opbouw van web pagina’s
– Gegevens worden samengevoegd met templates tot volwaardige webpagina’s.
• Gecontroleerde toegang tot back-end systemen
• De eindgebruiker heeft geen toegang tot de code
Server side technologieën
Servers vs services
• Webserver
• Database server
• Media server – Real time media streamen – Instant messaging
• Fileserver – = content delivery netwerk – Afleveren van bestanden
Servers
• Server – Bare Metal Hardware – Virtual / Cloud
• Server
– Software – Meerdere servers op één Operating
System
Platformen
• Een platform stelt functionaliteit ter beschikking dat kan gebruikt worden door een developer.
• Een platform kan op maat aangepast worden:
– Door templates aan te passen
– Door configuratie
– Door nieuwe modules toe te voegen
Api’s & webservices • Een API of webservice levert diensten aan andere programma’s of web
applicaties.
• Zo kan je bijvoorbeeld een straatnaam omzetten in een geocoordinaat met behulp van Google API, deze coordinaten kan je dan zelf bewaren in een databank.
• API’s en webservices kunnen gratis en/of betalend zijn
Google Maps API
Facebook API & Apps • Je app wordt via facebook
gepubliceerd.
• Volg de spelregels
http://www.youtube.com/watch?v=EEshzjkt8Xw
ROLLEN / PROFIELEN
ASP.NET developer • Programmatie van backend en
server side functionaliteit
• Technische analyse
• Ontwikkeling op Windows servers
• Af en toe – HTML
– Flash / actionscript
– Design
– … ROLLEN /
PROFIELEN
PHP developer • Programmatie van backend
en server side functionaliteit
• Technische analyse
• Programmatie in Perl, PHP, Drupal
• Af en toe – HTML
– Linux hosting
33
ROLLEN / PROFIELEN
Systeem beheerder • Rol in een agentschap
– Hosting voorzien – Domeinnamen registratie en
beheer (DNS) – De technische werkomgeving
onderhouden – Operationeel houden van
websites
In een bedrijf (adverteerder) is de rol van systeembeheerder
meestal anders ingevuld: puur IT ROLLEN / PROFIELEN
webdevelopment is creating re-usable stuff
WEBSITE
Websites • Groot volume à informatie
– Afkomstig uit verschillende afdelingen uit het bedrijf
– Liefst consumer centric gestructureerd
• Content Management Systeem (CMS) – Welk systeem past bij onze
noden – Open source of licentie ?
• Looptijd project: 1 tot 9
maanden
• Support & maintenance • Levensduur: 3 à 4 jaar
– Lange termijnvisie nodig voor het technische luik
• Aantal betrokken personen: 5 tot 50 (verschillende afdelingen)
Wat vooraf ging …
WDMBelgium.be
ROLLEN / PROFIELEN
Project manager • Day to day opvolging projecten
• Spreekbuis voor projectteam
• Monitorren budget , timing en scope + opstellen ervan
• Team aansturen
• Contacten met alle partijen
• Kwaliteitscontrole
44
ROLLEN / PROFIELEN
Information architect • Workshops • Concept design • Wireframes / prototyping • IA gaat gaat simpel gezegd om het
logisch structureren en “labelen” , dus naamgeven van informatie.
• De structuuropbouw & funnels die een website nodig heeft
• Flows voor campagnewebsites • Ondersteunen van developers bij het
implementeren van de flow • Usability & accessability
45
ROLLEN / PROFIELEN
UX / grafisch designer
• Ontwerp van schermen • Gebruikservaring (user
experience)
• Tools: – Moodboards – Photoshop – Cinema 4D: om 3D modellen
te ontwikkelen – Illustrator en indesign ?
DEVINER: developer & designer
46
ROLLEN / PROFIELEN
Webmaster • Klanten ondersteunen bij het gebruik
van CMS systemen. • Oplossen van “technische” vragen • Doorgeven van zeer technische vragen
aan developer • Content management voor actieve
websites Rol in kwaliteitscontrole: • Testen van afgewerkte projecten (Qa) • Advies naar onderhoudsvriendelijkheid
van websites voor nieuwe projecten ROLLEN /
PROFIELEN
Community manager
• Opvolgen social media
• Reageren in naam van het merk in social media
• Animatie verzorgen op facebook fanpage
ROLLEN / PROFIELEN
ROLLEN / PROFIELEN
SEO \SEA
continu proces
beïnvloedt al je digitale touchpoint(s)
start vanaf dat je een nieuwe
website bouwt
Google’s advies
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35291
SEO ethiek
MOBILE
native APPs will be
gone in 5 years
But it’s a must do in some cases today
er zijn
alternatieven
een goeie app
heeft een roadmap en een slim concept
E-mail projecten
• Specifieke HTML, is verschillend dan diegene gebruikt op webpagina’s testen in e-mail clients
• Eens een e-mail is verstuurd, kan je deze niet meer aanpassen = definitief
• Krijgt de recipient de e-mail toe, wordt het gelezen?
• Is het een mailing obv een template? Of op basis van een nieuwe creatie ?
• E-mail platform nodig voor verzending
Landingpage
Inhoud: • Wedstrijd of specifieke info / actie • Is een alternatieve toegang tot de
website. • Link vanuit e-mail of bv google ad
campagne.
Kenmerken: • Kort project: snel en flexibel • Op bestaand website/platform • Onderdeel van een bredere campagne
context Valkuilen: • Wordt aanzien als klein en gemakkelijk • Integratie op bestaande website;
technische issues
Strategic director • Bij de start van het jaar, nieuwe
campagnes, ...de strategie uitschrijven. Dit betekent analyse van de doelgroep, optimale kanalen om hen te bereiken, ideale boodschap/content en aanbod. Hiernaast wordt ook een segmentatiestrategie bepaald.
• Nadat deze strategie is voorgesteld en goedgekeurd, is de rol van de strategic director het bewaken van de initiële strategie.
• Het schrijven van algemene merkstrategieën of geïntegreerde strategieën. ROLLEN /
PROFIELEN
ADS banners
facebook google linked-in
Digital Ads • Aka “Banners”
• Animatie en video primeren
• Mediaplan – Aangeleverd door de mediaregie
– Masterbanners & declinaties verschillende formaten
– Maximum aantal kb per banner (gewicht)
• Verschillende media platformen: – Eyeblaster
– Adwonder
– …
Motion designer • Animatie expert • Video post productie • Flash • 3D animation • Stop motion
• Tools: – Adobe Flash: timeline animaties – Imovie of Premiere: video editing – After Effects: video effecten – 3D pakket: Cinema 4D
73
ROLLEN / PROFIELEN
CAMP AIGNS
één
campagne strategie creatief concept
the art of
CTA
integrated far beyond digital
360°
cross channel
loads of (small)
components
monitoring
optimisation
fast & accurate project
management
ROLLEN / PROFIELEN
Art Director
“Als art-director werk ik met een copywriter aan het bedenken
van een creatief concept voor onze online projecten. Deze
concepten zijn dikwijls de creatieve uitwerking van een
strategisch positionering. Voor een algemene positionering
van een merk of dienst wordt dit concept dikwijls zowel offline
als online zoveel mogelijk doorgetrokken.”
86
ROLLEN / PROFIELEN
Copywriter • Concepten bedenken en
uitwerken, samen met de Art Director
• Redactie
• Eindredactie
• Hertalen
• Long copy
• Short copy
87
ROLLEN / PROFIELEN
WIE ?
De markt in België
+500 web-bouwers (Feweb) +1250 communicatie bedrijven
Organisaties
Wie realiseert digitale communicatie
1. Freelancers 2. Productiehuizen 3. Webagentschappen 4. Reclame / communicatie agentschappen 5. Integrators & technische webontwikkelaars 6. Software leveranciers 7. Niche spelers
FREELANCERS Flexibel Goed prijszetting Expertise
PRODUCTIEHUIZEN
Video Digital
Ofshore
Sound Realisatie
WEB AGENTSCHAPPEN
Sterk in digitale/online communicatie
COMMUNICATIE AGENTSCHAPPEN
360° - full service Communicatie strategie
INTEGRATORS & IT Sterk in technisch werk
SOFTWARE LEVERANCIERS
Leveren producten Gebruiksvoorwaarden Licenties
NICHESPELERS
Mobile Copywriting SEO/SEA
Social media Conversatie
Media Hosting
E-commerce
Content …
Q&A
VACATURES
De vacatureteksten komen van deze websites:
http://creativeskills.be
http://www.digimedia.be/job-nl.html
http://www.bloovi.be/nl/vacatures