Upload
yongnan-zhou
View
123
Download
6
Embed Size (px)
Citation preview
Author: Yongnan Zhou
1
Mobile Configuration System Overview This project was developed to simulate/modify any selected mobile apps’ homepage and configurable context. It was developed based on HTML5, CSS, Javascript, AngularJS, JQuery, Bootstrap. 1. Main page: This page displays selected mobile app’s homepage including iOS/IPad/Android.
Author: Yongnan Zhou
2
2. User can edit scheduler using a date picker. After that, the date and time will be transferred to Zulu time, which is used by the web server to update the selected app’s homepage.
Author: Yongnan Zhou
3
3.1 User can edit each selected item on the homepage of any selected mobile apps by clicking the “edit” button beside each item.
Author: Yongnan Zhou
4
3.2 User can add new item above or below the selected item on the homepage of any selected mobile apps by clicking the “add” button beside each item.
3.3 User can delete selected item.
Author: Yongnan Zhou
5
3.4 User can duplicate selected item.
3.5 User can drag and drop any item to reorder the items on the homepage of selected mobile app.
Author: Yongnan Zhou
6
4. User can send the modified homepage design to the web server. As a result, the select mobile app’s homepage and context will be updated once it connects to the Internet and once the web server executes the update based on the schedule.
Author: Yongnan Zhou
7
5.1 User can explore scheduled homepage layout update of any selected mobile app.
5.2 User can also load any selected scheduled homepage layout from the past.
Author: Yongnan Zhou
8
6. The website is also mobile friendly with responsive design, which displays dynamic content based on user’s screen size.