Nu we toch lekker bezig zijn met HTML 5, wil ik in mijn derde artikel ingaan op de locale databaseStorage mogelijkheden. Deze methode kan complexere data opslaan en verweken aan de gebruikerskant.  Het is in principe een SQLite implementatie binnen de browser van de client. Omdat deze manier van opslag nog in draft is kan er nog veel gebeuren, daarom behandel ik de globale basis zoals hij nu bekend is.

Andere HTML5 artikelen

Heb je ze nog niet gelezen? dan raad ik je aan de twee eerdere artikelen over het canvas element en  local storage te lezen op Netsetters blog.

databaseStorage compatible browsers

Op dit moment kunnen maar een beperkt aantal browsers met de locale database storage overweg. Google’s Chrome (>3), Safari (> 3.2), Opera (>10.5). Bij de release van Firefox 4 in November zal ook de ondersteuning voor locale database toegang meekrijgen. En als we heel veel geluk hebben zou er een kleine kans bestaan dat de functionaliteit later aan versie 9 van Internet Explorer wordt toegevoegd.

Niet compatible, waarom toch gebruiken?

Het is nou eenmaal zo dat ‘maar’ de helft van de browser deze manier van opslag ondersteund, net als met vele andere HTML5 specifieke eigenschappen. Ondanks deze magere ondersteuning kan er nu al winst worden gehaald uit de techniek. Op de Iphone en Android telefoons zijn deze technieken namelijk al geheel beschikbaar gezien deze met Webkit browsers werken (safari en chrome). De tweede reden is dat de nu inspringen de kennis straks vergroot, ook zal het gebruik van de techniek door ontwikkelaars de ondersteuning van HTML5 hoger op de prioriteitenlijst bij de browser-ontwikkelaars komen te staan. want als de consument echt eerlijk mocht kiezen tussen verschillende gratis browsers, dan gebruik je toch een browser die de nieuwe technieken ondersteund? Ook kan de combinatie van oude en nieuwe techniek al een voordeel hebben.

De eerste stap van databaseStorage, een database aanmaken

Met openDatabase() kunnen we een database openen of creëren. Deze JavaScript functie neemt 4 argumenten aan.

• De database naam
• De database versie
• De leesbare naam van de database
• De grote van de database in bytes (ongeveer)

Om een database te creëren en browsers die het niet kunnen af te vangen kunnen we de volgende code gebruiken:

var db;
try {
    if (window.openDatabase) {
        db = openDatabase("DatabaseTest", "1.0", "HTML5 Database voorbeeld", 200000);
        if (!db)
            alert("Kan database niet openen: verkeerde versie of over het limiet heen");
    } else
        alert("Kan database niet aanmaken, uw browser ondersteund geen databaseStorage");
} catch(err) { }

Query uitvoeren op locale database

Om een query uit te voeren gebruiken we de transaction() methode, deze heeft 1 t/m 3 argumenten, namelijk:

1. transaction callback
2. error callback
3. success callback

De transactie bestaat uit een anonieme functie met executeSQL() methode. Deze heeft tot 4 argumenten, namelijk:

1. SQL statement
2. Argumenten
3. SQL callback
4. Error Callback

Schematisch gebeurd er dus het volgende:

db.transaction(function(tx)
  {
    tx.executeSql('SELECT * FROM MyTable WHERE CategoryField = ?',
      [ selectedCategory ],
      function (tx, rs) { displayMyResult(rs); },
      function (tx, err) { displayMyError(err); } );
  });

Waar displayMyResult en displayMyError de succes en error functies zijn.

Voorbeelden, een tabel aanmaken

db.transaction(function (tx)
        {
             tx.executeSql("CREATE TABLE WebKitStickyNotes (id REAL UNIQUE, note TEXT, timestamp REAL, left TEXT, top TEXT, zindex REAL)", [], function(result) {loadNotes();
})
});

Een rij toevoegen

db.transaction(function (tx)
        {
            tx.executeSql("INSERT INTO Adressen (id, naam, adres, woonplaats) VALUES (?, ?, ?, ?)", [id, naam, adres, woonplaats]);
      });

Een rij verwijderen

De meest korte uitvoering, zonder error en succes handlers

 db.transaction(function(tx)
        {
            tx.executeSql("DELETE FROM WebKitStickyNotes WHERE id = ?", [note.id]);
        });

Een select uitvoeren

Een select maken uit tabelnaam MyTable waar de categorie gelijk is aan selectedCategory

db.transaction(function(tx)
  {
    tx.executeSql('SELECT * FROM MyTable WHERE CategoryField = ?',
      [ selectedCategory ],
      function (tx, rs) { displayMyResult(rs); },
      function (tx, err) { displayMyError(err); } );
  });

Meer lezen

Meer kan je vinden op de pagina van het W3C met de offline web applicaties notitie.
Ook een goede aanvullende uitleg is te vinden op de website van creativepark

Related articles by Zemanta

• How to build a html5 websites.v1 (slideshare.net)
• Five Things IE9 is (Actually) Doing Right (sixrevisions.com)
• Google official reaffirms HTML5 readiness (infoworld.com)
• The State of HTML5 Local Data Storage (rethink.unspace.ca)

Eerlijk gezegd was ik op het eerste moment een beetje teleurgesteld in de browser van Google. Daar kwam nog eens bij dat het bijna een jaar duurde voordat ook Apple’s OS X deze browser mocht gebruiken en dat er op het begin geen plugins beschikbaar waren die nou zo onmisbaar zijn voor ontwikkelaars.

Maar het is nu eindelijk zover. Ik gebruik het op mijn Mac, ik kan plugins installeren heb een week alleen maar gebruik gemaakt van Google’s Chrome. Daarbij heb ik de Google Notifier vaarwel kunnen zeggen. Ik heb enkele plugins geprobeerd en die lijst wil ik je niet onthouden:

1. Google Reader
   Geeft een melding van het aantal ongelezen items in je Google Reader
2. Google Wave notifier
   Melding voor nieuwe Waves in Google Wave
3. Chromed Bird
   Meldingen voor Twitter, via hier kan je ook zelf Twitteren
4. Web Developer mini
   Geeft enkele opties om snel je HTML/CSS te kunnen valideren of de broncode te raadplegen
5. Firebug Lite
   Hopelijk komt er snel een meer uitgebreide versie zoals Firebug voor Firefox
6. Chrome Webdeveloper tools
   Extra Webdeveloper tools
7. Gmail notifier
   Melding van nieuwe berichten voor je Gmail account
8. Window resizer
   Resize je browser venster
9. Dual Screen
   Geen plugin maar wel heel handig, plaats 2 webpagina’s naast elkaar in 1 venster
10. Pagerank
    Google Pagerank
11. Webpage Screenshot
    Neem snel en eenvoudig een screenshot van de webpagina
12. Eye Dropper
    Verkrijg snel de juiste kleurcode van een element binnen een webpagina
13. PHP Documentation
    Snelle informatie op de PHP.net website
14. Lorem Ipsum Generator
    Genereer Lorem Ipsum tekst
15. Share on Facebook
    Deel de URL op Facebook
16. Chrome SEO
    Zoekmachine optimalisatie, verkrijg snel alle info over de bezochte pagina
17. SEO Site Tools
    Bekijk de resultaten in zoekmachines

Tijdens het doornemen van mijn dagelijkse kost op Google Reader liep ik tegen een artikel aan over “experience maps“. Een mooie verwoording van een project waarin wordt gekeken hoe een potentieel koper van een product uiteindelijk kiest voor het product en deze dan ook gebruikt en deelt. Niet alleen het artikel trok mijn aandacht, maar ook de onderverdeling van verschillende stadia die worden doorlopen: Past experience, Awareness, Choose, Purchase, Play, Share.

