| |
Project title:
A web-site for Beijing 2008 Olympic Games
Overall Aims:
It is aimed to design and produce a new web-site which will
introduce the 2008 Olympic Games and its host city-Beijing,
the capital of China.
The candidature logo of the Beijing 2008 Olympic Games features
a traditional Chinese handicraft pattern known as the "Chinese
folk knot", using the typical colors of the five Olympic
rings. The design describes a dynamic human figure in a stance
that describe someone doing "Taiji" or shadow boxing.
The simple gesture lines symbolize the graceful, harmonious
and dynamic movements that connote the unity of, cooperation
among, communication between and development for the peoples
all over the world.
The emblem of the XXIX Olympiad is expected to become one
of the most powerful graphic identities in the history of
the Olympic Games. The main part of the official emblem, a
red dancing figure, resembles the Chinese character "Jing"
(Beijing, capital), its free-style strokes symbolizing the
energetic and open city of Beijing. The design well represents
the spirit, characteristics and verve of the Chinese culture.
It also indicates the Chinese capital city's determination
to have a new Beijing and a Great Olympics, and to make the
2008 games a Green Olympics, High-tech Olympics and People's
Olympics. This is exactly the Olympic spirit-friendship, peace
and progress.
I think working on this project will be a great opportunity
to apply what I have learnt in and out of the classroom into
practice.
This project doesn't need ethics approval for no such issues
will be involved in it. Olympic Games is an international
sports festival which people of all races and nations will
participate, enjoy and cherish.
Motivation:
The 28th Athens Olympic Games has brought to a successful
close. The torch has now been passed to China as Beijing prepares
to host the Games in 2008. So people all over the world are
looking forward to another international sports festival in
four years. That motivates me to come up with the idea of
setting up this web-site on the 2008 Olympic Games and the
city of Beijing.
I have talked with some of my foreign friends and learnt most
of them have very little knowledge about Beijing and some
even know nothing about it. But they have all shown great
interest in it and displayed much curiosity about it. Therefore
I assume it is both the right time to introduce more about
Beijing China to the whole world and a great chance to make
it known to all the people in the world.
Objectives:
This web-site will display to visitors a large quantity of
information of the Beijing 2008 Olympic Games, focusing on
the following three parts: High-tech Olympics, Green Olympics
and People's Olympics. Apart from this, detailed information
about Beijing from its long history to its bright future will
also be available on this web-site, which will enable all
the visitors to get to know Beijing or to know more about
it.
In the part of High-tech Olympics, the theme will be fully
depicted through the introduction of both the Beijing and
Atlanta Olympic Games (theme of Atlanta Olympic Games is High-tech
Olympics); In the part of Green Olympics, the theme will be
vividly described through the introduction of both the Beijing
and Sydney Olympic Games (theme of Sydney Olympic Games is
Green Olympics); And in the part of People's Olympics, the
theme will be clearly presented through the introduction of
both the Beijing and Athens Olympic Games (theme of Athens
Olympic Games is People's Olympics).
In the section of The City of Beijing, visitors of this web-site
will be able to learn its history, its scenic spots and historic
resorts, its present development and its great future.
Provisional plan:
October: I will choose the most suitable program tool for
this project, though I think FLASH or DREAMWEAVER will be
a better choice for my project. I still should read some relational
books to help me decide one tool of these two. And also I
will prepare to design database as soon as I choose which
program tool will be used in my project.
November: Because the database is the foundation of this web-site,
and all web pages should rely on it. So I will design and
build database at first. After the database designed, I will
build the database as soon as possible.
December: After the establishment of the database, I will
begin to design the web-site about the Beijing 2008 Olympic
Games. The web-site will be divided to four parts: the first
part is High-tech Olympics, the second part is Green Olympics,
the third part is People's Olympics, the fourth part is about
the City of Beijing. I will design the entire interface for
these four farts. I will finish one or two parts in this month.
And also I will write the interim report for them.
January: I will finish the total four parts for the entire
interface of web-site.
February: After design the entire interface of web-site, I
will connect them to the database. Then, there is an important
thing to do that is checking each web page to make sure they
can connect to the database and implement successfully.
March: I will test and evaluate the project. And also I will
prepare the final project report.
April: In this month, I should finish all the work for this
project. And the entire project work will be checked.
Learning needs analysis:
I will choose the most suitable program tools for my project.
Thus I will have to learn more about program tools which might
be of help to develop a web-based online system.
In terms of my knowledge, FLASH or DREAMWEAVER will be a better
choice for my project. I have a quite good knowledge of these
two tools and can virtually use them quite well, although
it will still take some time to perfect the skill. But I need
to work harder to enrich my knowledge of ASP, which will surely
enable me to complete my project with ease.
To begin with, a series of tasks such as analyzing, planning,
designing, coding and testing will be conducted for the whole
project with the knowledge I have acquired in the Module of
Software Project Management; then, a database will be established
for this project with what I have learnt in the Module of
Database. A database is the solid foundation of a web-site,
on which all web pages depend. So it's of great importance
to build up a reliable database for my project; Designing
of interface is the most important in the web page. I will
fall back on the knowledge of Multimedia System Design and
Program to fulfill the task successfully.
Resource requirements:
As to the resources the web-site is likely to need, I will
try to look for them through the Internet, related books on
Olympics and on-the-spot investigations. Current network is
rich in resources which are substantial in content, are updated
constantly and can be easily obtained. Relevant materials
about Olympics held before will also be of some help for some
web pages. Besides, on-the-spot investigations will be conducted
to keep me updated of the current development of Beijing.
So I'm planning to go back to China for a careful investigation
during the coming Christmas break.
I have all software tools what I need in this project in my
pc laptop.
Areas of uncertainty
Because I am not good at ASP, so maybe I will have some problems
with the connection of database.
Introduction
Background：
Olympic Games is one of the famous grand ceremonies cared
by all people, and the Athens Olympic Games had achieved wonderful
success this year. After 4 years later, China Beijing will
pick up the torch of Olympic. All people in world are waiting
and seeing, Beijing will capture this opportunity presenting
a new Beijing to the world. So I am planning to set up a new
website introducing Olympic Games in 2008 and the organizing
city - Beijing (the capital of China). This website has four
sectors, including: High-tech Olympic, Green Olympic, People's
Olympic and Beijing introduction. The first 3 sectors are
all common webpage, to the sector of Beijing introduction,
I will present 4 parts: diet, accommodation, scenic spots
and shopping, and I emphasize on the shopping part and set
up a small e-business website, simply speaking is only an
Online Shopping website. On this shopping website, I mainly
sell souvenir related to the Beijing Olympic Games, special
products of Beijing and China, in this way people can know
more about 2008 Olympic Games and Beijing. Now this proposal
has some different with the former project proposal. Before
that my focal point of this website is on the whole introduction
of Olympic Games and Beijing, and now I make the key point
on the small online shopping in the whole website. The reason
why I change design concept is that the website only about
introduction of Olympic Games Beijing can't attain to the
request of degree of difficulty in the final project. So after
discuss with tutor, we decide add a small online shopping
website mainly introducing Olympic products and Beijing local
products linking to the main Beijing Olympic Games website.
In our opinion, this small website is not only connected to
the main concept but also match the difficulty degree of the
final project.
I will use JSP, Oracle and Dreamweaver etc software to set
up this website. I will introduce the details in the academic
background.
Objectives:
As I have changed the whole web design concept, my main objectives
have also changed.
Following are my new objectives:
1. Set up requirement analysis of total website, especially
the Online Shopping.
2. Design and implement database of the Online Shopping website.
3. Design and implement whole website interface.
4. Connect interface and database.
5. Evaluate the Online Shopping website.
6. Evaluate the whole website.
User Requirements:
User can get all information about 2008 Beijing Olympic Games
through the website.
User can know more about Beijing including diet, accommodation,
scenic spots etc through the website.
User can buy product about 2008 Beijing Olympic Games and
Chinese local products through Online Shopping website.
User can see all information about 2008 Beijing Olympic Games
and Chinese special products.
User can search for products according to category.
User can buy products.
User can manage his own shopping trolley.
User can look over his own order information.
Research and Working
Academic Background:
Before set up a website, I should acquaint the operation process
of website. WWW (World Wide Web) technology solve the problem
that people can share all info resource on internet which
set up on the base of B/S mode and HTTP, its operation mode
can describe as: request - process request - response. (Patzer,
2002)
B/S mode sketch map
As a rule, in web server there are a lot of methods to achieve
issues of web content, common technologies including: JSP,
ASP and PHP etc.
The choice of technology:
I will use JSP (JavaServer Pages) technology, the reason is
that JSP achieve the separation of dynamic pages and static
pages, break away from the bondage of hardware platform, and
operate easily. And now JSP with its high efficiency gradually
become the main technology on Internet. In the same way, ASP
is also a famous technology, and many web designer would like
to use it as its strong function, and easy master, but it
is only used under Windows platform, JSP mode is definite
after ASP, so it includes a lot advantages of ASP. At the
same time, JSP use flexible and strong JAVA language, but
not low-efficiency scripting language. (Comparison ASP, JSP
and PHP, 2002)
And JSP has following advantage:
1． Structure
JSP has the same structure of ASP, the different is that ASP
code using JavaScript or VBScript, JSP using JAVA code. JSP
separates the current page from server code.
2． Platform independence
Java can operate on most system without re-write, what is
called "write once, run anywhere"--which is the
standard of java. The code of java is byte code, on the operation
it is interpreted by java virtual machine. Byte code will
run on all platforms without any change.
3． JSP and database
Java connects with database through JDBC. Object database
need for a JDBC driver; one interface between database and
java make java can visit database in standard way. JDBC will
not use the data resource on server. As long as there is a
JDBC driver, JAVA can visit database. If there isn't JDBC
driver in a special database but only ODBC driver, java will
supply a JDBC-ODBC bridge to transmit JDBC. So now all java
editor have a free JDBC-ODBC bridge. In theory, bridge can
visit all databases.
After I decide to use JSP, I should master the operation of
JSP, (Patzer, 2002) just as map:
JSP operation mode on B/S mode
The choice of database:
Moreover, I will choose the application of database. It is
very important to choose a good database. Talking of database,
I have to say about famous Oracle. I will use it as my database
of Online Shopping website (and this term I am just studying
Oracle). I compare Oracle with another famous database - SQL
Server to explain the advantage of Oracle: (Chigrik)
1. Open:
SQL Server: can only be run under Windows platform, without
open capability, fits in with small-scale company. And there
is limited reliability, safety and flexibility of Windows
platform.
Oracle: Can be run under all mainstream platform (including
windows). Support all industrial standard with totally open
strategy.
2. Safety:
SQL server: has not attained any safety certification.
Oracle: has attained the ISO certification.
3． Capability:
SQL Server: when multi-users use, the capability is not good.
Oracle: high-capability, it is a lot faster than SQL Server
under Windows NT.
Project Progress
Set up and design database:
A database is the base of a website, and design interface
is also based on database. So, at first I should design the
database. Thomas Connolly once said, "there are 3 phases
on database design: conceptual, logical and physical design."
(Connolly, 2002)
As this database mainly focuses on an Online Shopping website,
I ascertained the requirements of the data which are drew
from the user requirements, then use the database design method
of "TOP-DOWN", tick off entities. And then in accordance
with their relationship, draw out Entity-Relationship (ER)
Diagram. Then tick off related attributes, detail about Entity-Relationship
(ER) Diagram and attributes please see appendix A. I just
consider the user side in the Entity-Relationship (ER) Diagram.
I will also do the products' supplier and delivery later.
Interface initial design:
After initial design of database, I started to design the
whole web interface. I draw a storyboard using Microsoft Excel.
Please see appendix B. Why don't I use Dreamweaver to design
web interface directly? The main reason is that I should firstly
design whole web structure and framework, and there must be
some unsatisfied space in the initial design. So drawing the
storyboard first can help me evaluate and develop the web
design. On the subject of interface design, my main concept
is to keep web-pages consistent, combine simply colour with
objects. On the different web-pages, I should embody all different
function, and space. (Preece, 2002) In High-tech page, Green
page, People's page, and Beijing page, there are several buttons
on the left side. When user clicks one of them, the corresponding
news or full text will be displayed on the display area on
the right side. They are just some static pages. The button
of Online Shopping in Beijing page is different from others,
it will link to another web-page which I have talked about
the small e-business website before. It's a dynamic page.
The detail of Online Shopping will show in next part.
Control flow in Online Shopping:
After designing the interface for the main website, I started
to design the interface for Online Shopping website. Before
design the interface for Online Shopping website, I should
know what functions I want to put in the Online Shopping website.
Firstly, I consider about all the commands of the Online Shopping,
I use the Use Case to show the commands, please see appendix
C. Then I will design the interface conform the consistent
of the main web-pages, so the function menu will be put on
the left-hand side of the interface, and details information
will be put on the right side of the interface, I use the
State Diagram to show the details, please see appendix D.(Britton,
2003)
Installation of Design tool and JSP Environment:
In my laptop, I installed design software Dreamweaver. I used
it to design some simple web-pages last year. And in my opinion,
Macromedia Dreamweaver is the best web-authoring tool to develop
a web-page. Sometimes the web-page needs some dynamic data,
which will be produced from Java code. I will put some stubs,
it helps produce a visually attractive web-page that at least
looks like a professional page design. Once the page has been
designed, I take the source code and open it up in a code
editor. This enables me to put the appropriate JSP tags and
JAVA code.
And I also installed Tomcat server to operate JSP in my laptop,
as it is an open-source servlet container available from the
Apache-Jakarta project (http://jakarta.apache.org). It refers
to the implementation for both the Servlet and JSP, and another
benefit is free! After installing, I did some tests to make
sure it could run in my laptop.
Some difficulties I met:
On the course of this project, as this is the first time I
use JSP to design a web, it has taken a lot of time to look
for and check many books and material on Internet, compare
with other technology. And there are several ways to design
the website, I have a new problem in design, talking about
e-business, I have to say some about framework of J2EE in
java2, its full name is java2 platform, enterprise edition.
People use it to develop distributed enterprise software applications,
in other word is that it is an application of "e-business".
This kind of company can possess its own centre database server
all over the country, and also only for a web. Because I know
little about it, I should take a little long time to study
then decide if use it in my design or not.
Above is all work I did up to now for the project.
Work to be done to complete the Project
My tutor gives me a lot of key and important advices about
this project. I talk with tutor face to face each week, and
he offer lots guidance, point out some short on the former
web design (e.g. The project is too simple), and help me think.
With his support, I change whole web design concept and key
point, set up a new concept - a small web linked to a big
one. As I change the whole web design concept, I have to delay
the total process.
The following works need to be completed:
I will perfect the design of database and interface before
Christmas holiday, look over more material in the holiday
and then decide in my web whether or not using J2EE structure,
and connect database and screen. At the beginning of next
term, I will go on to connect the database and screen, implement
the functions, evaluate whole web and finish report. My final
report will include followed contents: requirement analysis
of web, choose tools for design web, interface design, set
up database, coding, web and all functions implementation,
test and evaluation.
这个是我一个同学去年做的FINAL PROJECT的目录，他做的是个网上拍卖系统，类似易趣的那种网站。可以参考做我的FINAL
PROJECT的目录，特别是要注意后面的Appendix，这个很重要。
Contents Page
Introduction 3
1. Preliminary Investigation 4
1.1 Requirements Definition 4
1.2 Requirements Specification 5
2. Development tools for the system 14
2.1 Programming Tool 14
2.2 Database Management System (DBMS) 16
3. User interface design 17
3.1 Interface Structure Design 17
3.2 Interface Design Prototyping 20
3.3 Interface Template Design 20
3.4 Design Prototyping 20
4. Database Design and implementation 23
4.1 Logical Database Design for the Relational Model 23
4.2 Database Processing with Access 25
5. Program Design 34
5.1 Structure Chart 34
5.2 Module specification 35
6. Website Construction 36
6.1 Create the development platform 36
6.2 Connection between the Interfaces and the Database 37
6.3 Create the global.asa 39
6.4 The realization of the navigational bar 40
6.5 The realization of the homepage 40
6.6 The realization of the 'Log in' module 41
6.7 The realization of the 'Put up item' module 43
6.8 The realization of the 'Bid for item' module 44
6.9 The realization of the 'Supply item' module 47
6.10 The realization of the 'Maintain personal business' module
48
6.11 The realization of the 'Administrate the system' module
57
7. Testing 61
7.1 Unit test 61
7.2 Integrity test 62
7.3 System test 62
7.4 Acceptance test 62
8. Discussion and evaluation 63
Bibliography
Appendix A: Data Dictionary
Appendix B: Entire Relationship Diagram
Appendix C: C1 Use case description, C2 Use Case Diagram
Appendix D: D1Content Diagram description, D2Data Flow Diagram
Appendix E: Table for comparison ASP and PHP
Appendix F: Web Structure Diagram
Appendix G: Storyboard
Appendix H: H1 Modules and levels, H2 Diagram of the code
structure, H3 Module specification
Appendix I: Program code
Appendix J: Acceptance Testing Report
|
