name: inverse layout: true class: center, middle, inverse --- # Introduction to Interaction Programming Welcome to CSE 340 Winter 23 Instructor: Lauren Bricker
TAs: Henry Heino, Jacob van't Hoog,
Davin Kyi, Leonardo Ochoa
OH & Section support: Thevina Dokka
OH & Grading: Deepti Ramani --- layout: false # Agenda - **Learning goals** - Introductions - Syllabus --- .left-column[ ## Course learning goals: ] .right-column[ # Building interfaces - How do I draw things on the screen? How do I control what is shown to the user? - How do I set up an interface so that it looks the way I want and reacts properly to changes in orientation and size? How do I implement a layout, supporting reactivity and so on? - How do I handle input from the user, both at the application level and within a specific interactor? - How do I build an application that meets basic standards for programmatic support for accessibility, security, and interactivity? ] --- .left-column[ ## Course learning goals: ] .right-column[ # General app development - How do I read, understand, and apply documentation and specifications? - How do I find and describe accessibility/security problems? - How do I examine an application and identify violations of ethics in the domains of behavior change, machine learning, inclusion/accessibility and/or security? - How do I study an interface? How do I properly consent participants, accurately describe the study process, and clearly describe the results of the study, using charts correctly to illustrate them and to draw valid conclusions consistent with my data? ] --- # This class... - ...is a class about Interactions Programming - ... is **NOT** an Android programming class - ... does not have formal high stakes exams - ... will require you to do quick checks, design work, and reflections - Design work must be done before the creative part. - Reflections on your work are NOT an afterthought. - Your work on reflecting what you could and couldn't get done will help you with your final project. I was a software engineer and manager for YEARS - I know this works. --- # Agenda - Learning goals - **Introductions** - Syllabus --- # Getting to know you! Please fill out these [polls](https://edstem.org/us/courses/32031/lessons/51077/slides/286256) before class on Wednesday. Also fill out this [survey](https://edstem.org/us/courses/32031/lessons/51076/slides/286252) by Friday at the latest --- ## Lauren Bricker .left-column40[ Pronouns: she/her OH:
Wed 11:30 am - 12:30 pm, Fri 2:30-3:30 pm ![:img Lauren Bricker with a black and white cat sitting on her lap, 60%, width](/courses/cse340/23wi/slides/wk01/img/intro/bricker.jpg) ] .right-column60[ - I am a UW CSE PhD Alum (HCI Research) - Associate Teaching Professor (6th year) in the Allen school - I teach support courses (STARS, Startup), CSE 154 & CSE 340 - I also helped develop CSE 390Z and do K-12 outreach - My older son is a CSE alum, younger son is a Husky Chem E. alum. My partner works for CSE Support & has 2 kids. - I'm an intermediate drummer, and artist and a maker who loves bicycle and begrudgingly runs - Advice: Ask questions! (see [Wait, what?](https://www.youtube.com/watch?v=bW0NguMGIbE)) ] --- # Henry Heino (he/him) .left-column60[ ![:img Henry sledding down a hill in the snow, 40%, width](/courses/cse340/23wi/slides/wk01/img/intro/henry.jpg) **Likes:** - Using a MIDI keyboard to make short songs ๐น - Web development! ] .right-column40[ 4
th
year @ UW Seattle **Office Hours:** Tuesday and Thursday from 10:30 AM - 11:30 AM (Allen 4th floor breakout room) **Advice:** Start a personal Android-related project and work on it for fun! ] --- # Jacob van't Hoog .left-column50[ ![:img Jacob, 35%, width](/courses/cse340/23wi/slides/wk01/img/intro/jacob.jpg) (he/him) Office Hours: - Wednesday 6:00 - 7:00 (Zoom) - Thursday 3:30 - 4:30 (Gates 152) ] .right-column50[ - 4th year at Allen school - Enjoys: - Biking, Snow โ๏ธ - Assorted hacking / creative coding 340 tips: - Keep up with readings/lectures and ask questions early ] --- # Davin Win Kyi .left-column50[ ![:img Davin Win Kyi, 40%, width](/courses/cse340/23wi/assets/img/staff/davin.jpg) ![:img Davin Swimming, 40%, width](/courses/cse340/23wi/slides/wk01/img/intro/davin-swimming.jpg)
**Pronouns:** He/Him
**OH:** Mon 6:00PM-7:00PM (CSE 151 Gates), Wed 6:00-7:00PM (CSE 153), Fri 5:00-6:00PM (CSE 151 Gates)
**School:** CS @uw
**Fun facts:**
1. I am a competitive swimmer
2. I don't play video games :0
I watch them though ๐ ] .right-column50[ **340 Tips:** - You're gonna read a lot of APIs, it might sound awful but it's gonna help you a lot in your future careers - Come to office hours! But make sure you've attempted what you're gonna ask first ] --- # Leonardo Ochoa .left-column40[ ![:img leo standing in front of a pine tree, 80%, width](/courses/cse340/23wi/slides/wk01/img/intro/leo.jpg)
Pronouns: He/Him
Senior @ UW CSE
Office Hours (In Person): - Monday & Thursday @ 2:30 PM ] .right-column60[ Enjoys: - Playing Soccer๏ธ - Fishing and Hiking Tips for 340:
- If you are stuck post questions onto ed or come to office hours - Start your assignments early and make sure to revisit slides ] --- # Thevina Dokka .left-column50[ ![:img Thevina Dokka, 40%, width](/courses/cse340/23wi/slides/wk01/img/intro/thevinadokka.jpg) Pronouns: she/her Office Hours:
Tues 9-10am & Thurs 1-2pm (remote) Junior at the University of Washington - Seattle ] .right-column50[ Enjoys: - Singing - Playing Badminton Tips: - Start Early on Assignments - Have Study Groups for Discussion! ] --- # Deepti Ramani .left-column50[ ![:img Deepti in front of a canal in Amsterdam, 80%, width](/courses/cse340/23wi/slides/wk01/img/intro/deepti.jpg)
Pronouns: She/Her
Junior @ UW CSE ] .right-column50[ Enjoys: - Drawing and painting (mostly digital, but also some traditional) - Playing video games Office Hours (Zoom): - Sunday 2:30-3:30, Tuesday 2:30-3:30 Tips for 340:
- Plan out how you want to work on the homework (and don't do it all last-minute) - Go to OH or post on Ed if you get stuck ] --- exclude: true # Technology Norms .left-column60[ ![:img Zoom window with pointers on how to turn your mic on and off and how to use the chat, 100%, width](/courses/cse340/23wi/slides/wk01/img/intro/zoom.png) ] .right-column40[ - **Mute** yourself in a large group - Have a question? Raise your hand or type it in the chat. - Be present, limit other distractions - Turn your video on in breakout rooms (if able)
*
] --- exclude: true #
*
Reality .left-column60[ ![:img Lauren in her messy office, 90%, width](/courses/cse340/23wi/slides/wk01/img/intro/reality.jpg) ] .right-column40[ We are not going to ask you to turn on your video in the "main room" ] --- exclude: true # ๐ค ๐๐ฌ Think, Pair, Share: In groups of 3... Meet your neighbors. - Name/pronouns - Year at UW - What is something you're excited about for this quarter? --- exclude: true # Agenda - Learning goals - Course staff - **[Syllabus](syllabus.html)**