Niels Gamborgs online notesbog

Anmeldelse af Eastone PDK-8 el-trommer

juli 5th, 2008. Kategori: Diverse | 16 Kommentarer »

eastone_pdk8.jpg

Jeg skulle bruge et el-trommesæt til min yngste drengs 10-årsfødselsdag. Han spiller lidt keyboard, og ville også gerne lære at spille trommer. Hvad skulle jeg vælge?

Eastone PDK-8 er et af de billigste elektroniske trommesæt på markedet i Danmark idag. Men i modsætning til f.eks. Medelis billige elektriske trommesæt, er det svært at finde anmeldelser af Eastones elektroniske trommer. Derfor har jeg lavet denne anmeldelse.
Læs resten af indlægget »

Problemer med trådløst netværk i Ubuntu

juli 1st, 2008. Kategori: Linux | Ingen kommentarer »

Jeg har i mange omgange haft problemer med det trådløse netværk i Ubuntu. Faktisk har problemerne været så irriterende, at jeg ikke har gidet at bruge Ubuntu.

Ubuntu udviklere har flere gange lavet bug rettelser på network manageren, og skulle efterhånden have fået styr på en del af problemerne, men der er åbenbart stadig bugs tilbage.  

Nu har jeg endelig fundet en tilfredstillende løsning som virker i Ubuntu’s Hardy Heron.
Læs resten af indlægget »

Brugervenlig tekst

juni 27th, 2008. Kategori: Brugervenlighed | 9 Kommentarer »

Jeg giver i denne artikel en koncentreret oversigt over de vigtigste principper for læsevenlig og brugervenlig tekst.

Brugervenlig tekst eller læsevenlig tekst kan overordnet opdeles i 3 begreber:

  • Læseværdi. Er teksten værd at læse?
  • Læsbarhed. Er teksten til at forstå?
  • Læselighed. Er teksten fysisk til at læse?

For at teksten kan karekteriseres som brugervenlig, skal den leve op til alle 3 kategorier.
Læs resten af indlægget »

Brugervenligt layout. 4 principper for brugervenligt webdesign

juni 23rd, 2008. Kategori: Brugervenlighed, Design | 8 Kommentarer »

Man kan overordnet dele brugervenligt webdesign op i to områder: brugervenligt layout og brugervenlige tekster.

I denne artikel fokuserer jeg på brugervenligt layout. Jeg har  jeg samlet de 4 vigtigste principper for brugervenlighed i layout og webdesign. Valget af de 4 principper er 100% subjektivt og er baseret på studier af brugervenlighedseksperter som Jakob Nielsen, Rolf Molich og Steve Krug, krydret med egne erfaringer.
Læs resten af indlægget »

Stylesheet reset. Forebyg browser problemer med reset.css

juni 10th, 2008. Kategori: Browser bugs and fixes, Webudvikling | 3 Kommentarer »

En af mine venner Thor Madsen Holm, gjorde mig igår opmærksom på, en smart måde at udligne nogle af forskellene på IE, Firefox og Safari.

Metoden kaldes stylesheet reset, og oftest bruger man et specielt stylesheet: reset.css
Læs resten af indlægget »

Problemer med blanktegn, mellemrum eller whitespace.

juni 6th, 2008. Kategori: Webudvikling | 3 Kommentarer »

Blanktegn eller mellemrum (whitespaces) kan give en række problemer, når du skriver HTML kode. Hvis man ikke er opmærksom på problemerne kan det være frustrerende at finde disse fejl, da blanktegnene som regel ikke kan ses i vores HTML editor.

De fleste problemer kan dog undgåes på en ganske simpel måde . Det gør måske din kode en anelse mindre overskuelig, men sikrer på den anden side en række uhensigtsmæssigheder. 
Læs resten af indlægget »

Lix, lixtal og læsbarhed.

maj 23rd, 2008. Kategori: Brugervenlighed | 14 Kommentarer »

Lix står for Læsbarhedsindex. Lixtallet siger altså noget om teksts læsbarhed.

Vi kender lix og lixtal fra skolen. Lærerne bruger lixtal til at angive, hvor svære bøger, eleverne skal læse. På skolebibliotekerne er bøgerne mærket med lixtal, så eleverne selv kan finde frem til bøger på et passende niveau.

Lix og lixtal på nettet

Men lix og lixtal kan  også bruges til at give en indikation af, hvor brugervenlige vores tekster på nettet er.
Læs resten af indlægget »

Opdatering af Ubuntu til Hardy Heron

maj 23rd, 2008. Kategori: Linux | Ingen kommentarer »

“En Linux begynder opdaterer Ubuntu. Artikel 7”

