PWWW

Embed Size (px)

DESCRIPTION

Publishing for the World Wide Web

Citation preview

  • 1. 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. Publishing for the World Wide Web 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. Thats 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 dont 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 5 2010 Text Attributes: Comic Sans MS Stills : text. Project Title: TOP-DISC Date: 26/04/2010 Screen: 2 of 12 Screen Description : Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. 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. Publishing for the World Wide Web 6 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 3 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. 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. Publishing for the World Wide Web 7 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 4 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. Movies page, appear to the visitor the movies that we have and some description about each movie. 8. Publishing for the World Wide Web 8 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 5 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. Playstaion-2 page will appear to the visitor the games we have and some description about each game. 9. Publishing for the World Wide Web 9 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 6 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. Playstaion-1 page will appear to the visitor the games we have and some description about each game. 10. Publishing for the World Wide Web 10 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 7 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. Music page will appear to the visitor some of the Arabic and English artist that are available in our shop. 11. Publishing for the World Wide Web 11 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 8 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text, links 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. 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. Publishing for the World Wide Web 12 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 9 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Pictures, Text, fill details 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. Contact us, this page the contact site between the customers and us through the details he have to fill. 13. Publishing for the World Wide Web 13 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 10 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Text, java script, flash 800 Background : Black Audio: 1 Color Scheme: white Video: 1 Text Attributes: Comic Sans MS Stills : text. Our history, this page is our proud of what we did in the past and how we did it by many steps. 14. Publishing for the World Wide Web 14 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 11 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Text, fill details 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. 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. Publishing for the World Wide Web 15 2010 Project Title: TOP-DISC Date: 26/04/2010 Screen: 12 of 12 Screen Descriptions: Links from screens: 11 Link to screen: 11 Functionality/Interactivity Text, fill details 800 Background : Black Audio: --- Color Scheme: white Video: --- Text Attributes: Comic Sans MS Stills : text. 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 23 2010 Music page is for the visitors 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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. Publishing for the World Wide Web 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 didnt 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. Publishing for the World Wide Web 29 2010 -Site Map: First page HOME CONTACT US OUR HISTORYPRODUCTS SERVICES Forget your Password Register Music Playstaion-2 Playstation-1 Movies 30. Publishing for the World Wide Web 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. Publishing for the World Wide Web 31 2010 -Reference: www.google.com www.Dynamicdrive.com