Assignment 1, UI layout design and Navigation of a Mobile E-Learning App

Android

1. The prototype app should include functions such as,

   • Look in the list of courses offered by a e-learing platform
   • Navigate to the detailed course introductions such as course info ,syllabus, registration and calendar and so on.
   • Login to the E-learning platform
   • Browse and search the learing materials which can be multi media.

2. Layouts for the above functions plus navigation through the layout
   UIs are necessary to be provided in this first stage prototype .

Designment Document

• First view provides the function that sign in and sign up for who that don't have accout yet.

• And the registration view is as follow.

According to the different functions and different stackholders, there are tow roles that user can choose.

• After entering in the main page, there are four fragments:

  • home
  

  • In this page, there are some poplular courses and recommended courses.

  • All courses

  
  • User can find all courses and search for course they want to watch directly. It provides chance to search for multi media matirials.
  • My courses
  
  • It list all courses user have joined.
  • About
    
    
  • Just some functions about users,accounts and apk
    Besides those, if you click one of the button representing the course, you can see the view contains detail information about this course.

In this prototyps, I descriped the courese and its information via some icons of IDE developed by Jetbrains.

If the capture of design don't show successfully, you can watch them through this link.