Just Talk About Web

Techniques Behind Modern Web


I’d applied for Woopra beta since the service was introduced in a post from “Web Tools Collection” and just received approval for this blog a few days ago. Running client tool and seeing all info about who are visiting my blog in real-time, I could just say “Wow, so cool!”

woopra-intro.png

Woopra provides realtime analytics via a Java-based desktop application so you must have Java 6 pre-installed (some Mac users may not have the latest Java install, version 1.6 can be found at this page and you can get helps here). This tool is well-designed and seems very stable. Moreover, it has slick UI that you can change themes on fly and surprisingly it can render so rich interface with no hiccups — that’s probably the best experience I’ve ever had with a Java-based desktop app in term of UI.

After starting the app and signing into the service, you’ll see its dashboard that mimics stock analytics board with a realtime visitor-pageview graph on top and a running ticker at bottom. Other five panels provide you with (1) “Overview” of visitors and hits by day, (2) “My Content” (what pages were viewed and how many times), (3) “My Referrers”, (4) “My Searches” (search keywords), and (5) “My Visitors” (by country) — all are updated in realtime manner.

woopra-dashboard.gif << Woopra Dashboard — Click for full picture.

Switching to “Live” tab (on the left side) you will see the most interesting features of the service: You can see visitors who are visiting your website: where they come from, what they are viewing, how long they have been in your site etc. Once a visitor comes to your website, that will be indicated in a small world map (which gave me feeling of using NASA’s operation control board.) In addition, you can discover one of the coolest features of Woopra integrated in this tab: chatting with your visitors (I’ll cover this functionality in details below)

woopra-live-screen.gif << Woopra’s Live Tab — Click for full picture.

Now you may ask where all traditional analytic data are? They are in “Analytics” tab as expected. This tab contains many sub-tabs and sub-sub-tabs that present all analytic data you want to drill down and most of them are accompanied with graphs. I found some analytics terms are better presented here than in Google Analytics like the “Bounce Rate” and data are loaded much faster than Google’s web-based analytics tool.

woopra-analytics-screen.gif << Woopra’s Analytics Tab — Click for full picture.

The last tab gives you ability to create “events” — something like “A visitor from Canada suffering web with Firefox 3 on a Mac” or so. Woopra will notify you when the defined event occurs and what that visitor is viewing along the way.

woopra-manage-screen.gif << Woopra’s Manage Tab — Click for full picture.

Now, you may want to say hello to him/her: just click on the notification message to get to “Live” tab with the visitor selected then click on “Start a conversation”. A typical chat window will appears and, believe or not, you are able to talk to visitors of your blog — really a killer functionality (see screenshots below for how I chatted with myself :)).

woopra-chat-window.gif

woopra-chat-web-popup.gif

Woopra can be a good example of how to build a client tool to serve its online service. Although it may not be considered a true RIA (Rich Internet Application), I think, it gives the same experience of using such apps and if it can leverage the upcoming JavaFX (see a cool demo here) in next version, it would be the (first) RIA I really want to use everyday.

Share and Enjoy:

These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • StumbleUpon
  • DZone
  • del.icio.us
  • Reddit
  • Mixx
  • Technorati
  • Sphinn
  • Facebook
  • Google
  • SphereIt
  • BlinkList
  • Furl
  • Ma.gnolia
  • Slashdot
  • Spurl
  • TailRank
  • TwitThis

Don't forget to subscribe so you don't miss out on future posts!

Searching a solution for how to bypass printer dialog box when printing multiple web pages in Internet Explorer which is required in one of my company's projects I found a hack from DevX.com. if (navigator.appName == "Microsoft Internet Explorer") { var PrintCommand = '<object ID="PrintCommandObject" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>'; document.body.insertAdjacentHTML('beforeEnd', PrintCommand); ...

As you may notice, I've used Ext JS in a couple of my own projects. I can say Ext JS is a professional project and what Jack Slocum has been doing are better than any other projects in term of UI components: with a few lines of JavaScript codes, you can create an excellent UI that gives you a new ...

  • 4 Comments
  • Filed under: Ext JS
  • It's hardly to believe that the creation of Firefox logo was inspired by space images captured by Hubble Space Telescope but the following pictures could prove that claim. The picture on the left looks like the variable star V838 Monocerotis near our Milky Way Galaxy. However, it is found that the original image (below) was modified a bit to look more ...

  • 1 Comment
  • Filed under: Misc
  • After installing Firefox 3 Beta 5, I found Firebug did not work properly and that led me to the 1.2 branch of this great add-on, in alpha at this time. This build can chuck out some issues but not all. However, the first beta of this branch is expected to come out soon and it should work well with the ...

    I've registered and had some hand-on experiences with Amazon Web Services (S3 and EC2) since they were launched. I like the idea behind them and theoretically they provide very flexible hosting environment where you can deploy and publish your apps on fly. Yet, in practice, it's not that simple: you must be an expert to create a system of high ...

  • 0 Comments
  • Filed under: Google
  • Ext JavaScript Plugin for Grails

    Marcel Overdijk has released Ext plugin for Grails. This plugin provides integration with the Ext JavaScript Library. When installing the plugin, it downloads and installs automatically the latest Ext 2.0.2 distribution in your application, and registers itself to be used with the adaptive AJAX tags. It also contains two helper tags to easily include additional Ext JavaScript and CSS files as ...

  • 0 Comments
  • Filed under: Ext JS
  • Firefox 3.0 Beta 5 is now available for download. This release includes "750 changes from the previous beta, improving stability and web compatibility, providing platform and user interface enhancements, and resulting in the fastest Firefox ever. Many of these improvements were based on community feedback from the previous beta" (quoted from the release note). Adrian had a little hands-on time with ...

    A few months ago, I told one of my friends, Bill Aue, that I was really tired with going tens of websites to read tech news everyday while my RSS reader had been overloaded with hundreds of feeds. Sometimes it's very hard to find what important news is. Idea and Implementation Then, Bill had an idea of creating a weblog which pulls ...

    Building a Mash-up with SynthaSite

    In a recent post reviewing service from WebNode -- one of players in rather a crowded market of online site builder -- I mentioned SynthaSite as a serious competitor in the field. A few weeks ago, Monique sent me a shout about SynthaSite's upcoming release with a lot of improvements in site builder and new widgets like Form, Map and ...






    AdGridWork


    Free Advertising Free Annual Credit Report

    BlogRush


    Spottt Ad

    Our Sponsors

    Website Magazine

    Jobs

    Blog Promotion