Dinamične Flash strani

ali kako prepričati Flash, da je prijazen do okolja

Marko Mrdjenovič Vodja produkcije

Licenca

Zakaj Flash?

• Ker včasih drugače ne gre:
  • tipografije,
  • animacije,
  • igre,
  • ...

Generične težave

• Problem z direktnim dostopom do podvsebin;
• "samo" uporabniki, ki imajo Flash vsadek;
• odrezani uporabniki Linuxa;
• odrezani uporabniki s telefoni, dlančniki...

Ok, Flash

• Možnosti:
  • vse v Flash,
  • vse ven iz Flasha,
  • zdrava mešanica.

Vse v Flash

• Google najde vsebino;
• vse na enem mestu;
• ogromen fajl;
• težko spreminjati vsebino.

Vse ven iz Flasha

• Majhni fajli;
• nalagamo samo tisto kar iščemo;
• spreminjanje enostavno;
• Google ne najde nič.

Primer - sunny.si

Kaj pa tisti brez Flasha?

• Alternativna različica.
• Ista različica!?!?

Alternativna različica

• Ločimo uporabnike;
• prilagojene vsebine;
• podvajanje vsebin;
• dodatno delo;
• dvojno obnavljanje.

Ista različica

• Vsebine samo na enem mestu;
• samo eno vzdrževanje;
• zapleteno?
  • Sploh ne - uporabimo 'zunanje' fajle.

Primer - sunny.si

Ampak...

• Zunanji fajli so XMLji...
• ... zakaj ne XHTMLji?
• Flash rabi samo podatke, XHTML tudi obliko...
• ... kar lahko rešimo z ločenimi CSSji.
• Kaj pa dodatni elementi zaradi 'razreza'...
• ... če je koda lepa, jih ni veliko.

Primer - sunny.si

Transformacija

• Dodamo nekaj vrstic v XHTML header.

  <style type="text/css">@import "sunny.css";</style>
  <script type="text/javascript" src="flash.js"></script>
  <script type="text/javascript" src="content.js"></script>

• Dodamo nekaj vrstic v XHTML body.

  
  <div class="clear"></div>
  						

• Naredimo CSS.

Primer - sunny.si

Primer - sunny.si

Google, ...

• V Flash verziji strani ne najde nič.
• V XHTML verziji najde vsebine.
• Vsi Google userji so 'ujeti' v XHTML strani.

JavaScript lahko pomaga

• Združimo obe verziji:
  • privzeto XHTML različica,
  • preklop v Flash samodejno preko povezanega JavaScripta.

Nove težave

• Onemogočen JavaScript...
  • ... uporabnik vidi XHTML stran.
  • Dodamo povezavo na Flash stran brez JavaScripta.
• Flash / XHTML odločitev samodejna...
  • ... uporabnik ne izbira sam.
  • Gumb + cookie & JavaScript omogočijo ogled XHTML različice tudi uporabnikom s Flashem.

Kaj pa uporabnost & dostopnost

• "Scroll"
• Kolešček deluje brez težav, tudi sicer 'običajno' obnašanje.
• "Select text"
• Flash TextField in CSS dela čudeže.
• "Font size"
Uporabimo CSS in/ali povečevanje strani.

Primer - sunny.si

Primer - sunny.si

Primer - sunny.si

Uporabljeno

• XHTML
• CSS
• S5 v1.1xoxo
• XOXO
• hCard
• hCalendar
• rel="license"
• Some rights reserved. CC by-2.0

Hvala!

• Vprašanja?
• Izjave?