Testing video upload in Blogger

Recently, Google's Blogger added the ability to upload video. While the video is uploaded you can continue working on your blogpost. Neat.
Here is the result:


This is a screenshot of how the post appears in Google Reader:

Also in Netvibes, the video appears (but twice ;-)).

This is the code generated (with long encoded URL's edited out):

<object width="320" height="266" class="BLOG_video_class"

   id="BLOG_video-c97b748c29cea499"

   classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 

   codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">

   <param name="movie" value="http://www.blogger.com/img/videoplayer.swf?videoUrl=LONGVIDEOURL&nogvlm=1&thumbnailUrl=LONGTHUMBURL">

   <param name="bgcolor" value="#FFFFFF">

      <embed width="320" height="266" 

         src="http://www.blogger.com/img/videoplayer.swf?videoUrl=LONGVIDEOURL

            &nogvlm=1&thumbnailUrl=LONGTHUMBURL& 

            messagesUrl=video.google.com%2FFlashUiStrings.xlb%3Fframe%3Dflashstrings%26hl%3Den"

         type="application/x-shockwave-flash">

      </embed>

</object>
<a href="rtsp://rtsp-youtube.l.google.com/video.3gp?fmt=13&cid=c97b748c29cea499" type="video/3gpp">

   <img width="320" height="266" alt="video"

       src="http://video.google.com/ThumbnailServer2?app=blogger&contentid=c97b748c29cea499

      &offsetms=5000&itag=w320&sigh=f52nsu-i5tuyLzJ7tEY1Q8a5Y2M"

      class="BLOG_mobile_video_class" id="BLOG_mobile_video-c97b748c29cea499">

</a>

So if the Flash object can not be rendered, at least a link to a RTSP server with a 3GPP video is presented. The latter is probably the case on mobile browsers (Iphone?). The movie size is 320x266. Probably this corresponts to a default 4:3 aspect ratio and 320x240 pixels video surface. So there are 26 lines at the bottom for the controls. So if the the original footage has 16:9 format, black borders are added automatically so that aspect ratio is maintained.

Conclusion: Google Blogger upload works well, uploading goes fast and allows continuing editing while uploading goes on. Nicely done!

Nintendo DS evolves into smartphone for kids

As already mentioned in a previous post about the "Wiivolution" the Nintendo DS Lite gets Voice over IP. I means that if you are in a free hotspot with wireless internet, you can call somebody else for free. It's not yet official by Nintendo as Endgadget reports: Nintendo DS Lite gets VOIP.

From 2399 to 2400: more then 43 love games needed

The chap stryving for the ultimate 2400 Wii Tennis level has completed 43 love games. I somehow hoped for the jump to 2400 after 42 love games ;-). He says he'll persist in the chase of 2400 fame until 140 love games. Stay tuned.

If your Wii Tennis level is 2399, can you reach 2400 ?

A collegue reached a 2399 Wii Tennis level:


I wonder how much love games he has to play to reach 2400. If he will ever. To get from 2398 to 2399, 13 love games were needed. Already 24 love games with 2399 have been played. Stay tuned.

Interesting times ahead

Apple invited the press tomorrow 5 september. A lot of rumors are going on. New Ipod, the Beatles on Itunes, .... stay tuned.
Other rumours are heating forecast Google Wiki will be launched next week. Somthing I was waiting for more then a year (after they acquired Jotspot). Remember that it's more important how you can write the web than reading it. I guess Google Wiki will prove that.

And in case you didn't notice, Google buys news directly from press agencies and publishes on Google News. Just like Lost Remote I also think it's a landmark for Google because they leave the position being a neutral platform and become competitors of news agency's. Cutting out players in the value chain has always been a interesting strategy. The question will be if the automated news aggregation that taps the wisdom of the crowd will outperform human intelligence of experts. Indeed, interesting times ahead.

Embedding MP4 in HTML with Flash 9 beta Moviestar

From Jeroen Wijering I found a way to play MP4 movies in a webpage using the new Flash Version 9 beta, nicknamed Moviestar. It uses SWFObject to embed a Flash file using Javascript and the mediaplayer by Jeroen.
This is the code:

<script type="text/javascript" src="swfobject.js"></script>


<p id="player1">

   <a href="http://www.macromedia.com/go/getflashplayer">

   Get the Flash Player</a> to see this player.

</p>


<script type="text/javascript">

 var s1 = new SWFObject("mediaplayer.swf","single","384","224","7");

 s1.addParam("allowfullscreen","true");

 s1.addVariable("file","test.mp4");

 s1.addVariable("image","preview.jpg");

 s1.addVariable("overstretch","none");

 s1.addVariable("smoothing","false");

 s1.write("player1");

</script>

In the same directory above code is residing, store swfobject.js,test.mp4,preview.jpg and mediaplayer.swf.
The result looks like this:

I don't understand yet when clicking on fullscreen, the video does not resize but that's probably an option of mediaplayer I have to enable. Also, I have the impression the movie is first downloaded before playback starts. I am quite sure the header atoms in test.mp4 are in front of the file. So the movie should faststart. Here is an example where it does work. Any suggestions welcome in the comment.

UPDATE:
leaving out the overstrech variable so that is get the default true value, stretches the movie to fullscreen in fullscreen mode. No problem now with the fast start. So the code becomes:

<script type="text/javascript" src="swfobject.js"></script>


<p id="player1">

   <a href="http://www.macromedia.com/go/getflashplayer">

   Get the Flash Player</a> to see this player.

</p>


<script type="text/javascript">

 var s1 = new SWFObject("mediaplayer.swf","single","384","224","7");

 s1.addParam("allowfullscreen","true");

 s1.addVariable("file","test.mp4");

 s1.addVariable("image","preview.jpg");

 s1.write("player1");

</script>

Drupal + Flex : Adobe becoming good netizen ?

Benevolent dictator of Drupal, Dries Buytaert, announced that he has tipped his tows into Adobe Flex technology. A bit surprising given Drupal's open source approach. It looks like Adobe is tipping their tows into open source because they contributed to Drupal as well. Adobe also announced and released their beta Flash player nicknamed moviestar that supports advanced MPEG-4 audio and video (the systems part (.mp4 files), the High Efficiency AAC and Advanced Video Coding AVC Part 10 to be more precisely). Meaning that within a year more then 90 percent of the browsers will be able to play video content based on a open standard. Something only Quicktime could do. The Quicktime player is ok but the implementation on Windows was always beyond standards with regards to performance. Maybe Adobe's move will force Apple to improve their Windows implementation. Fullscreen functionality that came with version 7.2 is already a step into the good direction. May the best win!

I've made a small test to embed a MPEG-4 file but no succes. The file is loaded but does not play with the beta player installed. For your reference, this is the code I used:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,18,0"

id="fullscreen" align="middle" height="224" width="384">

<param name="allowFullScreen" value="true">
<param name="movie" value="test.mp4">

<param name="bgcolor" value="#333333">

<embed src="test.mp4" allowfullscreen="true"

bgcolor="#333333" name="fullscreen" type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

align="middle" height="224" width="384">

</object>

The file test.mp4 is in the same directory as the html page. Maybe the mime type is not ok ?

New feature in Google Maps: embed into html

Google announced a new feature of Google Maps. Go to "My Maps"/"Mijn kaarten" on maps.google.be and click on "Link to this page"/"Link naar deze pagina". Two textfields appear:
Embedding the HTML in the second text box under "HTML in website plakken":

<iframe width="425" height="350" 
   frameborder="no" scrolling="no" marginheight="0" marginwidth="0"

   src="http://maps.google.be/maps/ms?ie=UTF8&hl=nl&msa=0&

        msid=106593127569810234189.000435c68e072f63d1f57&om=1&

        ll=50.916561,4.699123&spn=0.090651,0.05137&

        output=embed&s=AARTsJpF3cBYZmrDjYcLS8foVeBIWCBK5A">
</iframe><br/>
<a href="http://maps.google.be/maps/ms?ie=UTF8&hl=nl&msa=0&

       msid=106593127569810234189.000435c68e072f63d1f57&

       om=1&ll=50.916561,4.699123&spn=0.090651,0.05137&

       source=embed"

    style="color:#0000FF; text-align:left;font-size:small">
   Grotere kaart weergeven

</a>

renders in this blogpost as:

Grotere kaart weergeven
which will show up right on your blog but might leave just a blank spot in your feed reader. Let me know in the comments how it works with your feed reader.
If you click on "Ingesloten kaart aanpassen en voorbeeld ervan weergeven", you get the ability to alter the defaults of the generated HTML:

Basically, it allows to alter the size of the included map. It's a pitty that you can not influence the controls that appear on the map.

New version of Handbrake released : 0.9.0

Recently, Handbrake 0.9.0 was released. Handbrake is a software tool to encode DVD's to mpeg-4 files. I used the previous version frequently to backup movies for the kids and was already very impressed by the tool. I guess the new version can only be better. A nice review can be found on MacWorld. Handrake is free and based on a lot of free software.

I go on holiday to the sea and I take with me:

books.

More particularly, I have high expectations from:
"De zee, Een fascinerende ontdekkingsreis door verleden, heden en toekomst van onze planeet" written by Frank Schätzing. The dutch version of the book "Nachrichten aus einem unbekannten Universum". I think reading this is a excellent preparation to the upcoming game Spore. The game is inspired on the movie "The power of ten". I saw that movie on the dutch television in "Zomergasten" in 2005. The guest was Robbert Dijkgraaf, one of the founding fathers of the string theory. Will Wright, the creator of The Sims, has created Spore partly inspired on the power of ten. Spore is an epic journey that takes you from the origin and evolution of life through the development of civilization and technology and eventually all the way into the deepest reaches of outer space.

The other books are:

• The Road to Reality: A Complete Guide to the Laws of the Universe written by Roger Penrose
• De Eekhoorn from Primo Levi, a work of fiction
• The world is flat by Thomas L. Friedman. Many people urged me to read it but somehow I didn't until now. I think the world is spikylike Richard Florida and Sophie Vandebroek, the Belgian chief technology officer of the American multinational Xerox ('Mijn vrije tijd beheer ik zoals mijn werk' by Tom Vandyck in De Morgen op 4/8/07)
• The paradox of choice by Barry Schwartz (see his lecture on Google Video or read the review in the New Yorker). I guess to learn some thoughts that counters the ideas of the long tail.
• De clan van de wilde honing van Ad Borsboom, I hope to gain some insight in the tribal functioning of the Aboriginals.I already explained my interest in authentizotic organistation

