Animation

Android (operating system)

Human–computer interaction

Framework vs. Toolkit vs. Library

Android software development

Java (programming language)

User Interface Layout

Debugging

Visual Perception

Application security

Accessibility

Event (computing)

Interactor hierarchy

Motor control

Fitts's law

Data analysis

Application Design Principles

Mental Models

Undo (Computing)

Persuasive technology

Location Services

Sensors

Dark pattern

Finite-state machine

Usability testing

User interface

CSE 340 Interaction Programming University of Washington Spring 2022 This course focuses on the design and programming of interactive systems, exploring various programming paradigms, event handling, and accessibility. It requires prior knowledge of Java and familiarity with data structures. This course helps to develop user-friendly interfaces and study existing interfaces. Although the platform used is Android, it's not strictly an Android programming course. Interactive technology is changing society. Some of today’s interfaces are used by a billion people at a time. Almost everything we create is created for people to use, through user interfaces. We will learn about interactive systems, including programming paradigms and design of event handling, layout, undo, accessibility and context awareness. ## Why should I take this class?

Interfaces are an important part of our daily lives and many of them are created as a connection from a human to a machine. Even a new machine learning algorithm or a database system requires some human connection in order for those systems to work.

User interfaces are incredibly important, but interactive user interaction requires a different programming paradigm than you may have learned before. In this you will learn how to:

- write an event-driven program which reacts to user input and displays output using abstractions in a structured and maintainable way. These abstractions generally transfer to almost any other user interface toolkit.
- think about the design and implementation of novel interaction techniques such as voice based interfaces or augmented reality, in order to enrich the user experience.
- build inclusive and accessible user interfaces.
- implement implement user-centered features, such as Undo, that following well studied design principles that are applicable in any user interface.
- critique and study existing user interfaces using light weight informal and formal methods.
- communicate your findings through comprehensive reports as well as reflections on your learning

