The Elective Part of the NSS ICT Curriculum

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 l l l 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 l Extensions of topic in Compulsory Part ¡ Module A “Information Processing” l ¡ (e) “Presentation of information” Module C “Internet and its Applications” l l (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: l the benefits of multimedia applications; l the different kinds of multimedia elements; l the integrated use of multimedia elements in a simple multimedia application; l design factors for presenting information effectively on the Internet; l web authoring and web site publishing; and l 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. l 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 l

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 l l l l Open. Office. org 2. 0 Gimp / Inkscape Audacity Microsoft Windows Movie Maker (XP only) Virtual. Dub Mozilla Firefox (web developer extension) Nvu File. Zilla 13

Thank you! 14

The Elective Part C. Multimedia Production and Web Site Development a. i. Multimedia applications l Describe and appreciate the applications of multimedia. l 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. l Describe the attributes of different multimedia elements. l Know the different multimedia file types. l Understand the meaning of digitisation, codingdecoding and compression. l 16

The Elective Part C. Multimedia Production and Web Site Development a. iii. Multimedia products l Preparing multimedia elements l Multimedia editing and processing l Finalising multimedia products l Multimedia design factors 17

The Elective Part C. Multimedia Production and Web Site Development b. i. Presenting information on the Internet l Outline and discuss the various factors to be considered in the construction of web pages. l 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 l Construct simple web pages. l Create and manipulate browser windows. l Perform special effects. l Publish web site. 19

The Elective Part C. Multimedia Production and Web Site Development b. iii. Dynamic and interactive web pages l l l 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_screenshot 1. 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