TUESDAY |
|
|---|---|
 No Class Today! |
|
THURSDAY |
|
|---|---|
| TOPIC: | Introductions Tool Makers, Centaurs, and Cyborgs |
| SUMMARY: | After "Breaking-The-Ice", We will begin our artistic Computer Science Journey by visiting a range of different Tool Sites that can help you as an Art Student. |
| MATERIALS: |
ChatGPT OpenAI Codex Google Trends CodePen ELIZA [Optional Reading] "Centaurs Are Often More Powerful than Computers" Mike Beneschan |
| HOMEWORK: | Read “Centaurs Are Often More Powerful than Computers" by Mike Beneschan & Produce a 1-paragraph written response or reflection on the article. Due Next Class! |
| DUE NOW: | |
|
TUESDAY |
TOPIC | Course Overview, Setup, Logistics |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Selective Attention (Multi-task)Word: LINK Gorilla Attention Video: LINK Yerkes-Dodson Curve: LINK • Recap previous class (typical) and discuss HW reading responses • Syllabus and Course Overview (Assignments, Expectations, Philosophy), Student introductions • Setup Github accounts • Setup CodePen accounts (code pen note about css and js libraries loaded in the backend) • Reminder of resources (W3schools, Codecademy, StackOverflow, MDN Web Docs….) |
|
| MATERIALS |
• ChatGPT • Any Writing Program [.docx] • Slack |
|
| ASSIGNED HW | ||
|
• Read "Ten Myths of Internet Art" by Jon Ippolito [LINK]
and write a 1-paragraph written response/reflection on the article due Jan 17th • Experiment Using ChatGPT • Recommended Reading: Frank Jackson, What Mary Didn’t Know (1986) |
||
| DUE TODAY | • “Centaurs” 1-paragraph reflection |
|
|
THURSDAY |
TOPIC | • What is Web Art vs Art vs Not Art (Matrix) with Miro Board |
|
SUMMARY/ ACTIVITIES |
• An in-depth look at examples of coursework from previous semesters • “If I was an artist, and I was in the studio, then whatever I was doing in the studio must be art.” -Bruce Nauman • Add (3) links of websites or digital creations/creators that you admire: LINK |
|
| MATERIALS | • See Resources on Slack | |
| ASSIGNED HW | ||
|
|
||
| DUE TODAY |
|
TUESDAY |
TOPIC | History of the Internet, Web 1.0-Web 3.0 |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Debrief Web Matrix Reflection • Review ChatGPT results • Review reading reflections • Origins of the internet, email, and where things are going. - First Website - Inventor of Email @ - Wayback Machine - The Cloud [LINK] - URLs & VPNs - Web 1.0-3.0 • Wayback Machine Exercise: LINK • Internet Archive: LINK • Read: LINK • Bill Gates and Internet: LINK |
|
| MATERIALS | ||
| ASSIGNED HW | ||
|
•Use "Found Objects" —or rather— repurpose/reuse/remix media (images/video/audio) found on
any
online platform to create your own piece/body of work. Due in 2 Weeks •Recommended Reading: Internet Society, Brief History of the Internet, 1997 |
||
| DUE TODAY |
• “Ten Myths of Internet Art” 1-paragraph reflection • Experiment Using ChatGPT |
|
|
THURSDAY |
TOPIC | "Found objects" in-class exercise |
|
SUMMARY/ ACTIVITIES |
Google Maps (Portrait, Figure, Landscape, Ground) exercise Add One of each to Google Slide: LINK Geolocate images to Miro Map: LINK |
|
| MATERIALS | See Resources on Slack | |
| ASSIGNED HW | ||
|
|
||
| DUE TODAY |
|
TUESDAY |
TOPIC | Web Art Intro |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Debrief Google Maps exercise • Web Arts Unique Value Proposition (Interactive, Participatory, Multimedia, Social, Information Exchange) • History of net art and pioneers • Review links of inspirational websites • Internet/Tech Ethics • What would be included in an Internet User Bill of Rights? (i.e. ban on planned obsolescence of devices, green computing, people having rights over data, targeted advertisement ban, weaponization of AI to capture attention) |
|
| MATERIALS |
• Ascii-Art Generator: LINK • Blueprint for Internet User Bill of Rights: LINK • Data Privacy and Identity Drag and Drop Card: LINK |
|
| ASSIGNED HW | ||
| Found Objects Project due Next Week | ||
| DUE TODAY | Share (3) links of websites or digital creations/creators that you admire: LINK | |
|
THURSDAY |
TOPIC | HTML, CSS, JS review |
|
SUMMARY/ ACTIVITIES |
• Create a File Structure, Load img, video, Grids, Playlists, and CSS Effects. | |
| MATERIALS |
• Comic Grid: LINK • Sound on Hover Effect: LINK • Pseudoclasses: LINK • Pop-Up Effect: LINK |
|
| ASSIGNED HW | ||
| Found Objects Project due Next Week Tuesday | ||
| DUE TODAY | Late: Share (3) links of websites or digital creations/creators that you admire. |
|
TUESDAY |
TOPIC | Interactive Gifs |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Review "Found Object(s)" assignment critique • Recap HTML Lessons |
|
| MATERIALS | Rubric: LINK | |
| ASSIGNED HW | ||
|
• Choose Your Adventure Mockup due Next Week • Choose Your Adventure [Assignment 5] due in Two Weeks |
||
| DUE TODAY | Found Objects assignment | |
|
THURSDAY |
TOPIC | Interactive GIFs and Images |
|
SUMMARY/ ACTIVITIES |
• Review of GitHub and how to collaborate for in-class alphabet exercise • In-Class group exercise: Everyone will pick and create two interactive gifs of the alphabet. • Interactive Gif Demo: how to create an Animated Letter Gif |
|
| MATERIALS |
• Create an interactive Gif in class: LINK • Interactive Words: LINK • Activate Sound on Hover: LINK • Interactive Gif on Hover: LINK |
|
| ASSIGNED HW | ||
|
Choose Your Adventure Mockup due Next Week Tuesday |
||
| DUE TODAY | Late: Found Objects assignment |
|
TUESDAY |
TOPIC | Coding Interactive Hyper-Media Storyboards |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Debrief alphabet exercise and github collab review • Walkthrough: In-Class web-comic hyper-media storyboard - Coding exercise: recreate grid comic example (inclass exercise) - From Codepen to VScode |
|
| MATERIALS | Comic Grid Demo: LINK | |
| ASSIGNED HW | ||
| Choose Your Adventure Storyboard Progress | ||
| DUE TODAY |
Choose Your Adventure Storyboard MockUp (NO CODING AT THIS STAGE, JUST Photoshop or hand drawings of your comic layout) |
|
|
THURSDAY |
TOPIC | Interactive Hyper-Media Storyboards |
|
SUMMARY/ ACTIVITIES |
Review Mockups, Outcomes from in class Interactive Gifs | |
| MATERIALS | See Resources on Slack | |
| ASSIGNED HW | ||
| Interactive Hyper-Media Storyboard Progress | ||
| DUE TODAY | Late: Interactive Hyper-Media Storyboard Mockup |
|
TUESDAY |
TOPIC | Coding Demos |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• OpenProjectFolder>LiveServerExtension
ChapGPT Extension • Codepen to VSCode to Github • Set Up GitHub account and file structure • Examples and Coding Tutorials |
|
| MATERIALS |
• Horizontal Scroll: LINK • Vertical Scroll: LINK |
|
| ASSIGNED HW | ||
| Choose Your Adventure due Next Week | ||
| DUE TODAY | ||
|
THURSDAY |
TOPIC | In Class Lab time to setup base files for Interactive? Comic. |
|
SUMMARY/ ACTIVITIES |
• First attempt at coding base file. • If you hit a roadblock, try searching stackoverflow, google, w3schools etc… If you still hit roadblock write question in slack. • Schedule 1:1 help for questions |
|
| MATERIALS | See Resources on Slack | |
| ASSIGNED HW | ||
| Choose Your Adventure due Next Tuesday | ||
| DUE TODAY |
|
TUESDAY |
TOPIC | Coding Review and new concepts (HTML/CSS/JS) |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Problem solving tips • Canvas elements, Keyframes and animations • Coding Libraries |
|
| MATERIALS | ||
| ASSIGNED HW |
|
|
|
|
||
| DUE TODAY | Choose your adventure due Next Class. | |
|
THURSDAY |
TOPIC | Choose your adventure Discussion |
|
SUMMARY/ ACTIVITIES |
Review Choose your adventure | |
| MATERIALS | See Assignment 5: LINK | |
| ASSIGNED HW | ||
|
|
||
| DUE TODAY | Choose your adventure |
|
TUESDAY |
TOPIC | SVGs |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• How to create interactive SVGs (LS and Cat example projects) • Create an SVG still life with interactivity |
|
| MATERIALS | HTML/CSS in Browser: LINK | |
| ASSIGNED HW | ||
|
• Opened ended project proposal due Next Week Thursday • Final Open Ended Project due in Two Weeks |
||
| DUE TODAY | ||
|
THURSDAY |
TOPIC | SVGs continued |
|
SUMMARY/ ACTIVITIES |
• Remaining choose your adventure critiques • SVG debrief • SVG interactions with Illustrator • One-on-One sign up |
|
| MATERIALS | See Resources on Slack | |
| ASSIGNED HW | ||
| Complete SVG still life for Next class | ||
| DUE TODAY |
|
TUESDAY |
TOPIC | Google Search Experimentation |
|---|---|---|
| SUMMARY/ ACTIVITIES |
• Image bridge/Telephone (each student picks an image. Find images to bridge transition to the image
chosen by classmate to create metamorphosis) • Reverse Image Search |
|
| MATERIALS |
• MiroBoard: LINK • Reverse Image Search: LINK • Gartic Phone: LINK |
|
| ASSIGNED HW | ||
| Google Search Experimentation | ||
| DUE TODAY | ||
|
THURSDAY |
TOPIC | NO CLASS (Faculty Retreat) |
|
SUMMARY/ ACTIVITIES |
||
| MATERIALS | See Resources on Slack | |
| ASSIGNED HW | ||
|
|
||
| DUE TODAY |
|
TUESDAY |
TOPIC | Independent Coding Time/Lab |
|---|---|---|
| SUMMARY/ ACTIVITIES |
In Lieu of class: Submit coding questions through slack. | |
| MATERIALS | ||
| ASSIGNED HW | ||
| Student Define Lesson Proposal due Next Class | ||
| DUE TODAY | Complete Course Survey: LINK | |
|
THURSDAY |
TOPIC | Discussion on Proposals |
|
SUMMARY/ ACTIVITIES |
Student defined lesson proposals | |
| MATERIALS | See Resources on Slack | |
| ASSIGNED HW | ||
|
|
||
| DUE TODAY | Student Defined Lesson Proposals |