En ny version Ubuntu, så dagens lys i april. Så det var på tide at opdatere Ubuntu fra Gutsy Gibbon til Hardy Heron. Jeg havde ventet en måneds tid siden releasen for at give Ubuntu en chance for at fikse de værste bugs.

Belært af tidligere erfaringer med Ubuntu og Linux, satte jeg en fridag af til projektet. ;)
Læs resten af indlægget »

Event objektet i Internet Explorer og Firefox

maj 8th, 2008. Kategori: Browser bugs and fixes, Webudvikling | Ingen kommentarer »

Sad på Statsbiblioteket og skulle lave en logging funktion til den nye søgemaskine Summa. Vi har allerede flere logging funktioner tilknyttet Summa, men nu skulle vi bruge noget der kunne logge alle klik på links med AJAX funktionerne. Problemet med at logge links,  der udfører AJAX kald, er at siden ikke skiftes/opdateres 100%, men kun opdateres lokalt.
Læs resten af indlægget »

Tilgængelighed. Toolbars og andre værktøjer

april 30th, 2008. Kategori: Brugervenlighed | 6 Kommentarer »

Når man arbejder med tilgængelighed, skal værktøjet være i orden. Der findes en lang række forskellige værktøjer, når man skal arbejde med et websites tilgængelighed. Lad os først se på den håndfuld toolbars, der findes. 
Læs resten af indlægget »

Statistik over browsere og skærmopløsninger

marts 25th, 2008. Kategori: Webudvikling | 9 Kommentarer »

Som webudvikler er det vigtigt at have adgang til nogle statistikker over  browser og skærmopløsning.  Vi vil gerne vide, hvor gamle browsere vores design skal understøtte, og hvor stor skærmopløsning vores brugere benytter.  Løsningen er statistik.

Det er vigtigt at  statistikkerne er pålidelige og,  at de statistiske data bygger på et solidt grundlag.
Læs resten af indlægget »

Glasknapper og glaseffekter. En Photoshop tutorial

marts 17th, 2008. Kategori: Design, Webudvikling | 7 Kommentarer »

Simple vellignende glaseffekter

Jeg vil i denne tutorial gennemgå, hvordan man laver en simpel glasknap. Metoden er let at overføre til andre elementer, så du kan bruge den til at lave både glasknapper, glasbjælker og andre glaseffekter.

Når man først forstår og behersker denne simple teknik, er det let at aflure andre og mere avancerede glasteknikker.
Læs resten af indlægget »

PHP og dansk tegnsæt. Æ, ø og å fejl. Fra utf-8 til ISO-8859-1

marts 2nd, 2008. Kategori: Webudvikling | 20 Kommentarer »

Det er min 3. artikel om danske tegnsæts problemer. Igen efter at have oplevet fejl med de danske specialtegn: æ, ø og å. Det er det danske tegnsæt latin1, der driller.

Den tekniske betegnelse for latin1 tegnsættet er ISO-8859-1 eller ISO-8859-15. Og når vi definere vores tegnsæt som et latin1 tegnsæt skal vi bruge de tekniske navne.

PHP. Fra utf-8 til ISO-8859-1

Jeg havde loadet noget XML ind på en webside i form af et RSS feed. Jeg brugte simplexml_load_file() funktionen til denne opgave.  Simple_load_xml leverer XML’en med utf-8 tegnsæt, og det giver problemer, når min hjemmeside er kodet med ISO-8859-1 tegnsæt.  Både overskrifter og indhold var ulæseligt på grund af manglende æ’er, ø’er og å’er.

Heldigvis var løsningen nær, php-funktionen: utf8_decode().

utf8_decode($minTekst);

utf8_decode tager en streng og omdanner den fra utf-8 til ISO-8859-1/latin1. Det kan næsten ikke blive mere simpelt. Og så virker det.

Et eksempel med uft8_decode()

Her er et lidt mere komplekst eksempel fra det virkelige liv.  Scriptet henter et RSS feed fra DR’s kultur sektion.

  <?php
  
   // RSS feeden hentes. Gemmes som obejct i $feed
   $feed = simplexml_load_file(‘http://www.dr.dk/nyheder/service/feeds/kultur’);
   

   //channel og item nodes løbes igennem.
   //Channel er parent, her hentes oplysninger om RSS-feeden
   //Item er child og har selv flere children som feks: title, description, pubDate og link
   //alt kørt igennem utf8_decode() Der returner iso ISO-8859-1

   foreach($feed->channel as $channel){
    print utf8_decode(“Kanal:<a href=’{$channel->link}’> {$channel->title}</a><br/>”);
    foreach($feed->channel->item as $item){
      print utf8_decode(“<a href=’{$item->link}’>{$item->title}</a><br/>”);
      print utf8_decode(“{$item->pubDate} <br/>”);
      print utf8_decode(“{$item->description} <br/><br/>”);
      } 
   }
   
  ?>

utf8_decode funktionen er brugt på alle print komandoerne, og tegnsætsproblemet er løst … for denne gang. ;)

