APPENDIX 1

SAMPLE SYLLABUS – MULTI­MEDIA / ONLINE JOURNALISM / DIANE STORMONT
FORMAT:WEEKLY  3­HOUR DIGITAL MEDIA LAB SESSION X 12 

CONTENT: Students will learn how to produce a number of multi­ and multiple­media journalism projects for publication on the web. The 
projects will be uploaded to each student’s personal website and embedded blog (established during bootcamp). This is a practical course and 
students will be expected to become familiar with: 

(i)   Software: Dreamweaver / Photoshop / FTP programs / Audacity / Levelator / Soundslides / Word / Excel 
(ii)  CMS: Wordpress / Joomla / Drupal / others 
(iii)  Web 2.0 utilities: including photosharing / wikis / CSS generators, on­line photo editors, remote storage & backup / RSS readers / 
timeline generators / map generators / mashups / comms including Twitter/Flutter etc / security including encryption, proxy servers / streaming 
video

LEARNING OUTCOME: By the end of the course students will be capable of: 

(i)  producing world­class multiple­media journalism for the web directed at an international audience
(ii)  be comfortable using the standard web technologies and utilities currently available to report and present their articles
(iii)  in a position to judge how to choose and use the appropriate technology to best tell the story
(iv)  equipped with the skills to anticipate, approach and teach themselves to master yet­to­be developed technology as it emerges

GRADING: 

25%  ­ In­class work & class participation
25%  ­ Assignments
25%  ­ Soundslides team project
25%  ­ Individual final multiple­media website project

ASSUMPTION: This syllabus does not include shooting and editing video, which is taught separately at the JMSC. It does address streaming 
video and embedding from video services such as ustream/ youtube / vimeo  in week 5 which may not be necessary.

WEEK # TOPICS ASSIGNMENTS GRADING LEARNING OUTCOME

ONE 1. INTRODUCTION Plagiarism and Copyright 0­5 points Understanding what is 
Required assignments required of this course. 
Grading system 1. Find and read the university’s 
Expectations: Emphasis this is a journalism  online guidelines on plagiarism Understanding journalistic 
course: The technical skills to be developed  requirements. 
are for the purpose of telling the story  2. On your blog, set up a category 
according to the most appropriate medium,  called Plagiarism Avoiding academic style or 
whether text, photos, graphics, audio, video or  polemic and avoidance of 
a combination. 3. Add the university’s hyperlink on  producing information­
plagiarism to your blogroll dumps/wikis
2. STANDARDS
Assignments are to be completed according to  4. Post an article of about 300­400  Understanding what 
JMSC journalistic reporting and editing  words that: constitutes plagiarism and 
standards in terms of: *Defines plagiarism ­ use at least two  copyright violations.
Accuracy sources and credit them.
Sourcing *Answers this question: can I legally  A clear understanding that 
Captioning post any picture / soundtrack on my  sloppy journalism / 
Writing ­ inverted pyramid / active not  blog that I have downloaded from the  plagiarism / copyright 
passive, third person not first (without good  Internet as long as I credit the source? violations will not be 
reason) *Explain your reasoning tolerated and will result in 
Who, What, Where, Why *What is Creative Commons?  low or failing grades.
Strictly adhering to deadlines Compose a CC credit for an 
Attribution­NoDerivs License Appreciation of Creative 
NOTE: Plagiarism and copyright infringement  Commons
will result in a failing grade. Failure to caption 
your permission to use copyrighted material  Notes:
will also result in a failing grade.  Make sure your post is categorised 
under “plagiarism”
3. TECHNOLOGY OVERVIEW &  Ensure you do not plagiarise ­ credit 
 SOFTWARE UTILITIES (see above) TO BE  your sources.
USED ON THIS COURSE Avoid footnotes – source your article 
  as you would for a journalistic piece.
4. DISCUSSION Hyperlink your hyperlinks.

What makes a good/bad/indifferent web­based 
journalism? Function vs form.

We will compare and contrast an assortment 
of news websites and consider:
 Layout
Story treatment
Use of various media
Concentration spans / volume
How the human eye traverses a screen and the 
mind absorbs information
Interactivity
Aesthetics 

TWO WEB SEARCHING, RSS FEEDS, WIKIS,  Create a topic page on the class wiki 0­5 points Article planning

TWITTER … Propose two­to­three project ideas Collaboration and research
Basic reporting
Students will narrow down their choice of  Find and subscribe to relevant  Sourcing
topics for their mid­term Soundslides project  newslists/discussion sites/RSS feeds Use of wikis and reporting 
and final multiple­media projects according to  technology
a theme decided by the instructor (for eg:  Outline your approach to researching   
environment, heritage, flora and fauna, work­ your proposed topics, including 
life balance, HK beyond Central, financial  potential interviewees. This should 
crisis etc) include your mid­term Soundslides 
project and your final multiple­media 
Web searches – Beyond Google and  project.
Wikipedia
RSS feeds
 Subscribing to blogs/newsfeeds
