8
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.

Mobile Configuration System Overview

Embed Size (px)

Citation preview

Page 1: Mobile Configuration System Overview

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.  

 

 

Page 2: Mobile Configuration System Overview

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.  

   

 

   

         

Page 3: Mobile Configuration System Overview

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.    

   

   

Page 4: Mobile Configuration System Overview

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.  

 

Page 5: Mobile Configuration System Overview

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.  

 

Page 6: Mobile Configuration System Overview

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.    

                 

 

Page 7: Mobile Configuration System Overview

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.  

 

Page 8: Mobile Configuration System Overview

Author:  Yongnan  Zhou  

  8  

6.  The  website  is  also  mobile  friendly  with  responsive  design,  which  displays  dynamic  content  based  on  user’s  screen  size.