a&m impact internetdiensten

HTML5, een veel gebruikte term in 2011 maar bovenal een nieuwe standaard om webpagina’s op te maken. Deze nieuwe standaard heeft een vlucht genomen sinds Internet Explorer 9 in de wereld is. Voor ons, als webprogrammeurs, betekent het dat we achter de schermen druk bezig zijn om deze nieuwe technieken te ontdekken.

1 van de vele voordelen van HTML5 is dat we audio en video in webpagina’s kunnen implementeren zonder dat er extra software (bijv. Adobe Flash Player of Silverlight) is vereist voor de gebruiker, en dat we met 1 implementatie zowel desktop als mobiele gebruikers kunnen bedienen. Er is 1 maar; Video en audio kunnen worden gecomprimeerd in verschillende formaten (codecs). Helaas zijn de browsermakers van Internet Explorer, Firefox, Safari en Chrome het niet helemaal eens over de formaten in verband met patenten. Resultaat is dat verschillende browsers verschillende codecs ondersteunen.

Sinds kort ben ik in het bezit van een officieel HTML5 certificaat van het W3C (de maker van de HTML5 standaard)! Na 5 weken theorie en 5 deel-opdrachten heb ik o.a. geleerd welke formaten je moet ondersteunen om zo’n breed mogelijk publiek te bedienen, heb ik geleerd hoe je video kunt integreren met andere elementen op de pagina, zelf een interface gemaakt om de video en audio af te kunnen spelen en heb ik de nieuwe standaard voor ondertiteling geïmplementeerd. Na deze 5 goedgekeurde opdrachten ben ik in het bezit van de officiele HTML5 Audio & Video certificering.

Hieronder een plaatje van mijn opdracht:

Uitwerking van een HTML5 video en audio element, compleet met preload-indicator, voortgangs-indicator, WEBVTT ondertiteling en spiegeling d.m.v. het canvas-element.

Ondanks het feit dat YouTube een groeiend aantal kansen biedt voor bedrijven en organisaties, merk ik dat nog veel mensen sceptisch tegenover dit medium staan. Omdat ik echter heilig overtuigd ben van die kansen, leek het mij een prima moment die kansen (maar ook de bedreigingen) eens onder de loep te nemen voor je! Wellicht zie je op basis daarvan zelf ook kansen voor jouw bedrijf!

Kansen met YouTube!

+ Groot bereik
Na Google worden de meeste zoekopdrachten ter wereld in YouTube uitgevoerd. Zorg dus dat je product of dienst ook in YouTube te vinden is, als het medium “video´s” hiervoor toegevoegde waarde kan bieden!

+ Beter scoren in Google
YouTube is onderdeel van Google, Google neemt in haar zoekresultaten ook de aanwezigheid van  een zoekwoord in YouTube mee. Koppel bij het uploaden van je video’s daarom bijvoorbeeld tags (zoekwoorden) aan die video’s.

+ Breder vindbaar
In de zoekresultaten van Google zie je steeds vaker ook videoresultaten van YouTube, terwijl je nog in Google zit. Kortom: is een filmpje relevant voor een gekozen zoekwoord, dan zal Google steeds sneller ook video’s in hun zoekresultaten plaatsen. Zorg dus dat je daar staat als dit relevant is!

+ Multimediaal
Doordat tegenwoordig zo’n beetje elk apparaat wel iets kan met internet (smartphones, tablet pc’s als iPad, televisies, etc.) en omdat die internetverbindingen steeds sneller worden, is YouTube op steeds meer plekken en op steeds snellere wijze te gebruiken. Als bedrijf kun je je daarmee dus ook op steeds meer plekken profileren via YouTube en hierdoor je reclamecampagne of imago veel interactiever maken, door van elk medium de mogelijkheden optimaal te benutten.

+ Imago verbeteren
je kunt een eigen YouTube kanaal inrichten en daar aan je gewenste imago timmeren, bijvoorbeeld door leuke toepassingen van je product, een bedrijfsfilm, een bedrijfsuitje (of juist niet ), reviews laten zien van je product, etc. Beeld is wat dat betreft een perfecte manier. Een veelvoorkomende vraag hierbij is of je juist een amateuristisch filmpje moet maken of juist een gelikte. In mijn optiek hangt dit af van het doel ervan: een review komt vaak betrouwbaarder over als het wat amateuristisch is. Een bedrijfsfilm moet echter weer gelikt zijn vind ik.