Skift tegnsæt med iconv()

Hvis ovenstående ikke løste dit tegnsæt problem med de danske bogstaver,  kan du istedet bruge php-funktionen iconv(). iconv-funktionen konverterer mellem forskellige tegnsæt. Og man kan vel og mærke frit vælge de tegnsæt man vil konvertere imellem.

Vil man f.eks. konverterer mellem det danske ISO-8859-1/latin1 tegnsæt og utf-8, ser løsningen sådan ud:

iconv ( (“ISO-8859-1″, “UTF-8″, $minTekst);)

Jeg har f.eks. brugt denne konverterings metode til at finde det rette tegnsæt efter at mine æ, ø og å’er var blevet ødelagt af et AJAX kald. Netop AJAX kan være særlig drilsk, så det kan det være nødvendigt at eksperimentere med forskellige løsninger.

 Se også min tutorial til en simpel RSS reader med PHP

Problemer med Flash, Thickbox og Lightbox ved visning af billeder

februar 24th, 2008. Kategori: Webudvikling | 5 Kommentarer »

Flash og Thickbox

Jeg har tilføjet JavaScript biblioteket Thickbox til mit portfolio. Selvfølgelig for at få en mere lækker præsentation af mine billeder.

På mit portfolio viser jeg samtidig et lille Flash diasshow. I Internet Explorer 7 (IE7) gav Flash problemer sammen med Thickbox. Flashen lagde sig over Thickbox afblændningen, og dækkede også for selve billedet. Problemet opstod ikke i hverken Firefox eller IE 6.

En simpel løsning: sluk Flash og tænd Flash

Løsningen er simpel. Når Thickbox startes op, skal visningen af Flashen stoppes med noget JavaScript. Første skridt var at give mit Flash diasshow en id (‘dias’) i html’en, så jeg kunne få fat i den med JavaScriptet.

Dernæst tilføjede jeg øverst i : funktionen tb_show() i thickbox.js.

document.getElementById(‘dias’).style.display = “none”;

Og for at starte visningen af flashen igen. Stadig i thickbox.js i funktionen tb_remove() tilføjede jeg sidst i funktionen, lige før return false;:

