2. Outline
1 Introduction
A Few Words
Options
2 Description
Chat part1
Chat part2
Widgets 1
Widgets 2
Widgets 3
3 The Team
2 / 10
3. Introduction - A Few Words
FIInfo it’s a Web agregator ,just like iGoogle, about informations of
interest for FII students and can be easily extended to everyone else.
JQuery UI
The whole user interface of EuStud is built using JQuery UI having in
mind modularity and best User Experience. The application uses all
JQuery UI widgets and effects, having used these the user has the ability
to change the theme of the application in a very simple way.
In the developmentof these it was used html/css,javascript with jquery
framework and ajax technology.
3 / 10
4. Introduction - Options
We offer multiple posibilities of widgets like:
RSS Feeds
Facebook Wall
Eventful With Google Maps
SlideShare
Panoramio With Google Maps
Twitter/Wheater
And of course the posibility to Chat
4 / 10
5. Description - Chat part1
Chat client
Built for making communication easier between Eu Stud user, it light and
detachable, has no dependencies toward Eu Stud application and can be
used in any other application provided that it is hoste on Google
Application Engine. User interaction is built using JQuery UI being
developed in the same time as Eu Stud application and by the same team.
Few words on Google Application Engine
Google has a great offer on hosting and running web applications in the
cloud. It hosts applications on the same servers as Google applications are
hosted so it is realiable and robust. Taking in account that for moderrate
usage it is free we decided to run our application from Google Application
Engine.
5 / 10
6. Description - Chat part2
APIs used
Google Channel API
Allows developers to use a solution for pulling information from the server
that resembles a socket on the client side of the application.
On the server side channels are opened with each user and the application
manages this channels in order to send information to the client.
The client has a listener attached to message event that transmits new
data from the server.
Storing data - Java Entityes
Google offers developers the oportunity to store objects as entities
represented by a a key value much like a hash set.
6 / 10
7. Description - Widgets 1
Eventful with googleMaps
Discover upcoming events and stuff to do in a nice and simple interface
based on Google Maps. Search for events, narrow down with category,
place or date and sort your search by relevance or title. This application is
powered by Eventful API and Google Maps API.
Panoramio with googleMaps
A small adaptation to the ”Photos of the World” presented by Panoramio.
Discover new places in your world and feel the reality of the place with
photos from that region. Take a closer look and broaden your view of the
world. This application is powered by Google Maps API and Panoramio
API.
Facebook wall
An application that brings your facebook wall into sight. Small and easy
to use, reliable, and safe this application keeps a track of your facebook
status
7 / 10
8. Description - Widgets 2
Rss Reeder
This gadget offer the possibility to visualize feeds in rss format from any
website that supply feeds. Feeds can be seen in two different modes:
Home View and Canvas View.
In home view you can see your feeds with essential information displayed
in minimized form. The information consists of :a title a link to the article
the feed points to. In addition a plus image can be clicked to view a
description and a photo if the feed supplies it. In home view there can be
seen maximum 10 feeds. The home view offer a setting area where you
can choose how many feeds to display and the way they are displayed.
In canvas view the feeds are displayed in a larger way with all the
information visible to the user. This includes a title,a link to the article,a
media(if exists),a description,the publication date and how much time ago
the feed was published.
8 / 10
9. Description - Widgets 3
Slideshare Presentation Viewer
This gadget offers the possibility to visualize presentations from
http://www.slideshare.net/ .Presentations can be seen in two different
modes: Home View2,Canvas View. Presentations can be searched by
supplying a query string. In the minimized view the user can choose how
many slides to display and the way there are displayed. In maximized view
the presentations are displayed in a larger form with extra information:the
user who published the presentation,the publication date,a short
description and a link to download the presentation.
Twitter
The user can experience the live feeling of tweeting with friends.
Wheater
The wheater at the current moment, live and dynamically updated
9 / 10