The aim of the assignment is to expose students in variety of problem solutions in terms of the object design concepts and object-oriented constructs. This assignment will allow the students to produce appropriate Web development documentation with complete program using any web technologies. The students should be able to apply their knowledge and skills, creativity, and critical thinking in completing the assignment. Learning outcomes for module assessed by this assignment are: Analyze a variety of problem solutions in terms of the design concepts and programming constructs. Apply the principles of the web-based development and technologies in web. Produce appropriate web documentation and reflect the effectiveness of work completed. 2. Assignment Instruction This is an individual assignment which carriers 100% of coursework will be divided into three parts. Submit your final documentation on the Blackboard before or on the DUE DATE. DO NOT SUBMIT any hardcopy documents to the school's office. Submission of assignment is divided into THREE phases. The following are guideline for documentation formatting. 1. MS Word Formatting a) Font size: 14 points for title/heading, 11 points for contents and 8-9 point for headers/footers a) Font type: Arial b) Line spacing: 1.5 c) Proper alignment of your paragraphs, and necessary page set-up. 2. Documentation submission should include: a) Coursework cover sheet b) Table of contents c) Body of contents (Assignments requirements) d) Reference list (APA Style) if necessary. e) Name the file as your Student ID and Student Name. (Example: SUKD17022 Michael James). TCS3304 Web Designing Page 3 of 8 3. Case Study Create a responsive website to help small traders, namely the B40 group in Malaysia, promote, advertise, and sell their products or services by following a business model based on food, bakery, handicrafts, and services Program requirements: All the fields should include validation for each input values and null values. Each entry cannot accept blank value fields. Avoiding errors in data The system should be able to be tracking and managing all related details. Web should provide a necessary report. Saved all data in a database. Additional requirements: a) Design and implement the functionality to allow the operation such as design, implement, test and document. b) The web should have the following: Insert and modify data accordingly to show functionality of the system. Save data to the database in Oracle or MySQL. c) All files must contain the following information: your name, student id, course, and date within comments (in the header) in the source code and the report document. d) You would also need to submit a report detailing the development of the program. It should contain the design, source code, manual guidelines, and properly labelled sample screenshots of your program execution. e) You can use any technologies and applications available today for use during the development stage. Please apply your knowledge and skills learn in this course into the project. Color choice, typography, and simplicity/appropriateness of images will be considered in grading. The HTML should validate with an external CSS & JavaScript file. You may model your design based on the scenario given above. The quality of your system will be based on how much detail your system design as well as the level of completeness of your design and the actual system. TCS3304 Web Designing Page 4 of 8 4. Assignments task a) Analysis the Requirements You will need to evaluate necessary requirements and comment on the following: Define scope and objectives. Determine the target audiences Contents presentation (Functional & Non-functional) Project Planning (Gantt-Chart) / Project Milestones Define the name of website and the slogan Define development methodologies and technologies tools will be used. Prepare the sitemap o Using a word processor, PowerPoint, or ruler and pencil, draw a flowchart (storyboard) of your web site that shows the hierarchy of pages and relationships between the pages. b) Design Your design should include the Sitemap and wireframe/storyboard for the proposed website o Your design should include the functionality of the website and webs interface. You should illustrate UML Use case diagram with descriptions. You should describe the design process with good justification provided to support your design approach. c) Implementation You are to ensure that you implement all functionalities and validation. The website, which should have only the main method that calls methods of other classes, should do the following: a. Write codes in HTML, PHP, CSS, and JavaScript based on designed sitemap. b. Insert and modify data accordingly to show the functionality of the system. Show the reports. All files must contain the following information: your name, student id, course, and date within comments (in the header) in the source code and the report document. TCS3304 Web Designing Page 5 of 8 Provide only the important PHP source code with explanation of its function and SQL statements for database queries. d) Testing You should prepare a test plan to record all the testing activities. Your program should be compiled and executed using any development technologies and tools. e) Publish, Presentation and Discuss Finish publishing your project in web-based platform. Be prepared to show your web site to the class, explaining the purpose behind each page / group of pages. The demonstration session enables the lecturer to access the originality of your work and test on your understating of the assignment. f) Documentation The document should include design, source code, screenshots of outputs and the test plan. It should also include the user manual(guide) for the system at the last