gui design for gem lite on a pocket pc general dynamics c4 systems evan desmarais gregory kern
Post on 21-Dec-2015
219 views
TRANSCRIPT
![Page 1: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/1.jpg)
GUI Design for GEM Lite on a Pocket PCGeneral Dynamics C4 Systems
Evan DesmaraisGregory Kern
![Page 2: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/2.jpg)
Introduction
• General Encryption Manager (GEM)
• GEM Lite
• Stage Two
• Last Year Simple Networking Protocol
![Page 3: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/3.jpg)
Background
• Dell Axim X5 Pocket PC– 400MHz Intel XScale™ processor– 64MB RAM and 48MB ROM– 3.5 inches thin film transistor (TFT) screen– 240x320 pixels in 16-bit color
• How does current GUI research apply to PDA?
![Page 4: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/4.jpg)
Project Scope
• GEM Lite connects to encryptors
• About 50% of the GUI depends on these connections
• Lab tour
![Page 5: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/5.jpg)
GEM Lite Pocket Main Shell
1. System status indicator2. Device count indicator 3. Button cluster
a. Startupb. Shutdownc. Discoverd. Devicese. Eventsf. Requests in Progress
4. Menu/Icon Navigation Bar
5. Scrollbar
![Page 6: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/6.jpg)
GEM Classes
GEM_Date_Time GEM_Default_Settings
GEM_Help
![Page 7: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/7.jpg)
GEM_ChecklistPanel Class
Alternating soft colors make options more readableGEM_ChecklistPanel
object used to display the Event Log Settings portion of GEM Lite
![Page 8: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/8.jpg)
GEM_DataGrid and GEM_Record Classes
GEM_DataGrid object shown here as a component of GEM_GridPanel class
Each row is selectable
GEM_Record object uses alternating soft colors to make data more readable with minimal distraction
GEM_DataGrid example GEM_Record example
![Page 9: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/9.jpg)
GEM_Alert Class
Descriptive event messages
Windows form covers all other panels, forcing user to acknowledge event before being allowed to continue
![Page 10: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/10.jpg)
GEM_BarGridPanel Class
Icon Bar:
Images aid the user in determining each button’s functionEach cell selectable
and can be edited separately using buttons from the icon bar
Reusable panel class displays static routing tables and network manager from GEM Lite.
![Page 11: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/11.jpg)
“Unique” Panel Classes
GEM_BGLPanel
GEM_AuditDataPanel covers two different views
![Page 12: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/12.jpg)
Confirmation Panels
![Page 13: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/13.jpg)
Error Checking and Prevention
• Regular Expressions
• Disabling Options
• Save Options
• Deletion protection
![Page 14: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/14.jpg)
Aesthetics & Accessibility
• Button placement & icon design consistent with well-known applications
• Color scheme tested under colorblindness simulation
• GUI designed to give useful feedback regarding user actions
![Page 15: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/15.jpg)
Aesthetics & Accessibility (colorblindness testing)
Original Protanope Deuteranope Tritanope
![Page 16: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/16.jpg)
Testing
• Development testing (finding/fixing bugs)
• Exploratory testing
• Task-based user test
![Page 17: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/17.jpg)
Conclusion
• Proof of Concept– Functional– Aesthetic– Accessible
![Page 18: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/18.jpg)
Recommendations & Future Work
• Build back-end functionality
• Design & build encryptor-dependent portions of GUI
• Database solution
• Landscape mode
• Screen magnifier
![Page 19: GUI Design for GEM Lite on a Pocket PC General Dynamics C4 Systems Evan Desmarais Gregory Kern](https://reader030.vdocuments.net/reader030/viewer/2022032522/56649d6d5503460f94a4d5d0/html5/thumbnails/19.jpg)
Questions?