Tag Archives: time

Multi user avatar chat based flash website for Incident 09

I was very inspired by the Red Interactive agency’s website which allowed the website visitors to talk to each other in realtime with an option to customize their avatars. So I wanted to use my skills and create something similar for my college website. The initial idea came up with was to model the entire college campus in 3D and allow the user to navigate around the campus along with them being able to go through the event details. I had also thought of having interactive elements in the 3D map which shows a miniaturized version of the cultural fest happening inside the 3D space. But as I was the only person who was working on it and also considering the average internet bandwidth available around that time in India, I decided not to plug in very heavy graphics onto the website. I started off by designing the main building of my college using Google sketch up and rendering it with a photorealistic plugin called vRay. The initial results were very impressive. With the crude rendering of the image, I started working on Flash CS3. Till then, I had only worked on Swishmax, which was a stripped down version of Flash. But Flash CS3 didnt prove too difficult given the fact that I never had to use much of drawing and keyframing tools present in flash and had to use only the actionscript features.
I started off testing the feasibiity with just a small ball as an avatar whose position can be moved through the keyboard arrows. The position of this ball was broadcasted using raw XML sockets to a PHP based server listening on port 8080. And every flash client connected to this PHP server received the coordinates of this ball. After doing a real run on NITK network, the concept proved successful. After this, I went on download some human characters for Poser 5 and exported frames which show the human characters to be walking. The simplicity of Poser in working with human models proved to be a blessing as I had the still frames oif the animation ready within a few days. Then these frames were imported onto Flash and separate swf files which showed the human model to be walking were kept separately and then imported onto the main flash movie and placed in front of the 3D background map.
After this, multiple human characters and multiple 3D background were done using the same method and all integrated into the main movie using some actionscript and the final movie was ready. A quick demo to some of my friends showed that the website would become an instant hit.
Along with the main flash site, I had to set up a way to add text content onto the website using a simple HTML admin page.
The final website was hosted on the local NITK student server and a WAN port 80 was mapped to LAN port 8080 on the local server so that no firewall can intrude in the communication between the client and the server. The final result was a major success and was one of the best websites made for a cultural fest in India.

Some stats :

15000 visitors out of which 10000 are absolute unique visitors, 22000 pageviews, 15 GB data transferred, 800 event registrations on the website

