timestamp timestamp group oct. 17 th 2008. logo agenda project background investigation...

TimeStamp

TimeStamp GroupOct. 17th 2008

Company Logowww.themegallery.com

Agenda

Project Background Investigation Requirements Analysis Use Cases Development Plan

Company Logo

Three Questions

What did you do?

What are you doing?

What are you going to do?

www.themegallery.com

Company Logo

Google knows its history

What did Google do?http://www.google.cn/tenthbirthday


http://www.google.cn/tenthbirthday

Company Logo

We should know our history

People’s experiences are valuable– How to know what we have done?– How to know what others have done, or are

doing?– How to let others know what we are doing?

TimeStamp– Record our own experiences on the timeline– View these experiences on the timeline– Share experiences with others– ……– Social network for knowledge management

and cooperationwww.themegallery.com

Company Logo

Investigation

Twitter Simile-widgets(timeline, exhibit) Timemap Google Calendar API


Company Logo

Twitter

Micro-blogging service, allowing users to send and read other users’ updates

http://twitter.com


http://twitter.com/

http://twitter.com/

Company Logo

Simile-widgets

Timeline http://simile.mit.edu/timeline/ – a DHTML-based AJAXy widget for visualizing

time-based events– like Google Maps for time-based information


http://simile.mit.edu/timeline/

Company Logo

Simile-widgets

Exhibit http://simile.mit.edu/exhibit/ – a three-tier web application framework

written in Javascript– can include many things like Google Maps


http://simile.mit.edu/exhibit/

Company Logo

Timemap

a Javascript library to facilitate using Google Maps with a SIMILE timeline

http://timemap.googlecode.com/svn/trunk/examples/kenya.html




Company Logo

Google Calendar API

Google Calendar offers many ways to create and share content.

The API allows us to view and update calendar.


Company Logo

Requirements Analysis

TimeStamp– Not only Twitter + Google Calendar +

Timeline + Google Map– But an experience-based social network

Functionality list


Functionality Functionality

Create, update or delete events on timeline, and set the privacy

Share the events with contact

Category management Comment on events of contact

Contact management View timeline by time precision or category

Notify the user when contact updates events

Search contact or events

Company Logo

Use Cases

Create an event on the timeline


timeline双击的某一时间点

,输入事件标题，起止时间以及描述选择分类，设置事件的浏览权限

点击保存

在点击处显示输入框

显示新创建的事件

TimeStamp InterfaceUser

Company Logo

Use Cases

Edit an event on the timeline


timeline点击上的事件标题

修改事件的信息，点击保存

popup显示事件的详细信息

timeline在上显示更新后的事件


Company Logo

Use Cases

Delete an event on the timeline


timeline点击上的事件标题

popup点击中的删除按钮

popup显示事件的详细信息

timeline在中删除该事件


Company Logo

Use Cases

Create a category


“点击创建分”类链接

输入分类名称

点击保存

显示分类信息的输入框

创建新的分类，并显示


Company Logo

Use Cases

Edit a category


category点击旁边的编辑按钮

输入新的category名称

回车或者点击保存按钮

category将置为可编辑状态

保存修改


Company Logo

Use Cases

Delete a category


category点击旁边的删除按钮

删除该分类

将该分类下所有的事件放入未分类中


Company Logo

Use Cases

View timeline by time precision


timeline选择的时间粒度：按年、按月或者按天

按所选的时间粒timeline度显示


Company Logo

Use Cases

View timeline by category


timeline在上选择一个分类

timeline在上只显示该分类下的事件


Company Logo

Use Cases

Search events


在搜索框中输入事件的关键字

点击搜索按钮

点击列表中的事件timeline标题查看该

列表显示包含关键字的事件标题，创建人名称


Company Logo

Development Plan

Schedule


Num.

Main Tasks Checkpoint

1 Collect and analyze requirements, and investigate similar open source project

Oct. 21st

2 Study source code Oct. 30th

3 System design Nov. 12nd

4 Develop and test Dec. 24th

5 Deploy and write final research paper

Dec. 31st

Company Logo

Development Plan

Currently we are in the first stage


Member Task

Yang Lin 1. Study Google Calendar API2. Find out how to embed the

Google Calendar into Timeline interface

Peng Pai 1. Refine requirements2. Decide the implementation of

event share and contact mode in Google Calendar

Ma Tengfei 1. Find out how to solve input problem of timeline: double click some time plot, get the time value of the plot, then generate a form dynamically to submit an event

Company Logo

The Value of TimeStamp

Make people’s experiences valuable Attract people to pay attention to the

past or ongoing things around them Provide People or facility with free

timeline service Will Google use TimeStamp to show its

history at its twentieth birthday?


Company Logowww.themegallery.com

Thank you!Q&A

timestamp timestamp group oct. 17 th 2008. logo agenda project background investigation...

Documents

comcompany logo use

google mapswww

users updates http

timelineshare experiences

historypeoples experiences

coding testing step

simile timelinehttp

final research paper7work