Nice to see that all books come from the local library except the book from Penrose.

My Personal DNA

Like Jean Philip, Peter and Pietel I also determined my personal DNA:

Hm, advocating inventor? Maybe.

Signed up to Google Mashup Editor

Huray, I'm signed up to the Google Mashup Editor beta test program. First impression is that its less graphical then the pipes from Yahoo! I don't know if that's a bad thing. More on this later.

Google Mashup Editor

Google is sending out private invites for their Google Mashup Editor. I already signed up for it. Google Mashup Editor (GME) is a webbased tool for creating mashups using GME syntax along with HTML, CSS and Javascript. Hopefully I'm selected for an invite so that I can tell more about it. Read/write Web has already received their invite and wrote about it. Take the GME tour to learn the basics.

GME resides into the same class as Yahoo Pipes. Those editors are important because they attempt to make it as easy to write as to read the web ("The original slogan was always to have a web that was easy to write as it was to read", said Robert Cailliau of the World Wide Web Consortium.) Mashup editors can be used to make widgets or gadgets as Google likes to call them. Widgets are the latest buzz and receive a lot of attention. Silicon Valley sees them as a Web revolution in the making.

GME is based on the Google Web Toolkit. More and more AJAX libraries are popping up. I think about things like BackBase. What would you do, using GWT or Backbase ? Or dou you prefer vertical integration and thus opt for Adobe Flex ? It makes me wonder if GME makes using Google Gears really easy. In that case, GME might be a strong contender for Adobe Flex.

How to include a HTML page into blogger posts ? (final)

I already undertook three attemps (attempt 1, attempt 2 and attempt 3) to include a Google Sheet into a blogger post without much succes. I almost surrendered but I got a new idea. I started from the proposal I found in "Insert HTML page into another HTML page" that basically proposed the following code:

<!--[if IE]>
   <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="some.html">
      <p>backup content</p>
   </object>
<![endif]-->
<!--[if !IE]> <-->
   <object type="text/html" data="some.html">
      <p>backup content</p>
   </object>
<!--> <![endif]-->

The above code is very good for direct inclusion into a HTML page, but Blogger filters out the conditionals for selecting the code based upon the user agent. So it's not the solution we're seeking for. But then I got another idea. Maybe I could insert the above code using Javascript that IS allowed to be inserted in Bloggers HTML. In that way, it's possible to circumvent the restriction in Blogger HTML. I pasted the code into a HTMl-to-Javascript convertor. This gave me:

<script language="JavaScript" type="text/javascript">
<!--
function writeJS(){
var url = 'http://spreadsheets.google.com/pub?key=pzcvT0aLrnhuxklkh_C8AVA&output=html&gid=0&single=true&widget=true';

var str='';
str+='<!--[if IE]>';
str+='<object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data="'+url+'">';
str+='<p>backup content<\/p>';
str+='<\/object>';
str+='<![endif]-->';
str+=' <!--[if !IE]> <-->';
str+='<object type="text\/html" data="'+url+'">';
str+='<p>backup content<\/p>';
str+='<\/object>';
str+='<!--> <![endif]-->';
document.write(str);
}
writeJS();
//-->
</script>


that renders as:

Above code reders nicely in Firefox and Safari but not in Interet Explorer 6.
Therefore I changed the code such that in IE an iframe is displayed and otherwise an object. The code was put into javascript:

<script language="javaScript" type="text/javascript"    src="http://lode.nachtergaele.googlepages.com/includeHTML3.js">
</script>


and on IE6 it renders to:


So finally, we start to view some light:

1. First, include into blogger a Javascript:
   
<script language="JavaScript" src="http://lode.nachtergaele.googlepages.com/includeHTML3.js" type="text/javascript" ></script>



2. Put in the Javascript file the following Javascript code:
   
<!--
function writeJS(){
var str='';
str+='<!--[if IE]>';
str+=' <iframe src="http://spreadsheets.google.com/pub?key=pzcvT0aLrnhuxklkh_C8AVA&output=html&gid=0&single=true&widget=true" width='550' height='370' frameborder='0'>';
str+='<p>backup content</p>';
str+='</iframe>';
str+='<![endif]-->';
str+='<!--[if !IE]> <-->';
str+=' <object type="text/html" data="http://spreadsheets.google.com/pub?key=pzcvT0aLrnhuxklkh_C8AVA&output=html&gid=0&single=true&widget=true" width='550' height='370' frameborder='0'>';
str+=' <p>backup content</p>';
str+=' </object>';
str+='<!--> <![endif]-->';
document.write(str);
}
writeJS();
//-->
3. Alternatively, Javascript can detect the user agent as well. This leads to the following code:
   
<!--
function writeJS(){
var str='';
if (navigator.appName.indexOf("Microsoft") != -1) {
   str+=" <iframe       src='http://spreadsheets.google.com/pub?key=pzcvT0aLrnhuxklkh_C8AVA&output=html&gid=0&single=true&widget=true'       width='550' height='370' frameborder='0'>";
   str+='<p>backup content</p>';
   str+='</iframe>';
} else {
   str+=" <object type='text/html'       data='http://spreadsheets.google.com/pub?key=pzcvT0aLrnhuxklkh_C8AVA&output=html&gid=0&single=true&widget=true'       width='550' height='370' frameborder='0'>";
   str+=' <p>backup content</p>';
   str+=' </object>';
}
document.write(str);
}
writeJS();
//-->

   
4. And that wil do the trick. The Javascript code generates HTML code that includes an Iframe if viewed by Internet Explorer and an object for other browsers. I agree that this is maybe a big detour just to able to include an object. And hopefully it shows up in the feed readers....

