Vacation Tracker on Android - LungoJs

After hanging around a lot with PHP and CSS, development of web apps for PC's got somewhat monotonous. Hence, I decided to move on to develops web apps for the tablet and the smart phones. Being the possessor of a Sony Xperia U, Android was the obvious choice of platform. Instead of hard coding the entire application with javaScript I decided to use the framework called LungoJs. The first look at the framework convinced me that it is definitely cool, but lack of documentation and support made it really cumbersome. It took a hell lot of time for me to figure out how to use the Framework. At this point I must tell you that it is not at all that tough as I felt, its just the lack of support.  
 The application itself is very simple. The routine is stored in a MySQL database. All I need to do is to update the routine if I'm absent in a particular class. The absent dates are stored in the database. The application automatically calculates the percentage of classes I have attended in each subject and warns me if I'm low on attendance.

The application is currently in alpha stage of development and major features have already been implemented. The last module that I'm working on is trying out a algorithm that will help me to plan my classes so that I can cope up if I'm low on attendance. A bit of AI ;)

Less of Qt and more of HTML5: Rekonq

The implementation of the background image selector done in Rekonq was coded in Qt. The widgets and all were all coded. But now I've got a different implementation for the same problem. Rekonq uses webkit, so almost all of the HTML5 and CSS3 features are available for use. So instead of creating the popup widget and creating layouts using Qt we can create a lightbox using CSS3 and load the images using HTML5 handlers. Again the file select class of HTML5 will make it real easy to select files from the local disk or from the web. The data file although remains the same. The HTML5 will load data from the XML file using AJAX. This solution will not only make the widget a bit faster, but also coding for it will be a lot simpler. Just like a simple web page. The interface will also be for attractive and making animations will be also very easy.

The 6 images that I intended to load in the lightbox, will be a simple 3 x 2 table and the cells will be image hyperlinks. Instead of controlling the data by the file class of Qt we can use handlers to right the data directly from the HTML file. The entire lightbox will be just a HTML form with submit and cancel buttons. I guess this will soon be implemented. :)

Desktop icon arrangement

I gave a try to simulate the entire desktop on the web using the HTML5. Believe me its possible. A small part of it was to bring in the windows icon arrangement on the desktop. I tried to do it using CSS3 tags transform and transition. It was easy though the draggable part of the icons requires a lot of javaScript in it. So avoided it in this example. Here I just simulated the looks and feels of the desktop using CSS3.

Download the source code:

http://hotfile.com/dl/137235434/ec9ae61/CSS3_DesktopIconStyle.zip.html

Science Calculator Chrome Extension

Finally, after a break of four months and learning CSS3 and HTML5, I'm back to developing apps. This type a web app, more precisely, an extension for chrome, with CSS3, JavaScript and HTML5. This is just a scientific calculator. The buttons have an effect on hover using the CSS3 transform tag, and they are tidily arrange in a tab. Using JQuery I've made a sliding mechanism, which helps to keep the size of the calculator small inspite of have a large number of keys, and also make the accessibility of the keys easier. The main engine of the calculator is created using javascript functions. In general the site works in most browsers and also in mobile browsers, just the sliding mechanism made in JQuery has some issues. I guess that bug will be fixed in later versions.

Download the source http://hotfile.com/dl/135076422/d570dc3/Calculator.zip.html
Compilation instructions included inside.