STOCKS MASHUP

WILLY NGUYEN QUANG MINH (Matric: G0802482F )YULSTAR LUKIMIN (Matric: G0801713J )CHRIS LOK JIANMING (Matric: G0801688L )

LITERATURE REVIEW The current stocks display system The broadcast is only based on text

and numbers often be overwhelming if too much information is shown.

RUSSIA'S NEW IXSP STOCK EXCHANGE

REQUIREMENT ANALYSIS1.1 Purpose of the system The main objective of World-Wide

Stocks Monitoring System is to provide users with an easy tracking and monitoring system of international stocks on a graphical interface.

FEATURES/ADVANTAGE 1. Ability to be displayed on large screens 2. Ease of Use. The User would only need

to input the stock he wanted to monitor. 2. The system allows software

administrators to change the stocks to be presented in the system.

3. The system is based on live feeds. 4. This system can also be used by

individuals

(1) Stocks Select

(2)Markers Display

(5)Add RSS

(3)Google Map

(4) One Page Operations

1. User Selection – The system allows users to add/remove any stock from the display system.

2. Stocks Monitoring – The System monitors the RSS feeds and refresh its data periodically

3. Google Map Display interface – The System enables stocks information categorized on gobal Map

4. One-page-display – This AJAX application is fully done on 1-page. Thus there would be no Server dependence after the initial load.

5. Administrator access – To update new RSS feeds to the system.

AJAX

AJAX

AJAX

Simplified Collaboration Diagram for Core Module after Login

XML Data Formatting

RSS Feeds RSS Feeds RSS Feeds

PHP

FORM

XML Database

Containing Database of RSS Feeds.

1: Request(XML)

2: Return (RSS URI)

7: Format(Stock)

3: Request Feeds (RSS URI)

8: Marker (Display)

6: MAP API(All info)

MapMarkers1

Markers2, 3

RSS Parser

4: RSS feeds

5: Parsed data

COLLABORATION DIAGRAM FOR CORE MODULE

1. User fills form with the needed stocks and presses the Show Button.

2. The XML database returns the RSS URIs back to Explorer.php.

3. The Explorer calls for RSS Feeds Retrieval.4. RSS Feeds from various stock centers are sent to the RSS

Parser5. The Parser returns Parsed data.6. Google Map API is activated to Draw the required Markers.7. The marker send the Parsed data for Formatting8. The Formatted Data is passed back to be displayed in the

Markers.

Application ServerApache 2, Php 5.2.3

Resources

Client

Google Server

GOOGLE Map Provider

VARIOUSRSS FEEDS XML DATABASE

LOGIN

AJAX Components

Google MapInterface

RSS PASER

DATABASE ACCESS

ASYCRONOUS

DIFFICULTY/ CHALLENGES FACED.

1) Google map API needed a key 2) There was insufficient time for development. 3) This project is particularly difficult because the

RSS feeds to live stocks are not readily available. 4) Google API –The Google API does not allow

multiple marker to be opened at the same time. 5) Integration –Much effort was used to ensure the

components are asynchronous to each other. 6) XML Database – A XML Database was created

using Prototype Toolkit to read and write database.

DEMOSTRATION Time Limited Demostration. http://mobitop.cais.ntu.edu.sg/willy/sto

ck/login.html

SUCCESS? Greatly improved Visibility and

Asthestics Viable on Very-Large Displays. Clear view of stocks. Live-Feeds using RSS. Easy Selection of Stocks. Easy addition of Feeds.

ROLES OF TEAM MEMBERS

 WILLY NGUYEN QUANG MINH (Matric: G0802482F) – Principal Programmer for Google API and Integration of the

Systems Assistance for Documentation

YULSTAR LUKIMIN (Matric: G0801713J) – Principal Programmer for RSS Feeds, Database Systems Assistance for Documentation

CHRIS LOK JIANMING (Matric: G0801688L) – Principal Requirements Analysis and Documentation, Assistance Programmer and Debugger