link-to-QRCode IE8 accelerator
I have Nokia N78 phone and use it a lot for surfing web (with beautiful Opera Mobile 10), reading RSS (with internal webkit-based browser), tweeting (with awesome Gravity client), reading CHMs (with great mobiCHM tool) or using Skype, or doing and many other tasks.
But mostly I use the phone to read something on the internet when I’m on the way to some place (as it takes at least an hour to get somewhere in Moscow using public transport). And usually when I’m browsing web on a PC and find something worthy to save to mobile, I type its URL on the phone and save it to bookmarks. Which, even with bit.ly or any other url-shortening service, is a kerfuffle, and T9 doesn’t really help here.
So I was trying to find an easier way to get URLs transferred from my PC onto the mobile. Opera 10 Mobile comes with Opera Link bookmarks synchronisation service, but I don’t surf internet in Opera on a PC. There’re some social bookmarking sites, but I’m not adding every link that I want to read on mobile to my bookmarks, be it a web-service or browser bookmarks.
And here comes QRCode scanning to the rescue. I knew that Nokia provided a nice free easy-to-use QRCode scanner for their smartphones, and I gave it a go. Downloaded, installed, tried with some QRCodes I had, everything was fine, scanning and recognition speed was really high – I just pointed the phone camera onto my computer’s screen and the encoded text was momentarily recognised. I decided to try encoding links in QRCodes using Nokia service, and it worked fine as well – the scanner made them active so I could either copy them to use in Opera Mobile or open with default web-browser (handy if it’s a link to RSS feed).
Of course, encoding each link manually and then scanning resulting QRCode is taking much more time than just typing the link in the phone, so the idea of making the browser show QRCode for any link made more sense to me.
The easiest way to integrate some web-service to IE8 is its beautiful Accelerators platform. I did 10 lines of PHP code which shortens any URL with bit.ly service, and then echoes the IMG tag pointing to Nokia QR Code creation service URL. Here’s the code:
<?php
require_once('bitly.php');
$sUrl = make_bitly_url($_GET['url']); //shorten the original URL first
echo '<img src="http://mobilecodes.nokia.com/qr?DATA='.$sUrl.'&MODULE_SIZE=4&name=&MARGIN=2&ENCODING=BYTE&type=link&MODE=TEXT&a=view">';
Bit.ly is used to make QRCode creation faster and easier as only small chunk of data is encoded.
Then I created a very simple XML file which instructs IE8 what to do with the link:
<?xml version="1.0" encoding="UTF-8"?>
<!-- author: Vitaly Sharovatov (http://sharovatov.ru) -->
<openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">
<homepageUrl>http://sharovatov.ru</homepageUrl>
<display>
<name>link QRCode</name>
<icon>http://sharovatov.ru/qrcode/favicon.ico</icon>
</display>
<description>Get the QRCode for selected link</description>
<activity category="mobile">
<activityAction context="link">
<preview action="http://sharovatov.ru/qrcode/createCode.php?url={link}" />
<execute method="get" action="http://sharovatov.ru/qrcode/createCode.php?url={link}" />
</activityAction>
</activity>
</openServiceDescription>
And then just uploaded the php script and my accelerator to my site. Dead easy, 10 minutes job.
As wordpress.com doesn’t allow javascript onclick handlers on the links (and accelerator gets added to IE by window.external.addService call), I had to put the install page on my site. Please visit http://sharovatov.ru/current.html for this and few other IE8 accelerators. To get this accelerator installed, just press on “Install now” link in its description.
Now if you right-click on any link, go to Accelerators, and just hover “link to QRCode” accelerator you’ll get the window with QRCode for the current link:
Then you just run Barcode app on the mobile, get the QRCode scanned and then can do anything with the link – copy it to the clipboard, open right now in the default browser. Seems to be quite handy.
In order to get this accelerator in the main right-click menu, you need to go to Page –> All Accelerators –> Manage accelerators and in the window that appears select “link QRCode” accelerator and press on “Set as default” button.
Here’s some guiding screenshots:
Then your link QRCode accelerator will be in the default context menu:
So now you can get a QRCode for any link, scan it and use it on your mobile.
P.S. There’re QRCode scanners for all mobile platforms, so if you want similar functionality on your phone, google for “QRCode scanner %yourphone%”.
Windows Phone 7 Internet Explorer IEMobile 7.0
I’ve just watched MIX keynotes and as soon as MSFT announced there was free VS2010 Express for Windows Phone 7 with proper emulator, I downloaded, installed it, created sample app and ran the debugger.
Here’s some screenshots:
VS2010 Express for Windows Phone IDE:
Windows Phone 7 Emulator running in the debug mode:
The most interesting thing for me was to find out which IE version Microsoft decided to ship with Windows Phone 7. They said it wouldn’t be IE9, but would be something between IE7 and IE8. They also assured that the Windows Phone emulator (which comes bundled into the VS2010 Express for Windows Phone 7) is a proper virtual machine, a real copy of Windows Phone OS sandboxed in the VM engine.
So bearing this in mind I thought that I’d test the WP7 IE in emulator.
And here’s interesting stuff:
navigator.appVersionon Windows Phone 7 IE returns4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0- User-Agent string is
Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone Os 7.0; Trident/3.1; IEMobile/7.0 @_jscript_versionreports 5.8 (as IE8 does)[if IE 7]conditional comments section gets applied*+html selector { rules }hack works
So at this moment IEMobile/7.0 seems to be a slightly adjusted Trident (layout engine) of IE7 and jscript of version 5.8. (as it turns out below, some features are either disabled or not accessible now, or will not be supported at all)
To dive deeper into the details, I’ve tested several things and prepared the following table:
| Feature | Supports |
| native XMLHttpRequest | Yes |
| XDomainRequest | No |
| Selectors API | Yes |
| clipboardData | No |
| data URI | No |
| maxConnectionsPerServer | No |
| sessionStorage/localStorage | No |
| offscreenBuffering | No |
| native JSON | No |
| DOM Objects prototypes | No |
| getters/setters | No |
So from the CSS prospective Windows Phone IEMobile 7.0 is indistinguishable from desktop IE7, it applies the same conditional comments rules, supports the same subset of CSS selectors, same hacks work and same bugs are there. If you know how to support desktop IE7 Trident, you won’t have a problem with IEMobile 7.0.
Completely different situation is with javascript – jscript version is 5.8 (same that IE8 has), but many features that IE8 supports via COM wrappers do not exist on IEMobile 7.0 (does it have COM at all?). Also it lacks support for some native features of jscript 5.8 (e.g. native JSON, DOM objs prototypes, getters/settters). The only feature I can see from IE8 is Selectors API support, which is great, but really – is that what we really expected?
So from what I see now, Microsoft took IE7 Trident (3.1), took jscript 5.8 and cut off as much as possible (all COM wrappers and some native features), put IE8 icon on top and shipped it to Windows Phone 7.
I really hoped it would have IE9 or at least IE8.
The only hope is that it’s still beta and all the IE8 stuff will be shipped with the final version. Hope it’s not just a wishful thinking.
It’s such a frustration to see a beautiful and free VS2010 Express for Windows Phone 7, awesome SL4 which runs everywhere, and then look at this crippled “IE7.234”. If this is a marketing choice to make web-developers write in Silverlight, then it’s silly because it breaks the most important feature Microsoft provided – backwards compatibility. Old sites and current sites which Windows Phone users will want to visit will break in this browser. Gmail works in html-only mode. Surely, some will adapt. But not all.
And by the way, Apple got it right on iPhone.
P.S. Todd Brix said there will be a Windows Update-like service in Windows Phone 7, so let’s hope that IEMobile will get updated.
HTTPBis group is awesome!
I’m finally back to blog. Finally started finding time between doing stuff at home, working at my great place of work and studying English :)
As you know, HTTP/1.1 spec said that conforming clients SHOULD NOT open more than 2 concurrent connections to one host. This was defined back in 1997 and at that time it seemed reasonable to have 2 simultaneous connections for a client, and noting that HTTP/1.1 introduced persistent connections concept, people thought that 2 simultaneously opened reusable TCP/IP connections would be enough for general use.
However, everything changes. Broadband internet came to mass market and people started thinking that better parallel download could benefit the whole website or a webapp perfomance. The history started with IE5.01, which was opening two connections by default, but there was a way to configure the number. So if you had a really good internet connection, you could make websites load significantly faster.
By the time IE8 development started, broadband connections became a standard for home internet, so IE8 started opening 6 connections (if the bandwidth allowed – on the dialup or behind a proxy it will still open 2). So IE8 engineers did a smart move and introduced the world with a browser that seemed to load sites faster.
Needless to say, Firefox 3 decided to change the value as well, so now Firefox 3 has 6 as a default value for network.http.max-persistent-connections-per-server configuration setting. Good for Mozilla for copying stuff from IE again!
And now HTTPBis team (Julian Reschke) commits the change which states that in the forthcoming HTTP standard the maximum amount of concurrent requests is not limited even with “SHOULD NOT” clause :)
Thanks HTTPBis team!
Windows 7 will be shipped without IE8 in Europe?
As CNET states, Windows 7 will be shipped to Europe without IE8 because European antitrust regulators told them so. This clearly shows how rotten EU antitrust committee is and how easy it is for a well settled lobby to force the whole EU to accept absolutely stupid and nonsense act.
Who will gain any profit from this?
Users? No, they will have to find a way to get any browser on their new computer. And what if it’s their first computer? How are they supposed to download anything from the internet? Yes it’s a five minutes job for an IT specialist, but go teach your grandmother how to use ftp.exe to download anything ;)
Hardware vendors? No, they were always able to install any browser on the computers they sell and make it the default one.
Other browser vendors? To a degree. Anyway Microsoft will provide hardware resellers with an IE8 pack – so they can install IE8 on all the computers they build.
Is there any sense at all in this decision? I can’t see it.
I just don’t get it, really. If I’m buying a car, I won’t argue that the tyres on this new car are from Pirelli (or any other vendor). I will just change them if I don’t really like Pirelli, or choose another car which doesn’t have Pirelly. I’m not prohibited to change them. I’m just given the default one.
And now compare this situation with Apple who clearly prohibits installing Opera on its iPhone. Because it would compete (and, obviously, win the competition) with their Safari browser. Why doesn’t EU antitrust committee look at this? Why don’t Opera take any action here?
Firefox Build Your Own Browser – a poor copy of IEAK?
Mozilla team recently announced that version 3.5 of Firefox browser will come with a bunch of features that will provide companies and individuals to build their own versions of Firefox.
According to PCWORLD, Mike Beltzner, director of Firefox at Mozilla Corp. said:
The Build Your Own Browser program is a good fit for enterprises that want to create a customized browser that can be easily installed across multiple corporate desktops
I couldn’t find exact details what’s going to be available for customizers, but different sources say that it’s a Personas project combined with CCK. So you can setup your company logo, bookmarks, home page, search engines and do other cosmetic changes to the browser. It’s obvious that Mozilla wants to gain some market share in corporations where IE is 100%. But if “Build Your Own Browser” campaign has CCK as a core, than it’s just a usual marketing hype and nothing else. It can’t even be compared to IEAK
There’re a few reasons, Mike, why IE is so wide-spread in corporations. First reason is that it supports proper customisation through IEAK, second – if IEAK is not enough, IE can be fully configured through Group Policy, third – it supports ActiveX which is a must-have for building real intranet applications. Passport scanners, barcode readers, label printers, CCTV – all this hardware automation is done through ActiveX.
So until Firefox becomes a real platform for building intranet web-applications and gains a proper customisation and integration with AD, it’s not going to be on the corporate market.
For reference, read this blog post.
Exploring Windows Desktop Gadgets #4 – flyouts
This is the fourth post in "Exploring Windows Gadgets” series. In this post I’ll tell you about the flyouts.
As it’s practical to have small gadgets which don’t take much of screen space, it’s not possible to display much information on them. That’s why Gadget Platform provides a way to add a flyout object to your gadget.
Flyout theory
In theory, flyout is supposed to present additional or detailed information about anything you choose.
The great example of flyout use case is standard Windows 7 Stocks gadget – it shows basic stocks rates information in the main window and the if you click on the stock rate you’re interested, MSN Money chart for this stock rate is shown in a flyout. Here’s how it looks:
Flyout is a separate HTML page which you attach to your gadget similarly to settings window – by specifying the following:
System.Gadget.Flyout.file = 'flyout.html';
Another difference from settings dialog is that settings dialog is only accessible by clicking on a options button:
and flyout is shown/hidden programmatically by setting its show property to true/false:
//show flyout
System.Gadget.Flyout.show = true;
When you set show to true, flyout html will be rendered and its window will be automatically positioned depending on the content size and gadget’s position.
Flyout provides two events – System.Gadget.Flyout.onShow which is fired when the flyout is shown and System.Gadget.Flyout.onHide which is fired when the flyout is closed.
To set flyout content to something meaningful, you have to get access to flyout’s document from your gadget main window javascript. This is achieved by using System.Gadget.Flyout.document property – but the call to it will throw an exception if flyout is hidden, so make sure you either check System.Gadget.Flyout.show property for true or wrap the code which uses System.Gadget.Flyout.document in try-catch block.
Note that you can also access main gadget page from the flyout by using System.Gadget.document property which is always available.
Enough theory, let’s modify our Gadget to show only comments titles on the main page and render a flyout with comment’s content when title is clicked.
Practice
So here’s what I did:
- created flyout.html file
- referenced it as
System.Gadget.Flyout.file = 'flyout.html';in rss.js - modified displayRSS function to store current comment object in paragraph’s expando property
- added toggleFlyout function to the rss.js file which passes the comment object from the <p>’s expando property to
System.Gadget.Flyout.documentand displays the flyout
The resulting files and the compressed gadget are here.
In the next posts I’ll show what styling options we’ve got in Gadgets Platform, will proceed talking about gadgets security and talk about advanced javascript techniques that can be used in gadgets.
Stay tuned! :)
Windows 7 Accelerators Platform
Cool, I just found out that great accelerators feature that’s been introduced in IE8 is a part of Windows 7 API as Accelerators Platform.
The whole concept is really useful – Accelerators Platform provides a unified way to enhance an text-operating application with cross-application plug-ins.
Accelerators Platform provides an abstraction layer between applications and accelerators:
- Accelerators operate with text selection with help of web services
- application implementing Accelerators Platform API can use Accelerators
- user running the application can select a text and choose an accelerator that will use this selection
So it’s like a plug-in platform for text selection plug-ins where plug-ins are application independent and stored in one place, so if an accelerator is installed once, it will be available in any application that supports Accelerators Platform.
The fact that Accelerators become application-independent gives the following benefits:
- usability is better as users have similar behaviour pattern across applications, and it’s easier for them to get used to your application
- you as an application developer don’t have to reinvent the wheel and implement useful text selection enhanced functionality and work on a plug-in architecture
- you as an application developer don’t have to maintain a list of supported text selection plug-ins – they can be found and installed easily from here – the list of accelerators is huge!
- if you want to create your own accelerator for your application, it’s well documented and dead easy – I’ve created 6 accelerators just in 20 minutes! Or your users can do it!
So by supporting Accelerators Platform in your app you allow users to do with the text whatever they like and whatever they are used to!
Just imagine – wouldn’t it be wonderful to be able to select address in any application, right click on it and see where it’s located on the map? Or select unknown word in any application and see its definition in Wikipedia? Or select a function name that you’d like to refresh you memory about and see what php.net or msdn have to say? Or select any text and translate it to other language in one click? Or check how much selected TV model costs on ebay?
As Microsoft said, Office 2010 would have Accelerators platform support, and I bet other serious software will support Accelerators Platform as well. Here’s Word 2010 screenshot from msdn:
For more details and technical description of Accelerators Platform please visit this MDSN article and this IE Team Blog entry.
So go and support Accelerators Platform in your app!




3 comments