Grahical Interface For a Command line App
-
Upload
vitor-pedro -
Category
Documents
-
view
326 -
download
2
Transcript of Grahical Interface For a Command line App
![Page 1: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/1.jpg)
Graphical interface for a command line aplication
Interacção Homem-Máquina
João Pinto e Vítor Pedro
11-02-2011 1 MIEEC – 2010/2011
![Page 2: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/2.jpg)
Objectives • On this assignement we were requested to
develop a Tcl/Tk program that enables the user to
navigate and copy files between the local
machine and a remote host.
11-02-2011 MIEEC – 2010/2011 2
![Page 3: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/3.jpg)
Examples
11-02-2011 MIEEC – 2010/2011 3
![Page 4: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/4.jpg)
Examples
11-02-2011 MIEEC – 2010/2011 4
![Page 5: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/5.jpg)
Examples
11-02-2011 MIEEC – 2010/2011 5
![Page 6: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/6.jpg)
Examples
11-02-2011 MIEEC – 2010/2011 6
![Page 7: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/7.jpg)
Sketch (login window)
11-02-2011 MIEEC – 2010/2011 7
![Page 8: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/8.jpg)
Sketch (main window)
11-02-2011 MIEEC – 2010/2011 8
![Page 9: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/9.jpg)
Main Decisions • Progress bars when “connecting” and “copying”
o Feedback
• Only 3 buttons in the main window o Simplicity
o Easy for the user
o Good undestanding of the functions of each button
• Navigation using a tree structure o Good utility
o Efficient
• Drag & Drop function o Easy to learn
11-02-2011 MIEEC – 2010/2011 9
![Page 10: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/10.jpg)
Main Decisions • Prevent the user to perform a connection without
the necessary fields filled o Constraints
• Using of scrollbars o Affordance : scrollbars afford moving up and down
o Easy navigation and interface
• Top Menu o Standard
11-02-2011 MIEEC – 2010/2011 10
![Page 11: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/11.jpg)
The interface Solution Implemented
11-02-2011 MIEEC – 2010/2011 11
![Page 12: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/12.jpg)
The interface
11-02-2011 MIEEC – 2010/2011 12
![Page 13: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/13.jpg)
The interface
11-02-2011 MIEEC – 2010/2011 13
![Page 14: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/14.jpg)
The interface
11-02-2011 MIEEC – 2010/2011 14
![Page 15: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/15.jpg)
The interface
11-02-2011 MIEEC – 2010/2011 15
![Page 16: Grahical Interface For a Command line App](https://reader030.fdocuments.us/reader030/viewer/2022020218/5590fbd21a28abab228b4656/html5/thumbnails/16.jpg)
That’s it! Thanks
11-02-2011 MIEEC – 2010/2011 16