Programming graphical user interfaces

PGUI 2003Jarkko.Leponiemi@uta.fi

2003-09-16 Jarkko Leponiemi 2

Description

• The course provides basic and some advanced information on programming graphical user interfaces

• After attending the course the student is able to implement applications including a graphical user interface with medium level of complexity

2003-09-16 Jarkko Leponiemi 3

To do!

• Learn the fundamental programming techniques of GUI

• Practice the techniques in concrete environments

• Prove your skills by implementing a programming project

• Utilize your new abilities in future projects…

2003-09-16 Jarkko Leponiemi 4

What have we been up to so far…

Mac OS

Mac OS Windows API X Window

Amulet

Java Windows API

Win API MFCJava

Java Win API MFC .NET

1989 - 1993

2003

2000 - 2002

1994 - 1995

1997 - 1999

Mac OS Windows API1996

Java .NET2004 - ????

2003-09-16 Jarkko Leponiemi 5

The environments

• Java 2 Standard Edition (J2SE)– cross-platform application development with

advanced UI lilbraries

• Windows API– low-level functions for windows user interface

programming

• Microsoft Foundation Classes (MFC)– an object oriented layer around the Windows API

• .NET Framework– a general-purpose application framework for

Windows development

2003-09-16 Jarkko Leponiemi 6

OSCU

• Open source courseware• Shared implementation of courses

between different universities• The participating universities in PGUI

2003:– University of Tampere (responsible)– Tampere University of Technology– University of Oulu

2003-09-16 Jarkko Leponiemi 7

The main topics

• Structure of a GUI application• Producing graphics• Event handling• Basic interaction• Model-view-controller• User interface components, windows,

dialogs, controls, …• Advanced topics?

2003-09-16 Jarkko Leponiemi 8

You are required to…

• Implement at least 40% of the weekly exercise assignments– computed from points– 25%, if going for 2-5 cu (Tampere, Oulu?)

• Implement the programming project– write an UI design document– implement a prototype– implement a full version (different target

environment from the prototype)

• No exam!

2003-09-16 Jarkko Leponiemi 9

Programming project

• Organization chart editor• UI design document

– a complete description of the UI– pictures of the UI

• Prototype implementation– see project description for the requirements

• Full version implementation– complete application– see project description

2003-09-16 Jarkko Leponiemi 10

Weekly exercises

• Assigments are available at least a week before the exercise group gathering

• Assigments are usually based on the previous lectures

• Prepare your answers by yourself before the gathering

• Prepare to present your answers in the gathering

2003-09-16 Jarkko Leponiemi 11

Further information

See the course web pages for further information!

http://www.uta.fi/~jl/pgui/

Ask!

2003-09-16 Jarkko Leponiemi 12

Local arrangements

• The ”course masters”:– Mika Käki (mk@cs.uta.fi), UTA– Inka Vilpola (inka.vilpola@tut.fi), TUT– Dan Bendas (dan.bendas@tols16.oulu.fi), Oulu

• Contact course masters (and other local personnel) for arrangements

• Contact lecturer for content• Introduction to the local arrangements

follows…