The goal of this assignment is for you to build the core interface design and elements for a Twitter-like micro-blogging website. In the subsequent assignments, you will implement form validation in JavaScript (Assignment #3), the back-end programming in PHP and MySQL (Assignment #4), and AJAX-based updating (Assignment #5) Because the other assignments build upon this one, you should take care to make a complete interface with all of the required elements (listed below). However, you will have a chance (and in some cases, be required to) update your previous work in the subsequent assignments. The first step in creating the micro-blogging website is to create the interface mock- up. There are a number of critical pages that will need to be created and linked together to illustrate the interface features. For those pages that will ultimately contair user-contributed data, they can be loaded with sample data to illustrate the design. You should start by sketching each page, refine your sketches until you are satisfied with the design, and then build it using HTML5 and CSS The following pages are to be created 1. Login Page The purpose of this page is to provide branding for your micro-blogging site, and to allow the user to enter their username and password to login. 2. Sign-up Form This form should collect the information required for creating a new account on your micro-blogging site. At the least, it should collect an email address, username, date of birth, image/graphic, and a password The form should ask the user to enter their password twice, to ensure that it is entered properly. 3. Post List Page This is the default page for the micro-blogging site, showing the postings of all users ordered by date/time of entry (most recent first) Eventually, it will be loaded with content extracted from the database; for now, it can be loaded with sample information in order to illustrate the design. Each posting should include the content of the micro-blogging post, the date/time of the post, the username of the post author, and the image/graphic of the post author. There should be a link for re-posting another user's post, two icons that allow the user to like or dislike the post, and counters for the number of likes and dislikes. At least one of The goal of this assignment is for you to build the core interface design and elements for a Twitter-like micro-blogging website. In the subsequent assignments, you will implement form validation in JavaScript (Assignment #3), the back-end programming in PHP and MySQL (Assignment #4), and AJAX-based updating (Assignment #5) Because the other assignments build upon this one, you should take care to make a complete interface with all of the required elements (listed below). However, you will have a chance (and in some cases, be required to) update your previous work in the subsequent assignments. The first step in creating the micro-blogging website is to create the interface mock- up. There are a number of critical pages that will need to be created and linked together to illustrate the interface features. For those pages that will ultimately contair user-contributed data, they can be loaded with sample data to illustrate the design. You should start by sketching each page, refine your sketches until you are satisfied with the design, and then build it using HTML5 and CSS The following pages are to be created 1. Login Page The purpose of this page is to provide branding for your micro-blogging site, and to allow the user to enter their username and password to login. 2. Sign-up Form This form should collect the information required for creating a new account on your micro-blogging site. At the least, it should collect an email address, username, date of birth, image/graphic, and a password The form should ask the user to enter their password twice, to ensure that it is entered properly. 3. Post List Page This is the default page for the micro-blogging site, showing the postings of all users ordered by date/time of entry (most recent first) Eventually, it will be loaded with content extracted from the database; for now, it can be loaded with sample information in order to illustrate the design. Each posting should include the content of the micro-blogging post, the date/time of the post, the username of the post author, and the image/graphic of the post author. There should be a link for re-posting another user's post, two icons that allow the user to like or dislike the post, and counters for the number of likes and dislikes. At least one of