setTimeout(“document.getElementById(‘dias’).style.display = \”block\”",150);

setTimeout(‘kode’,150) er for at forsinke visningen af flashen. Det er nødvendigt da Thickbox, ikke slukker sin afmaskning af baggrunden, men fader den ud. Det går rimeligt hurtigt, men hvis forsinkelsen ikke er der, vil Flashen nå at spring op foran thickbox’s billedboks.  I mit tilfælde var en forsinkelse på 150 millisekunder passende.

Flash og Lightbox

På vej mod løsningen afprøvede jeg også den basale udgave af Lightbox. Men den gav det samme problem. Igen dækkede Flash for  billedet og blev ikke blændet ned. Denne gang endda i både Explorer og Firefox.

Men efter jeg havde løst problemet i Thickbox,  vendte jeg tilbage til Lightbox. Her placerede jeg de to kodelinier i henholdsvis funktionerne showLightbox() og hideLightbox().

Det var endda noget lettere, da koden i Lightbox er grundigere kommenteret og mere overskuelig. Endvidere fader Lightbox ikke sin visningsbox. Den slukker på en gang. Derfor kunne fjerne forsinkelsen og setTimeout(), fra den sidste kodelinie.

Test af gratis online billedbehandling på Internettet

februar 23rd, 2008. Kategori: Foto, Webudvikling | 3 Kommentarer »

Gratis billedbehandling online

I forbindelse med en opgave for statsbiblioteket, skulle jeg finde en gratis online billedbehandler. Kriteriet var at give 20 webredaktører let adgang til en simpel billedbehandling fra deres egen maskine. Kravet til redigeringsprogrammet var, at et billede skulle kunne beskæres, tilpasses netbrug i størrelse og gemmes i jpg format.

Jeg har testet 3 online værktøjer. Her er en kort anmeldelse af dem.

Brugervenlighed fra Picnik.com

Picnik.com blev jeg mødt af en behagelig og overskuelig brugergrænseflade. 

Stilen er behagelig luftig web2.0-agtig med topmenuer og stor skrift. Alt sammen med til at give en følelse af velkendte funktioner og en intuitiv brug af applikationen.

 

Billedbehandling i Picnik

Det er let at beskære billeder i picnik. Crop funktionen åbner en ramme med et gitter, med 3 gange 3 hjælpelinier, og man kan trække rammekanterne, indtil man er tilfreds med sin beskæring.

Resize (give ny billedstørrelse) af billedet er også let. Man indtaster den ønskede maksimumsbredde og picnic sørgede pr. default for at bevare propertionerne.

Efter en resize bliver fotoet en anelse sløret. Men Picnic har en fremragende sharpen funktion, hvor man selv kan justere graden af skarphed. Man skal altid være varsom med sin brug af sharpen, og derfor er det vigtigt, at man selv kan regulere skarpheden.

I Picnik kan man også regulere farvebalance, lys, kontrast og der er en lang række filtre til special effects, hvis man er til den slags.

Når man gemmer sit foto, er der rådgivning om jpg kompresionen. Meget brugervenligt!

Alt i alt har picnik en lækker finish og feel, og programmet virker på alle punkter meget let og intuitivt at bruge.

Photoshop interface fra splashup.com

Splashup.com er den næste i rækken og er ligesom Picnik, også en flash applikation. Men her hører ligheden også op.

Brugergrænsefladen er bygget op som en forsimplet Photoshop. Ikoner for værktøjerne er baseret på Photoshop lignende ikoner og applikationen bruger flydende palletter. Det virker bare ikke efter hensigten.

Første problem er at billedet bliver loadet ind i 100% størrelse, så man kun ser et udsnit af det. Det tog mig en rum tid, før jeg endelig fandt zoom funktionen, gemt væk i et hjørne.

Næste problem var de flydende palletter som dækkede over billedet. Jeg kunne ikke lukke dem, men måtte trække dem væk, så jeg kunne komme til at arbejde.

 

Billedbehandling i Splashup

Crop funktionen i Splashup fungerer dårligt. Så snart man slipper musen bliver billedet beskåret. Altså ingen mulighed for at eksperimentere sig frem til et godt resultat, uden at skulle bruge fortryd knappen.

Når man skal en ny sætte størrelsen bliver ftoet som default forvrænget. Man selv skal markere constrain for bevare propertionerne mellem højde og bredde.

Sharpen er ubrugelig i Splashup, da man ingen indstilingsmuligheder har. Og filtret er indstillet til at at tage alt for kraftigt fat.

Farvebalance, lys, kontrast indstillingerne fungerer dog fint, og der er også effektfiltre til rådighed.

Overordnet set er navigation og brugergrænseflade svær at overskue. Selv med mit kendskab til Photoshop var det vanskeligt at finde rundt. En begynder i billedbehandling vil have det meget svært med Splashup.

MySpace bling-bling billedbehandling

Den sidste applikation er fra MySpace, og hedder Mytheme.

Førstehåndsindtrykket er en rodet og svært overskuelig brugergrænseflade. Mange funktioner, billeder, reklamer og tekst på for lidt plads. Alt i bedste Myspace stil.

Billededitoren er html baseret, og det viser sig straks. Siden refresher hver gang man vælger et nyt værktøj og det giver lange ventetider.

 

Billedbehandling i Mytheme

Beskæringen i Mytheme fungerer ved at man trækker en ramme om det ønskede område. Man kan dog ikke regulere denne ramme, men må trække en ny, hvis man ikke er tilfreds med sin beskæring.

Helt galt går det, når man skal resize et billede. Man kan simpelthen ikke sætte faste propertioner. Altså skal man have gang i en lommeregner for ikke at forvrænge sit foto. Denne ene manglende feature er nok til at gøre programmet ubrugeligt til seriøs billedbehandling.

Skarpheden kan ikke reguleres og er derfor værdiløs i praksis.

Tilgengæld er der spandevis af effekt filtre, animations og spejlingsmuligheder. Så Mytheme kan måske være sjovt at lege med, hvis man er i sine tidlige teenage år, og synes pink sommerfugle lagt på forvrængede portrætter er fed grafik.

De mange effekter og filtre give mange menuer med 30-40 valgmuligheder, hvilket gør navigationen til et helvede.

Konklusion

Kort og godt: Picnik.com er klasser foran de andre, og et fantastisk gratis værktøj. Man kan købe sig til ekstra funktioner, men alle de basale til en hurtig omgang billedbehandling er gratis.

MySplash kan sagtens bruge med gode resultater til følge. Den kan dog ikke følge med piknic i forhold til interface og brugervenlighed.

Mytheme er fis og ballade, og har nogle sjove effekter, men kan ikke bruges til seriøs billedbehandling.

Alle services i testen giver forøvrigt også mulighed for både at uploade og gemme på PC’en, men også til en lang række af mere eller mindre trendy web 2.0 services som Flikcr, Facebook, Picassa etc.