Flash omzetten naar HTML

26 Feb, 2013 | techniek

Het is alweer enige tijd geleden dat Steve Jobs frontaal de aanval inzette tegen Adobe/Macromedia Flash, een device onafhankelijke technologie waarmee op makkelijke wijze vector gebaseerde animaties en applicaties binnen een browser te tonen zijn, door geen support te leveren voor Flash op iOS, het operating system voor iPhone en inmiddels iPad.


html5-no-flashDe Flash browser plugin, die nodig is om Flash te tonen, draait als een programma binnen een browser. Zodoende zijn Flash applicaties zelf een programma binnen een programma, ze leven binnen een browser, en kunnen daarom nooit optimaal gebruik maken van alle features die het onderliggende platform te bieden heeft.  Steve Jobs zag de Flash plugin als een hinderlijke tussenlaag tussen ontwikkelaars en het platform die remmend op innovatie werkt.  Verder werkt deze tussenlaag ook verhinderend voor performance van applicaties, en zorgt het voor veel meer energie consumptie dan nodig, wat vooral relevant is op mobiele devices.
Daarnaast voerde hij aan dat de Flash plugin geen open source standaard is, in tegenstelling tot webstandaarden als HTML5, CSS en Javascript, en dat de Flash plugin een afschuwelijk track record voor wat betreft security en stabiliteit.

Inmiddels kunnen we stellen dat Steve Jobs de ‘War on Flash’ posthuum gewonnnen heeft. Door de onstuimige groei van het aantal iOS devices en de daarmee gepaard gaande groei van het marktaandeel was Flash niet meer de apparaat overstijgende technologie die overal draaide en werd het voor ontwikkelaars en bedrijven die hier op ingezet hadden veel minder interessant.
Afgelopen zomer heeft Adobe zelf de handdoek in de ring gegooid en aangekondigd geen Flash speler meer te leveren voor apparaten die Android 4.1 en later draaien. Hiermee kwam officieel een einde aan de mobiele ambities van Flash. Steve Jobs’s missie was geslaagd.

Voor elke organisatie die nog content in Flash aanbiedt op zijn website en bezoek krijgt vanaf iOS devices als iPhone en iPad (en wie krijgt dat niet tegenwoordig) is het dus zaak om snel een alternatief te bieden wat wel werkt op mobiele devices. Het beste antwoord op Flash is uiteraard HTML5, een standaard die inmiddels breed ondersteund wordt door alle moderne browsers op alle devices.

Het omzetten van Flash naar een op HTML5 gebaseerde oplossing is in de meeste gevallen echt maatwerk waar een techneut aan te pas moet komen. Wanneer er sprake is van slechts één simpele animatie/filmpje, dan zijn er nog wel conversie tools die het klusje kunnen klaren maar zodra er sprake is van meer interactiviteit geven deze tools niet thuis.
Een nadeel van automatische conversie dat er altijd veel code gegenereerd wordt waardoor een site onnodig zwaar en traag wordt. Een ander nadeel is dat automatisch gegenereerde code heel lastig aan te passen is. Je eindigt dan met een on-onderhoudbare website.
Adobe zelf biedt zo’n tool aan. Deze is behoorlijk prijzig, zoals we van Adobe gewend zijn eigenlijk. Nu het monopoliseren van de markt voor web applicaties mislukt is proberen ze alsnog even flink te verdienen aan diegene die hun platform willen inruilen voor HTML5 en Javascript, zo lijkt het.

Wanneer u besluit uw Flash om te laten zetten naar HTML5, let dan op de volgende punten:

  1. Converteer zo weinig mogelijk
    Wanneer u tevreden bent met uw site, en alleen de Flash wilt vervangen, laat u dan geen complete herbouw aanpraten. In veel gevallen kan alleen de Flash animatie vervangen worden en de rest van de site intact blijven. Wanneer u een CMS systeem heeft vanwaaruit Flash content gepresenteerd wordt, onderzoek dan of alleen die front-end vervangen kan worden.

  2. Open Source, Open Standaarden
    De geconverteerde software moet geen gebruik maken van closed source, propriety software libraries tenzij daar een hele goede reden voor is. Anders loopt u van de ene vendor lock-in in de andere. Eis dat de opgeleverde software helemaal volgens open standaarden gebouwd is en gebruik maakt van open source libraries zoals jQuery.

  3. Responsive Layout
    U heeft niets aan een geconverteerde flash site die wel draait maar niet goed past binnen een iPad scherm, of helemaal buiten beeld valt op een smartphone. Responsive layout is hierbij het toverwoord. De site moet zich vormen naar de afmetingen van het scherm waarbinnen het getoond wordt.

  4. Touch, Swipe, Pin
    Een goede conversie partij denkt met u mee en laat u zien welke mogelijkheden er zijn in de mobiele wereld, zoals touch, pin en swipe en kijkt of uw oplossing hiermee nog beter te maken is.

  5. Conversie is geen doel op zich
    Hou het doel van uw site voor ogen, staar je niet blind op100% conversie.
    Sommige effecten zijn in Flash heel makkelijk te maken maar hebben in Javascript geen natuurlijk equivalent. Een goede partij gaat niet koste-wat-kost dit proberen te converteren maar vertelt u van te voren waar eventuele knelpunten te verwachten zijn en draagt hiervoor goede alternatieven aan en workarounds.

  6. Performance, performance, performance
    De geconverteerde oplossing moet goed performen. Er kan tegenwoordig heel veel in Javascript. Wanneer ontwikkelaars er echter teveel libraries bijslepen, kan een site zwaar en traag worden. Eis een goede performance. Wanneer er toch gewacht moet worden, moet er een indicator zijn (een zogenaamde throbber), zodat de gebruiker weet dat hij even moet wachten.

  7. Betaal niet te veel
    In tegenstelling tot andere software maatwerk ligt de scope van een conversie project redelijk vast en is van te voren goed in te schatten. Conversie projecten zijn makkelijker ge-outsourced te uit te voeren omdat er minder communicatie nodig is, er is immers vaak een werkend voorbeeld voor handen.
    Hierdoor is het in principe mogelijk een conversie voor een scherpe prijs uit te laten voeren.
Een nieuwe dienst die zich speciaal bezighoudt met hoogwaardige conversies van Flash naar HTML is Flash2HTML.NL

@2021 Plance. All rights reserved.