University library resources

DISCUSSION

The role of bloggers, sourcing, accuracy, 
reporting practicalities (e­mail vs the phone, 
how to harness twitter etc); the difference 
between aggression and persistence, off­the­
record vs “backgrounders”, role of the PR 
industry, where/how to access public 
information. Tips, tricks and ethics.

 
THREE AUDIO Record and edit a two­to­three minute  0­5 points Basic understanding of 
What makes good audio audio clip incorporating the following  recording, editing and 
How to record clean sound elements: Natural sound, voice­over,  uploading audio. Hands on 
Editing sound using Audacity and third­party voice. practice.

Audio formats Upload to your website; include 
converting audio formats  standfirst and background. 
MP3 vs WA etc
Ethics of clandestine recording
 FTPing and presenting audio files

FOUR PHOTOGRAPHY Produce a captioned six­to­10 shot  0­5 points Basic understanding of 

What makes a good news photograph photo­essay on a subject that cannot  photography and how to tell 
Basic stills camera techniques / angles /fill­in  be better explained in words/text. a story visually. Hands on 
flash practice.
Pitfalls Upload to your website; include 
The importance of sharp elbows / wearing  standfirst and background.
comfortable shoes
Ethics (eg children / privacy)
Editing photos using Photoshop
The importance of organisation re 
archiving/re­naming photos
Photosharing services
FIVE AUDIO­VISUAL In groups of two to three people,  0­25 points Basic understanding of 
Putting it together using Soundslides produce a three­minute (max)  audio­visual media. Hands 
What makes a good Soundslides presentation? Soundslides presentation on the  on practice.
Instruction on how to use Soundslides  theme selected by the instructor.  How to protect one’s data 
Web 2.0 alternatives to Soundslides Deadline: Week 7.   and circumvent net­nanny 
programs.
VIDEO STREAMING Each member of each group should 
How to stream direct to the web upload the group’s Soundslide to  How to produce meaningful 
How to enhance your video for best results on  his/her website. Include standfirst and  graphics and basic Flash 
Yourtube/Vimeo etc background. elements.
Embed vs link? How do deal with and learn 
from feedback. What makes 
SIX WEB SECURITY AND CIRCUMVENTION a good audio­visual 
presentation? How to 
Virtual Private networks (including the HKU  improve.
VPN)
Proxy servers (including TOR)
Encryption
Physical security
 
GRAPHICS / MAPS / TIMELINES

 Excel – producing charts and graphs
 Google maps
 Timetoast
 Dandelife
EIGHT WRITING FOR THE WEB=1 Create a topic page on the class wiki  0­5 points The ability to report 
for your final project breaking news, deal with 
Practical exercise in the flash­cover­wrap­   conflicting facts, deal with 
insert­update­wrap system. Re­topping stories,  Find and subscribe to relevant  confusion, keep one’s eye on 
adding new developments, break­outs,  newslists/discussion sites/RSS feeds the main story.
topping­and­tailing, dealing with 
contradictory facts that emerge in the  Outline your approach to researching  How do deal with and learn 
confusion of a breaking story and  your proposed topics, including  from feedback. What makes 
consideration of news cycles. See appendix 2  potential interviewees. a good multiple­media 
for a sample scenario (other scenarios would  presentation? How to 
include a plane hijack moving between  Include any progress made. improve.
countries, a natural cross­border disaster and   
so on). 

FINAL PROJECT: DISCUSSION OF 
WORK­IN­PROGRESS
NINE WRITING FOR THE WEB=2 Work on your final project; expect to  0­25 points As above
produce work­in­progress reports and  Appreciation of the limits of 
See above present them to the class for feedback,  CMS – how to use skills 
suggestions and CONSTRUCTIVE  developed in this class to 
FINAL PROJECT: DISCUSSION OF WORK­ criticism. Please treat such sessions as  circumvent their shortfalls.
IN­PROGRESS akin to a news planning meeting as 
TEN CONTENT MANAGEMENT SYSTEMS=1 held in all serious news organisations.
Practical instruction in setting up and using 
assorted CMS – including but not limited to 
Joomla, Drupal, PHP­CMS etc 

ELEVEN CONTENT MANAGEMENT SYSTEMS =2

See above

PREVIEW OF FINAL PROJECTS

TWELVE PRESENTATION AND CLASS CRITIQUE 
OF FINAL PROJECTS

FILL OUT FEEDBACK FORMS