SMD 10: 03/28/17

REVIEW ASSIGNMENT:
Live Streaming #2
In your groups, create a live event that will be streamed live BEFORE next class
– Send me the day/time so I can participate.
– must involve interaction with a live audience
– Stick to what worked (examples in class)
– The team must be split into clearly defined roles. What were they?
– must include promotions on Social Media channels. Show them.
– Must have Rules clearly communicated well before the event. Examples?
– must be AT LEAST 30 minutes in length
– Must use an external (not mobile) video camera, and integrate pre-recorded content (OBS)
– Include metrics/Screenshots. How many participated, etc.
– Be ready to present next class

GROUP A:
Webb,Emily
Li,Yixuan
Mastronardi,Shane
Gallagher,Nicholas
Marks,Niko
Alberto,Maria-Elena

GROUP B:
Billie,Laura
Gwardyak,Casey
Mihranian,Mikael
Cordero,Devante
McAllister,Connor
Bier,Daniel
Kates,Emily

LOOKING AHEAD:
Final Class will be on Tuesday, April 25th. On the final class, you will be presenting your Final Project. The Final is presented below:

FINAL PROJECT – SMD:
The Final Project is a combination of past assignments (Homework and group projects, all presented on your scratch site). A full list will be available by next class. The main deliverable will be a social media campaign focusing on YOUR FINAL WORK IN JUNIOR STUDIO.. This Week, Prototype 1, next week – Prototype 2, Product Vision, and Final Prototype.

A social media campaign is a coordinated marketing effort to reinforce or assist with a goal using one or more social media platforms. Campaigns differ from everyday social media efforts because of their increased focus, targeting, and measurability.

FINAL DELIVERABLES:
1. Campaign Strategy
2. Weekly Content (images/short Video)
3. Concerted effort for engagement
4. 1 live stream event related to your Junior Studio deliverables
5. Final Presentation covering all of the above

ASSIGNMENT:
STRATEGY: Create a campaign strategy by answering the following points. Present next week.
1. Goals:
What is the purpose of your social media efforts? Do you want to create or raise awareness of your brand? Are you looking to increase website traffic?

2. Target Audience:
Clearly define who your target audience is. How will you specifically reach them?

3. Competitive Research:
What are similar campaigns doing. Identify and analyze.

4. Choose Channels:
Twitter, Instagram, FB? Why, specifically?

5. Content Strategy:
You need to develop a strong content plan that will deliver engaging material. The content needs to align with your overall messaging and be appropriate for the channels you’re using.

6. Engage:
How will you encourage interaction?

7. Metrics and Analysis:
Once you set your objectives, make sure you can measure them. Find the right tools to track and analyze each one, so that you can quantify your progress.

WDS 09: CSS Advanced – 03/24/17

REVIEW:
– Make sure you understand the “Z-index”. Try either example shown in class.
– 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)

READING:
Chapter 12
– Can also import fonts
Can also use Google Fonts
Some Examples

From Chapter 16, rollovers.
JS tried and true.
Better but tricky
Something easier…
More Info
What’sdisplay block”?

Ch. 17
The old
The new
How it works
Older Browser?

FAVICON:
FAViSize
Flavor FAVicon
Favicon generator

RWD:
More Media Rules

Studio 09: CSS/HTML
Read: Chapter 9
Complete Code review for 9
In Class:
– Import and display fonts
– Try an image Roll-over (javascript or CSS)
– HTML5 Code (make sure you have tried it)
– Try a Favicon
– RWD tutorial
Start Working on your Final – Planning

DH 09: Cartography – Map to the Renaissance 03/24/17

Don’t forget the buildings…
Time
There’s a starman waiting in the sky
First Atlas
Is this a map?
Survey all of the land
Egypt and Geometry
One of the oldest
World according to Greeks
Silk Map
Tabula
Medieval World
The age of exploration
Top 10 Maps

Proto Movable type
Pictograph to actual “writing”
Before Printing Press. Tiresome but lovely….
Pre printing
The mother of all printing presses.
Significance of the mint
My man, Johanne
Holy MT!
Who paid for this?
Luther and the broadsheet and how he went “viral”
Changed the world?

READ: Luther went “Viral”
VIDEO: Watch

SMD 09: 03/21/17

REVIEW ASSIGNMENT
In your groups, create a live event that will be streamed live BEFORE 03/14
– must involve interaction with a live audience
– must be AT LEAST 20 minutes in length
– Include metrics/Screenshots. How many participated, etc.

