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.