In 50 ways to include HTML into a Blogger post an overview is given of all kinds of techniques and can be used for testing.

How to (not?) include a HTML page into blogger posts ? (continued 2)

Much to my despair, I noticed the Google Spreadsheet included in a blog post of this blog does not render nicely (even after some digging into the issue, see post1 and post2) in Microsoft Internet Explorer 6 and 7:
While reading Make Magazine in Google Reader, I noticed that the Youtube movie of post "Thomas Edsison hates cats" was coming trough nicely. I looked up the HTML code in the RSS feed and adapted the code I found for displaying inline HTML code. It boils down to something like this:

<![CDATA[<p>
<object data="URL to HTML page" type="text/html" width="520" height="350">
<embed src="URL to HTML page" type="text/html" width="520" height="350"></embed>
</object></p>
<p>Title of HTML Page <a href="URL to HTML page">Link</a></p>]]>

Unfortunatly, Blogger does not accept the <![CDATA[. It reports "tag is broken". I removed the CDATA:

<p>
<object data="URL to HTML page" type="text/html" width="520" height="350">
<embed src="URL to HTML page" type="text/html" width="520" height="350"></embed>
</object></p>
<p>Title of HTML Page <a href="URL to HTML page">Link</a></p>


which renders to (with URL of the Google Spreadsheet):

Blog of colleagues Juli 2007 Link

which renders on Microsoft Internet Exporer 6 as:

Bummer. The object does not display nicely. Ok, lets see what Google Reader makes from it:

Archhh. This is even worse. It must have been the CDATA. Why is Blogger not accepting that I put CDATA into a blogpost. Give me full control of the HTML in the feed please !
Or maybe, as a last resort conflicting with my open standards first DNA, I could try this (as a kind of revance ;-)): export the Google Sheet to Microsoft Excel and include the Excel sheet with MIME type : application/vnd.ms-excel
The code would be like this:

<p>
<object data="URL to HTML page" type="application/vnd.ms-excel" width="520" height="350">
<embed src="URL to HTML page" type="application/vnd.ms-excel" width="520" height="350"></embed>
</object></p>
<p>Title of HTML Page <a href="URL to HTML page">Link</a></p>

which causes Firefox 2.0.5 on OSX to pop up this dialogue:

Ok, I surrender. Maybe the Iframe code Google Sheets proposes it not that bad at all. If any body has a better idea, please let me know.

Iphone not in Belgium ?

The Register reports "Only 'major' EU countries to be in second iPhone rollout". Since our small Belgian country is anything but major (at least in terms op potential revenues from Apple products), I guess we will have to have some extra patience. Damn.

Pingo : a disguised cheater ?

Our sysadmin mascotte Pingo was moved to the list of cheaters. Some people probably got a bit to enthousiastic. You can still vote for it:

How to include a HTML page into blogger posts ? (continued)

In How to include a HTML page into blogger posts ? I explored using the more general object tag to include an external page of HTML into a blogger post. You would for example want to do this when discussing a published Google Document Sheet. When checking the appearence of the post in the RSS reader Google Reader, I noticed that the alternate text showed up:

This brought me to an idea for an improvement. I took a screenshot of the Google Sheet as displayed in my browser and loaded up the picture to the blog post. Next I moved the blurb of code for the picture:

<a onblur="try {parent.deselectBloggerImageGracefully();}catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6fFWgw_EHUdXJ9ez9cL69nHhZWKtx-fGWF_glB7NmFob_7n_2G5KcUPFtB8iBBv1v30grM3GWevFiTlQo7jTnNgS1YUm2upPmP14c6fq3WHpLm8BSwIRsFl5fEZhR_BBqSGXpw/s1600-h/Screenshot_5.png">
<img style="display:block; margin:0px auto 10px;
text-align:center;cursor:pointer; cursor:hand;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6fFWgw_EHUdXJ9ez9cL69nHhZWKtx-fGWF_glB7NmFob_7n_2G5KcUPFtB8iBBv1v30grM3GWevFiTlQo7jTnNgS1YUm2upPmP14c6fq3WHpLm8BSwIRsFl5fEZhR_BBqSGXpw/s400/Screenshot_5.png"
border="0" alt=""id="BLOGGER_PHOTO_ID_5091774679559246658" /></a>

into to object tag enclosure:

<object data="URL to HTML page" type="text/html" width="520" height="350">

<a onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6fFWgw_EHUdXJ9ez9cL69nHhZWKtx-fGWF_glB7NmFob_7n_2G5KcUPFtB8iBBv1v30grM3GWevFiTlQo7jTnNgS1YUm2upPmP14c6fq3WHpLm8BSwIRsFl5fEZhR_BBqSGXpw/s1600-h/Screenshot_5.png">
<img style="display:block; margin:0px auto 10px;
text-align:center;cursor:pointer; cursor:hand;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6fFWgw_EHUdXJ9ez9cL69nHhZWKtx-fGWF_glB7NmFob_7n_2G5KcUPFtB8iBBv1v30grM3GWevFiTlQo7jTnNgS1YUm2upPmP14c6fq3WHpLm8BSwIRsFl5fEZhR_BBqSGXpw/s400/Screenshot_5.png"
border="0" alt=""id="BLOGGER_PHOTO_ID_5091774679559246658" /></a>

</object>

The result is that in Google Reader a picure of the Google sheet shows up:

If you want that the browser is directed to the published HTML page of the Google Sheet when clicking on the picture of the sheet, you can change the URL of the href of the pciture:

<object data="URL to HTML page" type="text/html" width="520" height="350">

<a onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="URL to HTML page">
<img style="display:block; margin:0px auto 10px;
text-align:center;cursor:pointer; cursor:hand;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis6fFWgw_EHUdXJ9ez9cL69nHhZWKtx-fGWF_glB7NmFob_7n_2G5KcUPFtB8iBBv1v30grM3GWevFiTlQo7jTnNgS1YUm2upPmP14c6fq3WHpLm8BSwIRsFl5fEZhR_BBqSGXpw/s400/Screenshot_5.png"
border="0" alt=""id="BLOGGER_PHOTO_ID_5091774679559246658" /></a>

</object>

Of cource, you can also copy and past the HTML code directly into the blog post. Then you get this:

URL	Est. Value	Page Rank	Website Grader	Technorati Authority	Technorati Rank
	http://peterdecroubele.be	2059	4	52	37	167,118
	http://www.koenfillet.be	$1910	4	77	-	-
	http://www.werner.be	949	4	49	28	226,753
	http://koenfillet.blogspot.com/	445	4	77	56	103,461
	http://www.braincubes.be/	234	2	12	4	1,367,488
	http://castfortwo.blogspot.com/	82	3	66	8	779,588
	http://www.patdonnez.be/log/index.php	80	3	13	-	-
	http://detender.wordpress.com/	50	4	63	10	638,771
	http://joro.wordpress.com/	42	2	41	2	2,505,981
	http://217.19.231.156/apps/blog_david/	40	2	59	-	-
	http://mertenswouter.com/blog/	11	0	50	-	-
	http://stielo.blogspot.com/	2	0	62	1	3,900,217
	http://hetruimesop.blogspot.com/	0	0	43	-	7,931,033
	http://jeroenvanaert.blogspot.com/	0	0	43	-	7,931,033
	http://myjumps.blogspot.com/	0	0	42	-	7,931,033

which is not that bad. Only something with the first row went wrong.
A bit fiddling with the HTML code allows to obtain this:

URL	Est. Value	Page Rank	Website Grader	Technorati Authority	Technorati Rank
http://peterdecroubele.be	2059	4	52	37	167,118
http://www.koenfillet.be	$1910	4	77	-	-
http://www.werner.be	949	4	49	28	226,753
http://koenfillet.blogspot.com/	445	4	77	56	103,461
http://www.braincubes.be/	234	2	12	4	1,367,488
http://castfortwo.blogspot.com/	82	3	66	8	779,588
http://www.patdonnez.be/log/index.php	80	3	13	-	-
http://detender.wordpress.com/	50	4	63	10	638,771
http://joro.wordpress.com/	42	2	41	2	2,505,981
http://217.19.231.156/apps/blog_david/	40	2	59	-	-
http://mertenswouter.com/blog/	11	0	50	-	-
http://stielo.blogspot.com/	2	0	62	1	3,900,217
http://hetruimesop.blogspot.com/	0	0	43	-	7,931,033
http://jeroenvanaert.blogspot.com/	0	0	43	-	7,931,033
http://myjumps.blogspot.com/	0	0	42	-	7,931,033

Every table row contained a bogus

<td class="rAll"> </td>

that I just deleted.

Show some love for Pingo today

Today is Sys admin day. If you want to vote for VRT's sysadmin, go to http://www.sysadmindag.nl/
and vote for our pingo:

How to include a HTML page into blogger posts ?

In the previous post, I included HTML code generated from a published Google Sheet. To do so, I first used the code proposed when publishing a Google Document and selecting Blogger as target.

This is basically the HTML code Google proposes to post into the HTML code of post on Blogger:

<iframe src="URL to HTML page" frameborder="0" height="350" width="520">
</iframe>

This works when viewing the blog post in a browser, but when reading the post with a feed reader, the HTML iframe is sometimes ommitted. Recently, I read an interesting article "The object tag - embed content in valid strict HTML -" arguing for the use of the HTML object tag as follows:

<object data="URL to HTML page" type="text/html" width="520" height="350">
alt : <a href="URL to HTML page">alternate text</a>
</object>

The advantage of using the object tag is that the HTML object (the Googele sheet) appears when reading the blog post inline with netvibes:

In Google Reader, the alternate text appears (in this case the URL to the HTML of the document):

In iGoogle, it is even worse. There even the alternate text does not appear:

The above picture displays the Atom feed from Google (http://castfortwo.blogspot.com/feeds/posts/default) and the feed from feedburner (http://feeds.feedburner.com/cast42).

Conclusion is that even using the object tag is no ideal solution to include an exteral HTML page into a blog post. But if you opt to do it, the use of the object tag may be preferred instead of using an Iframe. In case you would know a better solution, do not hesitate to add a comment.

How are the blogs of the colleagues doing ?

In the above Google spreadsheet, I compared how the blog's of my colleques at the VRT are doing. At least those are the blogs I'm aware of. Of course its comparing apples with oranges because several blogs have different aims. The point of this post is more about the method. The first column list the URL's. The second column lists the estimated value of the blogs calculated by SmartPageRank (Remarkt that the performance of this webservice is flaky. Sometimes it returns errors or incorrect results). I also tried DNScoop but the service values my blog at $1,320,066 , probably only a small measurement error ;). The third column lists the Google Pagerank obtainted by the Pagerank Checker of Peter Forret ( a number between 0 and 10, higher is better). The fourth column reports the website grade calculated by the website grader (a number between 0 and 100, the higher the better). The last two columns list the Technorati rank (lower is better) and authority (higher is better) I checked with Xinu Returns.

New Youtube features allows for custom player

Using a new feature by Youtube, you can customize the player. Here is what I get from youtube.com/custom_player:

Hover your mouse in the bottom of the video playing field while the video is playing and all video's stored in my favourites show up in cover flow style. Cool ! I don't get what the button with three dots next to the play button is supposed to do. Weird.

Calculating the length of Google Maps line segments

A few days ago, I decided to bike home from work (from Brussels to Leuven). Inspired by the "gefietst" blog en based upon the route here I made my adapted route to get to my home. The bike trip went well. Of course, I was wandering how long the bike trip was. Since I have a basic bike with no equipement to measure this I had to resort to the Google Maps info. I was almost sure that a webservice would exist that calculated the length of linesegments of Google Maps or from a KML file but after some searching I found no easy way to do this via the web. (If somebody would be aware of such a service, please drop me a line in the comments) Therefore, I decided to write a small Python script to calculate the lenght of all lines drawn on a Google Map. Just go to your map, click on "Link to this page", copy the URL and fill the URL in the Python script. Run the Python script and, bingo, you have the length in kilometers for every continuous linesegment. Here's the code:

The output of the above script is:

distance of fietsweg is 36.35 kilometer

Of course, this calculation is only an approximation since the trajectory is only an approximation (albeit a pretty good one) of the real route I followed and no heigth information is taken into account. Still I guess that its accurate upto a few kilometers. If somebody has a spare Bluetooth GPS receiver, you can always send me one ;-).

The calculation of the distance in kilometer between two points is based on the code in Ruby and the examples from the zips project a sourceforge. The coordinates of the linesegments are obtained from the KML file that Google Maps generates when appending &output=kml to the URL from 'link to this page'. The KML file is parsed using the Python minidom module. I hope that in the future Google will provide a "&output=jsonp&callback=calcfunc" so that a simple webpage with some Javascript can calculate the length. But that's for another programming project.

Unboxing a Google Search Appliance

Today a Google Search appliance arrived at the office:



The box contains a cool black T-shirt with the Google logo (the real reason for obtaining a SA ;-)) . We decided to dress up the corporate mascotte. Isn't she cute ?