Zelf het beste concept kan fout gaan.

Te vaak gaan we er vanuit dat een leuk idee het wel gaat redden.

‘Als het concept goed is gaan mensen er zelf wel gebruik van maken.’

Toch zie ik enorm veel leuke online concepten de mist in gaan omdat er geen gebruik van wordt gemaakt door de massa. Vaak wordt het concept aangepast en wordt de schuld in de uitvoering daarvan gezocht. Het probleem ligt echter niet bij het concept maar met het proces. Een webapplicatie of dienst opzetten is niet iets wat vandaag staat en morgen draait, het heeft ‘commitment’ nodig vanuit een doelgroep. Gebruikers die ook echt gebruiken en ook de ervaring weer delen.

Past Experience

Al onze keuzes worden bepaald door ervaringen in het verleden.  Iedereen ontwikkeld bepaalde voorkeuren en ideeën die bij de keuze van een applicatie een rol kunnen spelen. Heb je bijvoorbeeld ooit een probleem gehad met een sociale applicatie die alle vrienden in je MSN lijst opeens een bericht stuurt, dan kijk je wel uit als je de volgende keer een applicatie tegenkomt die contacten kan importeren vanuit je MSN, terwijl het niet per definitie hoeft te betekenen dat iedereen een mail krijgt. Zo zijn er veel ervaringen die een rol spelen. Jammer genoeg kunnen wij deze ervaringen niet van ieder uniek persoon raadplegen. Wel kunnen we bij een goede doelgroep-bepaling de algemene ervaringen van een doelgroep definiëren.Daarnaast zijn er ook recente ervaringen (of trends/hypes) waar wel op ingespeeld kan worden.

Awareness

Je product of dienst krijgt nooit een aanhang zolang niemand van zijn bestaan af weet. Door in kaart te brengen hoe iemand er in contact mee moet komen kunnen er vanzelf contact-momenten naar voren.  Klassieke manieren van bewustwording creëren zijn bijvoorbeeld reclamespots, advertenties en flyers. Maar ook AdWords, banners, goodies, beurzen, displays etc zorgen voor een stuk bewustwording.

Choose

Als je publiek bekend is met het product of dienst, moet deze wel gekozen worden. Door het internet kunnen bezoekers snel vergelijken tussen verschillende producten. Er wordt voor keuze vak af gegaan van meningen van anderen. Het is daarom belangrijk dat er (zeker in de opstart fase) een actieve monitoring is wat er gebeurd op het net. Zodra mensen vragen hebben moeten deze gesteld kunnen worden en de voordelen van je product boven de concurrent moeten duidelijk aangegeven worden. Gebruik bloggers en andere free publicity om je product vindbaar en actief te houden. Wees 100% bewust van je SWOT (sterkte- zwakteanalyse) zodat je weet waarom een klant eventueel voor een ander zou kunnen kiezen.

Purchase

Na de keuze voor een product kan de aankoop / inschrijving / gebruik beginnen. Ook in deze stap kunnen er veel potentiële gebruikers en klanten weglopen. Onduidelijke voorwaarden, onduidelijke betaalmethodes, garantie beperkingen of slechte levertijden. Al deze dingen dragen bij in het niet verkrijgen van een bezoeker terwijl deze eigenlijk wel voor het product hebben gekozen.

Wees alert op uitstap-momenten binnen een registratie of bestel-proces.

Play/ Use

Eindelijk, je product of dienst wordt gebruikt. Dit is niet een moment om te stoppen bij de klant. Om er voor te zorgen dat de gebruiker ook gaat delen (laatste stap) en er dus zorg voor draagt dat een volgende klant de eerste drie stappen doorloopt zonder een grote investering vanuit de aanbieder moet er ook tijdens het gebruik  goed waargenomen worden waar de klant mee zit.  Vragen moeten gesteld kunnen worden, ervaringen moeten gedeeld worden. Zodra de gebruiker het gevoel heeft dat er naar hem geluisterd wordt zal deze zich sneller verbonden voelen met het product.

