comp 1001-new
TRANSCRIPT
![Page 1: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/1.jpg)
Comp 1001Project Presentation
![Page 2: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/2.jpg)
Group Member:
• LEE Dexter (Group leader)
• LAU Chun Sing
• LUO Jiezhong
• TONG Tsz Hin
![Page 3: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/3.jpg)
Our topics…
• Online Shopping
• As online shopping are getting more and more popular nowadays
• We want to teach people to use such convenient service to shop through our project
![Page 4: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/4.jpg)
Division of labor
• Information Searching —Lau Chun Sing, LUO Jiezhong
• Information Processing —LEE Dexter, Lau Chun Sing, TONG TszHin, LUO Jiezhong
• Multimedia Handling— LEE Dexter
• Presentation slide—TONG Tsz Hin, Lau Chun Sing
• Finishing Work—LEE Dexter , TONG Tsz Hin, Lau Chun Sing
![Page 5: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/5.jpg)
Structure of our website
Online Shopping
Advantages Physical product
Description of TaoBao
Guide on using TaoBao
Virtual product
Description of Itunes
Guide on using Itunes
Other popular online store
Paying method
Cautions
![Page 6: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/6.jpg)
Website creation process
We design our website base on the wordpress system
![Page 7: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/7.jpg)
• Creating the website content by adding new page to our website
![Page 8: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/8.jpg)
• Then we can feel free to put text and multimedia to the web page
![Page 9: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/9.jpg)
• We can add the uploaded pictures on our web page by clicking “Add Media”
An “insert media” page appear
![Page 10: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/10.jpg)
• We need to install a plugin called “JW player for word press” in order to play the video directly on our website
![Page 11: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/11.jpg)
• After choosing the video we wanted to uploaded in the “Add Media”
• New option “Insert with JW player” appear
![Page 12: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/12.jpg)
• After installed the plugin , the video can be played directly on our website
![Page 13: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/13.jpg)
Other features of our website
• We have made a lot of features in our website
![Page 14: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/14.jpg)
Different plugins for different features of our website
![Page 15: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/15.jpg)
Features of our website
• We will talk about the features of our website in the following slides
![Page 16: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/16.jpg)
Navigation menu
This is the navigation menu of our website
This help the user to locate and find the wanted information much easier.
![Page 17: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/17.jpg)
Accessibility
When Click on “Find out more in Wiki”
![Page 18: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/18.jpg)
• It facilitate the web user by allowing them to have more information about that particular topic
It will link to Wikipediafor more information
![Page 19: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/19.jpg)
Accessibility
• In our website, there will be some colored and underlined word
We can click on the underlined word
“virtual products”
![Page 20: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/20.jpg)
• It will directly linked to the page talk about virtual products in our website
• This enhance the accessibility of our website
![Page 21: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/21.jpg)
Accessibility
We use “Heading 2” for all of our headings for
consistency
![Page 22: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/22.jpg)
Multimedia
• We designed changing header to let our website have a better outlook
![Page 23: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/23.jpg)
Multimedia
• These are also the banners designed by our group
![Page 24: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/24.jpg)
Multimedia
• We have also made some videos introducing and promoting our website
• The video can be directly played on our website
![Page 25: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/25.jpg)
Theme
• The theme used is “ Fresh Ink Magazine”.
![Page 26: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/26.jpg)
Special features-plugins
• The above multimedia use “JW player” and “PDF Embed” to insert the media to the pages
![Page 27: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/27.jpg)
FORUM
• The forum page of the website can let the visitors talk together.
![Page 28: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/28.jpg)
Special features-plugins
• The web user can “like” or share our page via Facebook by simply click on the “like” button
![Page 29: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/29.jpg)
Special features-plugins
• “whisper comment” let the visitors comment the pages without showing their identity by tick this box
![Page 30: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/30.jpg)
Special features-plugins
• “sitemap” can show the structure of the website and let the visitors familiar with it.
• Also, it can show the preview of the website
![Page 31: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/31.jpg)
Special features-plugins
• “wp-printer” can let the visitors print the content of the pages
• “rating” can let the visitors to rate the pages and show the how popular of the page. And the top rated pages will be shown on widget column.
![Page 32: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/32.jpg)
Special features-plugins
• “WP-email” let the visitors send email to tell their friend about the pages
![Page 33: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/33.jpg)
Special features-widgets
• There are lots of Widgets used. “post”, “calendar” and “search engine”.
![Page 34: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/34.jpg)
Special features-widgets
• “Google custom search” is the search engine of Google. The result will be shown on the widget column.
![Page 35: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/35.jpg)
Special features-widgets
• Include a “visitor statistics” on the right hand side column
![Page 36: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/36.jpg)
Special features-widgets
• “HD weather Widget” shows the temperature in the local city and also have weather forecast.
• “Accessibility Widget” can enlarge the font size
![Page 37: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/37.jpg)
Special features-widgets
• “WP-Poll” can let the visitors interact with the Website.
![Page 38: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/38.jpg)
Special features-widgets
• There is a translate functions on our website
There is a translate button on the RHS column When clicked, a manual with the
option of different language appear
Let’s try to choose French to see what will happen
![Page 39: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/39.jpg)
• All the English in the article is being translate into French!!!
![Page 40: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/40.jpg)
Special features-others
• Web user can contact us or leave us some comments through email
• Or by Facebook ,Twitter…
![Page 41: Comp 1001-new](https://reader030.vdocuments.net/reader030/viewer/2022032420/55a459c31a28ab5c1b8b473d/html5/thumbnails/41.jpg)
The EndThank you for your
attention!