Download Multimediasuunnittelu - Personal web pages for people of Metropolia

Multimedia Design
Erkki Rämö
Usage of Multimedia programmes
•
•
•
•
•
•
•
educational programmes
cultural and artistic pieces
entertainment programmes and games
documentation
edutainment
marketing and business
communication
Multimedia Production Team
• Producer/team manager
– The producer is responsible for organizing funding, contract
negotiations and budgeting. This person calls the team and
makes the production schedules. The producer leads the project
and is held responsible for the result.
• Art Director
– Art Director leads the artistic side or the production and works as
a designer. This person sees to the style of multimedia.
Multimedia Production Team
• Script writer / designer
– The scriptwriter designs the contents of the multimedia. That
person needs to think how the chosen topics will be shown by
the means of multimedia. The scriptwriter defines the structure
and chooses the sources of information.
Multimedia Production team
• Sound designer / recorder
– The task of sound designer is to design the audio, the manipulation of
audio and recording. Sound designer works with musicians and is also
responsible for the audio track of video production.
• Camera man / editor
– Camera man is filming and manipulating the footage by the standards or
multimedia.
Multimedia Production Team
• The Graphic designer
– The Graphics designer designs and constructs different graphical
elements
• The designer of user interface
– User interface designer is responsible for user interface planning, ideas
behind it and realisation of production
• The Animator
– The animator produces drawn- and computer based animations
Multimedia Production Team
• 3D-graphics person
– models 3D-objects, animations and pictures
• Editor of media material
– converts file formats and color settings and shades to suit
multimedia and network production
Multimedia Production Team
• Photo editor
– Photo editor will prepare and modify all photographic
material
• Image editor/photographer
– works with the scriptwriter and art director and gets and delivers
the photographical material
Multimedia Production Team
• Composer
– builds up the product using different media objects,
also does some script programming
Multimedia Production Team
• Programmer/software designer
– The programmer's task is to program the
multimedia product, to manage the database
applications and to do the technical
implementation.
• Sales person/ Contact person
– The sales person takes care for the customer
relation and is accountable for informing them
The contents of the offer
• object of the offer
• what is included to the offer
• what isn't included to the offer
• schedule
• responsibilities
• the price of the offer
• terms of paying
• how long is the offer valid
Designing documents
• synopsis
• content script
• production script
• construction plan
• cost estimate
• schedule
• user interface plan
• contracts
• production plan
An Example
• A DVD product Green Power from Finland
Synopsis
• Why is the multimedia product done?
• What is the goal of the product?
• How is the product used and what is it’s
purpose?
• To whom is the project done?
• What is inside the product?
• What is the construction of the product?
• What is the product like? What does it look like
and how does it sound?
Synopsis
If needed the following issues are mentioned:
• preliminary schedule
• cost estimate
• technical definitions
• the distribution to end users
As attachments:
• a plan of user interface
• construction plan
Synopsis of a multimedia
program
•
•
•
•
•
•
•
•
•
•
•
Green Power from Finland
© Green Net Finland ry
The program presents Finnish technology based knowhow of bioenergy from the point
of view of export companies.
The target groups of the program are foreign public and private sector decision makers,
who watch the program on a pc or in a seminar.
The parts of the program are intro and company based presentations so that the user
will get a good impression about the knowhow of each company as a part of whole
delivery cycle
Language is English.
Synopsis …
•
•
•
•
•
•
•
•
Structure:
0 Intro
Intros starts by describing Finnland as a high tech country and tells about the role of
bioenergy in Finnish and EU energy programs fighting the climate change.
1 Pure energy of bio fuels
Presents the bio fuel program of Pohjolan Voima LTD
Tells about the key knowhow of Finnish bioenergy field an presents the bioenergy
supply circle.
Synopsis …
•
•
•
•
•
•
•
•
•
•
•
•
•
•
2 Hervesting the wood
Timberjack Oy technology by video and animation.
•
•
7 Utilization of ashes
LT Tuhkimo Oy know how and technology
3 Handling the fuel
BMH Wood Technology Oy:n know how and technology (text, video, animations).
4 small-scale CHP
Wärtsilä Biopower Oy know how and technology
5 large-scale CHP
Kvaerner Power Oy know how and technology. Case: Kokkolan Voimalaitos-video.
6 Production and export of bio fuel
Vapo Oy. know how and technology
Synopsis…
•
•
•
Each topic includes a concise company presentation and example of
company’s relevant products told by video, animation and and images.
.
The style of the presentation is facts presented by multimedia methods. It
gives a certain amount of interaction. The idea is NOT to replicate the
information on company web sites.
•
The visual style describes the Finnish high tech arctic knowhow.
Treatment
The goals of the content script
• perceiving the ready application
• communication within the production team
• communication with the customer
• basis of the production
Contents of the content script
• construction
• media choices
• functionality
• visual properties
• contents of narration
• audiovisual material
• information contents
Example of content script:
•
•
•
•
•
•
•
•
•
•
Harvesting 1000
//Kommentti: Tarkoituksena esittää erilaisia korjuuteknologioita, joissa suomalaisilla
toimijoilla on vahvaa osaamista sekä antaa yleiskuva erilaisten metsähakeraakaaineiden potentiaalista ja kustannuksista. Valikon etusivulla voisi olla alla oleva teksti
sekä graafeina metsähakkeen, sahanpurun ja kuoren hintakehitys. Taustana still-kuva
esim. Timberjackin jostain harvesterista työn touhussa (heidän CD:llään paljon hyviä
kuvia).//
1000.txt
”Harvesting”
1001.wav
“Finnish timber harvesting organisations apply modern technology and efficient logistic
chains to supply the raw material to the industry. By integrating wood fuel procurement
with the industry’s raw material supply chain, it is possible to achieve economies of
scale and reduce transportation and overhead costs.”
………
On the base of the contents script
these will be planned:
•. user interface
• visual overlook
• sounds
• the usage of videos and animations
• the use of photographs
• communication properties
• technical definitions
• programmes that will be used
An example of a content script
Screen 7: The introduction of Volvo’s new model
1. Graphics
A photograph of Volvo's new model: S70. A table of technical properities.
2. Title
Volvo is what you can trust on.
3. Text
Volvo is a car that combines safety and space. The new Volvo’s equipment are
ABS-brakes, airbags, air conditioning and a high level cd-player. By buying
a new Volvo you will belong to the new world of motoring.
4. Sound
Narration: ”Volvo S70 protects the driver and passangers very effectively in
most car crash situations. New Volvo S70 got five stars in both EuroNCAP's crash test and sideway crash test.”
5. Video
Video icon will open a video to the screen. The video will be about the functions
of ABS-brakes and airbags.
Production plan is a clarification of:
• the production processes of media material
• schedules
• production team and responsibilities
• following the product and documentation
• the technical user environment
• testing of the application
• the distribution and marketing of the ready
application
Production script
• Has instructions for the work to everyone working in the
project.
• Information of technical realization, visual properties,
functionality and construction.
• Definition of the techniques used in the application and
file formats.
• Instructions how to prepare media material and
compose a technically functional product.
• Defining for example the size of video screen, file format
with compressing methods, and source material, so that
the video composer is capable to produce the needed
video file.
Production script
Project:
Page no
Screen ID
Files:
Images/graphics
Sounds
Videos
Text material
Description of the scene and events
Actions
Structure and navigation
Animation secuences and files
Additional information
Screen description for the production script
Production script:
Technical definitions
• user interface requirements
• equipment requirements
• program requirements
• screen resolution
• compression of video files
• formats of sound files
• file formats of photographs and the color
depths in those
• data communication requirements
Production script:
Productional definitions
• back-up of the material
• the material’s location in workgroup
network
• the versions of programmes used to work
Production contract
• Contracting parties
• Terms of delivery
• Persons in charge
• Guarantee and
• Object of the contract
• Copyrights
updates
• Schedule
• Price
Terms of delivery
• Specification of the product
• Delivery and accepting it
• Delays
• Rights
• Responsibilities
Division of the workload and costs
Design
Composing and
testing
Production of media
material
Schedule as a table
An example of costs evaluation
An example of costs evaluation
An example of costs evaluation
The structure of multimedia
•
•
•
•
•
•
Linear structure
Fishbone structure
Treelike structure
Network structure
Matrix structure
Pyramid structure
(also called
labyrinth structure)
Linear structure
The linear structure does not utilize hypertext
principles. The user follows the material in predefined
order.
Applies eg. for learning material and advertisements.
Makes sure, that the user visits all parts.
Start
End
Short cuts
Fishbone structure
Start
Example
Example
Page 1
Extra info
Page 2
Extra info
Example
Page 3
Extra info
Example
Page 4
Start
End
Extra info
Tree structure
Corporation
Company 1
History
Functions
Future
Short cut
Company 2
Company 3
History
History
Functions
Future
Development
Functions
Fusion
Future
Present status
Network structure
• In network-like construction every individual element has more options to
continue
• The user can navigate the application completely as he/she wishes
• The user might get lost or not be able to find the information needed.
• When having the network construction the application should have an index or a
search field
• Internet as a whole could be the best example of network structure.
Matrix structure
The information can be ordered in different ways. The user selects his/her
approach to the presentation.
Matrix model is similar to a database, where a suitable combination of
information can be selected.
Pyramid/labyrinth structure
The user selects his/her own way to navigate from start to end.
Typical applications are games and simulations.
User selections define, how he/she can proceed.
Mastering the labyrinth motivates the user and maintains interest.
Pyramid/labyrinth structure
Start
End
Use on a fusion point decreases the nymber of options in a labyrinth structure.
Example
• A portfolio DVD about student projects
Production phase
• Searching the
material
• The production of
media material
• Composing
• Testing
• Distribution
User interface
• Functionality is important, but
some attention should be paid
to visual design.
• The look of the site and
symbols express the possible
functions in the product.
• Clear, esthetical look makes it
easier to use the application.
• In computer applications some
symbols have a known
purpose.
User interface
• For example an arrow pointing
left means browsing
backwards and an arrow
pointing right means navigating
forward.
• In programmes used for
displaying videos there are
some other international
symbols.
• Texts used in navigation and
buttons should be clear and
suit the style of the application.
User interface
• By using colors it is
possible to tell things
and create a certain
mood.
• Active functions can
be emphasized or the
users attention can be
controlled by using
different colors.
User interface
• When designing
graphical user
interface both visual
and programming
talents are needed.
• Functionality of the
user interface should
be tested many times
to make even the
smallest details work.
Usability
• Usability measures the
quality of the user
interface, when it is
evaluated from users’
point of view.
• Usability testing
includes testing
personnel performing
tasks with the application
Planning of user interface
• What are the situations
when the application is
used?
• How old are the persons
who are supposed to use
the application?
• How long can it take to
make the users study the
usage of the application?
• What kind of navigation is
given to the user?
Visual Design
• Visual design is a part of the planning of
the user interface.
• When the customer is a corporation or an
organisation the base of design is it’s
logo and color scheme.
Example
http://www.hartwalljaffa.fi
Visual Design
• Many corporations
have their graphical
instructions in which
the color scheme,
typography and layout
are defined.
Example