Share

Als alle bovenstaande onderdelen goed zijn gelukt zal de bezoeker/klant de ervaringen ook gaan delen. Bied deze mogelijkheid ook door open te staan voor suggesties, sociale media te ondersteunen en mee te discussieren (niet wanneer het om welles-nietes onderwerpen gaat) op fora en blogs. Wees actief in online communicatie. Kijk vanwaar je bezoek komt (door verwijzende sites) en waar je bezoek heen gaat. Zo kan iedere “klant” weer bijdragen in de ‘past experience’, ‘awareness’ en ‘choose’ fases van een nieuwe klant.

De afgelopen dagen worden we om de oren geslagen met artikelen over de trends van 2010. Wat gaat er gebeuren volgend jaar blijft natuurlijk een groot raadsel, maar toch zijn er enkele trends die overal terugkomen. Zo blijkt dat 2010 ons niet veel nieuws gaat brengen, maar vooral een verbetering gaat brengen van de trends die in 2009 zijn gezet. Een onderwerp dat zich steeds herhaalt is toch wel het real-time web, maar waar komt dat vandaan? en waar gaat het naartoe?

Het begin van real-time

Met de komst van Twitter werd de waarde van het real-time web ingezien. Nieuws kan zich in enkele seconden de hele wereld over razen. Iedereen is reporter geworden van normale alledaagse dingen. Sta je in de file, kijk op Twitter, Zie je rook, kijk op Twitter. Alles staat er bijna direct op. Zelfs internet-storingen zijn sneller op Twitter te vinden dan op de websites van betreffende aanbieders. Door velen wordt Twitter gezien als een keuvel-netwerk, maar het laat zien dat realtime toch echt een grote potentie heeft. Steeds meer bedrijven erkennen dit dan ook, en maken gebruik van de vele mogelijkheden die de berichtendienst biedt.

Zoekmachines en realtime

Afgelopen jaar hebben zowel Google als Microsoft deals gesloten met Twitter om de berichten in de zoekresultaten op te nemen. Google  bouwde extra opties om resultaten te filteren op tijd, zodat er alleen zoekresultaten gezien kunnen worden die bijvoorbeeld afgelopen week geschreven zijn. De oorzaak hiervan is de alsmaar groeiende informatie op het web, maar ook de grote hoeveelheid verouderde informatie. Nu het web al wat jaren oud is zijn er steeds meer sites en artikelen die niet meer relevant/up-to-date zijn. Om relevante informatie aan te bieden moet er dus wel gekeken worden naar informatie die de afgelopen tijd bijgehouden is.

Grote veranderingen voor ‘content creation’

Deze verandering legt grote druk bij organisaties die een website bijhouden. Als er namelijk een tijd niks gedaan wordt zakken ze weg in zoekresultaten. Het wordt dus ook een jaar waarin content-creation erg belangrijk gaat worden. Bedrijven zullen moeten gaan ‘bloggen’ en nieuws moeten gaan ‘feeden’ om hun digitale hoofd boven water te kunnen houden. Niet alleen woord, maar ook beeld zoals video zullen hierin een belangrijke rol gaan spelen. Het aanbieden van nieuws buiten de eigen website wordt ook steeds belangrijker, zo belangrijk zelfs dat ik denk dat een groot aantal bedrijven eigenlijk geen website meer nodig hebben, maar alleen een basis om hun informatie over verschillende platformen te communiceren.

Email en samenwerken in Realtime

Ook Google Wave verraste ons afgelopen jaar met een nieuwe techniek die in de toekomst het e-mailen wel eens zou kunnen vervangen. Door realtime een ‘wave’ gezamenlijk bij te houden weten de deelnemers precies wie  wat leest en wanner.  Door  het centraliseren van berichten is het afgelopen met meerdere kopijen van hetzelfde bericht. Hetzelfde principe heeft ervoor gezorgd dat ook Google Docs populair  is geworden. Samenwerken in realtime.