+ Adverteren
YouTube biedt ook mogelijkheden om net zo gesegmenteerd als in Google te adverteren, zelfs met beeldmateriaal of met advertenties in filmpjes. Voor sommige doelgroepen is YouTube een zeer geschikt medium om via te adverteren.

+ Integratie op eigen website
Je kunt je YouTube video’s ook op je eigen website integreren, zoals je bijvoorbeeld kunt zien op de websites van onze klanten Regio Achterhoek of AdfoMedia . Dit scheelt je niet alleen dataverkeer (dit gaat dan namelijk via YouTube), maar het scheelt je ook dubbel video’s invoeren en bovendien val je de klant ook niet lastig met popups naar een andere website. En natuurlijk ben je ook direct vindbaar in Google, zoals al eerder besproken.

Bedreigingen van YouTube!

- Controle
Een aspect van YouTube welke je als onderneming niet helemaal in eigen hand hebt, is dat anderen ook video’s kunnen plaatsen over jouw dienst of product, terwijl dit wellicht iets negatiefs is. Weet daarom wat er geupload wordt! En reageer hier vervolgens op. Een voorbeeld van hoe het niet moet, is van kabelaanbieder ComCast, die niet in de gaten had dat er een negatieve video van één van haar monteurs werd geplaatst die in de wacht werd gezet bij zijn eigen collega’s en vervolgens in slaap viel. Gevolg: imagoschade, doordat miljoenen mensen deze video doorstuurden en het bedrijf Comcast te kijk werd gezet. Bekijk hieronder de video van de slapende monteur.
Een manier om toch op de hoogte te blijven van wat er allemaal over je geschreven en geupload wordt op het net, is door Google Alerts in te richten voor jezelf.

-/+ Imago YouTube
YouTube heeft bij sommigen nog een imago als de website waar je alleen maar grappige filmpjes kunt bekijken en that’s it. Hierdoor is men minder geneigd hier hun bedrijfsgerelateerde video’s te plaatsen. Het enige wat ik kan doen om dit beeld van “filmpjessite” weg te halen, is door te verwijzen naar zeer serieuze YouTube kanalen van bijvoorbeeld de succesvolle webshop Coolblue, onze klant AdfoMedia of Hulkenberg of van Pritt.
Voor mij persoonlijk geldt daarom ook: zie ik een bedrijf dat zich beweegt op YouTube, dan is dat voor mij een teken dat dat bedrijf gebruik maakt van het veranderende medialandschap. Ik hoop dat dat beeld bij anderen ook gaat ontstaan!

Ruik je voor jezelf al kansen? Of zie je nog kansen of bedreigingen die ik over het hoofd heb gezien? Ik ben erg benieuwd, laat een reactie achter!

Onlangs hebben Rob Lohman en ik een interne presentatie gegeven over de nieuwe mogelijkheden van HTML 5 en CSS3. Dit is een nieuwe versie van de bestaande HTML en CSS, die een aantal leuke nieuwe features bied. We hebben onder andere de onderstaande punten behandeld:

Video en Audio

Het wordt mogelijk video en audio af te spelen met HTML, zonder de tussenkomst van plugins als Media Player, Quicktime of Flash. Voordeel is dat iedereen deze dan af kan spelen, en het daarmee dus heel toegankelijk wordt.  Een groot nadeel is dat de browsers onderling in de clinch liggen over welke codec ze nu moeten gaan ondersteunen. Daardoor moet er voor Mozilla een ander bestand dan voor Webkit aangeleverd worden. Meer informatie en een voorbeeld.

LocalStorage en SessionStorage

Deze twee functies zijn eigenlijk de nieuwe cookies. Hiermee kan meer data dan een cookie opgeslagen worden, en wordt het makkelijker om deze te gebruiken in je javascripts. Een klein nadeel is dat gebruikers deze aan moeten zetten, en niet zoals cookies dat ze standaard aan staan.

Semantische tags en attributen