Take the first 10 minutes of class, to meet with your group and prepare to present the results. Please do the following:
1. Introduce your project. What was it, how was it SUPPOSED to work?
2. How did you promote the event? Show examples
3. Identify the team, and what their roles were.
4. Walk us through. What happened?
5. Show some of the archive
6. What worked?
7. What did not work? What could have gone better?
8. If you could do it again, what would you change?
9. Present metrics. Audience, reach, interactivity.

Next Project: Live Streaming #2
Random

GROUP A:
Webb,Emily
Li,Yixuan
Mastronardi,Shane
Gallagher,Nicholas
Marks,Niko
Alberto,Maria-Elena

GROUP B:
Billie,Laura
Gwardyak,Casey
Mihranian,Mikael
Cordero,Devante
McAllister,Connor
Bier,Daniel
Kates,Emily

ASSIGNMENT:
In your groups, create a live event that will be streamed live BEFORE next class
– Send me the day/time so I can participate.
– must involve interaction with a live audience
– Stick to what worked (examples in class)
– The team must be split into clearly defined roles
– must include promotions on Social Media channels
– Must have Rules clearly communicated well before the event
– must be AT LEAST 30 minutes in length
– Must use an external (not mobile) video camera, and integrate pre-recorded content (OBS)
– Include metrics/Screenshots. How many participated, etc.
– Be ready to present next class

WDS 08: Lists – Interactive Menus 03/17/17

REVIEW:
MID TERM: Process documentation due. Present
Complete Code review for 3, and 14
CSS/HTML
Make sure you understand “Float” and “Clear”.
Review this EXAMPLE. Copy and customize!

READING:
Ch. 14
List styles
List images
Table Properties
Even the Cursor can change
Lists are important for drop down menus:
Drop, example. JS Basics.
Can do it in CSS as well
Pick your poison

Ch. 15
The power of “Z”. Download code – DEMO
What “Z” can do for you
2 column, and 3 column layout.
@import. + Layout example
But, when presented as a media rule: @media – used for different purposes:
Media Rules
– More Media info

Studio 08: More CSS + Drop downs
IN CLASS: COMPLETE THE FOLLOWING
– 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)

READ: Ch 12, and 17
Complete Code review for 12, and 17

HMT 08: Video Games 03/15/17

Where we left off
Gaming
Bertie and Nim
Tennis for 2
Nerd Alert!
AI Students
DEC computer
Stevie R
Inspiration comes in many forms
The Game!
Video Game Industry Pioneer
Computer Space for the masses
His company and that name
First is not always best
Much better!
Birth of an industry

Space Opera in movies.
In Music
In General Entertainment
Video Games are Global
Movies based on Video Games and the ultimate integration
A new kind of Jock
Watch…

Assignment: Chapter 7 – The Internet.
Watch: “Rise of the Video Game” and Explore.
Which game has been the most influential game ever created, in your opinion?

WDS 07: Advanced CSS 03/03/17

REVIEW:
HTML/CSS:
Complete Code review for 15, and 16
– Try External CSS
– Try CSS opacity hover (Show)
PROCESS: Interface design. Home page (Show)

Make sure all PROCESS deliverables are accounted for.
MID TERM: Process documentation due on Friday, March 17th.

READING:
Ch. 15
They have semantic difference – a “div” element is designed to describe a container of data whereas a “p” element is designed to describe a paragraph of content. (Nesting: you can not nest anything in a “p” tag)
Best review
The power of “Z” and test code
Floaters
Float and Clear
Another explanation of the FLOAT
Example
Next Week: 2 column, and 3 column layout. Media queries – using multiple CSS

Ch. 16
Image Size
Alignment (Note: using Float)
Centering options
The float is key
After Spring Break: Image Rollovers and Sprites

Studio 07: Advanced CSS
Sources to Review:
– More about the “Z”
Flaunt it
3 columns
more 3s

Read: Chapter 3, and 14.
Complete Code review for 3, and 14

CSS/HTML
Make sure you understand “Float” and “Clear”.
Review this EXAMPLE. Copy and customize! (Show next Week)

Make sure all PROCESS deliverables are accounted for.
MID TERM: Process documentation due on Friday, March 17th.

DH 07: Cathedrals and Arms 03/03/17


Pride b4 the fall
Byzantine architecture
The Devil is in the Detail
Temple vs Church
Basilica to the Cross
Hold up, now!
Domes to domes
Back to the cross
Massive and delicate
Gothic Arches
Let there be light
Many Examples
The best Jewel in the Crown.
My personal favorite – Mt. Saint Michel

Romans and Post Roman
Like the Movies
VIDEO: Crecy
Winner?
Can and opener
Move around
VIDEO: Armor

ASSIGNMENT:
READ: Medieval Architecture
VIDEO: Armor
DESN200 Major Project #1: Due 03/17