Beta Presentation HTML5-Based WYSIWYG Label Designer The Capstone - - PowerPoint PPT Presentation

From Students… …to Professionals

The Capstone Experience

Beta Presentation

HTML5-Based WYSIWYG Label Designer

Team Plex Systems

Andrew Melfi Michele Winsky Matthew Duffy Department of Computer Science and Engineering Michigan State University Spring 2012

Project Overview

The Capstone Experience Team Plex Systems Beta Presentation 2

• HTML5-based WYSIWYG Label Designer
• Label designer created with web technologies
• Application supports major modern browsers
• Browser support depends on HTML5 implementation
• Support end user creation of new label layouts
• Created label flows are used in tracking

manufacturing processes

• SQL Server receives designs and provides them to

the user

System Architecture

The Capstone Experience Team Plex Systems Beta Presentation 3

Main Application View

The Capstone Experience Team Plex Systems Beta Presentation 4

Placed Object

The Capstone Experience Team Plex Systems Beta Presentation 5

Element Properties

The Capstone Experience Team Plex Systems Beta Presentation 6

Image Selection Dialog

The Capstone Experience Team Plex Systems Beta Presentation 7

New Label Dialog

The Capstone Experience Team Plex Systems Beta Presentation 8

Save Label Dialog

The Capstone Experience Team Plex Systems Beta Presentation 9

Manage Existing Labels Dialog

The Capstone Experience Team Plex Systems Beta Presentation 10

Completed Label Example

The Capstone Experience Team Plex Systems Beta Presentation 11

What’s left to do?

• Project Plan completion
• User / Administrator Documentation
• Project Video
• Continued Error Testing

The Capstone Experience Team Plex Systems Beta Presentation 12