This document outlines the web development life cycle for a classifieds website called Dimeji Classified. It discusses analyzing requirements, designing the site structure and user/admin panels, implementing it using an MVC framework with PHP and a MySQL database, testing it with users, and planning for ongoing maintenance and updates. Key aspects included search functionality, posting/editing ads, an admin dashboard, and accessibility. The goal was to create a reusable and well-structured classifieds site.

1. Classifieds WebsiteDIMEJI CLASSIFIEDWeb Site Development Life Cycle

2. Web Site Development Life CycleAnalysis & Requirements?Website Structure & Design?Implementation?Testing?Maintenance & Updating

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

4. Web Site Development Life CycleSecondary Requirements (OBJECTIVES)Users should be able to view most popular, recently added, all advertsUsers should be able to print ,share via Facebook and email advertsUsers should be able to post adverts according to their location and add images to their advertsAn administrator should be able to add new advert categories and sub-categoriesAn administrator should be able to authorize another administrator

5. Web Site Development Life CycleWeb Structure & DesignStudied other classifieds website & Sketch.I decided to have 2 panels; User & Admin PanelUser Panel (Container)Header - Navigational links, logoBanner- Search box and Advanced search navigational linkMaincontent – Left-main-container, Right-main-containerFooter

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

7. Web Site Development Life CycleImplementationUsing object-oriented programmingDesign Pattern - MVC – Model , View , Controller.DatabaseMVC It is design pattern that is widely applied in the development and design of software application.Solves design problems such aspoor code reuse and maintainability

8. Web Site Development Life CycleVIEW – 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 modelCONTROLLER –The Controller is tasked with selecting and displaying the View based on the parameters/action in the user requestMODEL (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 , GetAlle.t.cData 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

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

10. Web Site Development Life CycleData 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 .AdvertCategoriesLocationPhotosAuth(Users)

11. Web Site Development Life CycleDatabase 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 >

12. Web Site Development Life CycleTestingDuring the development.

13. Completion of Dimeji ClassifiedTwo usability tests were conducted.Written Questionnaires Test. – Pre & Post Q - 10 users – 2 visually impaired Visual and Oral Test.- One user , no disabilities – Silverback usability testing

14. Web Site Development Life CycleSilverback Video

15. Web Site Development Life CycleMaintenance and UpdatingMVC – 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 easierDemo of website co-project.lboro.ac.uk/users/cooa/stagingco-project.lboro.ac.uk/users/cooa/staging/admin