Comp 1001Project Presentation

Group Member:

• LEE Dexter (Group leader)

• LAU Chun Sing

• LUO Jiezhong

• TONG Tsz Hin

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

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

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

Website creation process

We design our website base on the wordpress system

• Creating the website content by adding new page to our website

• Then we can feel free to put text and multimedia to the web page

• We can add the uploaded pictures on our web page by clicking “Add Media”

An “insert media” page appear

• We need to install a plugin called “JW player for word press” in order to play the video directly on our website

• After choosing the video we wanted to uploaded in the “Add Media”

• New option “Insert with JW player” appear

• After installed the plugin , the video can be played directly on our website

Other features of our website

• We have made a lot of features in our website

Different plugins for different features of our website

Features of our website

• We will talk about the features of our website in the following slides

Navigation menu

This is the navigation menu of our website

This help the user to locate and find the wanted information much easier.

Accessibility

When Click on “Find out more in Wiki”

• It facilitate the web user by allowing them to have more information about that particular topic

It will link to Wikipediafor more information

Accessibility

• In our website, there will be some colored and underlined word

We can click on the underlined word

“virtual products”

• It will directly linked to the page talk about virtual products in our website

• This enhance the accessibility of our website

Accessibility

We use “Heading 2” for all of our headings for

consistency

Multimedia

• We designed changing header to let our website have a better outlook

Multimedia

• These are also the banners designed by our group

Multimedia

• We have also made some videos introducing and promoting our website

• The video can be directly played on our website

Theme

• The theme used is “ Fresh Ink Magazine”.

Special features-plugins

• The above multimedia use “JW player” and “PDF Embed” to insert the media to the pages

FORUM

• The forum page of the website can let the visitors talk together.

Special features-plugins

• The web user can “like” or share our page via Facebook by simply click on the “like” button

Special features-plugins

• “whisper comment” let the visitors comment the pages without showing their identity by tick this box

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

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.

Special features-plugins

• “WP-email” let the visitors send email to tell their friend about the pages

Special features-widgets

• There are lots of Widgets used. “post”, “calendar” and “search engine”.

Special features-widgets

• “Google custom search” is the search engine of Google. The result will be shown on the widget column.

Special features-widgets

• Include a “visitor statistics” on the right hand side column

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

Special features-widgets

• “WP-Poll” can let the visitors interact with the Website.

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

• All the English in the article is being translate into French!!!

Special features-others

• Web user can contact us or leave us some comments through email

• Or by Facebook ,Twitter…

The EndThank you for your

attention!