EMS Ehsal - production in a digital world 2013

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

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

– …

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

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

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

Hans Palmers

Tel: 0477 58 58 98 Email: hanspalmers@mundodigitalis.be Twitter: @mundodigitalis

Bedankt!

VACATURES

De vacatureteksten komen van deze websites:

http://creativeskills.be

http://www.digimedia.be/job-nl.html

http://www.bloovi.be/nl/vacatures