PWWW

Publishing for the World Wide Web
1
2010
Table of Contents
-Introduction: ................................................................................................................................................2
-Background of our field:..........................................................................................................................2
-Objective:.................................................................................................................................................3
-Scope: ......................................................................................................................................................3
-Web Development:..................................................................................................................................3
-Story Board:.................................................................................................................................................4
- User Interface:...................................................................................................................................16
-Site Map:....................................................................................................................................................29
-Conclusion:................................................................................................................................................30
-Reference:..................................................................................................................................................31

2
2010
-Introduction:
The web portal is a one stop knowledge shop of extensive from all sources all over the
world that can be accessed with no effort at one location. It provides a gateway or entry point to
various sources and resources dealing with a specific topic. Portal is a term, generally
synonymous with gateway, for a World Wide Web site that is or proposes to be a major starting
site for users when they get connected to the Web or that users tend to visit a an anchor site.
The web portal has become an essential part of the world to do shopping or getting
information from specific website, and booked a flight while you are setting in your home, office
and more. In the following topics we will introduced our logic and idea of using the web portal.
-Background of our field:
Through our daily life we found that websites are becoming more consultation in
business field.
That’s why we were trying to build a websites that makes our customers feel more
comfort we began to sell this kind of article since 2001 in Aden-Yemen within (compact disc).
And we start to provide to people a collection of Movies (CD, DVD), Programs, Music (A huge
compilation of Arabic and English- Old and new songs) as best we could, Video games like (PS-
1, PS-2), and working on 3D design.
Since we were business in the same time we wonder why we don’t make a website that
gives to our customers a collection and ability to look what we had.
So we start to think about it, and it took from us a long time. What we going to include in
the website? And what we have to write? To make our goods looks good to the users or visitors,
later we start writing titles that could help us of what to do.

3
2010
We start working on the project later after we plan for every section of our business with
all power we had to get it done. Because we were thinking further about our future business, and
the project will carry the name of TOP-DISC under the internet-cafe TOP-NET.
-Objective:
Our team plan for five important points that we insure must be there to help our business
and customers.
 To make the list of what we have easy to find and to know.
 What we offer to the buyers and what are the promotions that we have.
 The prices for each CD or DVD.
 The latest stuff we have from Movies, Games, and Music.
 And the other things like: the time the order can be ready, how you can contact with us
through the sites, and our services that we provide.
-Scope:
The opportunity for our project is to get more than we expect by roaming around and
buying our goods, and save more time and work much better in good circumstances.
-Web Development:
In the part of our project we used a couple of programs that was really benefits to us and
they are: Web expression (front page 2007) for creating the pages of our website and adjust
everything inside the pages, for the interactive we used flash program within pictures and audio
in the first page of the website that will make the visitor feel amazed since he get inside the
website, and we used three kinds of JavaScript that make some facilities in the website.

4
2010
-Story Board:
Project Title: TOP-DISC
Date: 26/04/2010
Screen: 1 of 12 Screen Description:
Links from screens: 11
Link to screen: 11
Functionality/Interactivity
Pictures, flash
800
600
Background : Black Audio: 1
Color Scheme: white Video: 1
Flash page. This page will be appearing to
users or visitor some picture that might
amaze him.

5
2010
Text Attributes: Comic Sans MS Stills : text.
Date: 26/04/2010
Screen: 2 of 12 Screen Description :
Link to screen: 11
Pictures, Text
800
Background : Black Audio: ---
Color Scheme: white Video: ---
Home page, the page will be showing to
the visitor any kind of new or
information and the latest stuff with the
register, and forget password button.

6
2010
Date: 26/04/2010
Screen: 3 of 12 Screen Descriptions:
Link to screen: 11
Pictures, Text
800
Products page, give the visitor the titles
of the category we have in the webpage
to navigate easy of what he need or want
to know.

7
2010
Date: 26/04/2010
Link to screen: 11
Pictures, Text
800
Movies page, appear to the visitor the
movies that we have and some
description about each movie.

8
2010
Date: 26/04/2010
Link to screen: 11
Pictures, Text
800
Playstaion-2 page will appear to the
visitor the games we have and some
description about each game.

9
2010
Date: 26/04/2010
Link to screen: 11
Pictures, Text
800
Playstaion-1 page will appear to the
visitor the games we have and some
description about each game.

10
2010
Date: 26/04/2010
Link to screen: 11
Pictures, Text
800
Music page will appear to the visitor
some of the Arabic and English artist that
are available in our shop.

11
2010
Date: 26/04/2010
Link to screen: 11
Pictures, Text, links
800
Services page, this page is useful for the
visitor because it will give to him all the
links that might be helpful to look for the
thing he would like.

12
2010
Date: 26/04/2010
Link to screen: 11
Pictures, Text, fill details
800
Contact us, this page the contact site
between the customers and us through
the details he have to fill.

