Seminar Peminatan Interactive Multimedia
Seminar Peminatan Interactive Multimedia
Genap 2012/2013
D4740 - Rhio Sutoyo
A world-class school of computer science
www.socs.binus.ac.id
Agenda
•
•
•
•
•
•
•
Multimedia Programming Foundation
Game Design and Programming
Multimedia 3D Modeling and Animation
Current Popular IT V
Products of Interactive Multimedia
Potential Research in Interactive Multimedia
Career Opportunities
A world-class school of computer science
www.socs.binus.ac.id
MULTIMEDIA PROGRAMMING
FOUNDATION
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1. Compare formats in multimedia elements
2. Use formats in multimedia elements
3. Select multimedia elements builder
A world-class school of computer science
www.socs.binus.ac.id
Multimedia and GUI
A world-class school of computer science
www.socs.binus.ac.id
Color In Image
Color Processing
• Color and Tristimulus Theory
• Color Model, Gamut, and Color Space
• Digital Image and Image Compression
A world-class school of computer science
www.socs.binus.ac.id
Image File Format and Manipulation
A world-class school of computer science
www.socs.binus.ac.id
Graphics 2D
Introduction to Graphics 2D
• Graphics
• Stroke
• Composite
• Antialiasing
Animation in Graphics 2D
• Frame and Cast Based Animation
• Frame Rate
• Transparency
• Animation Process
A world-class school of computer science
www.socs.binus.ac.id
Audio File Format
Audio Processing
• Audio Architecture
• Audio Digitization
• Audio Compression
A world-class school of computer science
www.socs.binus.ac.id
Fundamental Concepts in Video
Fundamental Concepts in Video
• Analog Video vs Digital Video
• Digital Video Compression
• Video Transmission
A world-class school of computer science
www.socs.binus.ac.id
Current Popular Multimedia
A world-class school of computer science
www.socs.binus.ac.id
Introduction to 3D Objects
A world-class school of computer science
www.socs.binus.ac.id
GAME DESIGN AND
PROGRAMMING
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1.
2.
3.
4.
5.
Explain general game theories
Explain game development process
Create game design documentation
Create an appropriate game design
Create a simple game based on the design
A world-class school of computer science
www.socs.binus.ac.id
Game Genres
A world-class school of computer science
www.socs.binus.ac.id
Game Genres
The Evolution of Game Videos Genres
A world-class school of computer science
www.socs.binus.ac.id
Design Component
and Process
A world-class school of computer science
www.socs.binus.ac.id
Game Concept
How to create a game concept?
• Game idea
• Choosing the genre
• Target audience
• Types of game mechanics
A world-class school of computer science
www.socs.binus.ac.id
Character Development
A world-class school of computer science
www.socs.binus.ac.id
Storytelling and Narrative
A world-class school of computer science
www.socs.binus.ac.id
User Interface
Consoles
Mobile Phones
A world-class school of computer science
www.socs.binus.ac.id
Game Play
Paper Mario: The Thousand-Year Door (2004)
Paper Mario: Sticker Star (2012)
Super Paper Mario (2007)
A world-class school of computer science
www.socs.binus.ac.id
Game Balancing
A world-class school of computer science
www.socs.binus.ac.id
Game Balancing (cont.)
A world-class school of computer science
www.socs.binus.ac.id
Game Balancing (cont.)
A world-class school of computer science
www.socs.binus.ac.id
Level Design
A world-class school of computer science
www.socs.binus.ac.id
MULTIMEDIA 3D MODELING AND
ANIMATION
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1.
2.
3.
4.
Construct a simple 3D model
Apply motions to a 3d model
Modify settings for material and lighting
Apply additional effects to enrich the scene
A world-class school of computer science
www.socs.binus.ac.id
3D Modelling and Animation
A world-class school of computer science
www.socs.binus.ac.id
3D Modelling and Animation
A world-class school of computer science
www.socs.binus.ac.id
Objects
A world-class school of computer science
www.socs.binus.ac.id
Modifiers
Twist Modifiers
A world-class school of computer science
www.socs.binus.ac.id
Materials
A world-class school of computer science
www.socs.binus.ac.id
Polygon Editing
A world-class school of computer science
www.socs.binus.ac.id
UV Mapping
A world-class school of computer science
www.socs.binus.ac.id
Lights
A world-class school of computer science
www.socs.binus.ac.id
Environmental Effects
Fog Environmental Effects
A world-class school of computer science
www.socs.binus.ac.id
Lens Effects
Glow Lens Effect
A world-class school of computer science
www.socs.binus.ac.id
Rendering
A world-class school of computer science
www.socs.binus.ac.id
Motion
The object's position at 1 and 2 are the keyframed models at different times. The
computer generates the in-between frames.
A world-class school of computer science
www.socs.binus.ac.id
CURRENT POPULAR IT V
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1. Apply the suitable design principles when
developing multimedia application
2. Explain different instructional design strategies and
related theories of learning
3. Analyze effective design principles on different
multimedia environments
4. Design and develop an effective multimedia
application
A world-class school of computer science
www.socs.binus.ac.id
Basic Concepts of Information and
Instructional Design
A world-class school of computer science
www.socs.binus.ac.id
Instructional Design Process
A world-class school of computer science
www.socs.binus.ac.id
PRODUCTS OF INTERACTIVE
MULTIMEDIA
A world-class school of computer science
www.socs.binus.ac.id
Gatot Kaca
A world-class school of computer science
www.socs.binus.ac.id
Demo
A world-class school of computer science
www.socs.binus.ac.id
Garuda Kids
A world-class school of computer science
www.socs.binus.ac.id
Garuda Kids
A world-class school of computer science
www.socs.binus.ac.id
Xivaria Wars
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
Tetra Termino Tetris
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
Touch Pet
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
Binusian Life
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
POTENTIAL RESEARCH IN
INTERACTIVE MULTIMEDIA
A world-class school of computer science
www.socs.binus.ac.id
Augmented Reality
Yelp Monocle
Ray Ban Augmented Reality
A world-class school of computer science
www.socs.binus.ac.id
The Future Technologies
HTML 5
Responsive Web Design
Augmented Reality
A world-class school of computer science
www.socs.binus.ac.id
Multimedia Tools
A world-class school of computer science
www.socs.binus.ac.id
CAREER OPPORTUNITIES
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Careers
Animator
Game Designer
Interactive Writer
Sound Producer
Web Content Producer
Webmaster
Art Director
Graphic Designer
Interface Designer
Video Producer
Web Developer
Presentation Artist
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Markets
Publishing
Advertising
Software
Education
Media Companies
Software Startups
Advertising
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Multimedia Uses
Online games
CD-ROM games
Corporate website design
Personal websites
Reference Materia
ATM's/Kiosks
lProduct introduction
Technical Training
Arcade games
Marketing
Edutainment
Trade Shows
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Companies
PhaseDev
Agate Studio
AR & CO
Chowdown Games
Joyverter Entertainment
Any companies that needs publishing and advertising
Etc.
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Entrepreneurship
Indie Game Developer
Indie Website Designer
A world-class school of computer science
www.socs.binus.ac.id
Genap 2012/2013
D4740 - Rhio Sutoyo
A world-class school of computer science
www.socs.binus.ac.id
Agenda
•
•
•
•
•
•
•
Multimedia Programming Foundation
Game Design and Programming
Multimedia 3D Modeling and Animation
Current Popular IT V
Products of Interactive Multimedia
Potential Research in Interactive Multimedia
Career Opportunities
A world-class school of computer science
www.socs.binus.ac.id
MULTIMEDIA PROGRAMMING
FOUNDATION
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1. Compare formats in multimedia elements
2. Use formats in multimedia elements
3. Select multimedia elements builder
A world-class school of computer science
www.socs.binus.ac.id
Multimedia and GUI
A world-class school of computer science
www.socs.binus.ac.id
Color In Image
Color Processing
• Color and Tristimulus Theory
• Color Model, Gamut, and Color Space
• Digital Image and Image Compression
A world-class school of computer science
www.socs.binus.ac.id
Image File Format and Manipulation
A world-class school of computer science
www.socs.binus.ac.id
Graphics 2D
Introduction to Graphics 2D
• Graphics
• Stroke
• Composite
• Antialiasing
Animation in Graphics 2D
• Frame and Cast Based Animation
• Frame Rate
• Transparency
• Animation Process
A world-class school of computer science
www.socs.binus.ac.id
Audio File Format
Audio Processing
• Audio Architecture
• Audio Digitization
• Audio Compression
A world-class school of computer science
www.socs.binus.ac.id
Fundamental Concepts in Video
Fundamental Concepts in Video
• Analog Video vs Digital Video
• Digital Video Compression
• Video Transmission
A world-class school of computer science
www.socs.binus.ac.id
Current Popular Multimedia
A world-class school of computer science
www.socs.binus.ac.id
Introduction to 3D Objects
A world-class school of computer science
www.socs.binus.ac.id
GAME DESIGN AND
PROGRAMMING
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1.
2.
3.
4.
5.
Explain general game theories
Explain game development process
Create game design documentation
Create an appropriate game design
Create a simple game based on the design
A world-class school of computer science
www.socs.binus.ac.id
Game Genres
A world-class school of computer science
www.socs.binus.ac.id
Game Genres
The Evolution of Game Videos Genres
A world-class school of computer science
www.socs.binus.ac.id
Design Component
and Process
A world-class school of computer science
www.socs.binus.ac.id
Game Concept
How to create a game concept?
• Game idea
• Choosing the genre
• Target audience
• Types of game mechanics
A world-class school of computer science
www.socs.binus.ac.id
Character Development
A world-class school of computer science
www.socs.binus.ac.id
Storytelling and Narrative
A world-class school of computer science
www.socs.binus.ac.id
User Interface
Consoles
Mobile Phones
A world-class school of computer science
www.socs.binus.ac.id
Game Play
Paper Mario: The Thousand-Year Door (2004)
Paper Mario: Sticker Star (2012)
Super Paper Mario (2007)
A world-class school of computer science
www.socs.binus.ac.id
Game Balancing
A world-class school of computer science
www.socs.binus.ac.id
Game Balancing (cont.)
A world-class school of computer science
www.socs.binus.ac.id
Game Balancing (cont.)
A world-class school of computer science
www.socs.binus.ac.id
Level Design
A world-class school of computer science
www.socs.binus.ac.id
MULTIMEDIA 3D MODELING AND
ANIMATION
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1.
2.
3.
4.
Construct a simple 3D model
Apply motions to a 3d model
Modify settings for material and lighting
Apply additional effects to enrich the scene
A world-class school of computer science
www.socs.binus.ac.id
3D Modelling and Animation
A world-class school of computer science
www.socs.binus.ac.id
3D Modelling and Animation
A world-class school of computer science
www.socs.binus.ac.id
Objects
A world-class school of computer science
www.socs.binus.ac.id
Modifiers
Twist Modifiers
A world-class school of computer science
www.socs.binus.ac.id
Materials
A world-class school of computer science
www.socs.binus.ac.id
Polygon Editing
A world-class school of computer science
www.socs.binus.ac.id
UV Mapping
A world-class school of computer science
www.socs.binus.ac.id
Lights
A world-class school of computer science
www.socs.binus.ac.id
Environmental Effects
Fog Environmental Effects
A world-class school of computer science
www.socs.binus.ac.id
Lens Effects
Glow Lens Effect
A world-class school of computer science
www.socs.binus.ac.id
Rendering
A world-class school of computer science
www.socs.binus.ac.id
Motion
The object's position at 1 and 2 are the keyframed models at different times. The
computer generates the in-between frames.
A world-class school of computer science
www.socs.binus.ac.id
CURRENT POPULAR IT V
A world-class school of computer science
www.socs.binus.ac.id
Learning Outcomes
1. Apply the suitable design principles when
developing multimedia application
2. Explain different instructional design strategies and
related theories of learning
3. Analyze effective design principles on different
multimedia environments
4. Design and develop an effective multimedia
application
A world-class school of computer science
www.socs.binus.ac.id
Basic Concepts of Information and
Instructional Design
A world-class school of computer science
www.socs.binus.ac.id
Instructional Design Process
A world-class school of computer science
www.socs.binus.ac.id
PRODUCTS OF INTERACTIVE
MULTIMEDIA
A world-class school of computer science
www.socs.binus.ac.id
Gatot Kaca
A world-class school of computer science
www.socs.binus.ac.id
Demo
A world-class school of computer science
www.socs.binus.ac.id
Garuda Kids
A world-class school of computer science
www.socs.binus.ac.id
Garuda Kids
A world-class school of computer science
www.socs.binus.ac.id
Xivaria Wars
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
Tetra Termino Tetris
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
Touch Pet
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
Binusian Life
A world-class school of computer science
www.socs.binus.ac.id
Video
A world-class school of computer science
www.socs.binus.ac.id
POTENTIAL RESEARCH IN
INTERACTIVE MULTIMEDIA
A world-class school of computer science
www.socs.binus.ac.id
Augmented Reality
Yelp Monocle
Ray Ban Augmented Reality
A world-class school of computer science
www.socs.binus.ac.id
The Future Technologies
HTML 5
Responsive Web Design
Augmented Reality
A world-class school of computer science
www.socs.binus.ac.id
Multimedia Tools
A world-class school of computer science
www.socs.binus.ac.id
CAREER OPPORTUNITIES
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Careers
Animator
Game Designer
Interactive Writer
Sound Producer
Web Content Producer
Webmaster
Art Director
Graphic Designer
Interface Designer
Video Producer
Web Developer
Presentation Artist
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Markets
Publishing
Advertising
Software
Education
Media Companies
Software Startups
Advertising
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Multimedia Uses
Online games
CD-ROM games
Corporate website design
Personal websites
Reference Materia
ATM's/Kiosks
lProduct introduction
Technical Training
Arcade games
Marketing
Edutainment
Trade Shows
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Companies
PhaseDev
Agate Studio
AR & CO
Chowdown Games
Joyverter Entertainment
Any companies that needs publishing and advertising
Etc.
A world-class school of computer science
www.socs.binus.ac.id
Career Opportunities
Entrepreneurship
Indie Game Developer
Indie Website Designer
A world-class school of computer science
www.socs.binus.ac.id