Real-time als voorwaarde voor ‘Augmented reality’

Ook zijn er grote verwachtingen voor Augmented reality, en manier de realiteit  zoals wij hem zien aan te vullen met digitale data. Om deze techniek succesvol te maken dient de data bijna realtime te zijn zodat de ‘reality’ ook realtime is.  Anders zou deze niet aansluiten op wat wij om ons heen zien.

Oppassen voor information-overload

Het grote gevaar van real-time informatie is de enorme hoeveelheid informatie die op ons afkomt, 24 uur per dag. De tijden dat we om 8 uur met zijn allen het nieuws  gingen kijken zijn voorbij. Deze grote hoeveelheid van informatie dienen in goede banen te worden geleid. Hiervoor zullen het komende jaar weer verschillende mooie  initiatieven worden bedacht. Ook verschillende publishing platforms zullen worden ontwikkeld om het publiceren van berichten onafhankelijk te maken van het platform waarop gepubliceerd gaat worden.

Related articles by Zemanta

• Predictions for Google’s 2010 (thaibrother.com)
• Top Google Apps in 2009 (thaibrother.com)
• #%*@#! The top 10 tech ‘fails’ of 2009 (cnn.com)
• 9 Great Document Collaboration Tools for Teams (mashable.com)

Bijna iedereen is wel lid van een ‘sociaal netwerk’, of het nou een netwerk is met een ‘fun factor’ zoals Hyves of Facebook, of zakelijk als LinkedIn.  Door de vele sociale netwerken beginnen gebruikers een beetje ‘netwerk-moe’ te worden. Niet voor niets is het woord van 2009 ‘ontvrienden’ geworden. Dit is jammer omdat we pas aan het begin staan van de vele ontwikkelingen die social media ons kan geven.

Ergernissen

De grootste ergernis is het bijhouden van vele sites terwijl ze eigenlijk allemaal dezelfde data gebruiken. Een oplossing hiervoor is OpenID, een digitale identiteit die decentraal wordt opgeslagen. Een tweede ergernis is dat ‘alle sites maar alles weten’. OAuth geeft de gebruiker de controle over welke informatie gebruikt wordt op de andere site.

Voorbeeld: je hebt een profiel op Facebook, hiervoor heb je een gebruikersnaam en wachtwoord.  Je favoriete foto’s sla je ook op in Facebook. Nu bestaat er een dienst waarmee je deze foto’s kan laten afdrukken en per post kan ontvangen. Door OpenID kan je jezelf inschrijven met je Facebook gegevens op de fotoservice. De fotoservice controleert dan bij Facebook je gegevens. Zo heb je 1 gebruikersnaam en wachtwoord voor beide diensten. Daarnaast kan er door middel van OAuth permissie worden gegeven om je foto’s en je adres van Facebook naar de fotodienst over te hevelen. Zo is er duidelijk welke gegevens aan wie worden doorgegeven.

OAuth is geen OpenID extentie.

Alhoewel ze goed samenwerken is OAuth geen extensie voor openID en werkt perfect op zichzelf. Wel is de combinatie van de twee technieken een sterk open standaard om sociale platformen met elkaar te verbinden en gebruikersgegevens zover mogelijk te beschermen.Op OAUTH.net wordt dit nogmaals goed onderbouwd:

OAuth is not an OpenID extension and at the specification level, shares only few things with OpenID – some common authors and the fact both are open specification in the realm of authentication and access control. ‘Why OAuth is not an OpenID extension?’ is probably the most frequently asked question in the group. The answer is simple, OAuth attempts to provide a standard way for developers to offer their services via an API without forcing their users to expose their passwords (and other credentials). If OAuth depended on OpenID, only OpenID services would be able to use it, and while OpenID is great, there are many applications where it is not suitable or desired. Which doesn’t mean to say you cannot use the two together. OAuth talks about getting users to grant access while OpenID talks about making sure the users are really who they say they are. They should work great together.

