Graphical User Interface GUI Design Using Python Case

  • Slides: 29
Download presentation
Graphical User Interface (GUI) Design Using Python. Case Study: The Calorimeter Checklist Ifeoluwa Winjobi

Graphical User Interface (GUI) Design Using Python. Case Study: The Calorimeter Checklist Ifeoluwa Winjobi Physics and Engineering Department Benedict College, Columbia, South Carolina August 6, 2008 Supervisor: Bill LEE

Outline • Introduction: GUI Dzero Control Room Shifter • Calorimeter Checklist GUI Initial Request

Outline • Introduction: GUI Dzero Control Room Shifter • Calorimeter Checklist GUI Initial Request First GUI Improved GUI The Knockback Final GUI • Summary & Conclusions • Future Work

GUI (Graphical User Interface) An interface that makes communication with computer or programs more

GUI (Graphical User Interface) An interface that makes communication with computer or programs more enjoyable, and more user friendly.

DZero • A detector on the Tevatron synchrotron ring • Designed to detect subatomic

DZero • A detector on the Tevatron synchrotron ring • Designed to detect subatomic particles created from the energy released during proton/antiproton collision.

Control Room + Shifters • The Control Room is a room where collision events

Control Room + Shifters • The Control Room is a room where collision events are monitored • Shifters write down events happening in the detector.

Control Room + Shifters Captain Cal. Muo Shifter

Control Room + Shifters Captain Cal. Muo Shifter

Cal. Muo Shifter Screen

Cal. Muo Shifter Screen

Java Based E-Logbook 1 2

Java Based E-Logbook 1 2

THE REQUEST

THE REQUEST

First GUI • GUI modeled after the request

First GUI • GUI modeled after the request

Improved GUI with more fields • Better arranged GUI, but still not good enough

Improved GUI with more fields • Better arranged GUI, but still not good enough

GUI Design cont’d • Better arranged GUI, but not so colorful.

GUI Design cont’d • Better arranged GUI, but not so colorful.

Improved GUI cont'd Better alignment of fields, more colors and better segmented

Improved GUI cont'd Better alignment of fields, more colors and better segmented

The Knockback. • Very colorful GUI, but…………

The Knockback. • Very colorful GUI, but…………

Final GUI • Really really small compared to previous one right? • But is

Final GUI • Really really small compared to previous one right? • But is it really small?

Final GUI, with the “YES” option selected

Final GUI, with the “YES” option selected

Validation • Form validation. • Field Validation • Image Confirmation

Validation • Form validation. • Field Validation • Image Confirmation

Validation • Form validation. • Field Validation • Image Confirmation

Validation • Form validation. • Field Validation • Image Confirmation

Final GUI, showing form validation.

Final GUI, showing form validation.

Validation • Form validation. • Field Validation • Image Confirmation

Validation • Form validation. • Field Validation • Image Confirmation

Final GUI, showing field validation.

Final GUI, showing field validation.

Validation • Form validation. • Field Validation • Image Confirmation

Validation • Form validation. • Field Validation • Image Confirmation

Final GUI, showing image validation.

Final GUI, showing image validation.

Logbook display.

Logbook display.

Conclusion.

Conclusion.

Conclusion.

Conclusion.

Knowledge Gained: • Using the UNIX OS. • Python Programming including GUI design •

Knowledge Gained: • Using the UNIX OS. • Python Programming including GUI design • Particle Physics

Acknowledgement • God • Parents • Bill Lee • Mayling Wong • Vladimir Sirotenko

Acknowledgement • God • Parents • Bill Lee • Mayling Wong • Vladimir Sirotenko • Walter Geist • Geoff Savage • Michael Carter • Diane Engram • SIST Committee Members • James Davenport • SIST Interns

Question Time: ?

Question Time: ?