Twitter tweets on Goople maps mashup

I figured out a simple way to make a mashup that displays tweets from twitter on a Google Map. Click on the pin and a window pops up containing the last tweet that was updated. It is easy to change the location of the pin or the twitter feed that is addressed to obtain the latest tweet. For your reference, here's a pretty print of the code using Google Code Javascript code prettifier:

Here is how it works:
Twitter API rocks with a JSON feed for every user. Adding a callback function makes it very convient to read the data. Just call a JSON object http://www.twitter.com/statuses/user_timeline/user.json and add a callbackfunction. In our case, the function is called "twitterCallback". The full URL becomes:

http://www.twitter.com/statuses/user_timeline/user.json?callback=twitterCallback&count=1

Replace user with your Twitter nickname. In my case, it's cast42.
The count parameter is set to 1 such that only the most recent tweet is obtained. In the callback function it's easy to obtain the text from the latest tweet:

   var tweet = new Object;
 function twitterCallback(obj) {
    tweet.text = obj[0].text;
 }

The full source code can be downloaded from the example. Don't forget to fill in your own Google Maps key and replace cast42 with your own twitter name.

Future of mobile apps = Google Gears + Javascript on Iphone ?

Last Monday his Steve Jobness announced at WWDC'07 that native applications on the Iphone can not be developed (yet) by third parties. A highly contested strategy as explained in
Mobile Disruption: Apple's iPhone and Third Party Software
. More complaints arose after the keynote.

Read for instance what John Gruber wrote about the keynote:

Web Apps as the Route for iPhone Development

Perhaps it’s playing well in the mainstream press, but here at WWDC, Apple’s “you can write great apps for the iPhone: they’re called ‘web sites’” – message went over like a lead balloon.

Could it be that Apple opted for the way forward to escape the schisma between a secure and stable mobile platform and the richness of being open ? Remember that Google Gears is coming to Safari Webkit and hence the Iphone: Google employs advanced Apple technologies for Gears support. Is Gears + AJAX not THE technology for the next generation applications that blur the line between mobile and desktop? Something Iphone promises to establish ?
This nice example of a Javascript interface for the iphone shows that Javascript can deliver sleek interfaces. I guess the speed of Javascript on the iphone will be ok. At least it won't be slower then other sandbox solutions like Sun Java or Microsoft .Net Mobile. According to Steve Jobs keynote, Javascript executed faster in Safari than Firefox and Internet Explored. Google Gears has the potential to alliviate the drawbacks of networked applications that must store all their data in the network. Maybe the 4 or 8BG storage is a bit underdimensioned to shoehorn modern application into ? What do you think ?

Absurd Nintendo Wii Tennis level ?

Since a few month, we have a Nintendo Wii installed in the coffee corner at work. Quite a lot of collegues play on it now and then. Francis is an avid user. Recently he reached a score of 2230 points in Wii Tennis. He's obviously has pro status. As you can see in the picture below, even Nintendo has not foreseen such high skills as the line runs into the title of the page!