Is er toekomst voor OpenID en OAuth?

OpenID is ondergebracht inde OpenID Foundation.  Grote spelers als Microsoft, Google en Yahoo hebben zich hierbij aangesloten. OAuth wordt inmiddels gebruikt door Twitter, Flickr en Digg. Dit is natuurlijk een goede start, maar het heeft pas echt kans van slagen als ontwikkelaars van nieuwe sociale netwerken dezelfde standaarden gebruiken. Ik zie zelf ook een taak voor (semi)overheids organisaties om dit soort technieken tegen he licht te houden. Misschien dat  uiteindelijk het gewraakte DigID meer open en bruikbaar wordt.

Zelf beginnen met Oauth en OpenID?

• OAuth libraries voor de populaire programmeertalen
• OpenID libraries voor de populaire programmeertalen

Related articles by Zemanta

• Twitter and The Case Against oAuth (cristianobetta.com)
• OAuth Beginning to Rock the World (cloudave.com)
• OpenID: Over One Billion (Potentially) Served (webmonkey.com)
• Google Experimenting With Browser Login For Chrome OS (techcrunch.com)

• #Wordpress gekoppeld aan #Twitter, Twitter gekoppeld aan #Facebook. Nu mobiel nog aan WordPress en ik ben klaar #
• Linkedin nu ook er bij En een automatisch weer een digest op mijn WordPress.. Alles loopt weer synchroon #
• Google wave invite nodig? heb er hier nog ruim 100 over. #googlewave #
• weer een dag dr op, onderhandelen over huis in breda, het gaat allemaal moeizaam, lijkt of niemand zijn huis wilt verkopen. #

Powered by Twitter Tools

Steeds meer applicaties draaien in de ‘cloud‘, oftewel het internet. Deze applicaties worden niet meer geïnstalleerd op een computer  maar draaien op het internet binnen de browser. De eerste voorbeelden hiervan zijn de webmail applicaties. Ooit begonnen als een manier om tussendoor de email te controleren, maar door Gmail ontwikkeld tot een volwaardige email client.

Snellere browsers

De afgelopen jaren is er veel gebeurd met de browsers die wij gebruiken.Door de snellere internetverbindingen kon er meer naar de browser gestuurd worden. Die grotere hoeveelheid aan informatie moet ook verwerkt worden. Dit heeft geleid tot betere,snellere en krachtigere browsers.  Uiteindelijk heeft dit de weg vrij gemaakt voor geavanceerdere webapplicaties. Deze hebben weer een snellere internet-verbinding nodig en zo is de cirkel weer rond. Deze cyclus verloopt steeds sneller wat een enorme stimulans is voor ontwikkelaars van online webapplicaties.

Verandering van ons besturingssysteem

De verschuiving van applicaties naar de cloud heeft grote consequenties voor de besturingssystemen die wij gebruiken. Het doel van een besturingssysteem is snel toegang geven tot applicaties,maar webapplicaties hebben de tussenlaag van de browser. Hierdoor zijn er enkele besturingssystemen in de maak die het huidige idee van een besturingssysteem loslaten en zich richten op de cloud.

Google Chrome OS

Een van de bekendste van deze ‘nieuwe generatie’ besturingssystemen is Google Chrome OS. Dit systeem is uit gegaan van de bekende browser. Uitgebouwd met snelkoppelingen voor veel gebruikte webapplicaties. Hierin spelen de bekende webapplicaties van Google natuurlijk een grote rol, maar ook de nieuwe online office software van Microsoft werd getoond binnen Chrome OS

gOS

Door sommigen in het verleden gebombardeerd als GoogleOS omdat gOS gebruik maakt van de vele Google web-applicaties. gOS is eigenlijk Ubuntu met een eigen skin en de Google Cloud services er aan toegevoegd.  De “widgets” maken het geheel weer wat speelser en de verdere optimalisatie voor gebruikers van Netbooks  zijn welkom. De makers van gOS zijn nu ook bezig met een volledige cloud versie van hun OS, maar daar is nog niet genoeg over bekend.

