Archive for the 'Class Notes' Category

Congratulations for a successful semester!

0

Rebecca MacKinnon - May 12, 2008 @ 12:58 pm · Announcements, Class Notes

Many people have done some excellent work this semester.

Your final work, now published on the Hong Kong Stories website, has been receiving praise from people both within and beyond the JMSC. You should all be very proud. Many of you did not have any web experience before this class. Next time you are interviewing for a job – or seeking a promotion – you can proudly show prospective employers what you can do by pointing them to this website.

Have a wonderful summer and good luck in the future!

Week 11 Class notes

0

Rebecca MacKinnon - April 14, 2008 @ 12:53 pm · Class Notes, JMSC6019

LECTURE: We will begin class with a discussion of issues related to online privacy, surveillance, censorship, and circumvention. Many resources related to this subject can be found in the Guide to Working from Mainland China.

For more resources about Internet censorship, see the OpenNet Initiative. For more about privacy and security, see Frontline Defenders Guide to Digital Security and Privacy. (These and many more resources are available here.)

LAB: In the second half of class, you will do the following:

  • Each Soundslide team will embed their project into the Joomla website.
  • The class will create a Google Map showing the primary locations where each Soundslide story was done.
  • We will put that map on the front page of the Hong Kong Stories website.

NOTE: Your HKStories project deadlines were put back by a week, due to your instructor’s medical leave. They are listed on the class wiki and on the calendar. Please let me know if you have any questions.

HOW TO EMBED SOUNDSLIDES INTO JOOMLA:

Embed Soundslides into HKStories (Joomla):
We will use an “iFrame” plugin. Click here to see what the final result looks like.
If the URL of the soundslides project is http://web.hku.hk/~rmack/publish_to_web/ , then you need to type the following code into your edit area: {iframe height="550" border="1" frameborder="1"}http://web.hku.hk/~rmack/publish_to_web{/iframe}
So in other words, {iframe height="550" border="1" frameborder="1"}URL{/iframe}

Week 10 Class Notes

0

sfleischer - April 7, 2008 @ 6:00 pm · Class Notes, JMSC6019

This week in class we will be looking at different ways to visualise and present data.

In particular we will:

  • create a 2-D bar graph in Adobe Illustrator
  • create a 2-D pie chart in Adobe Illustrator
  • export the charts from Illustrator for use in our blogs
  • create a Google map (without any programming!)
  • embed the Google map in a test blog post

Here is the data for you to use in the chart class work.
The Tutorials section contains a number of helpful links on these topics.

These tutorials are a step-by-step guide to the work you will be doing in class:

Creating pie charts and bar graphs in Adobe Illustrator

Creating a Google map and embedding it in your blog

Here are some other online tutorials:

An example of a mashup using Google maps and Craigslist – Housing Maps Click on a city, select property type and you can find property within your price range with a direct link to the www.craiglist.com listing. A good example of the power of Google maps!

Collaborative Map:

Here is the URL for collaborative map which can be embedded into the HKStories site. You all have access to this map and can add markers which link to your articles.

Week 9 Class Notes

0

Rebecca MacKinnon - March 31, 2008 @ 6:00 pm · Class Notes, JMSC6019

Please check the wiki page listing your project deadlines and a breakdown of your topics according to subject-related sections.

In class today we will familiarize ourselves with Joomla and learn how to do the basic things necessary to complete your HKStories final project. We have some custom tutorials tailored to the exact setup of our website. Be sure to review them if you need to reminding about how to do anything you learned in class today:

The following are extras which we will discuss more in future classes:

(Note: In class when we create “practice” entries we will use lipsum.com to generate dummy text and use the photos and audio at hkstories.net/nmw/)

A more general reference on Joomla is the Joomla! User Manual Chapter 4 (PDF – generic instructions written by the Joomla developer community for posting content from the front-end)

Before you make further plans for your multiple-media online story for your final HKStories project any further be sure to review the following resources from Mindy McAdams at the University of Florida:

