WDS 13: WORK ON FINAL DELIVERABLES 12/05/17

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 13: Final
Work on your final Deliverables

PFC 14: Final before your Final

REVIEW ASSIGNMENT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project as a “Published Build” in class on 12/11/17

DEMO:
Interactive Narrative and found Art

FINAL DELIVERABLES:
All Unity based projects and assignments should be presented as a “Published Build”
Twine Projects should be “published” as HTML

DH 13: VISUAL COMMUNICATION 20TH CENTURY 11/29/17

Modernism in a Painting
The Bauhaus
A new Visual Language
Brands are symbols
VC for ages
Type for reading
Master type from a Master
Not Just a symbol
Test of Time
Roots and Rank
Old Signs and older stones
Campbell kids
When brands are too good?
What’s the big deal? It’s all the same, no?

Italian Dynamism, was about motion
Russian style
Graphic Impact
Seeds for the future

VIDEO: Soviet Montage
VIDEO: Montage
Postmodern eraout with modernism
VIDEO: “Stadsmuziek” Akko Goldenbeld

ASSIGNMENT:
READ: History of Visual Communication
READ: Russian Constructivists

MAJOR PROJECT – FINAL: Due 12/12/17
Part 1a: Building from Plans
Part 1b: Designing from History

WDS 12: Work on Final Deliverables 11/28/17

INTRO:
Work on your Final
Fluid Template
Responsive Designs

JS Redirect:
– Start with a subdomain
– How do I create a subdomain? DEMO
How to redirect?
Put it all together…

PHP INCLUDES:
Saves work
Makes coding easier
Best Practices

JAVASRIPT
Tutorial

FINAL DELIVERABLES:
A. The Development Process Documents (This was your mid term. Make sure you include a link to your Prototype):

B. Homework Assignments.

Studio 12: Final
– Try PHP includes
– Try JavaScript redirect

Studio 09: CSS/HTML
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)

Studio 08: More CSS + Drop downs
– Make sure you understand the “Z-index”. Try either example.
– Create a 2 Column layout using HTML/CSS
– Create a 3 Column layout using HTML/CSS
– Try a JS Drop down menu
– Try CSS Drop down
– Try Media query (color change)

Studio 06: CSS Review
HTML/CSS:
Complete Code review for Chapter 3, 15, and 16
– Create a single page with the following:
– Try CSS opacity hover
– Try JavaScript opacity hover (copy the code)
– A list of any kind
– Any variation of the “display” property (none, inline, inline-block, etc.)
– Create a navigation menu from a list and the “display” property.

Studio 05: HTML/CSS:
Complete Code review for Chapter 11 and 13
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image and practice positioning and margins.
— 2. Use the “box model”
— 3. Use pseudo classes

Studio 04: HTML + Intro to CSS
Read: 10.
Complete Code review for Chapter 10
HTML/CSS: Use the META tag to refresh and redirect

Studio 03: HTML Tables
Complete Code review for Chapter 7 and 8
Following the Table Demo: Create a table with mounted image and put text on top of the images in HTML

Studio 01: Set up and Intro to HTML
Code Work: Review Chapter 1, 2
Create a splash page for your web site (use anything you want) with an image and a link.

C. WordPress site. Installed and customized

D. Final Site (URL) AND a screen shot of your site

Studio 12: Final
Work on your final Deliverables
Try PHP includes
Try JavaScript redirect
Try the JavaScript tutorial

PFC 13:

REVIEW ASSIGNMENT:
11/27/17 – Be prepared to talk about your plan for final project.
What are you doing?
What are the challenges?

Adding Dynamic Elements:
For Twine users, consider including animated GIFs
Besides Photoshop, many resources exist.

Objects:
OOP in Unity
Video 1
Video 2

Presentation:
Scene to Scene?
Lear more about “Stand alone”. Publishing Builds.
Resource for Standalone Player Settings
You can even port Unity to the Web
Please Publish a minor Build by next week (12/04)

FINAL PROJECT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester.
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project as a “Published Build” in class on 12/11/17

PFC 12:

REVIEW ASSIGNMENT:
Deliver a narrative, interactive, experience in 2D. Present in class.
Similar resources:

So far..
– 2D and interactive narrative
– Create simple animation using the built in Unity tools.
– Did you complete your environment? Take a screen Shot and email to me
– CREATE a very simple game in Unity with player movement, and collisions.
– Unity environment
– Functional coding

What is next?
– Object Oriented Programming
– Pulling it all Together

FINAL PROJECT:
Due 12/11/17 –
Based on the smaller projects (Terrain, Simple Game, 2d), create a narrative, interactive, experience using any of the techniques we have covered this semester (see list above)
The final deliverable can be in Unity or any other interactive environment (HTML, Javascript, etc).
Present your project in class on 12/11/17
Be prepared to talk about your plan on 11/27/17

