Subscribe to RSS feed

Posts tagged with "opera talks"

Opera Talks: Opera Mini and Data Compression

, ,

One of the things that makes Opera Mini the world's most popular mobile browser is its ability to compress data. Of course, you know that it saves you time and money - but do you know how data compression really works?

As much as we'd like to think it's all done with a wave of a magic software wand, it turns out that data compression is not one single action so much as a set of processes that preps content from the web and makes it faster and easier to consume on your phone.

Martin Nilsson, Solution Architect for Opera Mini, explains how Opera Mini is able to serve up so much internet tastiness.

Martin, when did the idea for data compression in Opera Mini first come about?

The first project Opera worked on that involved compression of mobile data was the Opera Mobile Accelerator (editorial note: launched in 2004, this was a subscription-based service that cost EUR 12 for 3 months of service!). That project was discontinued and we started working on Opera Mini instead. The idea with Opera Mini was to make a browser for (at the time) browserless phones.

How does Opera Mini work today?

Unlike ordinary web browsers, Opera Mini fetches all content through a proxy server that reformats web pages into a format more suitable for small screens. A page is compressed, then delivered to the phone in a markup language called OBML (Opera Binary Markup Language). This compression process makes transfer time about two to three times faster and the pre-processing also increases compatibility with web pages not designed for mobile phones.

What do the servers do in terms of reformatting?

Mobile devices differ in many ways to desktop devices. Given the smaller screen size, different text handling may be used to improve readability. Also between mobile devices there are those with only numeric keyboard, those with QWERTY keyboard, with D-pad, stylus, touch etc. Many things that work on desktop don't work on mobile, especially when there is no mouse pointer to scroll frames or do mouseover actions. To solve these many small usability issues, tweaks need to be made.

What happens when the data gets compressed?

First of all, and this is very important, data compression doesn't actually help very much in terms of speed. What matters is the latency, the time from the user action until the first response is seen. Some of the primary methods for reducing latency include:

  • Our own client-server protocol that keeps a connection established for sending requests. There is a 20-30% end user benefit in terms of latency.
  • Since we use a single-request - single-response protocol we minimize the usage of the high latency radio network and instead fetch all the inlines, stylesheets etc. from our fast servers.
  • We connect directly to some content partners like Facebook and Google, and even have other companies' web servers in our server rooms so that the latency from our transcoders relative to the volume of content is as small as possible.

There are also several different types of compression and data reduction used in Opera Mini.

  • The servers keep information about the clients, so this information only needs to be sent from the client to the server once, instead of in every request.
  • Cookies are managed entirely on the server side, so that data never have to go back and forth at all.
  • Images are scaled to better fit the display size of the device to make them as size efficient as possible while making the resulting web page as good looking as the end user quality settings permit.

Finally, the resulting data is compressed in different ways. Normally we send text first, followed by links, essential layout elements and finally all graphics. We focus also on sending data where the user will start reading before other parts of the page.

Given that all the data has to pass through Opera's servers, what about security issues?

Opera Mini is like a desktop computer. The browser sits in the computer while the user looks at the screen. In Opera Mini the browser sits on our servers while the user is looking at the page in their handset. We know that the success of Opera Mini depends on us being able to run the servers securely. So far we have not had any incidents.

Are Opera Mini servers all in Norway?

There are some in Norway, but we have servers at multiple locations, where it makes sense from an economic and performance perspective. One example is our Iceland data center, which sits right between US and Europe, and benefits from geothermal energy.

Opera Talks: Gaming in the Browser

, , ,

Work and play are pretty much the same thing for some of us - and that's a good thing!

Erik Moeller, a developer in the Core Technology group with a focus on WebGL and hardware acceleration, also happens to be the creator of (in his words) “a fun little game” called Emberwind. Although it made its debut in the AppStore in August 2011, the latest version of Emberwind is an HTML5 game that - you guessed it! - you can play right in Opera. We sat down with Erik to learn more about his journey with Emberwind, as well as his thoughts on the future of gaming in the browser.

Erik, how did the Emberwind project at Opera come about?

I had already done it as a widget and had gotten a very positive response, so I was happy to see it reincarnated as a way of showcasing WebGL for devices and mobile.

What was involved in porting the game from C++ to HTML5?

There were a couple of challenges. We did most of the work with three summer interns, who were totally new to games and coding. At first I just had to do lots of explaining about how the game worked, and give them discrete parts to work on. But they learned fast – I was pretty impressed by how they were able to pick everything up. None of them was expecting to work on a game during their Opera internship, but they all said what a great time they had, and I think they did a really good job.

What are the advantages to using HTML5 for gaming in your mind?

It's really no different from other platforms: as a developer you have to aim for what's going to be there in 18 months, and take advantage of what's new. With HTML5, the main changes I see are going to be in audio and extensions to WebGL and canvas.

I see it as part of a broader evolution within gaming itself. From boxes to downloads to MMOs, today everyone's already using the browser, so it's only natural to be able to tweet a link and have the game be just a click away.

What is the biggest challenge for a player of Emberwind?

I think it has a lot of depth, so there is something for everyone. My kids who are 4 and 6 years old can play it and just do the basics, but as you become more proficient and progress there are heaps of special moves – cannonballing, jumping off walls – just lots of cool things you can do.