The [Course Details](https://courses.cs.washington.edu/courses/cse340/22sp/course-details.html) page describes each of our course modules as well as other classes that complement the learning goals in CSE 340.
 The only official requirement for this class is that you have taken **CSE 142 and 143 or an equivalent class**, meaning you are comfortable programming in Java, and have some experience with data structures.

There are other skills that are required for the class that are not explicitly taught, which means you should **plan to spend extra time (either independently or in OH) learning and practicing those skills**. These include:

- working in an Integrated Development Environment (IDE) that is more complicated than JGrasp
- Using a version control systems (Git)
- Reading and understanding library and toolkit documentation
- Reading and understanding a larger starter code base
- Reflecting on and explaining the coding work you have done
- Reading through assignment specifications which are “more complicated and less detailed” than a typical Introduction to CS assignment specification.

Taking CSE 391 just before or concurrently with 340 can help, but our staff can also assist where needed.

The specific platform and language for this class are **Java on Android phones** (or simulators); using the IntelliJ IDE (Android Studio). While Google is switching over to Kotlin, there are good reasons to [start learning Android with Java first](https://dzone.com/articles/java-vs-kotlin-which-language-android-developer-sh).

Note that this class is designed for CSE majors, and other students who work regularly with information technology and are strong programmers. While we will consider applications from outside the major, other restrictions may limit space for such students. ### What should I expect as a student in this class?

This is an **interaction programming course** which will teach the abstractions that underly all user interfaces (see the [Course Details](https://courses.cs.washington.edu/courses/cse340/22sp/course-details.html) page for more information). To learn these concepts, we will cover a mix of theoretical aspects of HCI (such as how to predict the time it will take to click on a button, or why Undo is important to implement) and practical aspects of HCI (such as how to handle user interface events). What we will not cover is Android programming.

To re-iterate, *this is not an Android programming class and you will be expected to research Android programming yourself*. We will point you at the relevant of Android documentation but you must be willing to read through and explore this documentation on your own.

Taking any class is a commitment, and this one is no exeception. We want to make sure you get the most out of your experience. Below is some information about prerequisites and expectations.

CSE 340 Interaction Programming

Software Engineering

Triangles

Spatial Transformations

Sampling

3D Rotations

Complex Transformations

Perspective Projection

Texture Mapping

Occlusion

Geometry

Meshes and Manifolds

Digital Geometry Processing

Geometric Queries

Spatial Data Structures

Color

Radiometry

Rendering Equation

Numerical Integration

Monte Carlo Rendering

Variance Reduction

Dynamics and Time Integration

Optimization in Graphics

Physically-Based Animation

Partial Differential Equations (PDEs)

15-462/662 Computer Graphics Carnegie Mellon University Fall 2020 This is an intensive course on computer graphics, covering a variety of topics such as rendering, animation, and imaging. It requires previous knowledge in vector calculus, linear algebra, and C/C++ programming. Concepts include ray tracing, radiometry, and geometric optics, among others. This course provides a comprehensive introduction to computer graphics. It focuses on fundamental concepts and techniques, and their cross-cutting relationship to multiple problem domains in graphics (rendering, animation, geometry, imaging). Topics include: sampling, aliasing, interpolation, rasterization, geometric transformations, parameterization, visibility, compositing, filtering, convolution, curves & surfaces, geometric data structures, subdivision, meshing, spatial hierarchies, ray tracing, radiometry, reflectance, light fields, geometric optics, Monte Carlo rendering, importance sampling, camera models, high-performance ray tracing, differential equations, time integration, numerical differentiation, physically-based animation, optimization, numerical linear algebra, inverse kinematics, Fourier methods, data fitting, example-based synthesis.  Course prerequisites are (15-213, 21-259, and 21-240) or (15-213, 21-259, and 21-241) or (18-213 and 18-202). Basic vector calculus and linear algebra will be an important component of this course. Previous exposure to basic programming in C/C++ or similar languages is very helpful as course programming assignments will involve significant implementation effort. There is no required textbook for 15-462, though a variety of books may provide good supplementary material:

Pete Shirley and Steve Marschner with Michael Ashikhmin, Michael Gleicher, Naty Hoffman, Garrett Johnson, Tamara Munzner, Erik Reinhard, Kelvin Sung, William B. Thompson, Peter Willemsen, and Bryan Wyvill
**Fundamentals of Computer Graphics**. A K Peters, 2009
[[ On Amazon ]](http://www.amazon.com/Fundamentals-Computer-Graphics-Peter-Shirley/dp/1568814690)

John F. Hughes, Andries van Dam, Morgan McGuire, David F. Sklar, James D. Foley, Steven K. Feiner, and Kurt Akeley
**Computer Graphics: Principles and Practice**
[[ On Amazon ]](http://www.amazon.com/Computer-Graphics-Principles-Practice-3rd/dp/0321399528/ref=sr_1_2?s=books&ie=UTF8&qid=1440872554&sr=1-2&keywords=foundations+of+3d+computer+graphics)

Matt Pharr and Greg Humphreys
**Physically Based Rendering: From Theory to Implementation**
[[ On Amazon ]](http://www.amazon.com/gp/product/0123750792?ie=UTF8&tag=pharr-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0123750792)

This book (PBRT) is the book for learning about modern ray tracing techniques. It has a [great website](http://www.pbrt.org/) with full source code online for an advanced physically-based ray tracer. It even won an [oscar](https://www.youtube.com/watch?v=7d9juPsv1QU) for its impact on the film industry!

15-462/662 Computer Graphics

Computer Graphics

Visual Encoding

Map (higher-order function)

Uncertainty

Data & Image Models

Tableau

Scalable Visualization

Networks

Exploratory Data Analysis

Deceptive Visualization

D3.js

Graphical Perception

Narrative Visualization

CSE 512 Data Visualization University of Washington Spring 2022 This course from the University of Washington dives deep into the principles of data visualization, exploring techniques derived from graphic design, perceptual psychology, and cognitive science. The course enhances understanding of visualization techniques, exposure to common data domains, and offers practical experience in building and evaluating visualization systems.  The world is awash with increasing amounts of data, and we must keep afloat with our relatively constant perceptual and cognitive abilities. Visualization provides one means of combating information overload, as a well-designed visual encoding can supplant cognitive calculations with simpler perceptual inferences and improve comprehension, memory, and decision making. Furthermore, visual representations may help engage more diverse audiences in the process of analytic thinking.

In this course we will study techniques for creating effective visualizations based on principles from graphic design, perceptual psychology, and cognitive science. The course is targeted both towards students interested in using visualization in their own work, as well as students interested in building better visualization tools and systems.

In addition to class discussions, students will complete visualization design and data analysis assignments, as well as a final project. Students will share the results of their final project as both an interactive website and a video presentation. This course is designed to provide students with the foundations necessary for understanding and extending the current state of the art in data visualization. By the end of the course, students will have gained:
- An understanding of key visualization techniques and theory, including data models, graphical perception and methods for visual encoding and interaction.
- Exposure to a number of common data domains and corresponding analysis tasks, including multivariate data, geo-spatial data, and networks.
- Practical experience building and evaluating visualization systems.
- The ability to read and discuss research papers from the visualization literature.  - [The Visual Display of Quantitative Information](http://www.amazon.com/gp/product/0961392142), E. Tufte. Graphics Press, 2001.
- [Envisioning Information](http://www.amazon.com/Envisioning-Information-Edward-R-Tufte/dp/0961392118), E. Tufte. Graphics Press, 1990.
- [Vega-Lite Visualization Notebook Curriculum](https://observablehq.com/@uwdata/data-visualization-curriculum). Jeffrey Heer, Dominik Moritz, Jake VanderPlas, and Brock Craft.
- *Optional*: [Interactive Data Visualization for the Web](http://alignedleft.com/work/d3-book-2e), 2nd Edition. Scott Murray, O'Reilly Press.
    - To read online, use the "O'Reilly (Formerly Safari)" link on the [UW library page](https://guides.lib.uw.edu/c.php?g=341544&p=2299182).
    - Code examples available on [GitHub](https://github.com/alignedleft/d3-book/).

CSE 512 Data Visualization

Data Science

Animation

3 courses cover this concept

CSE 340 Interaction Programming

15-462/662 Computer Graphics

CSE 512 Data Visualization