name: inverse layout: true class: center, middle, inverse --- # Introduction to Interaction Programming Welcome to CSE 340 Winter 2022 Instructor: Lauren Bricker
TAs: Jasper Palmer, Jay Lin,
Thevina Dokka, Kellie Gui,
Henry Heino, Jacob van't Hoog
--- layout: false # Agenda - **Administrivia** - Daily lesson activities can be found on https://us.edstem.org/ - Intro for 143 students: Java & Android/Git (Thursday Time TBD) - Learning goals - Introductions - Syllabus - Getting Started with Android --- # Agenda - Administrivia - **Learning goals** - Introductions - Syllabus - Getting Started with Android --- .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 that requiry programmatic support for accessibility, security, and interactivity? ] --- .left-column[ ## Course Learning goals: ] .right-column[ # Communicating about app concerns - 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? ] --- # Agenda - Administrivia - Learning goals - **Introductions** - Syllabus - Getting Started with Android --- ## Lauren Bricker .left-column40[ Pronouns: she/her OH:
Mon/Wed 11:30 am - 12:30 pm ![:img Lauren Bricker with a black and white cat sitting on her lap, 60%, width](/courses/cse340/22wi/slides/wk01/img/intro/bricker.jpg) ] .right-column60[ - I am a UW CSE PhD Alum (HCI Research) - Associate Teaching Professor (5th 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)) ] --- # Jasper Palmer .left-column50[ ![:img Jasper Palmer, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/palmer.jpg) **Pronouns:**
He/Him **Office Hours:**
Wed 4:30-5:30 🖥️ (Remote)
Thu 2:30-3:30 Senior @ UWCSE ] .right-column50[ **Enjoys:** - Ultimate Frisbee 🥏 - Playing Overcooked 1 & 2 🍳 **340 Tips:** - Explore Android Studio (based on IntelliJ) - Most knowledge carries over to other Java development! - Come to office hours (try it out at least once)! ] --- exclude: true # Zeynep Toprakbasti .left-column50[ ztoprakb@cs.washington.edu
Pronouns: She/Her OH: Mondays 12:30-1:30 & Fridays 1:30-2:30pm - 2nd year at the Allen School! - I enjoy art and photography - Like to make movies and little animations - Advice: Take risks and be creative with design choices! ] .right-column50[ .grid[ ![:img Zeynep Toprakbasti, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/zeynep.jpeg) ![:img Zeynep Toprakbasti, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/clocks.JPG) ![:img Zeynep Toprakbasti, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/blue.JPG) ![:img Zeynep Toprakbasti, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/red.JPG) ] ] --- # Jay Lin (they/them) .left-column60[ OH: Fridays 2:30pm
- Senior at CSSE @Bothell + Disability Studies @Seattle.
- Former drumline/orchestra member.
- Currently playing some video games...: Final Fantasy X and NEO: The World Ends With You.
- Advice: **Don't hoard Late Days** (no extra credit for them 🥲).
] .right-column20[ ![:img Jay is wearing a face mask while holding a black-furred pet dog and looking at the camera. There is a sunset and view of the ocean behind them., 200%, width](/courses/cse340/22wi/assets/img/staff/lin.jpg) ] --- # Thevina Dokka .left-column50[ ![:img Thevina Dokka, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/thevinadokka.jpg) Pronouns: she/her Office Hours:
Tues 10-11am (remote) & Thurs 9:30-10:30am Allen 220 Junior at the University of Washington - Seattle ] .right-column50[ Enjoys: - Singing - Playing Badminton Tips: - Start Early on Assignments - Have Study Groups for Discussion! ] --- # Kellie Gui .left-column50[ ![:img Mikan the dog, 70%, width](/courses/cse340/22wi/slides/wk01/img/intro/dog.jpg)
I have two cats and a dog Mikan
I enjoy going outdoor ] .right-column50[ Pronouns: She/Her
Senior at the UW - Seattle
Office Hours:
- Mon & Wed 1:30 - 2:30 pm
- Allen 218 Tips for 340:
- The official documents help a lot
- Ask for help when you are stuck
] --- # Henry Heino (he/him) .left-column60[ ![:img Henry sledding down a hill in the snow, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/henry.jpg) **Likes:** - Using a MIDI keyboard to make short songs 🎹 - Running Linux on
(almost)
everything
🐧 ] .right-column40[ 3
rd
year @ UW Seattle **Office Hours:** Sunday from 2:30 - 3:30 PM, Tuesdays from 12:00 - 1:00 PM, 4:00 - 5:00 PM **Advice:** Start homework assignments early! ] --- # Jacob van't Hoog .left-column50[ ![:img Jacob, 40%, width](/courses/cse340/22wi/slides/wk01/img/intro/jacob.jpg) (he/him) Office Hours: - Tuesday 1:30 - 2:30 (Allen 220) - Thursday 4:30 - 5:30 (remote) ] .right-column50[ - 3rd year at Allen school - Enjoys: - Biking - Snow ❄️ - Assorted hacking / creative coding 340 tips: - Save late days for when you need them (flipside of Jay's advice) - Keep up with readings/lectures ] --- # 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/22wi/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)
*
] --- #
*
Reality .left-column60[ ![:img Lauren in her messy office, 90%, width](/courses/cse340/22wi/slides/wk01/img/intro/reality.jpg) ] .right-column40[ We are not going to ask you to turn on your video in the "main room" ] --- # Let's get to know you!
--- # Your Expectations of this Class Let's try a Google [Jamboard](https://jamboard.google.com/d/1mtbZJiIT6ofZo5je-Rz2YoikXuheZCLqbpy2TNmNLc8/viewer?f=0) --- # Breakout rooms In groups of 3... Meet your neighbors (remember to turn on your video). - Name/pronouns - Year at UW - Where in the world are you currently? - What is something you're excited about for Winter quarter? --- # Agenda - Administrivia - Learning goals - Course staff - **Syllabus** - Getting Started with Android --- # Where to find what The class is on the [web](/courses/cse340/22wi/index) and in [Ed lessons](https://edstem.org/us/courses/16206/lessons), but we have used iframes to connect this to [Canvas](https://canvas.uw.edu/courses/1515279). We try to interlink everything as much as possible. - Class discussions and all contact with instructors should happen either in office hours or through [Ed](https://edstem.org/us/courses/16206/discussion/) - You can also request appointments for further help - The course staff will make you a [gitlab](https://gitlab.cs.washington.edu/cse340-22wi-students) repo which you will use to receive assignment starter code and commit your changes. - You will turn your assignments in to an [Ed Lesson](https://edstem.org/us/courses/16206/lessons) - If you are having trouble running Android Studio on your own machine, you can remotely access virtual lab machines which can run both Android Studio and the emulator. [Instructions here](https://vdi.cs.washington.edu/) --- # Aside: Accessibility in this course - Our goal is to make this course inclusive and accessible. - Zoom has automatic transcriptions. Please request them if we forget to turn them on. - If you use a screen reader, or just want to see it there is a link to the slide markdown for every slide (demo) - The answers to slides can be viewed by pressing P. ??? Answers? we don't need to stinkin' answers! --- # Aside: COVID-19 Safety - Web page on [COVID-19 Safety](/courses/cse340/22wi/covid-safety.html) - First week of the quarter is remote. - We will abide by whatever decisions the university sets forth. - In person after - Masks are required - We will accomodate remote access (although it may not be synchronous) - Stay home if you're sick. --- # Pre-work check
--- # Syllabus - You will be doing a [Syllabus](/courses/cse340/22wi/) Scavenger Hunt as part of your pre-work for tomorrow by finishing the slides in this lesson - We'll cover the rest on Wednesday