SlideShare a Scribd company logo
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.	
  
	
  
	
  
	
  

More Related Content

PPTX
iOS 8 App Extensions
PDF
iOS 8 Action Extension Training
PDF
iOS extension
PPTX
Tutorial 1
DOC
DONNA TITUS Johnson Resume 2015 (2)
DOCX
Bvqi iso 9001
DOCX
Iso 9001 internal audits
DOCX
Iso 14001 9001
iOS 8 App Extensions
iOS 8 Action Extension Training
iOS extension
Tutorial 1
DONNA TITUS Johnson Resume 2015 (2)
Bvqi iso 9001
Iso 9001 internal audits
Iso 14001 9001

Viewers also liked (14)

PPT
DOCX
Iso 9001 internal auditor course
DOCX
Iso 9001 guide
DOCX
Iso 9001 south africa
DOC
Mohammad Arif
DOCX
Pellegrino cv
PPT
Lean sigma 6 - assignment 1 - terence jeremiah
PPTX
Project 16 animation
PPTX
Sandra suleydi chavez perdomo.. practica #1. 5 to p.a.
PDF
TED Conferences: TED Fellows Book
DOCX
Internal auditor training iso 9001
PDF
Gopher Projectes: Gopher Magazine
PDF
Untitled presentation
PDF
USAFBannual_2014
Iso 9001 internal auditor course
Iso 9001 guide
Iso 9001 south africa
Mohammad Arif
Pellegrino cv
Lean sigma 6 - assignment 1 - terence jeremiah
Project 16 animation
Sandra suleydi chavez perdomo.. practica #1. 5 to p.a.
TED Conferences: TED Fellows Book
Internal auditor training iso 9001
Gopher Projectes: Gopher Magazine
Untitled presentation
USAFBannual_2014
Ad

Similar to Mobile Configuration System Overview (20)

PPTX
Responsive Design
KEY
Master UX from design to prototype
PDF
Creating mobile apps without native code
PDF
Multi screen HTML5
PPT
The Mobile Development Landscape
KEY
Taking your Web App for a walk
PPTX
Mobile SEO Considerations
PPTX
Building a Simple Mobile-optimized Web App Using the jQuery Mobile Framework
PDF
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
PDF
Mobile App Development
PPTX
Survey of Mobile
PPTX
Mobile Web for Libraries
PDF
Responsive websites. Toolbox
PPT
Optimizing Sites for Mobile Devices
PPTX
Advanced Mobile SEO - John Shehata - C3 2014
PPTX
Why Mobile, Why Now? | John Shehata – Executive Director of Search & Social M...
PDF
Mat Marquis - JQuery Mobile
PPTX
Mobile application development PowerPoin
 
KEY
HTML5와 모바일
PDF
Our first eZPublish mobile website
Responsive Design
Master UX from design to prototype
Creating mobile apps without native code
Multi screen HTML5
The Mobile Development Landscape
Taking your Web App for a walk
Mobile SEO Considerations
Building a Simple Mobile-optimized Web App Using the jQuery Mobile Framework
Siruna presentation Mobile Drupal @ Drupalcamp Colorado Jun09
Mobile App Development
Survey of Mobile
Mobile Web for Libraries
Responsive websites. Toolbox
Optimizing Sites for Mobile Devices
Advanced Mobile SEO - John Shehata - C3 2014
Why Mobile, Why Now? | John Shehata – Executive Director of Search & Social M...
Mat Marquis - JQuery Mobile
Mobile application development PowerPoin
 
HTML5와 모바일
Our first eZPublish mobile website
Ad

Mobile Configuration System Overview

  • 1. 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.      
  • 2. 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.                      
  • 3. 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.            
  • 4. 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.    
  • 5. 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.    
  • 6. 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.                        
  • 7. 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.    
  • 8. Author:  Yongnan  Zhou     8   6.  The  website  is  also  mobile  friendly  with  responsive  design,  which  displays  dynamic  content  based  on   user’s  screen  size.