Later on , some additional features were integrated into the site like :

  • ALICE chat bot to give standard replies to questions asked during chat
  • Integration of phpbb login with the flash website so that user logged in on phpbb forum is logged in the flash site also
  • Integration of google SMS channels to send out bulk SMS, moderation of chat messages using Google talk
  • Some interesting things in the backend : (which you probably wouldnt know even if you used the website)
    The chat avatar character was assigned based on the IP. If the IP address was in the range for girls hostel , a female character was assigned, If it was from the boys hostel block, a male character was given. Otherwise it was totally random.
    The ALICE chat bot was trained to answer hundreds of questions like “What is Incident”, “When is Incident” etc and would respond to commands like shut up, keep quiet etc. It would also detect when someone would try to use abusive words and then ask them to kindly restrain from repeating it.
    Someone or the other person would always stay online to moderate the chat messages being broadcast and ban users who spread hatred on the group chat.
    To aid in modelling the 3D maps, I had to go around the campus clicking photographs on my phone from different angles for different buildings and then model them on sketchup. There were plans to model every building , but the plan never worked out due to lack of time.

    Some technical details :
    The flash client in the browser connects to the PHP based socket server running on port 80 on the NITK student server and communicates using raw XML sockets. The PHP server separated the users into different rooms(based on the map chosen) and forwarded the messages in realtime.  Running it on port 80 ensured that firewall intrusion was minimal. A chat bot (based on ALICE chat bot) was integrated into the map. Moderators could see the activity of any room by adding a jabber user ([email protected]) to their google talk list. The text content on the website was managed using a simple CMS like page.

    Click to view the demo of my work
    VN:F [1.9.22_1171]
    Rating: 8.8/10 (16 votes cast)

    (to be done)

    Incoming search terms:

    About

    Hey there, My Name is Kiran Kumar (so is the name of this site) and I am a 23 yr old web developer from Mangalore, India. This blog is a place for me to share my thoughts and my contributions to the open source community. Apart from that, this website is my face on the internet where I publish links to my work and a medium for you guys to reach me anytime. You have reached the about me page on my blog and I should say that this was one of the most difficult part of writing a blog, i.e, writing about thyself. So here it goes,

    I am a Chemical engineer by degree, Oracle employee by the day and a freelance developer by the night

    My interest in the web technologies started in late 2005 when I became a part of the web enthusiasts club at my college; NITK Surathkal. By then I had already decided that I would pursue chemical engineering as I had no clear cut idea on what specialisation to choose. But slowly my interests in web technologies started to captivate me and I started spending most of my time working on the web. In my college, I started becoming known for the websites I designed and the posters I created. In my free time I had learnt a lot of different technologies on my own. My first love was for SWiSH , an alternative to Macromedia Flash 5 at that time. I liked to create fancy text effects and make small flash movies using Swish. Slowly, I moved on to 3dsmax, to enter into the world of visual effects. But the hardware config of my desktop prevented me from getting too close to CGI. Simple 3d scenes took a lot of time to be rendered, and when the rendering time went to the magnitude of days coupled with the frequency of power cuts in India , it became an impossible feat to get anything out of it.

    Then I found my new interest in PHP after one of my friends told me about it. And since then, I have been actively involved in PHP development. To me, the simplicity of the language combined with the power of the open source community always gave way to endless possibilities. Along with PHP came all its friends. Javascript, HTML, Flash, Photoshop, I loved them all !

    I worked on a couple of different softwares/technologies and here is the list of things which I can recall right now :

    1. Rating: ★★★★★★★★★☆ PHP 5
    2. Rating: ★★★★★★★★☆☆ ExtJS framework
    3. Rating: ★★★★★★★★☆☆ Flash CS3 & Actionscript 3 -
    4. Rating: ★★★★★★★½☆☆ HTML & CSS :
    5. Rating: ★★★★★★★☆☆☆ Javascript
    6. Rating: ★★★★★★★☆☆☆ Joomla 1.5 component, plugin creation
    7. Rating: ★★★★★★½☆☆☆ Selenium & QTP UI automation
    8. Rating: ★★★★★★½☆☆☆ Titanium framework for iPhone & android app development
    9. Rating: ★★★★★★½☆☆☆ Photoshop
    10. Rating: ★★★★★★☆☆☆☆ VBscript & VB app design -
    11. Rating: ★★★★★☆☆☆☆☆ Google sketchup 3d modelling & rendering
    12. Rating: ★★★★☆☆☆☆☆☆ Facebook API & Twitter API
    13. Rating: ★★★★☆☆☆☆☆☆ Poser animation
    14. Rating: ★★★★☆☆☆☆☆☆ 3dsmax
    15. Rating: ★★★★☆☆☆☆☆☆ Matlab coding & GUI
    16. Rating: ★★★☆☆☆☆☆☆☆ Autocad (2d only)
    17. Rating: ★★☆☆☆☆☆☆☆☆ HP Quality center OTA API

    I worked on a small content management system of my own which , in the final year of my college this helped me get a job in Oracle and be a part of Content Management (ECM) team in Oracle. At Oracle, I am a part of Middleware suite globalization team where I work with people from Beijing, Tokyo and San Francisco on Oracle’s acquired as well as in-house ERP applications. The toughest part of the job is learning to understand the accents used by different people.[Update: I now work as a mobile developer at an e-commerce startup flipkart.com]

    Until recently, I was only involved in web based projects, but the day I can across Appecelerator’s Titanium framework, I said ‘this is definitely my cup of tea’.For the last 6 months, I have been busy  developing native applications for iPhone & Android using the Titanium framework and I absolutely love it.[Update: I have started hating it now. Its very difficult to manage titanium projects when they become big]

    I am passionate about my work and I always love to learn new things. I hate limiting myself to a single domain and always push myself hard to explore new interests which can keep me occupied all the time. People may call it ‘lack of focus’ , hyper-wandering-mind or a Jackass of all trades ! But its just the way I am designed. There hasnt been a day where I dont get a tingly feeling about learning or doing something new. But most of my work have been in varied domain, and are unorganized.

    I think that much text should be good enough for you to give a glimpse into my life, if you like to get in touch with me send me a mail, or chat with me, or follow me on twitter or drop in a comment.

    Incoming search terms:

    Textoo: An application to send free SMS using SMS gateways (India,UAE,Kuwait etc)

    Update : 17th July ’11
    Textoo 1.0 is no more supported. Textoo Pro has reached the app store. Supports more gateways and has a lot of bonus features. Android version of Textoo is also being worked on. Click here to know more.

    Update : 22nd Sept ’10
    A new page has been setup here for the app. More info on this app with be posted on this page from now on.

    Update : 15th Sept ’10

    Apple has approved my enrollment into the developer programme. I am now expecting the approval process for the app to complete soon.

    Update : 13th Sept ’10

    The application is complete. I am now waiting for apple to approve my enrollment into the developer program so that I can release the app on app store. In the mean time you can have a look at the screenshots below. The app will support multiple gateways and the user will select a particular account to send the text message. The app also has a update feature to download the new gateway lists. Stay tuned for the developer API to add your own gateways to the application.

    Update : 9th Sept ’10

    This is taking longer than I thought, and I have put in more features than I had planned initially. Changing ETA to 13th Sept ’10..

    Aug 26th ’10

    I am now working on the creation of a mobile phone application for Android and Iphone which will allow you to send free SMS using the PHP API which I created a month back . This is the domain I never explored before, so will take a bit longer to come up with something useful. Hopefully, I can finish it by the end of this week, so that mid of next week, I can release it here. Follow me on twitter(@kiransmile) to stay updated on the latest posts.

    This is a mobile application for iPhone 4 and Android 1.6 which will allow you to send SMS messages to India, UAE, Singapore, Kuwait etc using the free web based SMS gateways like 160by2, way2sms etc. Of course, you will need to register on the respective gateway websites to get an account, afterwhich you push in the accoutn details into the app using an easy to use interface. Afte

    Incoming search terms:

    Flash draw-on-sand application with source (.fla)

    Flash CS3 Source code and PHP script to export drawing to JPG.
    I made this flash app a year ago for my college NITK Surathkal’s cult fest Incident’s website. But I did not find time to add all the features I had thought of. The plan was to have this drawing canvas as the background of the website for beach events, but I later decided to keep it simple.

    Continue reading “Flash draw-on-sand application with source (.fla)” »

    Incoming search terms:

    How to display your accurate google latitude location address with the public badge map in your blog

    Google latitude is a great way to share your current GPS location with everyone. You can put up the google location badge on your blog and let the world know your exact geographical location.
    But the latitude badge does not provide the exact address of your current location in terms of the area names but shows the exact location on the map. Google latitude badge shows only city level address along with the map. So I decided to write my own small PHP script to print out the exact address instead of an approximate one which is shown by default. You could use this code coupled with XMPP integration to show it as you google talk status message (a tutorial and script for this..sometime later)

    Basically, instead of displaying “<City name>,<country>”,  this script will display “<Road name>, <areaname>,<cityname>,<country>”
    Continue reading “How to display your accurate google latitude location address with the public badge map in your blog” »

    Incoming search terms: