Clemson Bucket List
A responsive web application that provides an
interactive experience for students to create
and complete their very own “Bucket List”
The Brown Room, Clemson SC - April 9, 2015
Kirsten Erich & Anna Kutch
1
Agenda
1.
2.
3.
4.
5.
Objectives
Current Progress
Demo Authoring Tool
Demo User Interface
Future Plans
The Brown Room, Clemson SC - April 9, 2015
2
Objectives
1.
2.
3.
4.
Create an interactive web app for students
Establish a contemporary user interface
Optimize for multiple devices
Utilize advanced HTML5 features
The Brown Room, Clemson SC - April 9, 2015
3
Current Progress
1.
2.
3.
4.
Final design decisions complete
Database decisions made
User Interface basic layout complete
Authoring tool basic functionality complete
The Brown Room, Clemson SC - April 9, 2015
4
Authoring Tool
1. Add/edit/delete functionality for tasks and
users
2. Need to integrate with modern UI
The Brown Room, Clemson SC - April 9, 2015
5
Demo
The Brown Room, Clemson SC - April 9, 2015
6
User Interface
1. Basic layout complete
2. Desktop layout
a. Photos
3. Foundation CSS
4. Z-indices
The Brown Room, Clemson SC - April 9, 2015
7
Demo
The Brown Room, Clemson SC - April 9, 2015
8
Future Plans
1. Implement UI “responsiveness”
at other breakpoints
a. Tablet
b. Mobile
2. Finalize authoring tool functionality
3. Begin adding advanced features
a. Geolocation
b. Device camera access
4. Update TRM & UM
The Brown Room, Clemson SC - April 9, 2015
9
Anna Kutch [email protected]
Kirsten Erich [email protected]
The Brown Room, Clemson SC - April 9, 2015
Thank you.
10