Work course on crossmedia

Anssi Jääskeläinenjaaskela@lut.fi

6606Visiting hours: tuesdays 11-12

Arrangements

• Timetable– Today 16-17.30 Introduction & theory & Dreamweaver– Today 17.45-19.30 Dreamweaver & Flash– Tomorrow 8.15-9.30 Movie Maker– Tomorrow 10.15-11.45 Adobe Photoshop

• Practical assignment– Can be done alone or in a group (max 4 persons)

• But of course, more person == larger work– Return before 31.8.2009 (DL for autum course is still 31.1.09)

• I will accept returns after the dl. but then do not expect me to check it instantly

• Demolectures will be in English but project and documentation can be done in Finnish or in English (other languages are not supported )

Resources

• 6307 Contains– Adobe GoLive CS– Adobe Photoshop CS– Adebe Premiere Pro 1.5– Adobe Audition– Flash 5– Dreamweaver 4

• Cosini, Sini and Tangent– http://www.lut.fi/fi/lut/studies/origo/program

• You can also use demo versions offered by program manufacturer

• Freeware versions of similar programs

Practical assignment

• Phases1. Presentation for acceptance

• Topic can be chosen freely, but it has to be wide enough

• Short description of what media elements are you going to use

• E-mail can be used to gain acceptance

2. Plan3. Actual work4. Final report

Practical assignment (Plan)• Plan needs to be returned & explained personally before the actual

work may begin!• But

– You have to consider its suitability for chosen target groups• Plan description

– ~4 A4 pages– What, how, why, to whom questions needs to be answered– Rough sketch of UI(s)– Estimated time usage

• Learning programs• Producing material• Implementing• Testing• Documentation

– Current knowledge of chosen programs

Practical assignment (Work)

• Consider copyrights & legal issues– e.g. If you use images, make sure you are

allowed to use those

• Try to use multiple different media types but..– Remember the naturality– Do not use some media type if it does not fit

to your application

Practical assignment (Final report)

• Returned together with the demo• ~7 pages• Intention to describe the phases of actual work

– How the materials were produced– How the copyrights are taken into account– Free image galleries that has been used– What resources were used– etc.

• Plan vs. work– Table could be nice way to present this– What has been changed and why

• Actual work amounts in hours– More or less than estimation, why

Return of assignment

• Return via CD-ROM, DVD, memory stick, e-mail, etc.

• Return all files that are or were used– Including original, unmodified picture files,

sounds. etc.

Evaluation

• Grade 0-5• Plan 20% & Final report 30%

– Clarity– Content

• Assignment 50%– Used technologies– Content– Standards– Suitability for the topic– Naturatility

• 10 points per each, multiplied by weight 100 is maximum for whole course– 50 points is required to pass the course

• But all phases needs to be returned in order to pass

Theory

Boooring….

But

• We are going to do things bit differently this time

• Method is called ”näyttelykävely” ”presentation walking”

Phase 1

• Division to groups by using basic 1,2,3,4,y,z,..,1,2.. method

Phase 2

• First person from each group will come to me

• Second person from each group will come to me

• Etc. Until all groups are emptyNew groups are now formed but

remember your old group number you will go back to that later on

Phase 3

• Groups did receive a topic

• 10 minutes to make a small presentation about that topic use.

• Be sure that everybody in the group understand your topic and is able to present it to the others

Phase 4

• Reform old groups

• One by one your group will go around every presentation point and the person responsible for that presentation will teach that topic to the other members in your group

• Others may ask questions from the presenter if something is unclear

Digital media

• Media elements:– Text, photograph, graphics, video, animation, sound,

music

• Multimedia:– Uses one or more media elements.

• Hypermedia:– User has possibility to make choices and affect the

presentation .

• Crossmedia:– Content is represented with more than one

distribution channel. e.g. internet, video, tv, etc.

Using text

• It is slower to read from the screen than paper– Monitor properties affect– Size of screen is different from paper

• Pivot screens helps in this problem

• You have to use bigger font that in the paper– You have to consider different screen resolutions

• It’s important to separate the text in the screen to clear sections with simple header

RGB / CMYK

• Usually it can be chosen which color model to use– If you are going to use screen as viewing

device, use RGB – If you are going to use paper, use CMYK

• Change between these models may lose some colors, since RGB cannot show all the colors of CMYK and vice versa

Bitmap resolution for different distribution channels

• Screens 70-100dpi (dots per inch)– 70-100ppi (pixels per inch)

• Laser- and ink printers, 300dpi – 100ppi

• Newspaper, 600dpi– 150-200ppi

• Prochures and magazines, 1200dpi– 200-266ppi

• Artworks– Over 300ppi

Image file-modes

• Bitmap images– TIFF (Good format to be used in interchange between

programs)– GIF (web)– JPEG (web)– PNG (web)

• Vector graphics– EPS (Good format to be used in interchange between

programs)– WMF (windows metafile)– SVG (web, plugin)– SWF (Flash, web, plugin, animation)

Common image operations

• Cropping and changing size • Color correction

– Picture is too dimm or light– Change of tone

• Sharpening / soften• Removing dust or scratches• Adding or removing picture elements• Adding text• Different filters

Using videos

• Good video is illustrative– Do not use video unless it really brings something to

the presentation

• User must have a possibility to control the video– Stop, pause, play, rewind, etc.

• Video must not be too long, you can tell a lot in under a minute video

• Usually videos are compressed heavily since they require much space and bandwidth– Size, fps, format

Using animations

• Same intention as in videos

• Most commonly used formats– GIF-animation– Shockwave– Flash– Realmedia– Animation is transformed into some video

format