Interface Design

This is our mock-up website homepage: http://issuemoa.azurewebsites.net/

• First of all this website is for Korean users, so most of the text in our website is in Korean.
• This homepage has a header with our logo, 3 different tabs, and log-in button. Three tabs are issue, sponsorship, and most recent issue.
• Footer has a simple link to an advertisement, and our site's creation year.

Link to our issues tab: http://issuemoa.azurewebsites.net/issues

• As a default this page will only for one issue.
• If you scroll down, you will see 4 tabs.
  1. First tab gives users the basic information about the issue.
  2. Second tab is for Related Articles.
  3. Third tab is for Discussion, which users can leave comments and discuss the thoughts about the issue.
  4. Last tab is for Sponsorship that will lead users to sponsorship page to donate the earned points to that issue.

dd

Draw the user interface for your program. This includes every page on the site. You can separately draw headers and footers if they are consistent on every page. Your drawings may be done with a computer program or by hand, but should be of a quality you would be comfortable showing to your supervisor at work.

Put these drawings onto a web page for your site. Explain how the user will navigate through these pages.

This report must be hosted on your GitHub Wiki, even if it is just a link to some other mockup site.