The Elements of Digital Storytelling breaks down the different kinds of elements used in online journalism. It also includes some very useful examples. This class doesn’t cover all the skills needed to create the advanced multimedia examples, but reviewing these examples helps you think about online storytelling, and how the approach differs from print or TV. Berkeley’s multimedia story planning tutorial focuses on how to plan a story for a stand-alone website, rather than the contributions you’ll be making on a group website, but many of the concepts in terms of mapping out your elements still apply.

Week 8 Class Notes

0

Rebecca MacKinnon - March 17, 2008 @ 3:00 pm · Class Notes, JMSC6019

This week in class we will do three things:

  • Use the Soundslides software program to create an audio-visual slideshow.
  • FTP the completed Soundslides project onto hkstories.net, like this sample project.
  • Embed the Soundslides project onto our blogs.

Instructions for embedding Soundslides into Uniblogs:
If (for example) the URL of the soundslides project is http://hkstories.net/YingChan_Vision/ , then create a new post in your Uniblog. Click on the flash or “f” icon. A window will open. Paste in this http://hkstories.net/YingChan_Vision//soundslider.swf (in otherwords URL plus //soundslider.swf) You will then be asked to enter dimensions. Enter 620 for width and 533 for height.

Useful Soundslides tutorials:

Some good professional examples of Soundslides work (courtesy of Mindy McAdams):

  • Guitar Lessons at the Central Area Senior Center: An 81-year-old Seattle woman loves taking guitar lessons. No narration, nice story, several interviews skillfully edited together.
  • Cockfighting in Puerto Rico: Awesome photos, wonderful audio that puts you at the scene.
  • Nutcracker: A fresh photojournalism grad tells us the story of a production of the Nutcracker ballet. She produced this while on an internship at The Gainesville (Fla.) Sun. Notice the variety in shots, scenes, lenses, etc. Notice too the excellent editing of the pictures to match the content of the audio. (Update, Jan. 29, 2008: Sorry, but the newspaper has apparently moved or removed this Soundslides. You can see the original photo story on the photographer’s bog here.)
  • After the Riots: A Soundslides about the housing projects in Paris, by the British newspaper The Guardian. Exceptional storytelling and great use of sound.

JMSC student examples:

The New York Times multimedia page has great examples of audio slideshows.

You should study these as you prepare to put together your own Soundslides assignments.

Week 7 Class notes

0

sfleischer - March 9, 2008 @ 6:00 pm · Class Notes, JMSC6019

This week we will be using Dreamweaver to create a simple web page. We will then learn how to upload the page to your HKU web space using FTP so that it will be visible on the internet. During the session we will look at the following:

Creating a web page with Dreamweaver

  • the three layers of a well-constructed web page
  • the language of a web browser – HTML tags and a recap of the simple page we created in week 1
  • introduction to Dreamweaver – a tour of the interface
  • our goal: a simple c.v. with an image
  • using Dreamweaver to make our page

Uploading the web page and its assets using FTP

  • what is FTP?
  • how to use a browser for basic FTP
  • FireFTP – a useful Firefox plugin
  • uploading our new page and associated files
  • viewing the finished page

NOTE:

All HKU students, in addition to having a HKU e-mail address, have a personal homepage. To access it type in http://www.hku.hk//YOUR_USER_NAME. Once you’ve confirmed where your homepage is, you can FTP your soundslides project onto it via Windows Explorer (only while on the HKU network) by following these instructions.

When not on the HKU network you can use the following guides to FTP material to a web page:

FTP using Internet Explorer 6
FTP using FireFTP for Firefox
Installing FireFTP for Firefox

Bonus : the magic of CSS

If time permits we will take a quick look at the power of CSS to give a web page visual appeal. Although it won’t be possible to present more than an overview, you will be able to see how a simple web page can be transformed with a few simple style rules.

  • what is CSS and why is it important
  • applying CSS to our web page
  • comparison of the basic and styled pages
  • the ultimate CSS playground – css Zen Garden examples, same HTML, different CSS

