|
| |
|
 |
|
this page September 8-11, 14-18, 21-25, 28-2 |
This is a good page to bookmark.
The links on this syllabus will take you on divergent paths. I don't expect any of you to read -- or to need -- all of it. However, if you're going to progress towards the course objectives, I do expect all of you to read -- and to need -- much of it. It's up to you to balance your learning style against these resources.
|
September |
in-class |
|
| 8-11 |
course web, reports, models, and project materials document design, model reports, school network, intro to HTML |
|
| 14-18 |
file formats, text files, school network HTML resume |
|
| 21-25 |
oral presentation on web widgets -- written report due as .txt file, sent to me as email |
|
| 28-2 |
text report and style sheet troubleshooting style sheets, text report, email, discussion forum, wiki, blog visual design, colors, fonts and boxes, spreadsheets, tables, graphs, charts media sources (images, music, video) images, screenshots, image formats, image editing |
|
|
October |
||
| 5-9 |
lastname folder online, HTML tables FTP |
|
| 13-16 |
first
gateway report: .txt email, forum, wiki, blog .xls table media asset folder |
Web report, HTML HTML templates, style sheets |
| 19-23 |
HTML style sheets --
CSS: cascading style sheets |
|
| 26-30 | word processing, portable document format, audio capture | |
|
November |
||
| 2-6 |
presentation slides, master slides, transitions, animations; videos |
|
| 9-13 |
audio editing and distribution, videos |
second
gateway .htm report .doc report .mp3 summary |
| 16-20 |
student oral presentations on Web 2.0 / social media / new media company - schedule |
|
| 23-24 |
student oral presentations on Web 2.0 / social media / new media company - schedule (con'd) |
|
|
December |
||
| 30-4 |
final gateway: portfolio critiques, troubleshooting and rehearsals; videos |
|
| 7-14 | student oral presentations with visual aids - schedule | |
the course
* attitude, persistent learning
* can't be too technologically adept
|
Early Adopters - Respectable people, opinion leaders Early Majority - Thoughtful people, careful Late Majority - Skeptical people Laggards - Traditional people, caring for the 'old ways' It is nonsensical to ask, "Where are you on this curve?" It's just a curve. However, it makes sense to ask, "Where are you on this curve for cell phones among 18- to 24-year-old Americans?" |
the course web
essays vs reports
content
structure
presentation
school network
intro to HTML
de-construct a web page
Hand-coding your first web page
read the course web
read project materials to choose yours
At the Bistro, our course discussion forum, register. If you already have registered here in a previous semester, that old username should work just fine. Learn more about registering.
After you submit your registration, you should very quickly, in a few minutes at most, get an email with a random, hard-to-remember password. Feel free to change it by editing your profile.
At the Bistro, post a message on the General Discussion forum to introduce yourself to your classmates and to make sure you understand the mechancis of posting. Also, send me an email at douglasanderson13 at gmail.com telling me what username you have chosen.
sign up for a presentation the week of Sept 21 - 25 via email, douglasanderson13 at gmail.com
Bistro posting on your plausible client
bring a resume, preferably yours, to class on Tuesday
sign up for your first presentation via email -- first come, first served
text files
Hand-coding your first web page
your resume as .txt file, .htm file, and .doc file
document design
style sheets - in a separate .doc file, specify the following for the .doc file containing your report.
background, text, headings, headers/footers, lists, bullets, tables, graphs/charts, boxes, images
placeholders - symbols to indicate where a box, image, or other feature-to-come will display. Ex: [ image of athlete ]
download KompoZer and put it into your last name folder on your M: drive
Bistro posting on your plausible client
.txt report due September 25
sign up for a presentation for next week
oral presentation on web widgets -- written report due as .txt file, sent to me as email
schedule of presentations on reports page
text report due September 25
What should the .txt version of your report look like?
To the Tuesday/Thursday sections: Sorry for the difficulties on Tuesday. Here's what happened:
AIT Goes Offline After Core Router Failure
by Justin Lee
Web Hosting Industry Review,
September 29, 2009
Here's how the company handled it:
At Google Images, start downloading, saving, and editing (crop, resize, add text, combine images) images relevant to your report.
text reports: email, discussion forum, wiki, blog
report and style sheet troubleshooting
make a text style sheet in class and apply it to a model report
document design: parts and principles
visual design: colors, fonts and boxes
graphics: image editing - crop, resize, add text, combine images
data: spreadsheets, tables, graphs, charts
topics: images, screenshots, image formats, image editing
media sources: images, music, video
If you want to snag a video from one of these sites -- blip.tv, break.com, dailymotion.com, facebook.com, livevideo.com, metacafe.com, myvideo.ch, myvideo.de, veoh.com, youtube.com -- try MediaConverter.
skills: crop, resize, combine, and filter images
these folders/files should be in your lastname folder:
your "home page" or "welcome page" that has, at a minimum, links to all the other files and folders in your lastname folder as well as links to your .txt file and to the off-site assignments (forum, blog, wiki). The before-and-after image (cropped, resized, etc.) and the table/chart can be on the welcome page or linked to it. Your welcome page will be an example of your design skills, emphasizing attractiveness and accessibility. This is your web. As long as you have the images and links I need, you can add any images and text or even widgets (sports scores, weather, links to social media sites) that you would like.
your folder of harvested images, anything and everything that you download and make, including:
style sheets and screenshots (project palette, tables, charts)
you can further organize them with subfolders -- ex: lastname/images/screenshots/ or lastname/images/webreport/
note: we will get to these other reports in the second half of the course. You will not have them for the first gateway on October 13 and 14.
a subfolder of your lastname folder
name the folder after your report title or your client -- ex: lastname/hockey/ or lastname/tom/
.doc and .pdf -- word processed for printing
.mp3, .ppt, .mpg/.wmv/.mov -- podcast, slide presentation, video
Find images relevant to your report. Put them into the images folder in your lastname folder. Crop and resize them as needed. Sources: Google Images, your own camera, various databases and archives available from these media sources.
Download KompoZer Portable to your personal folder on the M: drive. You will use it to design and edit web pages.
Download FileZilla Portable to your personal folder on the M: drive. You will use it to FTP files to your public folder at toLearn.net/eng260/f09/lastname/.
Post your New Media Ventures report:
as a new topic at our ENG 260 Bistro forum.
on a blog you create at Blogger.
on our
course wiki, New
Media Ventures Reports, at Wetpaint. username: medaillewriters, pwd: jurasek13
Given the progress we are making, I am postponing our first gateway review until next week -- October 13 - 16.
This week, we will review what we have done so far, and you will have time to work on the welcome page of your web.
data: spreadsheets, tables, graphs, charts
FTP - File Transfer Protocol
due October 6: table, chart, screenshot, image
Hand-coding your first web page
first gateway, first portfolio review
.txt report: email, forum, wiki, blog
.txt style sheet
.xls table
.xls chart
.jpg image
HTML
CSS - style sheets - specify the following for your .htm file
background, text, headings, lists, bullets, tables, graphs/charts, boxes, images
to keep up, by the end of this week, you should have template pages laid out and linked via a nav bar for the web version of your report.
word processing
style sheets
portable document format
Web report
HTML
CSS - style sheets - specify the following for your .htm file
background, text, headings, lists, bullets, tables, graphs/charts, boxes, images
audio capture for podcast and as narration for video - micophone with human voice or computer-generated voice at a site like XtraNormal.com.
master slides
transitions
animations
audio editing and distribution
slideshows
embed a YouTube video in your presentation -- works only when you are presenting while online, which is a risky proposition
second
gateway
second
portfolio review
.doc report
.doc style sheet
.pdf report
.css html style sheet
.htm report
.mp3 of summary
.ppt slideshow
student oral presentations on Web 2.0 / social media company site - schedule
student oral presentations on Web 2.0 / social media site - schedule
go2web20
Examples of social media applications include:
Communication
* Microblogs / Presence apps: Twitter and Pownce
* Social networking: Facebook, LinkedIn, MySpace and Avatars United
* Events: Upcoming.org
Collaboration
* Wikis: Wikipedia
* Social bookmarking: del.icio.us and StumbleUpon
* Social News Sites: Digg, Mixx and Reddit
* Opinion sites: epinions
Multimedia
* Photo sharing: Flickr and Zooomr
* Video sharing: YouTube and Vimeo
* Livecasting: Ustream and Justin.tv
* Audio and Music Sharing: imeem
Entertainment
* Virtual worlds: Second Life
* Online gaming: World of Warcraft
* Game sharing: Miniclip.com
Logo Ease - "creating logos made as easy as blowing bubbles" - show us how to make one online
SnapPages - "Website Creation For The Rest Of Us" - try it out; make a homepage and compare it to using KomPoZer.
ComfyPage - free website builder -
Viviti - "build a website as unique and dynamic as you"
MyDeco's Design a 3D room - design, furnish and decorate your own room using real furniture and finishes modelled in 3D
PlanningWiz - Online Room Planner Software for Furniture Retailers and Manufacturers, Building Contractors, Realtors and more
The Effect Generator - first, look at the tutorial (link on the upper right), then give it a try with both a still image from Flickr and a video from YouTube (menu on lower left labeled "Public Media")
Google Gadgets - Enhance your webpage with free gadgets - put a couple on your website and then show us how to put them on ours
Heyzap's embedded widgets (for this one, you're a publisher, not a developer)
Movavi - add the widget to your website - let anyone convert videos anytime
PodiPodi - press Shift+Space - put it on your website and show us how to put it on ours
Aviary's Myna - audio editor - view the tutorial, then make a mix
Aviary's Phoenix - image editor - compare to Paint
Pixenate - photo editor
Vocaroo - put an audio greeting on your web
Widgenie - animate your report's chart and embed it into your web - see video tutorial
iGoogle - view the video, make your own iGoogle page, then show us how to personalize it
World Panoramic Photography - embed a panorama in your website - show us how
Panjea - Create Your Own Streaming Internet TV Channel - embed on your website
Jaycut - Create a mix or slideshow from images related to your topic
Freezly - http://dataopedia.com/freezly-com, http://tinyurl.com/m4vjql
OMGPOP -
portfolio critiques, troubleshooting and rehearsals
flex date
view student videos
begin final oral presentations
student oral presentations with visual aids - schedule
We will not use a common dead-tree version of a textbook for this course. Why? It typically takes two years for a traditional paper publisher to turn a finished manuscript into a textbook ready for the first day of class. To be ready for class in Fall 2009, the manuscript would have frozen in the summer of 2006. That's okay if the subject is Shakespeare. Not much has happened in Shakespeare studies in the past two years. However, quite a bit has happened in the way organizations use information.
|
Innovators - Brave people, pulling the change.