Perhaps Francis should join Wiimbledom ?

Bottle of Coca-cola = free Itunes song in Belgium starting first of june

Itunes and Coca-cola agreed to work together. What is already happening in Europa since 2006 is now coming to Belgium.
From the first of June 2007, coca-cola bottles sold in Belgium will have a code on them that you can enter online for free Itunes songs and enters you in a pool for winning an Ipod. Altough Google is number 1 marketing power worldwide for the moment, Coca cola can bring digital media to the masses. It's also a lot easier then the free downloads you get from the ADSL subscription with Belgacom. Just buy a coke, enter a number and you're set. Very effective to accelerate the adoption process. Probably Rogers adoption model has to be adjusted by this or is it just that Itunes crossed the chasm ?

Publishing a tab in Netvibes

Since I experienced some hickups with www.google.com/ig (now igoogle) I switched to Netvibes to read my RSS feeds. So far i really enjoyed it a lot. I used for instance the possibility to export all the feeds into an OPML file. I loaded the OPML file into the Google Reader so when Netvibes is down, i can read my feeds with Google Reader. For the moment it's a must have tool to follow a casual fiction game "Emma online" from VRT. (More info in English) Emma is a telenovelle broadcasted on channel één in flanders. The television program is also available on Sony PSP. To test the netvibes tab public sharing, I shared a tab with all feeds that have something to do with Emma online.
Add Emma Online to netvibes:

Oeps, the Myspace widgets are not exported in the published tab. Bummer!
Waiting for possibility to upload a netvibes universe!

Google Maps Belgium is online

I was already an avid user of Google Maps but via maps.google.nl. Lukily the gods in SanFran must have heard me because Google Maps België came online. The URL is http://maps.google.be . This is what you get when you search for VRT.

Testing the Opera browser on Nintendo DS Lite

As I already mention in a previous post, the Nintendo DS Light (NDS Lite) will be able to do voice over ip (VOIP) as revealed in the article: Latest Pokemon titles morph DS into kid-friendly VoIP phone at Engadget. During my visit to the i-city event, I had some time to test out the Opera Browser for the Nintendo DS Lite. The Opera browser is a 45 euro package that consists out of the usual flash card that has to be inserted into the top slot where normal games are inserted and an extra card that has to be inserted into the front slot that contains extra memory:

Remark that the front slot is a different in a NDS and a NDS Lite. Check carefully for the right version when you would buy the browser.

My experiences using the Opera browser on the NDS Lite:
first of all, the DS lite Wifi connection only support WEP encryption. Since at home I'm using WPA, I could not test it at home. Setting up a Wifi connection is not childplay. In some cases indepth knowledge of the wifi router settings were necessary. This is not something to blaim Nintendo for, as setting up Wifi links is in general a difficult task. Probably only Apple will be able to solve this by using a RFID chip in every Wifi terminal (see their recent patent).
Second observation while browsing is that it's going slow. Something to be expected when you know that the DS Lite runs on a 67MHz ARM9 processor but I hoped more horsepower was made available in the extra front cartridge.
Third reading gmail on the DS Lite is possible although not very elegantly as Google does not support Opera's browser very well. Typing short emails is working fine and definitely an option.
Fourth, on the public hotspot of the local provider Telenet, authentication via username and password must be reentered after each session. Thus closing the DS lite and opening it again ment that the full username and password had to be entered again. I guess this has to do with Telenet infrastructure because I got a popup about a root certificate that could not be stored. I did not test Wifi in a open hotspot without authentication.
Fifth, during browsing it is not possible to play games. The top cartridge must be removed and browsing is then disabled. So no easy switching between reading mail and brain training...
To conclude, even in bright sunshine the screen stays readable. Kudos to Nintendo for this.

To conclude, the Opera browser for NDS Lite does not transform the game console into a functional handheld computer. To me, it looks more like a gimmick.

Public broadcaster : Starbucks for media?

From the moment I read on his blog that Dries Buytaert (the Drupal guy) was reading a book about tribal wisdom from Starbucks, I intended to examine the book and eventually buy it to read. The book subject triggered me because two people pointed in the direction of tribal mechanisms. The first one is Manfred F. R. Kets de Vries, professor at Insead and author of very good books on leadership. Recently he studied organisations by traveling to countries where pure tribal societies are living (read “High Performance Teams: Lessons from the Pygmies”, Organizational Dynamics, 27 (3), 66-77. Kets de Vries, Manfred F.R. (1999)). I think his experiences with those tribes leads up to the arguments for the authentizotic organistation (dutch link). The second pointer in the direction of tribes comes from the social scientist Ilka Tuomi (the author of the book Networks of Innovation). In his presentation titled "Social Forces and the Broadcasting Revolution" he forecasts the rise of groups, clans, tribes , typically based on gift economies, in the next generations of internet-based societies. So I was wandering if the success of Starbucks had something to do with gift economies like in open source or commons-based peer production.