13
2010
Date: 26/04/2010
Link to screen: 11
Text, java script, flash
800
Background : Black Audio: 1
Color Scheme: white Video: 1
Our history, this page is our proud of
what we did in the past and how we did
it by many steps.

14
2010
Date: 26/04/2010
Link to screen: 11
Text, fill details
800
Register page, this page will be appearing
to the user when he want to register in
our website to be part of our business

15
2010
Date: 26/04/2010
Link to screen: 11
Text, fill details
800
Forget your Password page, this page is
the users who forgot their password and
they are already part of our website
because they register before.

16
2010
- User Interface:
First page- flash
Enter button to take you to the
Home page.
The ability to turn off the
sound or make it on.
Some picture will
appear down the
flash to show the
visitor what we
offer. And they
can go forward
between them.

17
2010
First page- flash 2
Enter button to take you to the
Home page.
The ability to turn off the
sound or make it on.
Some picture will
appear down the
flash to show the
visitor what we
offer. And they
can go forward
between them.
The pictures will
start playing by
itself while the
audio is playing
too and will be
keep on.

18
2010
In the Home page visitors will find the new that will show them what is the idea of our
website, and the latest movies with games. The ability to join us by register, and on the top they
will find some sort of greeting them.
Home page
Products button Services buttonHome button Contact us button.
Our history
button
A Welcome
message
will show
up to the
visitors.
User Name
input
A search
engine.
Password
input
The latest
Movies
(coming soon)
The latest
Games
(coming soon)
Text about
the news in
the home
page and all
instruction
to the visitor
Time for the
user to know

19
2010
The Products page gives to the visitor the facilities to see what we have from variety of
all collection, and the text is what we offer and what kind of collection it is.
Products page
The list of
movies we
have
The list of
games we
have

20
2010
Movies page is for the showing the visitors the list of the movies that we got and some
description for each one like, the year, actors, directed by who?
Movies page

21
2010
Playstation-1 page is for showing the visitors the games that we have for playstation-1
consol and there is some description for each game and its properties.
Playstation-1 page

22
2010
Playstation-2 page is for showing the visitors the games that we have for playstation-2
consol and there is some description for each game and its properties.
Playstation-2 page

23
2010
Music page is for the visitor’s facilities to see what we have of collection from the
English and Arabic singer and the name for each artist in English text for the English artist and
Arabic text for the Arabic artist.
Music page

24
2010
Services page will be like a source for the visitor to know exactly the information about the
games, movies, and music in the market and by this way he can order easily and get inform of
what he like to get from us. Moreover the service page show to the customers the prices for each
CD, DVD all details that he might need to manage his budget. And that will be all for the prices
as well.
Services page
Over here the
visitors will find
links that would
lead them to
useful site to
inform them
about the latest
collections.

25
2010
Contact us page authorized to the visitor or the register person to contact with us through
our email or by filling the blanks if he plan to order any type of goods. If he gets lost! With the
details he will find all our contact numbers to call us, we add all our information there to make it
easy for the buyer to speak to us and get any information he is looking for.
Contact Us
Over here the
visitors will have to
fill the blanks of
details if they are
planning to order
through the site if
they are register
with us because
when are register
that will be easy
for us to know
much details about
the buyer

26
2010
Our history page will be giving to our visitor brief of our story through the scripts while
he is reading. All the main dates that was vital for working on the website. Moreover while the
reader is taking a look there will be a slow music will be playing as he open the history page
including a picture of our Internet-Café and our card that we are dealing with. So this page will
be as what we are and how we deal with our beloved customers and trying hard to provide the
best for them.
Our History

27
2010
Register page is the apply form to be one of our website and that we give to the
customers a big opportunity to know the latest stuff we have and to order easily only by filling
the blanks and create new account.
Register page

28
2010
Forget your password page is for the person who register before with us lately and he
forgot his/her password during his busy time or maybe he didn’t save it. By filling the blanks
he/her could bring back the password from us by sending all the details that is the data base we
have for our participator to his email.
Forget your password page

29
2010
-Site Map:
First page
HOME CONTACT US OUR HISTORYPRODUCTS SERVICES
Forget your
Password
Register
Music
Playstaion-2
Playstation-1
Movies

30
2010
-Conclusion:
To sum up the work of our team for this website we can find that we will be offering for
the users and the visitors a lot of time by looking for entertainment for each person by getting
through our website and take a look about the latest media like movies, games, music, and
ect…..
Moreover the users can register with us and getting benefits with no charge as well. In the
other hand he can order online. We can say that we provide an easy way to the customers who is
looking for this kind of services.

31
2010
-Reference:
 www.google.com
 www.Dynamicdrive.com

PWWW

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

Similar to PWWW

Similar to PWWW (20)

Recently uploaded

Recently uploaded (20)

PWWW