Er worden een aantal nieuwe tags en attributen toegevoegd waarmee de code semantisch opgebouwd kan worden, en er meer meta data aan elementen gegeven kan worden. Dit is handig om data in de pagina te stoppen voor de javascripts, maar ook erg goed voor zoekmachines als Google. Deze kan zo nog meer uit de pagina halen, en duidelijker zien wat een navigatiebalk is, en welke data bij elkaar hoort.

Canvas

Het tekendoek van HTML. Met een uitgebreide programmeer API kan hier in 2D en 3D (nog in ontwikkeling) op getekend worden. Dit kan van kleine tekeningen (handtekening bijvoorbeeld), tot complete spellen. Meer informatie en een aantal voorbeelden.

Formulieren

Er zijn een flink aantal nieuwe formulier elementen ontwikkeld die het voor de gebruiker en ontwikkelaar een stuk makkelijker maken. Zo zit er standaard een datum veld in, waardoor niet meer de datum ingetypt hoeft te worden, maar dit gekozen kan worden in een kalender. Doordat deze door de browsers geïmplementeerd worden werkt dit overal op dezelfde manier, en kan de gebruiker overal op dezelfde manier hiermee werken.

GeoLocation

Hiermee kan de locatie van de gebruiker opgevraagd worden, mits deze daar toestemming voor geeft. Dit kan handig zijn voor bijvoorbeeld een mobiele webapplicatie met een navigtatie systeem erin. Met GeoLocation is dan de exacte positie, hoogte en kijkrichting van de gebruiker op te vragen.

…vervanger voor Flash?

De laatste tijd is er veel rumoer op het internet over dat HTML 5 de vervanger gaat worden van Flash. Apple is hier mee begonnen door op zijn iPhone geen ondersteuning te willen bieden voor Flash, omdat zij beweren dat hetzelfde bereikt kan worden met HTML 5. Andere browser bouwers zijn het hier mee eens, en het lijkt erop dat Adobe Flash een beetje in een hoek gedreven is.

Voorlopig zitten we nog wel met Flash, aangezien veel browsers nog niet veel van HTML 5 geïmplementeerd hebben (mede omdat het nog niet af is!), en een groot deel van de internetters nog met oude versies van browsers surfen, waardoor er sowieso een Flash applicatie gemaakt moet worden om ondersteuning te bieden voor alle bezoekers.

A&M ImpacT heeft naar aanleiding  van de Marco Borsato & friends actie, 7×2 kaarten vergeven onder de tientallen inzendingen.

Door je leukste, origineelste youtube-filmpje op te sturen, kon je kans maken op kaarten voor het geweldige concert van Marco Borsato & friends op dinsdag 20 oktober en woensdag 21 oktober.

Inzendingen

Hieronder staan de ingezonden video’s:

Geplaatst op 18-10-2009

Geplaatst op 17-10-2009

Geplaatst op 16-10-2009

Geplaatst op 15-10-2009

Geplaatst op 14-10-2009

Geplaatst op 13-10-2009

Voor Waterschap Rijn IJssel hebben wij onlangs de verkiezingssite www.kiesvoorwater.nl voor de waterschapsverkiezingen gelanceerd.

Ze organiseren campagneavonden door de hele regio met diverse thema’s. Onderdeel van deze avonden is een debat tussen de lijsttrekkers van de partijen. Om extra aandacht te geven aan deze debatten hebben wij in samenwerking met het waterschap de proef op de som genomen om dit live op internet uit te zenden.

Omdat het hier om een pilot gaat, is besloten niet voor professionele apparatuur en streaming technieken te gaan, maar te proberen het geheel met beperkt budget neer te zetten.

Door middel van een simpele camera, een internetverbinding en de dienst ustream.tv wordt op locatie het debat uitgezonden. Op de avonden is het debat dan ook op kiesvoorwater.nl te volgen.

Een impressie van de uitzending van afgelopen donderdag op kiesvoorwater.nl:

De verdere campagne avonden zijn:

• 9 oktober – Lochem – Thema: Natuur
• 16 oktober – Winterswijk – Thema: Landschap23 oktober – Eibergen – Thema : Schoon water
• 30 oktober – Doetinchem – Thema: Recreatie
• 6 november – Arnhem – Thema: Klimaat