Can players create custom levels?

It is a JSON file so if someone really wanted to they could build their own level. The format is on the blog if anyone's interested.

(To see the full source code and other info on Emberwind, click here.

Since you're a creative person, what feature would you add to Opera if you could invent one?

I would love to have a simple file-sharing UI so that you and anyone on your local network could drag and drop files into it instead of using an FTP site or something more complicated.

Opera Turkey Talks

, , , ...

One of our favorite stories to come out of the Opera community in recent years is Opera Turkey. Opera's first officially supported fan site, this is a group that was started and continues to be run by a small group of dedicated volunteers. To get the full story on how it all came about, we invited Çağlar, Mağruf, Mustafa, Samet, Mehmet and İlker for a chat.

DescriptionOur very own Aleksander Aas and Bruce Lawson kick up their heels with Çağlar and Mağruf in Oslo.

What inspired you to create operaturkiye.net?

Mağruf: Initially, it was a hobby to use Opera for me. Nevertheless, I noticed it was really amazing and magnificent software which includes everything someone would need. So I thought that we should promote it to the Turkish market and to Turkish users as well.

Çağlar: Opera Mini is the greatest web browser for phones in Turkey. Nokia and Java based phones are the most widely used handsets. Mini allows those users to get online.

DescriptionÇağlar and Mağruf

Did you guys know each other before this project, or was it Opera Türkiye that brought you together?

Mehmet: In My Opera Turkish forums, while we were helping other people, we realized some common points in our ideas. We started to send private messages, e-mails and chat on IRC channels. After that, zahek.com (Mağruf's personal blog about Opera) was released. Then the others - greench(Çağlar Yeşilyurt), afamous(Arif Ünlü), inbuster (Mustafa Oğuz), ilker-37 (İlker Şen), and agresiff (Samet Ayan) - joined us.

Besides the website, do you do anything else to promote Opera in Turkey, like events or parties?

Mustafa: In Opera Turkiye, we hold contests and promotions on social networks like Facebook and Twitter to spread the Opera name to Turkish internet users. We are all from different cities - this makes throwing a party a bit difficult ! But personally I recommend Opera to all my friends and give them my support.

Mağruf: We also give support 7/24 to users through our help desk (www.operaturkiye.net/destek). Someone can make a ticket over that system and follow up by e-mail.

DescriptionYuxel says: Browse me!

What is your vision for Opera becoming more popular in Turkey?

Samet: When we checked detailed complaints that came from our users about website compatibility, we saw that many of the reasons go back to the fact that most web developers in Turkey only design things to work in IE. We want to increase acceptance and awareness of Opera in Turkey.

Çağlar: Apart from posts and articles on Opera Turkey, we also started working on web education. I personally am preparing localized content. To sum up, quality is the key issue. We think that the quality of the web in Turkey can be increased via Opera.

Opera Talks: A New Dev.Opera

, , , ...

Last week, an all-new Dev.Opera debuted on opera.com, with lots of goodies for developers and others interested in the latest Opera technology. To find out more about what went into the change, we sat down for a chat with head of Developer Relations Andreas Bovens.

DescriptionAndreas shows off Dev.Opera on a Motorola Xoom

Andreas, what was the main purpose behind relaunching Dev.Opera?

Apart from creating a central repository of relevant information and articles for developers who want to know more about Web standards, including the latest developments like HTML 5 and CSS3, or Opera technology like extensions, it's also a place where they can try out new technologies Opera is pioneering, like the camera API or the Opera reader. The other big improvement is that the new Dev.Opera works across all devices – the design adapts automatically to different screen sizes.

DescriptionDev.Opera in landscape mode - and a tiny bit of screen glare.

Can you give us some highlights of the new design?

We cut down the number of categories to five: Web, TV, Add-Ons, Mobile and Labs. These are now at the top of the page with a header bar and proper navigation that allows for a structured collection of articles, along with a featured selection of the latest relevant content. These are all better ways to discover content, including good stuff from before that was hard to find. We also added the ability to comment directly on articles instead of creating forum threads.

DescriptionEsteban Manchado Velázquez, project manager on the redesign, attempts to divert our attention from his unusual keyboard.

What's next for Dev.Opera?

Looking ahead, we are planning to have more articles on WebGL, which will ship in Opera 12. This will continue the previous series of articles we had on building applications in WebGL. Then over the course of December and into the first quarter of 2012, we are going to be adding more developer resources to Dev.Opera, primarily documentation and tools for developers that were under opera.com/developer previously.

DescriptionUshering in a new era of peace and constructive dialogue through Web standards.

Opera Talks: A whole new way to read on the web

, , ,

Quick question: What's Paged Media? OK, that was actually more of a trick question than a quick question. Paged Media is a brand-spanking-new technology developed by Håkon Wium Lie. It's so fresh and new, in fact, that it was only released to the world in an experimental Opera Labs build yesterday. What is Paged Media? The short answer is that it's a whole new way of reading online. But for the full story, read more below...

Håkon Wium Lie

Håkon Wium Lie demonstrating Paged Media at Up North Web.

Read more...