gOS met widgets

Moblin

Door het bureaublad concept geheel los te laten en aansluiting te bieden op de populaire webapplicaties van het moment is Moblin een indrukwekkend besturingssysteem dat zeer intuïtief werkt. Moblin gaat uit van de taken die een gebruiker uitvoert. Muziek luisteren, websites bezoeken,mailen,sociale websites en contacten onderhouden,video’s kijken, etc. Alle functionaliteiten zijn verweven in verschillende panelen gemakkelijk bereikbaar. Tot nu toe ben ik zeer tevreden met Moblin maar het ene grota nadeel, ik krijg het niet draaiende op mijn EEEpc 900, omdat de processor niet ondersteund wordt. Jammer want ik had graag met dit systeem gewerkt.

Jolicoud

Omdat ik Moblin niet kon gebruiken op mijn eeepc 900 was ik op zoek naar een goed alternatief. Bij het zoeken stuitte ik op Jolicloud (zelfde makers als Netvibes). Bij het lezen van hun visie werd ik al enthousiast:

At Jolicloud we believe a movement has started. A movement that will change the computer industry forever: a world where computers are inexpensive, where operating systems are free and software is online. This is the world we dreamed of when we first discovered computers and the Internet.

Omdat het testen alleen bestemt was voor enkele mensen schreef ik me in voor een uitnodiging. 1 dag later kon ik Jolicloud installeren en proberen. Helaas viel me dit erg tegen. Het is eigenlijk gewoon de Netbook Remix versie van Ubuntu, plus Mozilla’s Prism en een set aan webapplicaties die binnen Prism draait. De meegeleverde USB bootdisk maker voor win/os x/linux was mooi, de installatie is wat we gewend zijn van Ubuntu; erg simpel, maar dan de tegenvaller. In de screenshots leek het heel wat maar het is niks meer dan een webpagina die ook draait binnen Prism bovenop Ubuntu.  Het is een goede visie, een leuk begin maar verkeerde uitvoering.  Misschien dat het idee in de komende tijd verder wordt doorontwikkeld zodat het geen tegenvaller meer zal zijn. Het zou fijn zijn om ook binnen de Jolicloud omgeving de web-apps te kunnen draaien zodat er niet steeds teruggegaan moet worden naar het conventionele Netbook Remix scherm.

Andere initiatieven

Er zijn vele andere initiatieven die ik niet allemaal op kan noemen. Microsoft is bezig zijn Live platform te combineren met een cloud OS Windows Azure. Daarnaast zijn er naast de ‘hybride’ cloud oplossingen die ik beschrijf enkele volledig gevirtualiseerde besturingssystemen online, zoals eyeOS. Toch denk ik dat een volledige overstap naar de cloud een stap te ver zal zijn… voor nu.

OS als betonblok

Door deze ontwikkelingen is het ‘originele’ OS een massief blok aan het been geworden van veel computergebruikers. Deze OS’en hebben zware dure computers nodig om goed te draaien om daarna alleen een tussenlaag te worden om webapplicatie te draaien. Voor ruim 80% van de computergebruikers is de computer te zwaar en een stroomvreter; en de software te duur. Deze ontwikkeling gaat de computerindustrie veranderen ten gunste van de consument. Het duurt niet lang voordat Het besturingssysteem voor een groot deel in de cloud zal gaan werken.  De vraag is alleen: hoe lang laat de consument zichzelf nog bespelen?

Related articles by Zemanta

• Chrome OS demo today (ecombizcenter.blogspot.com)
• Web browser Round-up : From ‘Most Popular’ to ‘Most Innovative’ (techpluto.com)
• What Is an Operating System? The REAL Guide to Chrome OS for Dummies. (siliconangle.net)

