Official ObjectGraph Blog

Archive for the ‘ajax’ Category

OpenFlashCards.com Launched

Thursday, March 27th, 2008

We would like to announce that OpenFlashCards.com was published today. This is a website which you can browse,create, and share multiple choice questions flash cards. The interface is simple and easy to start to create your own cards. Please feel free to create your cards. We will add more features on this website :
1. Embedding Cards in your website.
2. Community Functions such as rating system.
3. More configuration about flash cards settings.


http://www.openflashcards.com/

Check these screen shots:

Please give us your suggestion and recommended categories in this comment box!

ObjectGraph AJAX Dictionary AIR version

Tuesday, August 7th, 2007

I recently start learning Adobe AIR . AIR is a platform that allows you to run your web application on your desktop too. It seems there are two major ways to implement AIR: Flex or JavaScript. I downloaded a free online book from here, and I used Aptana for the IDE, but you can basically build AIR application with your favorite text editor & command-line.

After my Hello-World experience, I tried to port our online AJAX dictionary. I could translate this web application in 25 minutes. In terms of coding, only one part was changed, which is url for XMLHttpRequest method. It was relative path to send request, but I changed this to absolute url since it will send requests from your desktop. This was easy, and rest of changes are window width, removing links & unnecessary scripts.

Click here to download the .air application. Please install the runtime from here.


air_install.png
Installing Application

air_dict.png
Screen Shot

Additional Note:

In order to distribute AIR application, you need following MIME type in your server for .air extention.

application/vnd.adobe.air-application-installer-package+zip

Japanese characters are OK in AIR, but the font lost the sharpness. Maybe it’s default font or rendering engine of its browser.

Practical AJAX Solution @ Travel Industry

Tuesday, January 16th, 2007

This is a simple case study that I implemented for my client with Ajax Technique.

Problem: A travel company dispatchers need to look at their tour guide’s schedule in one shot. Data is grouped by their job information; however, dispatchers need to look at them grouping by flight number too. Because if the arrival schedules are close enough, they want to merge two jobs in case of extra capacity in other car.

Solution: At the 1st level, it groups by the job. In the second level, user paints some colors on each job to identify similar flight schedules across all different categories: Arrivals, Departures, and Optional Tours.

Implementation: I added paint can icon can.jpg, and popup color picker to fill the panel.

popup.jpg

Result: user can look at similar flights as below:

colored.jpg

In my opinion, in this kind of business application, AJAX works in pinpoint for a specific purpose. If we make it work just like Gmail, using AJAX all over the places, the development cost will increase a lot.


AJAXified Contact Page

Tuesday, January 2nd, 2007

I just completed the AJAXified version of the contact page. Its really simple AJAX, not using any framework



Most of the code for JavaScript is in



http://www.objectgraph.com/js/sendmail.js




I also played with Google Maps API to put a small map of our office location. Check it out.



The code for it is in



http://www.objectgraph.com/contact.html


I wanted to add weather settings to the map, but NOAA service seems like broken for ASP.NET, maybe i will try it in Python :-)