Transcript The Elective Part C. Multimedia Production and Web Site

The Elective Part of the
NSS ICT Curriculum
C. Multimedia Production and Web Site
Development
Mr. CHEUNG Kin-sun
Member of CDC – HKEAA Committee on ICT (Senior Secondary)
1
The Elective Part
C. Multimedia Production and Web Site Development
In the light of the rapidly emerging new Internet
technology, students should be well equipped with
advanced skills in designing and developing web
sites as well as manipulating multimedia elements.
2
The Elective Part
C. Multimedia Production and Web Site Development
Option features and characteristics



Especially suitable for students learning through
application;
Not only focusing on practical use of application
software, but also emphasizing the understanding of
theories behind such as recognising the essential
design factors;
Developing students’ problem solving skills as well as
creativity.
3
The Elective Part
C. Multimedia Production and Web Site Development
Time allocation: 75 hrs
Multimedia
Production
Web Site
Development
(50 hours)
(25 hours)
4
The Elective Part
C. Multimedia Production and Web Site Development
Previous Knowledge
 Extensions of topic in Compulsory Part
 Module A “Information Processing”
 (e) “Presentation of information”
 Module C “Internet and its Applications”
 (b) “Internet Services and Applications”
 (c) “Elementary Web Authoring”
5
The Elective Part
C. Multimedia Production and Web Site Development
Learning Objectives
Students will learn about:
 the benefits of multimedia applications;
 the different kinds of multimedia elements;
 the integrated use of multimedia elements in a simple
multimedia application;
 design factors for presenting information effectively on
the Internet;
 web authoring and web site publishing; and
 dynamic and interactive web pages.
6
The Elective Part
C. Multimedia Production and Web Site Development
Details of the two topics
Topic
a. Multimedia Production (25 hrs)
i. Multimedia Applications
ii. Multimedia Basics
iii. Multimedia Products
b. Web Site Development (50 hrs)
i. Presenting Information on the Internet
ii. Web Authoring Tools
iii. Dynamic and Interactive Web Pages
7
The Elective Part
C. Multimedia Production and Web Site Development
Points to be considered when organizing and
planning the curriculum in this option :
 Students’ learning needs in the design and
production of web pages and multimedia production;
 The essential knowledge and skills required for
producing multimedia products and developing web
site;
 Developing the potential and interests of students
who learn better in a practical way.
8
The Elective Part
C. Multimedia Production and Web Site Development
Curriculum Planning :
Propose teaching sequence —
1. Introduction to the basic knowledge and skills for
multimedia production;
2. Exploring possible application of multimedia
products in different areas;
3. Design and production of multimedia products for
specific purposes;
4. Familiarization of web authoring tools;
5. Use of different techniques such as client-side
scripting to enhance the interactivity of web pages;
6. Publication of web site on the Internet.
9
The Elective Part
C. Multimedia Production and Web Site Development
Experience sharing:
Examples of learning and teaching activities
- ref Chapter 4
Example 4
Topic: a Multimedia Production
Theme: Presenting a report on the Sports Day
10
The Elective Part
C. Multimedia Production and Web Site Development
Presenting a report on the Sports Day
 Students are asked to make use of their ICT skills to
present their observations on their school’s Sports Day
on the Internet. They have to decide on the information
to be collected and on what equipment they have to use
during the Sports Day. In order to make the presentation
more interesting, students have to employ different
methods to produce the desired effects.
 In this activity, students develop their problem-solving
skills by identifying the problems, designing their own
solutions, gathering the necessary information, selecting
the best possible solution, and presenting and evaluating
their results.
11
The Elective Part
C. Multimedia Production and Web Site Development
Learning and Teaching Resource Package
12
The Elective Part
C. Multimedia Production and Web Site Development
Free tools
 OpenOffice.org 2.0
 Gimp / Inkscape
 Audacity
 Microsoft Windows Movie Maker (XP only)
 VirtualDub
 Mozilla Firefox (web developer extension)
 Nvu
 FileZilla
13
Thank you!
14
The Elective Part
C. Multimedia Production and Web Site Development
a. i. Multimedia applications
Describe and appreciate the applications
of multimedia.
Identify the benefits of multimedia
applications.
15
The Elective Part
C. Multimedia Production and Web Site Development
a. ii. Multimedia basics
 Describe and identify different types of
multimedia elements.
 Describe the attributes of different multimedia
elements.
 Know the different multimedia file types.
 Understand the meaning of digitisation, codingdecoding and compression.
16
The Elective Part
C. Multimedia Production and Web Site Development
a. iii. Multimedia products
Preparing multimedia elements
Multimedia editing and processing
Finalising multimedia products
Multimedia design factors
17
The Elective Part
C. Multimedia Production and Web Site Development
b. i. Presenting information on the Internet
Outline and discuss the various factors to
be considered in the construction of web
pages.
Know that there are guidelines to cater for
web accessibility by people with special
needs.
18
The Elective Part
C. Multimedia Production and Web Site Development
b. ii. Web authoring tools
Construct simple web pages.
Create and manipulate browser windows.
Perform special effects.
Publish web site.
19
The Elective Part
C. Multimedia Production and Web Site Development
b. iii. Dynamic and interactive web pages
 Understand the difference between server-side
and client-side technologies.
 Describe the characteristics of client-side
scripting.
 Create interactive menus upon user selection.
 Validate and manipulate input data.
 Retrieve and save client information.
20
21
http://www.openoffice.org/product/pix/writer-big.png
22
http://www.gimp.org/screenshots/windowsxp_screenshot1.png
23
http://www.inkscape.org/screenshots/gallery/inkscape-0.43-connectors.png
24
http://audacity.sourceforge.net/about/images/recording.png
25
26
27
http://nvu.com/screenshots.php
28
http://filezilla.sourceforge.net/images/screenshot.gif