15
Classifieds Website DIMEJI CLASSIFIED Web Site Development Life Cycle

Dimeji Classified Website

Embed Size (px)

DESCRIPTION

Classifieds Website

Citation preview

Page 1: Dimeji Classified Website

Classifieds Website DIMEJI CLASSIFIED

Web Site Development Life Cycle

Page 2: Dimeji Classified Website

Web Site Development Life Cycle

• Analysis & Requirements?• Website Structure & Design?• Implementation?• Testing?• Maintenance & Updating

Page 3: Dimeji Classified Website

Web Site Development Life Cycle• Analysis & Requirements?Analysis?1. What is the aim of the project?2. I Analyzed other Classifieds website . Gumtree & CraigslistRequirements?Primary Requirements (AIM)• Search facility &Advanced search options• Users should be able to post, delete and amend adverts• An administrator should be able to manage users and their adverts

Page 4: Dimeji Classified Website

Web Site Development Life CycleSecondary Requirements (OBJECTIVES)• Users should be able to view most popular, recently added, all

adverts• Users should be able to print ,share via Facebook and email adverts• Users should be able to post adverts according to their location and

add images to their adverts• An administrator should be able to add new advert categories and

sub-categories• An administrator should be able to authorize another administrator

Page 5: Dimeji Classified Website

Web Site Development Life Cycle• Web Structure & Design1. Studied other classifieds website & Sketch.2. I decided to have 2 panels; User & Admin Panel

User Panel (Container)Header - Navigational links, logoBanner- Search box and Advanced search navigational linkMaincontent – Left-main-container, Right-main-containerFooter

Page 6: Dimeji Classified Website

Web Site Development Life CycleAdmin Panel ( Container)Header – logo , smartmenuBanner – Navigational linksMaincontent

Page 7: Dimeji Classified Website

Web Site Development Life Cycle

• ImplementationUsing object-oriented programming1. Design Pattern - MVC – Model , View ,

Controller.2. Database

MVC It is design pattern that is widely applied in the

development and design of software application.Solves design problems such as poor code reuse and

maintainability

Page 8: Dimeji Classified Website

Web Site Development Life Cycle

• VIEW – The View consists of a collection of web pages that is used to display data and content. It is also used to submit data that is returned by the model

• CONTROLLER –The Controller is tasked with selecting and displaying the View based on the parameters/action in the user request

• MODEL (Modules) - Consists of a set of entity classes made up of several PHP classes that contain logic functions(MySQL query) that access the database via functions in the Data Access Layer e.g GetAdvertByID , GetAll e.t.c

• Data Access Layer – Designed by Patrick Van Zweden, is used for connecting and managing connections to the Dimeji Classified database and it sits between the Entity Class Layer (Modules) and the database.

• http://co-project.lboro.ac.uk/users/cooa/staging/index.php?module=advert&view=advert&action=GetAdvertByID&param1=84

• http://co-project.lboro.ac.uk/users/cooa/staging/index.php?view=help

Page 9: Dimeji Classified Website

Web Site Development Life Cycle

http://co-project.lboro.ac.uk/users/cooa/staging/index.php?module=advert&view=advert&action=GetAdvertByID&param1=84

Page 10: Dimeji Classified Website

Web Site Development Life Cycle

• Data Access Layer – Designed by Patrick Van Zweden, is used for connecting and managing connections to the Dimeji Classified database and it sits between the Entity Class Layer (Modules) and the database.

• DATABASE - Consists of 5 Entity classes .• Advert• Categories• Location• Photos• Auth(Users)

Page 11: Dimeji Classified Website

Web Site Development Life Cycle

Database ID linking (parentid 0) Category 1 > Sub-categories (parentid 1) 25 > advert 84 > location 12 > photo 58 >(parentid 0) Category 40> Sub-categories (parentid 40) 41 > advert 96 > location 5 > photo 74 >

Page 12: Dimeji Classified Website

Web Site Development Life Cycle• Testing During the development.

Completion of Dimeji Classified• Two usability tests were conducted.1. Written Questionnaires Test. – Pre & Post Q - 10 users – 2

visually impaired2. Visual and Oral Test.- One user , no disabilities – Silverback

usability testing

Page 13: Dimeji Classified Website

Web Site Development Life Cycle

• Silverback Video

Page 14: Dimeji Classified Website

Web Site Development Life Cycle• Maintenance and Updating1. MVC – Model – View – Controller View - The header and footer of every web page were developed

as reusable view components. PHP’s include function was used to display these components on web pages that need them. This approach helps to attain consistency across the website and makes applying changes across the website easier

Demo of website co-project.lboro.ac.uk/users/cooa/stagingco-project.lboro.ac.uk/users/cooa/staging/admin

Page 15: Dimeji Classified Website

Future Exploration

• Google Analytics• Internalize Dimeji Classified• Usability testing using Heat map software• Members login and pay £1 per advert, to become a source of revenue• Macromedia advert slots.

• Thank you . Any Questions ?