DanceForm

DanceForm is an app that provides tools to choreographers and dance teams to create and visualize choreography formations and transitions in an interactive 2D stage formation creator.

Designed 20+ high-fidelity wireframes using AdobeXD, created an initial prototype model on Figma, and coded initial, responsive UI screens such as the login, sign up, and home pages using Java on Andorid Studio. Integrated front-end systems with Firebase for user authentication.

Dance Formation Creator

The dance formation creator allows the user to arrange their dancers and customize the stage with various settings and features such as:

• Arrange and lock the dancers (circle markers) in any sort of formation desired on the stage grid
• Displays stage line markers on the grid to set the center and proportions of the stage
• Create or copy formation slides. Can save multiple frames/slides of choreography formations.
• Run through the motions of the choreography by clicking on the play/pause button. Displays a slideshow of the formations.
• View formations frame by frame using the left and right arrow symbols
• Watch animated transitions by adjusting the speed in order to analyze traffic flow more closely
• Add names and notes/comments under each formation in a piece
• Ability to add, delete, redo, and undo formations when desired
• Add and remove dancers from the set list as well as name them. Displays full name when a dancer is selected.
• Rename choreography, formation, or dancer name by clicking on it

Registration and Home Page

The user can sign-up and login-in into the app by creating a new account or through external social media accounts such as Google, Facebook, and Twitter. Once the registration process is complete, the user will be directed to the home page where they can create their first choreography by clicking on the Create/Plus button. The home page displays the most recent choreography set's information on the top and all choreographies pieces and set folders on the bottom for the user to access and edit. The Presets tab allows the user to input the desired number of dancers for a formation and then generates a variety of preset formation examples for the user to choose from.

Setting Up Choreography

When the user clicks on the Create/Plus button, they can from there set up a new choreography by creating a name, inputting the number of dancers, and selecting either a custom or preset starting formation. If the user chooses preset, they can access the reference guide of preset formation examples for any number of dancers as well as their favorite presets.

Settings Menu

The top right button is the setting menu, where the user can access other specific choreography settings such as:

• Share performances grid slides with other dancers
• Organize choreography pieces into a set folder in the user’s account
• Enable or disable dancer's index stage numbers and stage line markers on the grid
• Delete choreography