‘-

1

Clinton Oka, Brandon Mejia, and Dr. Bina Ramamurthy

Department of Computer Science and Engineering

CREATING AN EFFICIENT ENVIRONMENT FOR THE COLLECTION AND ANALYSIS OF DIGITAL CHOREOGRAPHIC LINEAGE DATA

‘-

2

DIGITAL CHOREOGRAPHIC LINEAGE User Experience (UX) & Efficient Web-Development.

‘-

3

• An interactive web-based genealogical network

• Showing the connections between artists.

• Their teachers students, collaborators, and any who influenced them.

• The database of information will contain 20th and 21st century art, and continue to update.

• Intended to become a global resource for researching art, artistic influences, career paths, choreographic

connections and relationships.

What is Digital Choreographic Lineage?

‘-

4

• LAMP– STACK, short for Linux, Apache, MySQL, and PHP

• Open source web platform used to run dynamic web sites and servers

• Platform of choice for developers seeking to create high performance web applications

• LAMP-STACK is both powerful and simple to use

LAMP - STACK

‘-

5

LAMP-STACK Structure

‘-

6

Drag picture to placeholder or click icon to addProblem/Task (Front End)

• Attractive Visual Interface

• Responsive User Interface

• Form Verification

• Consistent Form Features

• Conversion from Desktop to Mobile

Note: Screenshot of a form from the original DCL website design.

‘-

7

Importance of User Experience (UX)• User Experience (UX) and its design is crucial for webpages

and has business value by itself

• Giving user a smooth and positive experience will significantly impact their chances of returning to the website

• Users will pay more for a product that preforms exceptionally

• Foundation & Bootstrap, CSS frameworks used to simplify front end work.

‘-

8

Solution (Front End)• The newly developed visual interface

is a combination of HTML, JavaScript and J-Query code.

• You can see consistency in the button characteristics and fonts.

• Dividing the form up appropriately avoids the act of scrolling down to often.

• HTML Structure

• JavaScript/J-Query FunctionalityNote: The version of the form in which I created.

‘-

9

Future Work

‘-

10

Learning Outcomes• Foundation web development skills

• HTML, JavaScript, J-Query, PHP, and MySQL

• Use of Cloud 9, an online IDE( Integrated development environment)

• Experience in User Experience (UX) development

‘-

11

ReferencesDuBois, Paul. MySQL Cookbook. Sebastopol, CA:

O'Reilly, 2003. Print.

Flanagan, David. JavaScript: The Definitive Guide. Sebastopol, CA: O'Reilly, 2002. Print.

Spain-McDuffie, Tina. JavaScript Concepts & Techniques: Programming Interactive Web Sites. Wilsonville, OR: Franklin, Beedle & Assoc., 2003. Print.

"Bootstrap · The World's Most Popular Mobile-first and Responsive Front-end Framework." Bootstrap · The World's Most Popular Mobile-first and Responsive Front-end Framework. Web. 13 July 2016.

"Foundation." Foundation. Web. 13 July 2016.

‘-

12

Acknowledgments To my faculty mentor Dr. Bina Ramamurthy, Group members Brandon Mejia & Suramrit Singh. The Louis Stokes Alliance for Minority Participation sponsored by the National Science Foundation. – Thank You.