Difference between revisions of "Authoring Interactive Media Resources"
| Line 4: | Line 4: | ||
==Review Compression== | ==Review Compression== | ||
Compression is covered in DID, but provide a brief review. | Compression is covered in DID, but provide a brief review. | ||
| − | + | ==Algorithms== | |
1. lossless | 1. lossless | ||
2. lossy | 2. lossy | ||
| − | + | ==File formats== | |
1. .jpg | 1. .jpg | ||
2. .gif | 2. .gif | ||
3. .png | 3. .png | ||
| − | + | ==Review resolution (covered in DID)== | |
a. DPI | a. DPI | ||
| − | + | ==Using Media== | |
a. Importance of students using own media | a. Importance of students using own media | ||
b. Alternative Sources | b. Alternative Sources | ||
| Line 20: | Line 20: | ||
3. Crediting sources | 3. Crediting sources | ||
c. Copyright Issues | c. Copyright Issues | ||
| − | + | ==About the Web== | |
a. Brief history of the Internet | a. Brief history of the Internet | ||
b. Internet vs. WWW | b. Internet vs. WWW | ||
c. Evolution of markup - where it came from, where it is going. | c. Evolution of markup - where it came from, where it is going. | ||
d. Broad context of HTML/XHTML/CSS/XML (how the languages are related and which are used together) | d. Broad context of HTML/XHTML/CSS/XML (how the languages are related and which are used together) | ||
| − | + | ==Standards== | |
a. Why it is important to author using standard specifications | a. Why it is important to author using standard specifications | ||
b. Creators of the standards | b. Creators of the standards | ||
| Line 32: | Line 32: | ||
1. DTD | 1. DTD | ||
d. Well-formed | d. Well-formed | ||
| − | + | ==Authoring in the current recommended markup language specification (XHTML)== | |
a. WYSIWYG editors (such as Dreamweaver) vs. using a text editor | a. WYSIWYG editors (such as Dreamweaver) vs. using a text editor | ||
b. Syntax - Basic syntax form <element attribute="value"> </element>, and <element attribute="value" /> | b. Syntax - Basic syntax form <element attribute="value"> </element>, and <element attribute="value" /> | ||
| Line 41: | Line 41: | ||
1. DIVs vs. Spans | 1. DIVs vs. Spans | ||
5. Container (“non-empty”) vs. Non-container (“empty”) tags | 5. Container (“non-empty”) vs. Non-container (“empty”) tags | ||
| − | + | ==Structure vs. Presentation== | |
a. XHTML – structure (and what that means) | a. XHTML – structure (and what that means) | ||
b. CSS – presentation (and what that means) | b. CSS – presentation (and what that means) | ||
c. Reasons why presentation should be separated from structure | c. Reasons why presentation should be separated from structure | ||
| − | + | ==Interactivity in a browser== | |
a. ECMAscript/JavaScript | a. ECMAscript/JavaScript | ||
| − | + | ==Forms== | |
a. What they are and how to use them | a. What they are and how to use them | ||
b. Elements | b. Elements | ||
| Line 64: | Line 64: | ||
2. Post | 2. Post | ||
e. adf | e. adf | ||
| − | + | ==Linking== | |
a. Anchor tags | a. Anchor tags | ||
1. Linking to an external page | 1. Linking to an external page | ||
| Line 70: | Line 70: | ||
b. Absolute vs. relative paths | b. Absolute vs. relative paths | ||
c. Opening a link in a new window or the same window using the target attribute | c. Opening a link in a new window or the same window using the target attribute | ||
| − | + | ==Organizing files== | |
a. File naming (and naming conventions) | a. File naming (and naming conventions) | ||
b. Directory structures (examples of ways in which to structure a directory) | b. Directory structures (examples of ways in which to structure a directory) | ||
| − | + | ==Posting to the server on the network== | |
| − | + | ==FTP== | |
| − | + | ==Introduction to server-side scripting (using PHP)== | |
a. Server-side vs. client-side scripting | a. Server-side vs. client-side scripting | ||
| − | + | ==CSS== | |
a. Ways in which CSS can be used | a. Ways in which CSS can be used | ||
1. In-line | 1. In-line | ||
| Line 104: | Line 104: | ||
8. Z-index | 8. Z-index | ||
9. Overlapping elements | 9. Overlapping elements | ||
| − | + | ==XML== | |
a. XML declaration | a. XML declaration | ||
b. Comment | b. Comment | ||
| Line 110: | Line 110: | ||
d. Node | d. Node | ||
e. Child node | e. Child node | ||
| − | + | ==DTD== | |
| − | + | ==ECMAScript/JavaScript== | |
a. Rollovers | a. Rollovers | ||
| − | + | ==Accessibility== | |
| − | + | ==Information Architecture== | |
a. Definition | a. Definition | ||
b. Components | b. Components | ||
| Line 138: | Line 138: | ||
f. Iterative Design (Paper > Functional > Version 1 > Version 2 > etc) | f. Iterative Design (Paper > Functional > Version 1 > Version 2 > etc) | ||
g. Wayfinding | g. Wayfinding | ||
| − | + | ==Interaction Design== | |
a. Levels of Interactivity | a. Levels of Interactivity | ||
1. Access to content | 1. Access to content | ||
| Line 144: | Line 144: | ||
3. Environmental changes | 3. Environmental changes | ||
b. Design strategies | b. Design strategies | ||
| − | + | ==Design and development strategies== | |
a. Scope | a. Scope | ||
b. Research | b. Research | ||
Revision as of 21:10, 29 August 2007
Contents
- 1 Concepts and Topics
- 1.1 Review Compression
- 1.2 Algorithms
- 1.3 File formats
- 1.4 Review resolution (covered in DID)
- 1.5 Using Media
- 1.6 About the Web
- 1.7 Standards
- 1.8 Authoring in the current recommended markup language specification (XHTML)
- 1.9 Structure vs. Presentation
- 1.10 Interactivity in a browser
- 1.11 Forms
- 1.12 Linking
- 1.13 Organizing files
- 1.14 Posting to the server on the network
- 1.15 FTP
- 1.16 Introduction to server-side scripting (using PHP)
- 1.17 CSS
- 1.18 XML
- 1.19 DTD
- 1.20 ECMAScript/JavaScript
- 1.21 Accessibility
- 1.22 Information Architecture
- 1.23 Interaction Design
- 1.24 Design and development strategies
Concepts and Topics
Review Compression
Compression is covered in DID, but provide a brief review.
Algorithms
1. lossless 2. lossy
File formats
1. .jpg 2. .gif 3. .png
Review resolution (covered in DID)
a. DPI
Using Media
a. Importance of students using own media b. Alternative Sources 1. Creative Commons 2. Open Source 3. Crediting sources c. Copyright Issues
About the Web
a. Brief history of the Internet b. Internet vs. WWW c. Evolution of markup - where it came from, where it is going. d. Broad context of HTML/XHTML/CSS/XML (how the languages are related and which are used together)
Standards
a. Why it is important to author using standard specifications b. Creators of the standards 1. W3C (XHTML, XML, and CSS) c. Validating 1. DTD d. Well-formed
Authoring in the current recommended markup language specification (XHTML)
a. WYSIWYG editors (such as Dreamweaver) vs. using a text editor b. Syntax - Basic syntax form <element attribute="value"> </element>, and <element attribute="value" /> 1. entities 2. attributes 3. values 4. Block level vs. in-line 1. DIVs vs. Spans 5. Container (“non-empty”) vs. Non-container (“empty”) tags
Structure vs. Presentation
a. XHTML – structure (and what that means) b. CSS – presentation (and what that means) c. Reasons why presentation should be separated from structure
Interactivity in a browser
a. ECMAscript/JavaScript
Forms
a. What they are and how to use them b. Elements 1. Input boxes 2. Check boxes 3. Radio boxes 4. Textarea 5. Select 6. Standard Buttons 1. Submit 2. Reset 7. Graphic Buttons c. Action d. Method 1. Get 2. Post e. adf
Linking
a. Anchor tags 1. Linking to an external page 2. Linking within a page b. Absolute vs. relative paths c. Opening a link in a new window or the same window using the target attribute
Organizing files
a. File naming (and naming conventions) b. Directory structures (examples of ways in which to structure a directory)
Posting to the server on the network
FTP
Introduction to server-side scripting (using PHP)
a. Server-side vs. client-side scripting
CSS
a. Ways in which CSS can be used 1. In-line 2. Embedded 3. Linked (External) 4. Import* (support issues still remain with Import) b. Style Rules 1. Selector 2. Declaration 1. Property 2. Value c. IDs vs. classes d. Box Model 1. content 2. padding 3. border 4. margin e. Positioning 1. Normal Flow 2. Static 3. Relative 4. Absolute 5. Float 6. Multiple columns (2 and 3 column layouts) 7. Clear 8. Z-index 9. Overlapping elements
XML
a. XML declaration b. Comment c. Root element d. Node e. Child node
DTD
ECMAScript/JavaScript
a. Rollovers
Accessibility
Information Architecture
a. Definition b. Components 1. Organization 2. Labeling 3. Navigation Systems 1. Global Navigation 2. Local Navigation 3. Contextual Navigation 4. Searching c. Orientation 1. Where am I? 2. Where can I go? 3. Where have I been? d. User Centered Design 1. Basic steps in user centered design 2. Rapid prototyping with paper 3. User testing e. Supplemental Navigation Systems 1. Sitemaps 2. Indexes 3. Guides f. Iterative Design (Paper > Functional > Version 1 > Version 2 > etc) g. Wayfinding
Interaction Design
a. Levels of Interactivity 1. Access to content 2. Chooosing path through content 3. Environmental changes b. Design strategies
Design and development strategies
a. Scope b. Research c. Proposals d. Documentation e. Project management f. Asset management g. Time management h. Prototypes (paper mockups, sketches, models) i. Iterative design (versioning) j. Goal Oriented Media
Example class structures, projects and assignments: http://imamp.colum.edu/mediawiki/index.php/Authoring_Interactive_Media