Today’s class gives only a very brief overview of Dreamweaver and how to create a simple website. If you’d like to learn more and get fancy with your web pages, you can try tutorials from Berkeley’s Knight Center and the J-Lab.

Week 6 Class notes

1

Rebecca MacKinnon - February 25, 2008 @ 11:13 am · Class Notes, JMSC6019

With the help of guest instructor Joyce Wong, in class today we will learn to do the following:

  • Record clear sound on an MP3 player
  • Transfer sound files from the MP3 player to the computer
  • Use Audacity to edit your sound file
  • Export your edited sound file as an MP3 file
  • Upload the file to your blog.

So just to be clear, for your in-class work today, you need to do the following:

  • Record a very brief interview with the classmate sitting next to you
  • Transfer the sound file of that interview to your computer.
  • Use Audacity to edit your file
  • Export your file as an MP3 from Audacity onto your desktop
  • Upload the file to your blog and publish it.

Important resources for your future assignments using audio:

If there is time at the end of class, Joyce will do a show-and-tell about online storytelling. Here are some examples of projects she h as done in the past, primarily for the Holocaust Museum:

Week 5 Class Notes

0

Rebecca MacKinnon - February 18, 2008 @ 2:27 pm · Class Notes, JMSC6019

Today the class will be divided into two parts:

Part 1: We will use the class wiki to brainstorm about your Soundslides topics and final HKStories topics. We will also create a page for sharing online resources about the environment in Hong Kong. Your in-class work will be:

  • to contribute your ideas to the class wiki
  • help set up the collaboration page for your Soundslides project team

Part 2: Introduction to Wikipedia. How it works and how to contribute to it.

We’ll also watch this funny video about Wikipedia from Stephen Colbert.

Be sure to check out these references. These will be useful for your Week 5 assignment:

Some good articles about Wikipedia and debates about its credibility:

Week 4 Class Notes

0

Rebecca MacKinnon - February 4, 2008 @ 5:45 pm · Class Notes, JMSC6019

We will kick off class this week with guest photographer Ting-li Wang, who will evaluate and discuss your photography assignments.

Steve will then lead the class in learning the basics of Photoshop:

  • which features you need to know for basic photo work;
  • importance of appropriate file size, resolution, and quality.

Today’s in-class work, using at least one of the photos you took for this week’s assignment:

  • Crop the photo
  • Make necessary adjustments (levels, contrast, and color)
  • Resize (maximum 300pixels wide for horizontal photos, 200 pixels wide for vertical photos)
  • Save your photograph for the web, using appropriate resolution and quality.
  • Upload your photograph(s) to your blog
  • Format your photo so that it is justified left or right on the blog post, with descriptive text about the people and events in the photo wrapped around it.

RESOURCES:
The Knight Digital Media Center has a very handy Photoshop tutorial.

Other important Photoshop how-to’s from the J-lab:
Preparing Images and Photos for the Web
Checking and Changing Resolution
Getting Familiar with Photoshop I
Getting Familiar with Photoshop II
Editing Photographs

Week 3 Class notes

0

Rebecca MacKinnon - January 28, 2008 @ 2:24 pm · Class Notes, JMSC6019

LECTURE:

UPDATE: Guest lecturer photographer Siuki Yip has cancelled at the last minute. As substitute, we will go over two units from News U on photojournalism: “Best of Photojournalism” and “Language of the Image.” (Please set up accounts for yourselves at NewsU as soon as you get to class.)

We will also look at examples from here and here. Some other sites SK suggests that we look at are:

Leanne’s Vietnam photoBrave volunteers:
Leanne took the photo at right in Hanoi four years ago. (click to enlarge)
Miao Nan
Sandra
Tessa Arcilla – in particular HK protest, Vietnam, and Hong Kong 2007.

