2. Web Site Development Life Cycle Analysis & Requirements? Website Structure & Design? Implementation? Testing? Maintenance & Updating
3. Web Site Development Life Cycle Analysis & Requirements? Analysis? What is the aim of the project? I Analyzed other Classifieds website . Gumtree & Craigslist Requirements? 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
4. Web Site Development Life Cycle Secondary 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
5. Web Site Development Life Cycle Web Structure & Design Studied other classifieds website & Sketch. I decided to have 2 panels; User & Admin Panel User Panel (Container) Header - Navigational links, logo Banner- Search box and Advanced search navigational link Maincontent – Left-main-container, Right-main-container Footer
6. Web Site Development Life Cycle Admin Panel ( Container) Header – logo , smartmenu Banner – Navigational links Maincontent
7. Web Site Development Life Cycle Implementation Using object-oriented programming Design Pattern - MVC – Model , View , Controller. Database MVC 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.
9.
10. 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)
11. 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 >
12.
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
15. Web Site Development Life Cycle Maintenance and Updating 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/staging co-project.lboro.ac.uk/users/cooa/staging/admin
16. 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 ?