WDS 13: Final Project + Details 11/20/19


REVIEW:
Did you send me a URL??
Deliver completed, and finalized Development Process-

FINAL:
Develop your Final website. It must :
1. Be online, accessible through an active URL
2. Optimized for desktop, laptop, and mobile devices
3. Include CSS animation and roll-overs
4. Example of P5js integrated into the content
5. Use of the JavaScript redirect
6. An example of WordPress on a separate directory
7. Include a Favicon
Go back to your documentation, and add the new features above.
In particular, #3, #4, #5
We will review it early this afternoon.

DETAILS:
Extras
A date for the footer?
PHP?
Read about it

LAB 13: End Game – Part 1
Present solutions for new requirements – #3, #4, #5 above.
Start developing your final.

CAS 12: Narrative 11/18/19

REVIEW: Terrain

1. Simple Animation and Basic keyframe
Create simple animation using the built-in Unity tools. It could be as simple or complex as you want. Show it if you have it.

Interactive Narrative?
A Different approach: Branching Structure
This is really just paths. Decisions mean different paths but can we make it more complex?
Points – based on actions , you accumulate points. This could determine paths taken.
Tools: Twine
Tools: Scratch
Tools: More available for 2d and Interactivity. Free at the Asset store.

LAB 12: Narrative
UNITY – Try animation and finish your Terrain.
Narrative: Examine the software options above.

FINAL PROJECT: Create and interactive narrative using any of the software solutions introduced. This includes Unity and Twine, or any other solution we have covered (HTML, Adobe XD, etc). Due last day of class – December 9, 2019

DH 11: AGE OF ENLIGHTENMENT 11/15/19

Some of the Greats
Map: Italy
The Press leads to a backlash
Age of Science continues
Dennis D’s Wikipedia
VIDEO: His Encyclopedia
READ: Denis Diderot and science: Enlightenment to modernity
Classification EN
Revolution
Art and design of the times
Machine Tools – Example
Water Power Plus
Steam Power
The Steam Age
Powered Transportation
How does it work?
Industry
French Steel
Penn Hospital is born from the Enlightenment.
Canals today
Philly Steel

Birth of digital computing
Babbage
Diff Eng
Ancient calculator
Pascaline and innards
Automata at the FI
VIDEO: Lost art of Automatons alive
VIDEO: Diff Engine in action
VIDEO: TED ED
Countess
Jacquard Loom in action and results
First Computer, that never was…
…but may still be

MINOR PROJECT #2: Due 11/26/19
Enlightenment /Denis Diderot
Ex:

WDS 12: Favicons 11/13/19


REVIEW:
Deliver completed, and finalized Development Process:
1. Gathering Information. Please state:
– Purpose,
– Main Goals,
– Target Audience.
2. Research: UXD – User Experience Design.
– User Scenarios,
– Usability maps,
– Competitive Analysis
3. Create:
– Structure,
– Wireframes,
– Prototype,
– mood board,
– Mock-ups
4. User Testing (Any changes?)
Send me a URL.

Homework Due Today:
– Set up WordPress and play.
– Redirect script – Example
– Try a template – Example
– Build a Parallax – Example
– Create a full-screen video loop for an HTML page (Is there a way to do this for mobile?)

FAVICONS:
Basics
Example
Times have changed.

LAB 12: Favicon & Final
– Create a Favicon. Test it out.
FINAL:
Develop your Final website. It must:
1. Be online, accessible through an active URL
2. Optimized for desktop, laptop, and mobile devices
3. Include CSS animation and roll-overs
4. Example of P5js integrated into the content
5. Use of the JavaScript redirect
6. An example of WordPress on a separate directory
7. Include a Favicon

CAS 11: Unity Cont. 11/11/19

REVIEW:
4 classes left where we will focus on Unity and your final project.

The final Project includes all elements covered with an emphasis on planning and process.