Search is getting the dominant way to navigate trough the web.  The first web generation started out with a web-directory (the good old Yahoo, Altavista times), nowadays the start of every web-visit is search.  Websites changed a lot because of this. menu’s, sitemaps and breadcrumbs (the whole web experience) changed because the homepage of every website is not the usual landing page. A search-box is almost essential on every website.

Positioning of the search box

More websites are using a search-box the give users fast access to their information. Not only because websites are getting bigger, also because search is an automatic process. The “Google-Generation” does not care about menu’s they directly use the search-box to find the information they need, even if a website has just 5 pages.  To make the  search box accessible it needs to be on ‘the right spot’.
eye-tracking heatmaps tell us that most visitors are scanning a page in a ‘F’ figure. Two horizontal lines (mostly the horizontal menu and the first header) and a vertical line (a vertical menu). search-boxes are mostly places in the right-upper corner within this ‘F’.

Design of the search-box

Most search-boxes are just a text input field with a button to start search. Sometimes they got a ‘advanced’ search possibility. After examining loads of boxes I came to some general conclusions:

• There seems to be a trend to filter a search-result after searching instead of offering an advanced search option.
• Most searches give results with the search-term emphasized and placed in their context.
• Wildcards like % and * are not used anymore.
• Websites with a lots of content place a search-box in the center, and do not offer a classic menu anymore.

Examples of search boxes

Related articles by Zemanta

• SEO Optimization Basics And Concepts (ronmedlin.com)
• Microsoft, Yahoo partnership could reach beyond the US (sfgate.com)
• Google Optimization Tips for Photography Websites (nichetitans.com)
• Blog – Caffeine Injection Gives Google Search a Boost (technologyreview.com)
• YaToo: Y! Going Real Time (marketingpilgrim.com)

Since I’m not an expert in Adwords (and never will be) I was a bit anxious of not getting any results. The tools and information on the web really helped me getting started and improving my campaign.

First results

After 3 days of mediocre results I found out that some of the adds / words where not accepted because of their quality. After reading alot about Adword quality and how to improve I got 300% increase of clicks.  After installing the conversion optimizer I can keep track of real conversions. Clicks do not mean anything without conversions.  We found that the cost per conversion is 30% lower.

Getting better

Since Google is changing their Adwords interface almost every week I noticed the new “possibilities tab”. Here I got almost 16.000 new suggestions and valuable tips. This helps me getting better results every day.Some general tips (by Google) are:

Organize your campaign by theme

In each campaign, create separate ad groups for each of your products, brands, or types of services you offer. Each ad group can then have a highly related set of keywords and ads that match the specific theme. By doing this, your ads can highlight exactly what a customer is searching for.

Choose your keywords carefully

Use specific keywords that directly relate to the theme of your ad group and landing page. Keywords that are too broad can lower your performance by generating many ad impressions but few clicks. One-word keywords are likely to be too generic, so try using two- or three-word phrases. Use the Keyword Tool to generate keyword ideas.

Include keywords in your ad text

Include your keywords in your ad text (especially the title) to show users that your ad relates to their search. If your ad shows when a user searches on a keyword in your ad group, the keyword will appear in bold in your ad text.

Use the right destination URL

Make sure that the destination URL (landing page) you use for each ad is the most relevant page within your website — ideally, a page dedicated to the specific product or service that’s highlighted in your ad.

Track your success

To make informed decisions about how to optimize your campaigns, review your campaign statistics. To measure your success, use conversion tracking to see which ads and keywords bring the most to your business.

Related articles by Zemanta

• How to Research Keywords for Your Business Blog (wordsellinc.com)
• Find Keywords That Nobody Else Uses with Keyword Shack (johnchow.com)
• Google Export Advisor Helps AdWords Advertiser Market Globally (seroundtable.com)
• Updated Versions of the Keyword and Placement Tools – Now in Beta (adwords.blogspot.com)
• Improving Your Adwords Quality Score Factors (davidnaylor.co.uk)