production in adigital world
Goedemorgen! Ik ben Hans.
partner in digital communications
WIE ZIJNJull e    ?
realisatie van digitale communicatie    digitale        productie
support & maintenance          productiontactics
Tacticsimprove the idea o analysis o tools o architecture
Productionwebsite o e-shop o facebook app o mobile app o e-mailing
Supportuser support o technical maintenance o hosting
2 manierenvan aanpakken
short track
long track
TECHNOLOGIE
Browser                     App (stand alone)                                                                 Rss, xml, et...
Client side scripttalen  • Client-side = in de browser  • De code wordt gedownload naar de computer    van de eindgebruike...
HTML •   Recente versies: HTML5 •   HTML: Mark-up taal  structuur •   Geeft een semantische betekenis aan tekst     (H1, ...
CSS  •   Huidige versie: 3  •   CSS: cascading style sheet  vormgeving  •   Genormeerd door W3C  •   Verschillende CSS vo...
Javascript  •   Javascript is een scripttaal die veel gebruikt wordt om webpagina’s interactief te maken:      dropdowns, ...
Responsive design
Adobe Flash  •   Specifieke scripttaal: Action Script  •   Aangewezen voor Animatie, transities, games  •   Nog steeds de ...
Server side programmatie  • Maakt de interactie mogelijk met:     – Databases     – Externe systemen zoals facebook connec...
Server side technologieën
Servers vs services       • Webserver       • Database server       • Media server          – Real time media streamen    ...
Servers      • Server          – Bare Metal Hardware          – Virtual / Cloud      • Server          – Software         ...
Platformen  •   Een platform stelt functionaliteit ter beschikking dat kan gebruikt worden door een developer.  •   Een pl...
Api’s & webservices• Een API of webservice levert diensten aan andere programma’s of web  applicaties.• Zo kan je bijvoorb...
Google Maps API
Facebook API & Apps                                    •   Je app wordt via facebook                                      ...
ROLLEN /PROFIELEN
ASP.NET developer• Programmatie van backend en  server side functionaliteit• Technische analyse• Ontwikkeling op Windows s...
PHP developer• Programmatie van backend  en server side functionaliteit• Technische analyse• Programmatie in Perl, PHP,  D...
Systeem beheerder• Rol in een agentschap   – Hosting voorzien   – Domeinnamen registratie en     beheer (DNS)   – De techn...
webdevelopment is creating re-usable stuff
WEBSITE
Websites• Groot volume à informatie         • Support & maintenance    – Afkomstig uit verschillende   • Levensduur: 3 à 4...
Wat vooraf ging …
WDMBelgium.be
ROLLEN /PROFIELEN
Project manager• Day to day opvolging projecten• Spreekbuis voor projectteam• Monitorren budget , timing en  scope + opste...
Information architect•    Workshops•    Concept design•    Wireframes / prototyping•    IA gaat gaat simpel gezegd om het ...
UX / grafisch designer • Ontwerp van schermen • Gebruikservaring (user   experience) • Tools:       – Moodboards       – P...
Webmaster• Klanten ondersteunen bij het gebruik  van CMS systemen.• Oplossen van “technische” vragen• Doorgeven van zeer t...
Community manager                • Opvolgen social media                • Reageren in naam van het                  merk i...
ROLLEN /PROFIELEN
SEO   SEA
continu proces
beïnvloedtal je digitale touchpoint(s)
startvanaf dat je een nieuwe    website bouwt
Google’s           advieshttp://support.google.com/webmasters/bin/a       nswer.py?hl=en&answer=35291
SEOethiek
MOBILE
native   APPs will begone in   5 years
But it’s a must doin some cases today
er zijnalternatieven
een goeie appheeft een roadmapen een slim concept
E-MAIL
E-mail projecten•   Specifieke HTML, is verschillend dan diegene gebruikt op webpagina’s     testen in e-mail clients•   ...
LandingpageInhoud:• Wedstrijd of specifieke info / actie• Is een alternatieve toegang tot de    website.• Link vanuit e-ma...
Strategic director•   Bij de start van het jaar, nieuwe    campagnes, ...de strategie    uitschrijven. Dit betekent analys...
ADSlinked-in     googlebanners            facebook
Digital Ads  • Aka “Banners”  • Animatie en video primeren  • Mediaplan     – Aangeleverd door de mediaregie     – Masterb...
http://www.adsomenoise.com/showcase2/
Motion designer•    Animatie expert•    Video post productie•    Flash•    3D animation•    Stop motion• Tools:     –   Ad...
CAMP  AIGNS
ééncampagne strategie creatief concept
the art of CTA
cross channel  far beyond digitalintegrated
loads of (small)components
monitoringoptimisation
fast & accurate  projectmanagement
http://www.youtube.com/watch?v=u5Bu9UXe7VM
ROLLEN /PROFIELEN
Art Director “Als art-director werk ik met een copywriter aan het bedenken van een creatief concept voor onze online proje...
Copywriter• Concepten bedenken en  uitwerken, samen met de Art  Director• Redactie• Eindredactie• Hertalen• Long copy• Sho...
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 / co...
FREELANCERS    Flexibel    Goed prijszetting    Expertise
Video             DigitalPRODUCTIEHUIZENSound                 Realisatie         Ofshore
WEB AGENTSCHAPPEN    Sterk in digitale/online    communicatie
COMMUNICATIE AGENTSCHAPPEN    360° - full service    Communicatie strategie
INTEGRATORS & IT     Sterk in technisch werk
SOFTWARELEVERANCIERS      Leveren producten      Gebruiksvoorwaarden      Licenties
Mobile    SEO/SEA        Copywriting                E-commerceNICHESPELERS                               MediaHosting   So...
Q&A
Bedankt!Hans PalmersTel: 0477 58 58 98Email: hanspalmers@mundodigitalis.beTwitter: @mundodigitalis
VACATURES De vacatureteksten komen van deze websites: http://creativeskills.be http://www.digimedia.be/job-nl.html http://...
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
EMS Ehsal - production in a digital world 2013
Upcoming SlideShare
Loading in...5
×

EMS Ehsal - production in a digital world 2013

267
-1

Published on

1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
267
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

EMS Ehsal - production in a digital world 2013

  1. 1. production in adigital world
  2. 2. Goedemorgen! Ik ben Hans.
  3. 3. partner in digital communications
  4. 4. WIE ZIJNJull e ?
  5. 5. realisatie van digitale communicatie digitale productie
  6. 6. support & maintenance productiontactics
  7. 7. Tacticsimprove the idea o analysis o tools o architecture
  8. 8. Productionwebsite o e-shop o facebook app o mobile app o e-mailing
  9. 9. Supportuser support o technical maintenance o hosting
  10. 10. 2 manierenvan aanpakken
  11. 11. short track
  12. 12. long track
  13. 13. TECHNOLOGIE
  14. 14. Browser App (stand alone) Rss, xml, etc …Webserver Server-side Platformen ondersteunende Third party programmataal & frameworks software API’s & webservicesBack end Database CRM Logistiek
  15. 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. 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. 17. CSS • Huidige versie: 3 • CSS: cascading style sheet  vormgeving • Genormeerd door W3C • Verschillende CSS voor verschillende schermen (smartphone)
  18. 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. 19. Responsive design
  20. 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. 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. 22. Server side technologieën
  23. 23. Servers vs services • Webserver • Database server • Media server – Real time media streamen – Instant messaging • Fileserver – = content delivery netwerk – Afleveren van bestanden
  24. 24. Servers • Server – Bare Metal Hardware – Virtual / Cloud • Server – Software – Meerdere servers op één Operating System
  25. 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. 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. 27. Google Maps API
  28. 28. Facebook API & Apps • Je app wordt via facebook gepubliceerd. • Volg de spelregels http://www.youtube.com/watch?v=EEshzjkt8Xw
  29. 29. ROLLEN /PROFIELEN
  30. 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. 31. PHP developer• Programmatie van backend en server side functionaliteit• Technische analyse• Programmatie in Perl, PHP, Drupal• Af en toe – HTML – Linux hosting ROLLEN / PROFIELEN33
  32. 32. Systeem beheerder• Rol in een agentschap – Hosting voorzien – Domeinnamen registratie en beheer (DNS) – De technische werkomgeving onderhouden – Operationeel houden van websitesIn een bedrijf (adverteerder) is de rol van systeembeheerdermeestal anders ingevuld: puur IT ROLLEN / PROFIELEN
  33. 33. webdevelopment is creating re-usable stuff
  34. 34. WEBSITE
  35. 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. 36. Wat vooraf ging …
  37. 37. WDMBelgium.be
  38. 38. ROLLEN /PROFIELEN
  39. 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 / PROFIELEN44
  40. 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 / PROFIELEN45
  41. 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 / PROFIELEN46
  42. 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. 43. Community manager • Opvolgen social media • Reageren in naam van het merk in social media • Animatie verzorgen op facebook fanpage ROLLEN / PROFIELEN
  44. 44. ROLLEN /PROFIELEN
  45. 45. SEO SEA
  46. 46. continu proces
  47. 47. beïnvloedtal je digitale touchpoint(s)
  48. 48. startvanaf dat je een nieuwe website bouwt
  49. 49. Google’s advieshttp://support.google.com/webmasters/bin/a nswer.py?hl=en&answer=35291
  50. 50. SEOethiek
  51. 51. MOBILE
  52. 52. native APPs will begone in 5 years
  53. 53. But it’s a must doin some cases today
  54. 54. er zijnalternatieven
  55. 55. een goeie appheeft een roadmapen een slim concept
  56. 56. E-MAIL
  57. 57. 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
  58. 58. LandingpageInhoud:• 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 contextValkuilen:• Wordt aanzien als klein en gemakkelijk• Integratie op bestaande website; technische issues
  59. 59. 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
  60. 60. ADSlinked-in googlebanners facebook
  61. 61. 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 – …
  62. 62. http://www.adsomenoise.com/showcase2/
  63. 63. 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 / PROFIELEN73
  64. 64. CAMP AIGNS
  65. 65. ééncampagne strategie creatief concept
  66. 66. the art of CTA
  67. 67. cross channel far beyond digitalintegrated
  68. 68. loads of (small)components
  69. 69. monitoringoptimisation
  70. 70. fast & accurate projectmanagement
  71. 71. http://www.youtube.com/watch?v=u5Bu9UXe7VM
  72. 72. ROLLEN /PROFIELEN
  73. 73. 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 / PROFIELEN86
  74. 74. Copywriter• Concepten bedenken en uitwerken, samen met de Art Director• Redactie• Eindredactie• Hertalen• Long copy• Short copy ROLLEN / PROFIELEN87
  75. 75. WIE ?
  76. 76. De markt in België +500 web-bouwers (Feweb)+1250 communicatie bedrijven
  77. 77. Organisaties
  78. 78. Wie realiseert digitale communicatie 1. Freelancers 2. Productiehuizen 3. Webagentschappen 4. Reclame / communicatie agentschappen 5. Integrators & technische webontwikkelaars 6. Software leveranciers 7. Niche spelers
  79. 79. FREELANCERS Flexibel Goed prijszetting Expertise
  80. 80. Video DigitalPRODUCTIEHUIZENSound Realisatie Ofshore
  81. 81. WEB AGENTSCHAPPEN Sterk in digitale/online communicatie
  82. 82. COMMUNICATIE AGENTSCHAPPEN 360° - full service Communicatie strategie
  83. 83. INTEGRATORS & IT Sterk in technisch werk
  84. 84. SOFTWARELEVERANCIERS Leveren producten Gebruiksvoorwaarden Licenties
  85. 85. Mobile SEO/SEA Copywriting E-commerceNICHESPELERS MediaHosting Social media Content Conversatie …
  86. 86. Q&A
  87. 87. Bedankt!Hans PalmersTel: 0477 58 58 98Email: hanspalmers@mundodigitalis.beTwitter: @mundodigitalis
  88. 88. VACATURES De vacatureteksten komen van deze websites: http://creativeskills.be http://www.digimedia.be/job-nl.html http://www.bloovi.be/nl/vacatures
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×