LAB:
The second half of class we will learn the following:

  • How to transfer photographs from digital camera to computer.
  • Uploading photos from computer to your Flickr account
  • Fundamentals of Flickr – how to use tags, how to join a group. Make sure you know about different privacy levels and settings.

IN-CLASS WORK:
In order to get full credit today for in-class work you need to do the following:

  • Take a photo
  • Transfer it from camera to computer
  • Upload it successfully onto your Flickr account
  • Add it successfully to the NMW Flickr group
  • Add appropriate tags to the photo

IMPORTANT RESOURCES:

Week 2 Class Notes and In-Class Work

0

Rebecca MacKinnon - January 21, 2008 @ 5:30 pm · Class Notes, JMSC6019

Web 1.0 and Web 2.0

PART 1: (RM)

We will kick off the class with a discussion of our assignments and readings from last week. We will talk a bit more about the course schedule for the semester, and make sure everybody is clear about expectations and requirments for the course.

Note that all of your blogs have now been gathered by Ben into a special RSS feed which he has published to the web, and which you will subscribe to in your Google Reader during class today.

We will also go over Assignment 2 early on in today’s class, since everything you’re learning for the rest of the class will help you complete that assignment. That way, you can be thinking about how you will apply the things you’re learning right away – and make sure that you ask the questions you need to ask.


NOTE TODAY’S IN-CLASS WORK:
During class today we need to be sure you have done the following:

  • Set up your own Google Reader account
  • Subscribed to the class blog
  • Subscribed to all your classmates blogs
  • Subscribed to several news and/or blog feeds related to Hong Kong and the environment – the subject of our class project this semester
  • Conducted some google searches along with Steve
  • Track links to a blog post or article using Technorati

PART 2: (SF)

The rest of the class will be led by Steve. He will also guide you in doing the in-class work.

We start with a video, Web 2.0 … The Machine is Us/ing Us by Prof. Michael Wesch of Kansas State University’s Digital Ethnography project.

What is meant by these terms? And what is not! This video may be enlightening.

RSS and Atom

What is a web feed. What are they? http://en.wikipedia.org/wiki/Image:Feed-icon.svg

Google Reader

Google Reader - what is it and why use it? More information on how to use it here.

Subscribing to feeds. Organising your feeds into folders and using tags. Using Recommendations
Offline reading with Google Gears.

Google

What exactly is Google? How Google works – the three key areas involved (GoogleBot, Indexer and Query Processor).

Ranking of results – the PageRank algorithm, how to get a good ranking. What are cached results and Similar Pages?

Refining searches with operators, stop words and wildcards.

Searching for blogs

http://blogsearch.google.com

Again we can use filters and use operators. we can even subscribe to the queries themselves.

Technorati

Technorati has indexed over 112 million weblogs (December 2007).

“The basic idea is that Technorati is a tag based index of the blogosphere that allows you to do tag based searches of topics you are looking for.”

“Technorati is a tracking engine for the blogsphere. It lets you looks for trends, patterns and entries by different people on similar topics or issues. It does this by encouraging people to “tag” their entries. Tags are words or phrases that describe your individual posts (something like the categories on blogs but more focussed and narrow).

What is it? Video

Examples of basic usage.

Week 1 Class Notes and In-Class Work

0

Rebecca MacKinnon - January 14, 2008 @ 5:32 pm · Class Notes, JMSC6019

Introductions, Overview (MacKinnon, Fleischer, Cheng. 30 mins)

  • Meet your instruction team.
  • Go over class schedule, requirements. Answer questions.


Why all journalists need web skills (MacKinnon, 30 mins)

Digital future for everybody: The big news at the World Editors’ Forum this year was that newpapers aren’t dying, but their future depends on having a strong website with innovative multimedia coverage. The New York Times, Financial Times, The Guardian, and the Times of London are all examples of newspapers with “integrated newsrooms” where reporters now work as much for online as for the newspaper. See the Digital Edge Awards winners for examples of some of the best online multimedia storytelling by newspapers.