DH 12: Design in the Modern Era 11/15/17

Diderot
Map
Industry
Birth of digital computing
Babbage
Diff Eng
Ancient calculator
Pascaline and innards
Leibniz wheel
Automata at the FI
VIDEO: Lost art of Automatons alive
VIDEO: Diff Engine in action
VIDEO: TED ED
Countess
Live hard, die young
Jacquard Loom in acton and results
First Program
First Computer, that never was…
…but may still be

Sagrada Familia, inside and outside
Casa Batllo
Modernism in Painting
VIDEO: The horse in motion (Eadweard Muybridge)
Examples: Form and Function
VIDEO: Craft Movement
VIDEO: Bauhaus in a Nutshell
VIDEO: Walter Gropius – The Dessau Bauhaus

ASSIGNMENT:
READ: We All Live in a Bauhaus

MINOR PROJECT #2: Due 11/20/17
Enlightenment /Denis Diderot

WDS 11: WP & PROCESS 11/14/17

INTRO:
Documentation due 11/14/17
Present in class (prototype and interface)!

Domain + Hosting:
Start migrating Homework to your server.
Install WP. Play!

REVIEW:
Chapter 9
– Review posting files to your server using FTP
– Make sure WordPress is installed and working on your server
– Explore WP. Change the theme, customize, post, play

To Swipe?
– WordPress does it for you
– More mobile me
jquery picks
ready to slide?
– How about forms? Examples
– Forms – Adding PHP and functionality.
Example
Download the code

NEW:
JS Redirect:
How to redirect?

STUDIO 11: WP and Final
Sources to Review:
– Intro to frameworks
Fluid Template
Responsive Designs
Start organizing tasks for you final development.

PFC 11:

REVIEW ASSIGNMENT
– From last class – Turn in, .zip project assets and scripts. Either email to me OR if they are large, put on Google Drive and share with me.

Come up with an Interactive narrative using a branching Structure. Quick Review before class ends
Experiment with tools such as Twine and Fungus (see links above).
This is working towards a 2D, interactive narrative due 11/20. It can be sprite based or even text based.
Focus on the narrative and interaction and experiment with Twine AND Fungus.

Tools: Twine
Tools: More available for 2d and Interactivity. Free at the Asset store.

ASSIGNMENT:
Deliver a narrative, interactive, experience in 2D. Present in class next week.

WDS 10: CSS Tricks + Process 11/07/17

REVIEW:
Make sure you have completed the following:
– Import and display fonts
– Try an image (Sprite) Roll-over (CSS)
– Try Inline Block, Instead of Float
– HTML5 Code (make sure you have tried it)
Process: Due Today
– User Experience
– Site map
– Wire Frames
– Prototype

PROCESS + PROTOTYPING
REQUIREMENTS:
– Who is the site for, Why would people Visit this site, What are your visitors trying to achieve? What information do your visitors need?
DELIVERABLE: Requirements, Target Audience, Research/sketches

USABILITY (UIX):
DELIVERABLE: User Scenarios, Usability maps, Competitive Analysis

SITE STRUCTURE
-Generating schematic wireframes for key interfaces and interactions:
Site map
User experience/wireframes
Wireframes. Some tools
Deliverables: Site Inventory/Site Map,. Layout grids (Wire frames and HTML Prototype

Resources:
Sketches
Sketches 2
Digital
With annotations
With Annotations 2

PROTOTYPING:
Examples

Resources:
Prototyping tools

DESIGN:
-Designing the visual interface:
Template mock-ups in PSD or IA.
Deliverables: Interface in JPG

OUTSTANDING ISSUES:
– Think ahead. What do you think will be challenges to development? Keep a list trhough project life cycle

DEVELOPMENT:
-Technical Production: Deliverables: Alpha Site
-QA: Testing. Deliverables: Bug List, Beta Site
-Launch: Deliverables: Final Site

HOSTING:
Buy a domain name AND hosting.
Look for Basic hosting, Linux (NOT WINDOWS)
Demo FTP and file upload

WORDPRESS:
– Install! First, need to get it
– A “how to”
WP customize
– More WP custom
– WP theme mods
– WP theme customization
– More WP tips

Studio 10:
Sources to Review:
More on the Hover
Advanced Hover effects
Zen Garden

PROCESS:
Work on your final Interface.
Documentation due 11/14/17
Present in class next week

HTML/CSS
Read Chapter 9
Start migrating Homework to your server.
Install WP. Play!

1 3 4 5 6 7 36