Horsens kommunes bibliotekers website skal omstruktureres og redesignes. I den forbindelse arbejder jeg på nogle skitser, der skal hjælpe mig til at få placeret og prioriteret de enkelte siders elementer rigtigt, inden jeg går i gang med grafik og kode.
Til det stykke arbejde bruger jeg et webbaseret stykke værktøj, Mockingbird, der er rigtig godt til at lave wireframes i. Wireframes er særligt gode til at visualisere designkoncepter, mens de stadig er på skitseplanet.
Har du nogensinde haft brug for at lave et oplæg uden at være i besiddelse af Microsoft PowerPoint? Eller bare været træt af den måde, PowerPoint fungerer på?
Google Docs har et udmærket, webbaseret præsentationsprogram, men jeg er lige faldet over 280slides.com og det er bare superlækkert og meget enkelt designet.
Flash er noget møg på mange måder. Det giver nemlig en masse bøvl, hvis det skal indsættes rigtigt på en webside, så det også virker på tværs af browsere. Man kan sjældent bare sætte den <embed> og <object> widget kode ind, som man har kopieret fra et givent web 2.0 website og forvente, det virker. Især er WordPress MU ganske krævende, hvad den slags angår.
Der har løbende været en del bøvl med indsættelse af flash widgets i Musiktips bloggen, hvor ønsket specifikt har været at indsætte playlister fra Grooveshark. Jeg har nu installeret plugin’et Kimili Flash Embed i WordPress Mu, som gør det muligt at indsætte flash rigtigt.
Plugin’et er generisk og kan indsætte alle typer flash-stumper. Derfor er der også en lang række parametre, der skal sættes, og det kan være noget bøvl at finde ud af.
Herunder et par screen dumps med forklaringer, der viser hvordan særligt Grooveshark sættes ind i et blog indlæg.
1) Lav en Grooveshark widget og læg særligt mærke til den kode, der genereres:
<object width="350" height="299"> <param name="movie" value="http://listen.grooveshark.com/widget.swf"></param> <param name="wmode" value="window"></param> <param name="allowScriptAccess" value="always"></param> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=19047388&style=metal&bbg=73cfe7&bfg=73cfe7&bt=000000&bth=000000&pbg=ffffff&pbgh=ffffff&pfg=000000&pfgh=000000&si=000000&lbg=ffffff&lbgh=9cdfef&lfg=943808&lfgh=000000&sb=73cfe7&sbh=73cfe7&p=0"></param> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="350" height="299" flashvars="hostname=cowbell.grooveshark.com&widgetID=19047388&style=metal&bbg=73cfe7&bfg=73cfe7&bt=000000&bth=000000&pbg=ffffff&pbgh=ffffff&pfg=000000&pfgh=000000&si=000000&lbg=ffffff&lbgh=9cdfef&lfg=943808&lfgh=000000&sb=73cfe7&sbh=73cfe7&p=0" allowScriptAccess="always" wmode="window"></embed></object>
2) Opret et nyt indlæg i WordPress. Klik på Flash ikonet i værktøjslininen:
3) Indsæt adressen til Flash-filen (find den i Grooveshark-koden) og klik på “More”:
4) Kig godt på Grooveshark-koden og udfyld parametrene:
Publicér indlægget og der er Grooveshark på din blog.
… men skal yderligere testes. Du kan se den på http://horsensbibliotek.dk/skrivebord/. Bemærk! Det er et internt stykke værktøj og kan således kun ses fra bibliotekspersonalets computere, der er placeret på indersiden af kommunens firewalll.
Jeg arbejder i øjeblikket på en virtuel værktøjskasse til betjeningsøerne i udlånet. Værktøjskassen er en startside med genveje til diverse databaser og internetressourcer, komplet med noter og brugernavne + passwords.
Der er blevet spenderet en del tid på aflusning, således at sitet også virker i ældre browsere. Jeg stødte nemlig på endnu en grum fejl i Internet Explorer 7, da jeg testede sitet her. Fejlen relaterer sig til den måde hvorpå Internet Explorer renderer CSS positionerede HTML elementer i stakke (z-index) og kommer til udtryk i de drop down bokse, der i “værktøjskassen” ska vise beskrivelserne til de enkelte netressourcer. Drop down boksene blev nemlig vist bagved sidens øvrige indhold. Fejlen måtte rettes med et lille javascript hack.
Jeg beskriver i detaljer, hvordan man løser denne IE bug vha. jQuery her.
Der er nu lavet design til webshoppen og skabelonen er kodet op og klar til implementering.
Nu mangler vi at modtage et dankort fra banken, så webhotellet kan bestilles. Dernæst skal løsningen sættes op, produkter skal fyldes i og løsningen skal godkendes af PBS.