Broadcasters are expanding into the internet : CNN, the BBC and AlJazeera all recognize the need for strong online presence… Some are finding that the internet helps them reach audiences they’re not reaching at all through the TV.

Many more new web-only operations are competing strongly with long-established news organizations. Yahoo! News and the Huffington Post are two very different examples.

Lecture to conversation: Professional journalists are increasingly asked by their editors to mix it up in the “blogosphere,” or as an independent journalist you might use a blog to market your talent, ideas, and work. As a professional you aren’t just competing with amateur bloggers. You can also work with them and find ways to contribute to the public discourse in complementary ways. Global Voices, a bloggers’ network I founded, is one example of how bloggers are cooperating with journalists. But it’s important that as a professional you are at least as comfortable on the web as the average amateur media creator. Which means you need to have a basic understanding of what we call “Web 2.0″ technologies.


Basic web literacy (Fleischer, 30 mins)

Internet

The internet – or INTERnational NETwork – is a worldwide interconnection of computer networks which has its origins in the early 1960′s. As with many technological advances (such as the tin can (Appert/Durand) its initial development was driven by the needs of the military. The launch of Sputnik by the Russians (1957) led to the setting up of ARPA (Advanced Research Projects Agency) and funding from them led to ARPANET – the first computer network in 1969.

Lengthy (but dry) early history is here

BBS (Bulletin Board System), USENET (threaded discussions), Email, FTP (File Transfer Protocol) all available in the 1960′s but only small, private networks. Gradually more and more small networks emerged but some experienced problems transmitting data using radio signals (eg AlohaNet in Hawaii). A solution was found which led to a cable standard that became Ethernet and this in turn spawned the rapid growth of Local Area Networks (LANs). LANs then connected to internet servers (first in academia then business) and the infrastructure then existed for something revolutionary.

Excellent overview of internet history is here

Superb 7-minute guide to internet history by Ethan Zuckerman

World Wide Web

Important to remember that the internet is NOT the World Wide Web (WWW). The Web is a huge collection of linked items (documents, images, multimedia etc) which are stored on web servers which are connected via the internet. The pioneer of the Web was (Sir) Tim Berners-Lee. In 1980 he worked at CERN in Geneva – then the largest internet node in Europe – and wanted to create a way for scientists to share technical data, results and documents. CERN weren’t interested. Berners-Lee went away and invented a way to transmit the documents from computer to computer (HTTP or Hypertext Transfer Protocol), a way to identify a computer (the URI/URL) and even a way to view the data (a browser called ‘WorldWideWeb‘). And after all that…CERN still wasn’t interested! So, in 1990, Berners-Lee distributed his code and ideas using the internet where it was greeted with great enthusiasm.

Now we have dozens of browsers (Internet Explorer, Firefox, Safari, Opera, Camino, Konqueror etc etc). Users connect there individual computers to a gateway server (either via a LAN, or broadband or dial-up). Each computer has a unique IP address (eg 207.46.197.32) and the current standard IP4 allows for 4.3 billion individual addresses. It is an amazing thought that there are only 1 billion addresses left unused – not enough to cater for all the new uses the internet is being used for (VoIP, Coke machines! etc). The new protocol is IP6 which allows for 340 billion billion billion address (which should keep everyone happy for a while!)

The web would be unusable if we had to remember IP addresses and the DNS (Domain Name System) was created to overcome this problem. DNS servers contain lookup tables of domain names and their corresponding IP address. So when you type http://207.46.197.32 into your browser a DNS nameserver will locate the correct IP address and direct the browser to the correct server.

Your contribution to the Web?

If you want to put your own information on the Web you need to create a document in HTML (Hypertext Markup Language). We will cover this later in the course but for now here is the most basic page you can make:

Example using notepad.

To publish your page to your own website you would need to buy a domain name (eg mygreatsite.com) and a hosting account (some space on a web server where your web pages reside. The all you do is use FTP (file transfer protocol) to upload the files to your server space. We will cover many of these things in the weeks to come.

== 15 min. BREAK ==


Lab: (75 mins)

Useful resources:
Here are some useful tutorial videos on how to use the “Edublogs” system where your blog is hosted.
Click here for some pointers on controlling “comment spam” on your blog.


In-class work:

  • Set up your own blog on Uniblogs.org.
  • Email your new blog’s address to: jmsc.newmedia@gmail.com
  • Publish a brief blog post introducing yourself, including at least one functioning hyperlink.

Week 12 MJ and BJ Class Notes

0

Rebecca MacKinnon - November 26, 2007 @ 4:43 pm · Class Notes, JMSC0007, JMSC6019

We will spend the first part of class going over your chosen topics for the final blog post. Each person will be asked to talk briefly about why you chose that subject and what you’ve found out about it so far.

After the break we will talk about censorship circumvention, privacy and anonymity. These are important issues for journalists to understand in any country – but in China they are especially important because many of you may work in China or travel to China for reporting at some point.

We will discuss the concepts, documents, and links outlined in my document: Working from Mainland China, which is linked from the left-hand side of this blog.

Week 11 Class Notes for MJ and BJ

0

Rebecca MacKinnon - November 19, 2007 @ 1:57 pm · Class Notes, JMSC0007, JMSC6019

Congratulations for all your hard work on Hong Kong Stories over the past week. This week we will have a “postmortem” discussion about how things went and discuss the final blog post assignment.

The BJ class will have a guest speaker from the South China Morning Post’s multimedia section.

Week 10 Class Notes for MJ and BJ

0

Rebecca MacKinnon - November 12, 2007 @ 5:47 pm · Assignments, Class Notes, JMSC0007, JMSC6019

This week we are in the home stretch for the District Council elections!

Your advancer stories are due this week, according to the schedule on the wiki. I will publish your stories on the Hong Kong stories site after I’ve reviewed them and you’ve made any changes I request.

In class we will finalize our election coverage schedule. We will also discuss how to improve a couple of student stories that have already been uploaded in draft form. The purpose is to get everybody thinking about how to tell compelling news stories online.

In the last hour of the MJ class, Kevin Drew of CNN.com will talk to us about his experiences covering news online.

MJ & BJ Week 9 Class Notes

0

Rebecca MacKinnon - November 5, 2007 @ 3:38 pm · Class Notes, JMSC0007, JMSC6019

At the beginning of the MJ class Matthew Leung will give a quick tutorial on using Adobe Illustrator to make charts and graphs. (BJ’s already got the tutorial last week.) For future reference here are some other online tutorials:

For the rest of the class, guest instructor Jeremiah Foo and Ben will guide you in how to create and upload a Soundslides project with the photos and audio you’ve prepared. They will also show you how to FTP the project onto a server so that it will be published on the web.

As I mentioned last week, the New York Times multimedia page has great examples of audio slideshows.

Here is a professional Soundslides project by a journalist working freelance for a local newspaper website in the U.S. Mindy McAdams has more analysis of it here. Other great examples of professional Soundslides stories are here and here.

I suggest you also take a look at the following Soundslides tutorials:

Some extra how-to resources for your reference:

ANOTHER WAY TO PUT YOUR SOUNDSLIDES PROJECT ON THE WEB IF YOU HAVE A HKU.HK ACCOUNT:

All HKU students, in addition to having a HKU e-mail address, have a personal homepage. To access it type in http://www.hku.hk//YOUR_USER_NAME. Once you’ve confirmed where your homepage is, you can FTP your soundslides project onto it via Windows Explorer (only while on the HKU network) by following these instructions.

You can also send files to it from elsewhere via an FTP (File Transfer Protocol) program. A good one that works with Firefox is FireFTP which you can download for free and install as a plugin into Firefox. Chapter 1 of Journalism 2.0 explains what FTP is and how it works. I suggest you review that.

EMBEDDING SOUNDSLIDES INTO JOOMLA AND UNIBLOGS:

Embed Soundslides into HKStories (Joomla):
We will use an “iFrame” plugin. Click here to see what the final result looks like.
If the URL of the soundslides project is http://web.hku.hk/~rmack/publish_to_web/ , then you need to type the following code into your edit area: {iframe height="550" border="1" frameborder="1"}http://web.hku.hk/~rmack/publish_to_web{/iframe}
So in other words, {iframe height="550" border="1" frameborder="1"}URL{/iframe}

Embed Soundslides into Uniblogs:
If the URL of the soundslides project is http://web.hku.hk/~rmack/publish_to_web/ , then create a new post in your Uniblog. Click on the flash or “f” icon. A window will open. Paste in this http://web.hku.hk/~rmack/publish_to_web//soundslider.swf (in otherwords URL plus //soundslider.swf) You will then be asked to enter dimensions. Enter 620 for width and 533 for height.

This will only work well if you are using a blog theme that provides enough space for large pictures.

Embed Soundslides into other blogs and websites: This handy utility can help.

BJ Week 8 Class Notes

0

Rebecca MacKinnon - October 31, 2007 @ 12:14 pm · Class Notes, JMSC0007

We are starting to form Election Day coverage teams. You need to sign up for your preferred time and role.

You should all have accounts on the Hong Kong Stories website.

We will spend the first half of class learning how to do the following:

In our remaining time I will introduce you to Soundslides, and demonstrate the workings behind a simple Soundslides project.

You will get a chance to practice using Soundslides with Jerry next week.

Remember, the New York Times multimedia page has great examples of audio slideshows.

Here is a professional Soundslides project by a journalist working freelance for a local newspaper website in the U.S. Mindy McAdams has more analysis of it here. Other great examples of professional Soundslides stories are here and here.

I suggest you also take a look at the following Soundslides tutorials:

MJ Week 8 Class Notes

1

Rebecca MacKinnon - October 29, 2007 @ 3:25 pm · Class Notes, JMSC6019

You should all have accounts on the Hong Kong Stories website.

We will spend the first half of class learning how to do the following:

You will practice with the help of some photos and audio I have uploaded to our Google Group.

In our remaining time I will introduce you to Soundslides, and demonstrate the workings behind a simple Soundslides project. You can embed Soundslides projects into your blog and into the HKStories website. See more detailed instructions below.

You will get a chance to practice using Soundslides with Jerry next week.

Remember, the New York Times multimedia page has great examples of audio slideshows.

Here is a professional Soundslides project by a journalist working freelance for a local newspaper website in the U.S. Mindy McAdams has more analysis of it here. Other great examples of professional Soundslides stories are here and here.

I suggest you also take a look at the following Soundslides tutorials:

EASIEST WAY TO PUT YOUR SOUNDSLIDES PROJECT ON THE WEB IF YOU HAVE A HKU.HK ACCOUNT:

All HKU students, in addition to having a HKU e-mail address, have a personal homepage. To access it type in http://www.hku.hk//YOUR_USER_NAME. Once you’ve confirmed where your homepage is, you can FTP your soundslides project onto it via Windows Explorer (only while on the HKU network) by following these instructions.

You can also send files to it from elsewhere via an FTP (File Transfer Protocol) program. A good one that works with Firefox is FireFTP which you can download for free and install as a plugin into Firefox. Chapter 1 of Journalism 2.0 explains what FTP is and how it works. I suggest you review that.

EMBEDDING SOUNDSLIDES INTO JOOMLA AND UNIBLOGS:

Embed Soundslides into HKStories (Joomla):
We will use an “iFrame” plugin. Click here to see what the final result looks like.
If the URL of the soundslides project is http://web.hku.hk/~rmack/publish_to_web/ , then you need to type the following code into your edit area: {iframe height="550" border="1" frameborder="1"}http://web.hku.hk/~rmack/publish_to_web{/iframe}
So in other words, {iframe height="550" border="1" frameborder="1"}URL{/iframe}

Embed Soundslides into Uniblogs:
If the URL of the soundslides project is http://web.hku.hk/~rmack/publish_to_web/ , then create a new post in your Uniblog. Click on the flash or “f” icon. A window will open. Paste in this http://web.hku.hk/~rmack/publish_to_web//soundslider.swf (in otherwords URL plus //soundslider.swf) You will then be asked to enter dimensions. Enter 620 for width and 533 for height.

This will only work well if you are using a blog theme that allows you to have room for large pictures.

Embed Soundslides into other blogs and websites: This handy utility can help.

BJ Week 7 Class Notes

1

Rebecca MacKinnon - October 24, 2007 @ 12:00 pm · Class Notes, JMSC0007

As we start the second half of the semester, we begin to focus in on our District Council election coverage. Your “Advancer” stories and your election day coverage will be published on the Hong Kong stories website.

In class today we will discuss your various story ideas and organize our story assignments for the stories you will post before the election.

We will also get introduced to the the Joomla content management system, which is what the Hong Kong stories website uses. I have posted some useful how-to’s and tutorials for posting your stories on the HKStories Joomla platform here.

Some examples of online storytelling from last semester include stories by Jonathan Magee, Fion Li, and Nick Westra, Eileen Jong, and Mona Lam. Note your assignments this year are going to be different because you’ll be doing an “advancer” plus covering breaking election news. So your advancer does not to be nearly as long as their story packages.

We go through Mindy McAdams’ Online Journalism website for the best collection of tips. In particular, see Online Media Types and Using Online Media Types. Also see Chunks: Writing for the Web.

The Elements of Digital Storytelling breaks down the different kinds of elements used in online journalism. It also includes some very useful examples. This class doesn’t cover all the skills needed to create the advanced multimedia examples, but reviewing these examples helps you think about online storytelling, and how the approach differs from print or TV. Berkeley’s multimedia story planning tutorial focuses on how to plan a story for a stand-alone website, rather than the contributions you’ll be making on a group website, but many of the concepts in terms of mapping out your elements still apply.

MJ Week 7 Class Notes

0

Rebecca MacKinnon - October 22, 2007 @ 5:49 pm · Class Notes, JMSC6019

As we start the second half of the semester, we begin to focus in on our District Council election coverage. Your “Advancer” stories and your election day coverage will be published on the Hong Kong stories website. But first, a discussion of how online journalism gets put together on websites.

We go through Mindy McAdams’ Online Journalism website for the best collection of tips. In particular, see Online Media Types and Using Online Media Types. Also see Chunks: Writing for the Web.

The Elements of Digital Storytelling breaks down the different kinds of elements used in online journalism. It also includes some very useful examples. This class doesn’t cover all the skills needed to emulate the advanced multimedia examples (Jerry’s class will), but reviewing these examples helps you think about online storytelling, and how the approach differs from print or TV. Berkeley’s multimedia story planning tutorial focuses on how to plan a story for a stand-alone website, rather than the contributions you’ll be making on a group website, but many of the concepts in terms of mapping out your elements still apply.

In class today we will first use the wiki to organize your story ideas into a final story list. Then we will assign due dates at the virtual Assignment Desk.

If there is time remaining, the final part of class will be spent on an introduction to the Joomla content management system, which is what the Hong Kong stories website uses. I have posted some useful how-to’s and tutorials here.

Examples of successful online storytelling from last semester include stories by Jonathan Magee, Fion Li, and Nick Westra, Eileen Jong, and Mona Lam. Note your assignments this year are slightly different because you’ll be doing an “advancer” plus covering breaking election news. So your advancer does not to be nearly as long as their story packages.

« Previous Entries
Next Page »