Embed Size (px)
Citation preview
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Human Computer Interaction
SOFTENG 350Part II – HCI Implementing Technologies
Dr. Dirk Draheim / Christof Lutteroth
SWING / Java Server PagesWeb Engineering / Rigorous Interface
Specification
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Today’s Outline
• SOFTENG 350 Organizational Stuff• Introduction to User Interface Technologies
and System Architecture• Outline of the Assignment• Jump Start to Swing – Tomorrows Lab• Outline of Rigorous Interface Specification• The Object-Oriented Programming Paradigm
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
SOFTENG 350 Organizational Stuff
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
People• Lecturers
– Prof. John Grundy (coordinator)• Room 303.• Email [email protected]
– Dr Dirk Draheim (May/June 2006 in Auckland)• Room 489 (CS Building)• Email [email protected]• www.draheim.formcharts.org• Phone (office) 373-7599 x 88914• NZ vodafone 02102777154
• Tutors– Richard Li Lei
• Room 476 (CS Building)• Email [email protected]
– Christof Lutteroth • Room 476 (CS Building)• Email [email protected]• www.cs.auckland.ac.nz/~lutteroth/
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Objectives and Learning Outcomes of 350
• Objectives:– Cover basic theory and practice of HCI– Introduction to HCI concepts, theories, techniques– Introduction to Swing and JSP-based development– Introduction to Web Engineering– Try out material on practical projects
• Learning outcomes:– Appreciation of some of the key issues in human-computer
interaction– On a software project will be able to identify users’
characteristics and needs; be able to design an effective and efficient UI to meet these needs
– Have gained some basic development skills with common UI technologies (Swing, JSPs)
– Have gained some insight in rigorous UI specification
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Lecture/Lab/Tutorial Times
What ? When ? Where ?
Lectureby Dirk
Monday 11-12 ENG3401
Lecture by Dirk
Wednesday 11-12 ENG3401
Activities (Lab) byDirk & Christof
Thursday 10-12(instead of 11-12)
GTL
Tutorialby Christof
Friday 11-12 ENG3407
Lectureby Dirk
Thursday, 4th May11-12
ENG3401
Activities (Lab) byDirk & Christof
Friday, 5th May11-12
FTL
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Assessment
Assignment Project IGoogle Kids
Concept DesignInterface Design
Evaluation
12.5 %
Part 1 Due 24th March 2006Part 2 Due 13th April 2006
Assignment Project IIGoogle Kids
Implementation
12.5%
Due Mon 22nd May 2006
Test 35%Thu 25th May 2006, 6 pm – 7:30
pm
Exam 40% Fri 9th June, 2:15 pm – 5:30 pm
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Lab/Tutorial Glue
LabTutorialLecture
Assignment
Test Exam
preparing
exercising
practicing
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Week Topic Resources
8 Java Swing Walrath et al, Chap 1,2
9 Java Swing Walrath et al, Chap 3-6
10 Java Server Pages Ball et al, Chap 2-5
11 Java Server Pages Ball et al, Chap 6-8
12 Web Engineering Draheim, Weber, Chap 5
Plan 2nd May 1 – June 2
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Resources
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Resources
• Walrath, K., Campione, M., Huml, A., Zakhour, S., The JFC Swing Tutorial, Addison-Wesley Professional, 2004, available onlinehttps://www.se.auckland.ac.nz/courses/SOFTENG350/resources/
• Ball, J., Carson, D. B., Evans, I., Haase, K., Jendrock, E., The Java EE 5 Tutorial, Sun Microsystems, 2006, available onlinehttps://www.se.auckland.ac.nz/courses/SOFTENG350/resources/
• Draheim, D., Weber, G., Form-Oriented Analysis, Springer, 2005, material online www.formcharts.org
• Dix, Finlay, Abowd & Beale, Human Computer Interaction(3rd Edition), Pearson Education 2004
• Class web Sitehttps://www.se.auckland.ac.nz/courses/SOFTENG350/
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
The JFC Swing Tutorial
1. Getting Started with Swing2. Learning Swing by Example 3. Using Swing Components4. Laying Out Components within a Container5. Writing Event Listeners 6. Performing Custom Painting
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Introduction toUser Interface Technologies
&System Architecture
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
GraphicEditor
TextEditor
InternetPhone
Pacman
Graphical User Interfaces
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
My Shopping Cart
Book Quantity Price
Quine: Word and Object 1 12.46
Wittgenstein: Tractatus 1 23.06
Varela: The Embodied Mind 2 44.68
Adams: Watership Down 7 62.30
Welcome PageLogout
Search
Search for a book:
Delete
Delete
Delete
Delete
Buy itemsin cart
Update
Form-Based User Interface
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Ultra-Thin Clients
PC-Memory
WebPresentation
LayerCGI
Application Server
Database
GET hypertext/dir/index.html HTTP/1.0
....<head> <title> Dummy </title></head>....
HTTP
PC
Device Buffer
3270 Terminal
Disk Disk
Application Program
TP-Monitor
Mainframe
3270 Data Stream
AID Cursor Address Data.....
Command Cursor Address Data.....
Browser
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
SAP System Thin Client
Database
Application Server
ABAP/4 Interpreter
ABAP/4 GUI
TRPC
PBO input template PAI
module pool
PBO input template PAI
PBO input template PAI
process before output
process after input
screen program
transactional remoteprocedure call
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Example Fat Client IMIS System
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
IMIS System Architecture
• Integrated Measurement and Information System
serverapplication
logic
documentmanagement
system
jobbatch
processing
client tier
application server cluster
PARKsystem
PARKcontroller
database cluster
FTPserver
measurement stations
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
User Interface Agents
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Example SAP System for Student Administration
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
User Interface Builders
• Tutorial Friday, 12th May, by Christof• GUI Builder MS Visual Studio• Building Static Web Pages with MS Publisher 2003
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Outline of the Assignment
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Google Kids
• Example Screen by Ranny
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Assignment II Google Kids
ImplementationClick-Dummy
Access Log
CategoriesContent
ServletsJSP
Administrator
Kid
Browsing
Searching
Managing Category Hierarchy and/or Content
Viewing Access Log
SwingGUI
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Assignment II Google Kids
ImplementationHypotheticalFull-Fledged
Implementation
Categories
Content
ServletsJSP
Admin
Kid
SwingGUI
Access Log
Extra Logic Web ServicesPortal
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Jump Start to Swing – Tomorrows Lab –
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Outline of Rigorous Interface Specification
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
The Object-Oriented Programming Paradigm
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Object Orientation
YEAR
2006
The
Uni
vers
ity
of A
uckl
and
| New
Zea
land
SO
FTEN
G 3
50
Summary
• SOFTENG 350 Organizational Stuff• Introduction to User Interface Technologies
and System Architecture• Outline of the Assignment• Jump Start to Swing – Tomorrows Lab• Outline of Rigorous Interface Specification• The Object-Oriented Programming Paradigm
Questions [email protected]
Room 489373-7599 x 88914
Lab !Tomorrow
11-12FTL
