1. production in a
digital world

2. Goedemorgen!
Ik ben Hans.

3. partner in digital communications

4. WIE
ZIJN
Jull e
?

5. realisatie van digitale communicatie
digitale
productie

6. support & maintenance
production
tactics

7. Tactics
improve the idea o analysis o tools o architecture

8. Production
website o e-shop o facebook app o mobile app o e-mailing

9. Support
user support o technical maintenance o hosting

10. 2 manieren
van aanpakken

11. short track

12. long track

13. TECH
NOLOGIE

14. Browser App (stand alone)
Rss, xml, etc …
Webserver
Server-side Platformen ondersteunende Third party
programmataal & frameworks software
API’s &
webservices
Back end Database
CRM Logistiek

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

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

17. CSS
• Huidige versie: 3
• CSS: cascading style sheet  vormgeving
• Genormeerd door W3C
• Verschillende CSS voor verschillende schermen (smartphone)

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

19. Responsive design

20. 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, …)

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

22. Server side technologieën

23. Servers vs services
• Webserver
• Database server
• Media server
– Real time media streamen
– Instant messaging
• Fileserver
– = content delivery netwerk
– Afleveren van bestanden

24. Servers
• Server
– Bare Metal Hardware
– Virtual / Cloud
• Server
– Software
– Meerdere servers op één Operating
System

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

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

27. Google Maps API

28. Facebook API & Apps
• Je app wordt via facebook
gepubliceerd.
• Volg de spelregels
http://www.youtube.com/watch?v=EEshzjkt8Xw

29. ROLLEN /
PROFIELEN

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

31. PHP developer
• Programmatie van backend
en server side functionaliteit
• Technische analyse
• Programmatie in Perl, PHP,
Drupal
• Af en toe
– HTML
– Linux hosting
ROLLEN /
PROFIELEN
33

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

33. webdevelopment is creating re-usable stuff

34. WEBSITE

35. Websites
• Groot volume à informatie • Support & maintenance
– Afkomstig uit verschillende • Levensduur: 3 à 4 jaar
afdelingen uit het bedrijf – Lange termijnvisie nodig voor
– Liefst consumer centric het technische luik
gestructureerd
• Aantal betrokken personen: 5
• Content Management tot 50
Systeem (CMS) (verschillende afdelingen)
– Welk systeem past bij onze
noden
– Open source of licentie ?
• Looptijd project: 1 tot 9
maanden

36. Wat vooraf ging …

37. WDMBelgium.be

38. ROLLEN /
PROFIELEN

39. Project manager
• Day to day opvolging projecten
• Spreekbuis voor projectteam
• Monitorren budget , timing en
scope + opstellen ervan
• Team aansturen
• Contacten met alle partijen
• Kwaliteitscontrole
ROLLEN /
PROFIELEN
44

40. 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
ROLLEN /
PROFIELEN
45

41. 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 ROLLEN /
PROFIELEN
46

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

43. Community manager
• Opvolgen social media
• Reageren in naam van het
merk in social media
• Animatie verzorgen op
facebook fanpage
ROLLEN /
PROFIELEN

44. ROLLEN /
PROFIELEN

45. SEO
SEA

46. continu
proces

47. beïnvloedt
al je digitale touchpoint(s)

48. start
vanaf dat je een nieuwe
website bouwt

49. Google’s
advies
http://support.google.com/webmasters/bin/a
nswer.py?hl=en&answer=35291

50. SEO
ethiek

51. MOBILE

52. native APPs will be
gone in 5 years

53. But it’s a must do
in some cases today

54. er zijn
alternatieven

55. een goeie app
heeft een roadmap
en een slim concept

57. E-MAIL

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

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

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

63. ADS
linked-in google
banners
facebook

64. 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
– …

65. http://www.adsomenoise.com/showcase2/

66. 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 ROLLEN /
PROFIELEN
73

67. CAMP
AIGNS

68. één
campagne strategie
creatief concept

69. the art of
CTA

70. cross channel
far beyond digital
integrated

71. loads of (small)
components

72. monitoring
optimisation

73. fast & accurate
project
management

77. http://www.youtube.com/watch?v=u5Bu9UXe7VM

78. ROLLEN /
PROFIELEN

79. 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.”
ROLLEN /
PROFIELEN
86

80. Copywriter
• Concepten bedenken en
uitwerken, samen met de Art
Director
• Redactie
• Eindredactie
• Hertalen
• Long copy
• Short copy
ROLLEN /
PROFIELEN
87

81. WIE ?

82. De markt in
België
+500 web-bouwers (Feweb)
+1250 communicatie bedrijven

83. Organisaties

84. Wie realiseert digitale communicatie
1. Freelancers
2. Productiehuizen
3. Webagentschappen
4. Reclame / communicatie agentschappen
5. Integrators & technische webontwikkelaars
6. Software leveranciers
7. Niche spelers

85. FREELANCERS
Flexibel
Goed prijszetting
Expertise

86. Video Digital
PRODUCTIEHUIZEN
Sound Realisatie
Ofshore

87. WEB
AGENTSCHAPPEN
Sterk in digitale/online
communicatie

88. COMMUNICATIE
AGENTSCHAPPEN
360° - full service
Communicatie strategie

89. INTEGRATORS & IT
Sterk in technisch werk

90. SOFTWARE
LEVERANCIERS
Leveren producten
Gebruiksvoorwaarden
Licenties

91. Mobile SEO/SEA Copywriting
E-commerce
NICHESPELERS
Media
Hosting Social media Content
Conversatie
…

92. Q&A

93. Bedankt!
Hans Palmers
Tel: 0477 58 58 98
Email: hanspalmers@mundodigitalis.be
Twitter: @mundodigitalis

94. VACATURES
De vacatureteksten komen van deze websites:
http://creativeskills.be
http://www.digimedia.be/job-nl.html
http://www.bloovi.be/nl/vacatures