Unity for Art:
Get the software
The interface Intro
Another
First Project

Terrain:
Try to create a 3D terrain in Unity
Documentation
Video
More options?
Use the store

Animation:
Basic concepts

LAB 11: Terrain + Animation + Final
– Keep working on your 3D terrain. Use asssets (Show next week)
– Try either 2D or 3D Animation (Show next week)

WDS 11: Extras + WordPress 11/06/19


REVIEW:
Finalize Development Process
A. Today, you should have COMPLETED the Web Development process for your final.
This includes:
1. Gathering Information: Purpose, Main Goals, and Target Audience (Requirements)
2. Research: UXD – User Experience Design. User Scenarios, Usability maps, Competitive Analysis
3. Create: Structure, Wireframes, Prototype, mood board, Mock-ups
NEXT STEPS:
4. User testing
5. Develop: Code. Add functionality. Testing. Launch (This is the last step)

B. Create an Example of the JavaScript redirect.
C. Download and try out at least one of the Templates

Special Features:
Parallax Scrolling
Extra details
and polish…

LAB 11: WordPress + Final
WORDPRESS:
– Install! If you are using a free host, need to get it
What’s the difference?
— More WP customization
— WP theme mods
— WP theme customization

For Next week:
Deliver completed, finalized Development Process-
1. Gathering Information: Purpose, Main Goals, and Target Audience (Requirements)
2. Research: UXD – User Experience Design. User Scenarios, Usability maps, Competitive Analysis
3. Create: Structure, Wireframes, Prototype, mood board, Mock-ups
4. User Testing (Any changes?)

Homework:
– Set up WordPress
– Redirect script
– Try a template
– Build a Parallax Example
– Create a full-screen video loop for an HTML page

FINAL:
Develop your Final website. It must:
1. Be online, reachable through an active URL
2. Optimized for desktop, laptop, and mobile devices
3. Include CSS animation and roll-overs
4. Example of P5js worked into the content
5. Use of the JavaScript redirect
6. An example of WordPress on a separate directory
7. Include a Favicon* (covered next week)

CAS 10: UNITY 11/04/19


REVIEW:
Live Streaming and Serialized Video in the books. (multiple software tools)
Process and Prototyping (Adobe XD or others)
Animation and Video (AfterEffects and Premier)
Photoshop
Illustrator

5 classes left where we will focus on Unity and your final project.

The final Project includes all elements covered with an emphasis on planning and process.

Unity for Art:
The interface Intro
Another
First Project

LAB 10: Unity – Terrain
Try to creat a 3D terrain in Unity

Resources:
Documentation
Video
More options?

WDS 10: Complete Process + Frameworks 10/30/19


REVIEW:
1. Make sure your Lo-Res Prototypes are complete. Test them out and send the link to me for feedback.
2. the following are due TODAY:
– a. Fully functioning and DETAILED lo-res prototype WITH feedback worked in (implement suggested changes) – Test it with others.
– b. Final mood board and the first draft of your mock-up

P5.js:
What is it?
Practice: If needed, review 1 – 4.
Uncover the variables
Logical OR

JS Redirect:
– How do I create a subdomain? DEMO
How to redirect?
Put it all together…
– Now, open this link on your mobile phone: http://322ides.com/js_redir.html

HTML/CSS TEMPLATES:
Many to choose from…
…and then some

LAB 10: Finalize Development Process
A. By next week, you should have the COMPLETED Web Development process for your final. This includes:
1. Gathering Information: Purpose, Main Goals, and Target Audience (Requirements)
2. Research: UXD – User Experience Design. User Scenarios, Usability maps, Competitive Analysis, User Testing
3. Create: Structure, Wireframes, Prototype, mood board, Mock-ups
4. User testing
5. Develop: Code. Add functionality. Testing. Launch (This is the last step)

B. Create an Example of the JavaScript redirect.
C. Download and try out at least one of the Templates

1 2 3 42