Skip to main content

Rich Internet Application & GWT : Angel of Java Programmers

We all are hearing the buzz about Rich Internet Applications (RIA) about a year or so. But, what the heck is that beast? You may ask. For the user's perspective, it's the desktop like experience delivered over web. Yes, you feel like you are using a real desktop application (well, at least sort of). The richness of desktop controls is transferred to web.

How RIA is build? Arise another question. These all started with that amazing kid called AJAX (Asynchronous JavaScript And XML). Then more and more tools become available, like Java FX, Adobe Air, Adobe Flex (and Adobe Flash), Microsoft Silverlight. But these tools, though it gives rapid and organized web application development, required some kind of plug-ins to be installed on your browser. There is the importance of AJAX based RIAs, because JavaScript is enabled in almost all browsers in use today.

However, It's not a fool proof solution, because there are people who switch off JavaScript for some reason, like me ;-).  But it's still far more effective. To develop a RIA with JavaScript we can use jQuery, Moo-tools, YUI, ExtJS etc., frameworks, if you are a JavaScript ninja . Only because I'm not, but still eager to try my hand on RIA, I looked for another solution. There is GWT.

What is GWT? It's Google Web Toolkit. Another amazing product from Google Inc. It let us write RIA in Java (Yes, Java, Sun's Oracle's) Let GWT compiler do the translation of your beautiful Java code into JavaScript, CSS and bootstrap HTML. That said, a little experience in JavaScript, CSS & HTML will not hurt at all.

Where we are heading to? Great question. I'm glad you asked this. As you see this far this isn't a tutorial or intro (it's too late..) of RIA. I'm here to show you some snaps of my GWT based project done at January 2010. Due to some reason, I forget to post about it.

Why I choose GWT? Sites I love, use GWT, Google Wave, Gmail, new Orkut

Here it's, It uses, GWT, Hibernate JPA, Ext GWT etc.,





Update: Later, I thought I haven't given anything useful. So here it's.
Even though project look(and is) simple, it's a considerable learning experience for me. I learned many things, not to mention GWT and related libraries, I learned bits of web programming in Java. Till then I only coded for desktop, through this project I'm introduced to Java Servelets, bits of JSP, concepts like ORM, Hibernate, JPA, RIA, GAE and ExtJS library. All this within 2-3 months.

Working Demo

URL: http://safelymanage.appspot.com/
User Name: demo
Password: demo

It's a RIA application, so make sure JavaScript is enabled in your browser.
I managed to change code to work partially on GAE. You can see the UI. However, you can't do anything useful. Because, I haven't got time to change Control Layer to work on GAE. (Model and View are functional.
Also,It's a different theme and less aesthetically pleasing than one in above slide show (actual project.)

Comments

Popular posts from this blog

Correct way to structure your Django 1.4 projects

PS: This post is written assuming you're familiar with Django and at-least have some basic experience trying to set-up a Django project (for learning or for some cool project). Purpose: To show how to properly set-up your Django1.4 project after seeing other developers getting it wrong (seen it wrongly structured by my mentee, senior developers and junior developers at my firm.). Django 1.3 Project structure: Initial structure followed by two apps added to the project. Refer above picture, where I shown a Django < 1.4 project structure. (I know, at least Django 1.2 & 1.3 follows this structure). First tree view is of the initial structure that you will get by calling $ django-admin startproject Proj Take a note that manage.py, settings.py, urls.py are in the main folder. Following  tree display is after creating two apps named app1 & app2. You'll do it as follows $ ./manage.py startapp app1 $ ./manage.py startapp app2 Those apps are c

AJAX File Upload with Web2py

It was not that long, since I experienced a problem while trying to upload a file using an ajax  trapped form. I thought, it must be me doing something wrong. I was using web2py  to embed another page into a page via ajax. That is better known to web2py folk as LOADing a component. It's just happened that one of such component contains a file upload form. It was my first time using LOAD function provided by web2py. Basically it make use of jQuery to load the page via ajax into a target div and traps input of any form in that page, so that page doesn't reload. Oh, I forgot to say that web2py is bundled with jQuery. It's always boring and tedious to understand a problem without experiencing it. So, Let's play with an example, (PS: I"m using web2py a full stack python framework, but you can use any language at server side and this problem will be there because, it's a problem with ajax) My model which defines table like this, In RDBMS world, it column 

Set difference: Data provided from two big files with one number at a line

Today, I had to find out difference between two huge lists of numbers. Numbers are 17 digits long and list are of around 1 lac. PS: I'm documenting both versions here for my future reference. I used python, because diff doesn't felt good for me. because it will print both ins and outs of both files. Also, I ruled out diff's possibility, because I didn't felt it will work at that time. Later, at home: I give diff a try. Yes, it's not that beautiful as in python. I'd cut and sed a bit. But still, it's a "one liner" and I like 'em a lot.