8162 Task #1

TASK #1 Graphical User Interface

TP 3 Uses an understanding of the relationship between aesthetics and social and environmental effects when generating and communicating designs, both graphically and through models; plans and achieves production, making safe and efficient use of resources; and evaluates whether criteria relating to functional and aesthetic criteria were met.

TP 4 Considers the values and beliefs held by the developer and user when determining the appropriateness of technologies; applies this understanding when creating, communicating and justifying designs; and in planning, adapting and producing technologies includes social and environmental criteria when evaluating progress and results.

TP 5 Understands the relationship between the needs of individuals, communities and environments and assesses the appropriateness of existing technologies; considers functional, aesthetic, social and environmental issues in design and production proposals; safely and effectively organises, implements and controls production so specified standards are achieved; and evaluates in an ongoing way and includes assessment of how results meet design requirements, including appropriate codes of conduct.

Most operations that are carried out on computers today happen through "windows" using a point and click method with a mouse. This is often referred to as a Graphical User Interface or GUI for short. Some pronunciations for GUI are "goowee" and "gee you eye".

Description of the Task

For this task you will be required to create a GUI to link together at least 4 procedures in MSWLogo. These procedures can be from your essentials or something of you own design. It is expected though that the procedures show drawing with the turtle, repeating loops, sound output and interfacing with the simplified I/O interface.

This Task focuses on the Technology Process Strand of the Curriculum Frameworks document. This means that you will be assessed in your ability to design, market and appraise a GUI.

Your teacher will provide you with a basic GUI that you can edit to meet your own design.

You must submit for Assessment

An MSWLogo program that has a GUI with buttons that run at least 4 mini programs.
A signed and dated plan detailing starting and finishing dates.
Evidence of research, such as print outs from the Internet and example GUI's from a variety of sources.

Discussions of your original intentions for your GUI based on the research that you carried out.
Sketched designs of your GUI showing alterations, colours and layouts.
A handwritten journal accounting what you achieved each lesson.
A word-processed document discussing the evaluation of the task and marketing used.

Note: Some of these sections are expanded in the help sheet.

Work Conditions

This task will take approximately 4 periods to complete. You will be assessed at an individually, so if you wish to research with another class member you must submit all research items for yourself.

Feedback Key NAME: _____________________

Research	Check
Example GUI's
Extra functions of Logo that will be used
Any social or environmental considerations
Level 3
Planning
Proposal signed and dated before work begins.
Plan details duties, timing and completion dates.
Met planned deadlines.
Design
Appropriate colours, screen layout, content.
Socially relevant topic
Considers environmental factors (where appropriate).
Evaluation
Basic design criteria are met.
Level 4
Planning
Plan considers needs/abilities of user and developer
Structure of plan communicates requirements/intentions clearly
Design
Appropriate software/hardware used in creating product.
Suitable for target audience, appropriate content/quantity
Evaluation
Social and environmental factors considered.
Level 5
Design
Outline showing an understanding of needs of users and the community
Assessment of suitability/weaknesses of software used
Planning
Evidence of consideration of aesthetic, social and environmental issues.
Detailed plan outlining how specified standards will be achieved.
Evaluation
Ongoing evaluation and assessment of progress (signed and dated by teacher).
Assessment of how results meet design requirements.

Based on the criteria above you have been rated at:

Strand	Level
Technology Process	TP3	TP4	TP5

Comments:

____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________
____________________________________________________________

Teacher: _____________________________ Date: ________/_______/_______

The code that you can use for you GUI can be found at the following Intranet address:

http://intranet1/computing/logotut/logo19.htm

The code has reproduced below:

to buttons
; (C) 1999 jfuller EDUCATIONAL
; A procedure written by J P Fuller 1999 to
; demonstrate how use 'buttons' to control procedures
; The screen window in a SVGA system set to 800 x 600 pixels
; is 400 wide by 300 high

windowcreate "main "mywindow "Buttons 10 0 300 150 []
; Creates a sub-window called "Buttons"
; NOTE: You can remove this window on closing with a
; windodelete "mywindow command.
; NOTE - The "[]" is a left/right square bracket. It is essential!"

groupboxcreate "mywindow [ box] 10 10 275 110
; Draws the rectangle around the main window
; NOTE: Screen co-ordinates are: x1, y1, x2, y2 (ie Horiz, Vert)

buttoncreate "mywindow "A "1 25 25 10 10 [sound [1000 200]]
buttoncreate "mywindow "B "2 25 50 10 10 [sound [500 200]]
buttoncreate "mywindow "C "3 25 75 10 10 [sound [250 200]]
buttoncreate "mywindow "D "4 25 100 10 10 [sound [125 200]]
; The lines above set up the four individual control buttons.
; The letters "A", "B", "C" and "D" are needed for naming purposes,
; but the names do not appear on the screen.
; The numbers "1", "2", "3" and "4" appear as button 'labels'.

buttoncreate "mywindow "Close [Close Window] 225 125 60 10 [windowdelete "mywindow]
; This line closes the sub-window opened in the first line.

staticcreate "mywindow "W [Sound 1] 45 25 80 10
staticcreate "mywindow "X [Sound 2] 45 50 80 10
staticcreate "mywindow "Y [Sound 3] 45 75 80 10
staticcreate "mywindow "Z [Sound 4] 45 100 80 10
; These lines create sub-windows in mywindow and
; write the text contained between the square brackets.

; NOTE: Make sure the sub-windows are large enough to
; hold all the text, or it will simply disappear!

end

Note: the bold text is the program and the writing next to the ";" is a comment. Your teacher will explain how the code produces the following output:

Please feel free to write on these sheets so you remember what each line of code does in the program.

back