In the beginning of March '07, during a transit in the Heathrow airport on my way to the Game Developers Conference in San Franciso, I walked into a bookstore and found a book about Starbucks. Because we were in a hurry, I bought it without much further ado and started to explain to my colleagues what I tought Starbucks is about and why I tought it could learn us something about the future of broadcasting. During the flight I discussed what I read in the Starbucks book with them. Visiting a Starbucks rose high on the list "things to do when arriving in San Francisco". So this was the first Starbucks we visited in our life:

Of course, our high expectation where not met at all. We had to cue up in a long line. Since we where new we acted to slowly and felt as obstructions. No personal treatment by the baristas who could hardly understand why we had such a difficulty in formulating our order. And in contradiction with mental picture build by the book, the place was not clean. To sum it up, far from amarvelous experience at all. Luckily, the lathe was indeed very good! (So it is a good strategy to be really good at one thing, see Principle 2 of BBC's 15 web2.0 principles)

Later I found out that the book I bought was the wrong one. In a nutshell, the book goes as follows: it states that Starbucks is a successful company, it presents a list of principles of the company that boils down to "if you know your costumers you can give them a great experience". (That the service industrie would develop to experience industry is also long predicted). If you apply this principle to your business, your business will also become successful. A bit to simple for my mind.

To me, the Starbucks principle resembles a lot to the style of Flemish pubs we (used to) have. Just substitute coffee with beer and there you go. So nothing very insightful or revolutionary. Hence, I still intend to buy "Tribal Knowledge: Business Wisdom Brewed from the Grounds of Starbucks Corporate Culture". Luckily I understand now that I can study it by having a good beer in a Belgian pub (even beter would be Café Tabor in Heverlee) Cheers!

Am I rich ? According to DnScoop I am ! not ;-)

I just learned from Seth's blog about DnScoop. It estimates what an URL is possible worth. I must have struck gold because they estimate this blog is worth a whopping $1,320,066 . Yahoo !!! This is of course an error. The reason is probably that is takes the trafficrank of http://www.blogspot.com that hosts all the blogs of Google.

Google course on photography

Recently, I discovered via Google Video Recommendations that Google Video hosts a course on photography :

• 
  


• 
  

For those who always wanted to know what focal length, aperture, F stop numbers, ... exactly are and many things more, I recommend the tutorial already. It start relatively basic but I guess that is to build up a strong basic layer to build upon further. Let me know what you think.

The starfish and the spider

I just finishing reading the book "The starfish and the spider" that I got from Werner. I like the concept of spider and starfish. It helps to discuss strategies. But on the other hand it think starfish is a new word for things we know already a long time: grassroot and bottom-up. The new thing is that we are now able to work grassroot and bottom-up using the information and communication technologies. Maybe the power that comes from the combination is what makes starfishes so important. And ignites a true social landslide in the way we work and live.

Customize your 3g phone into a blackberry

These three apps i find indispensible for a 3g phone:

1. http://gmail.com
2. http://mini.opera.com/
3. http://www.google.nl/gmm

unless it's an Apple iphone of course.

It still miss a mobile version of my Google calender. Hopefully that's coming this year. Google, please ?

If mobile operators would charge resonable rates for the datatraffic then I think 2007 will become the year that we all starting to read mail on a phone now and then. Because the above three apps almost transform every phone with a colour screen that can execute Java Midlets (an that are a lot of phones) almost into a Blackberry. And let's face it, don't we all want one like our CEO just like we wanted a GSM back in '98 because all important people already had one ?

Test driving a new phone

Today I get a new phone to test: A Sony Ericsson K800i. According to the reviews its one of the best cameraphones. Check the pictures I'm sending in....

Trying Amazon Unbox

I just tried to order a South Park serie from Amazon Unbox. This is the result:

Add MP3 to your blog

As explained here
just add a bit of code:
<iframe style="border: 1px solid #aaaaaa; width: 100%; height: 25px" id="musicPlayer" src="http://mail.google.com/mail/html/audio.swf?audioUrl=MP3_URL"> </iframe>

And the result will look like this:


It is an Stabat Mater I found here. The link to the MP3 file is:

http://www.musikethos.org/mp3/Patrizia%20Bovi/01%20Stabat%20Mater.mp3

This is the HTML with link filled in:
<iframe style="border: 1px solid #aaaaaa; width: 100%; height: 25px" id="musicPlayer" src="http://mail.google.com/mail/html/audio.swf?audioUrl=http://www.musikethos.org/mp3/Patrizia%20Bovi/01%20Stabat%20Mater.mp3"> </iframe>

New feature on Google Video: post a video on your blog

Google Video added a new feature. If you see a video you want to share on the blog, it's now just a few clicks away. They support Blogger (as you can see), Live Journal, My Space and TypePad. The movie is Jonas Geirnaert graduation project "FLATLIFE" (2004), selected for Short Films in Competition at the Cannes Film Festival 2004.