Digital Guyana

To round off the course and consolidate the learning of the previous weeks, we ended the course with a quiz. 38 points were up for grabs and we were pleasantly surprised by how much all the groups got into it. There were some pretty high scorers too, so they must’ve all been paying attention.

Here are the questions:

HTML

1. Which tags open and close an HTML page?

2. What are the tags for?

a) Paragraph
b) Bold
c) Italics

(3 marks)

3. What does HTML stand for?

4. Name a web browser.

5. <img src=”pictures/photo.jpg”></img>

Is the above an image, link or table?

CSS

6. what does CSS stand for?

7. Here is some sample code for linking a .CCS document to a web page:
<link href=”….css” rel=”stylesheet” type=”text/css” media=”all”></link>

Which of the following tags does it belong between?

a) <title></title>

b) <head></head>

c) <body></body>

8. Here is a style attribute:

background-colour: blue;

However, there is something wrong with it, what is this?

9. List two more style attributes. (2 marks)

10. What will the following styles do to a web page:

body {
background-color: black;
}

h1 {
font-size: 18pt;
color: yellow
font-family: verdana;

p {
font-family: arial;
font-size: 9pt;
color: white
}

(3 marks)

Social networking

11. What does ‘open source’ mean when referring to software?

12. Name three social networks.
(3 marks)

13. What is the name of the free, user-created Internet encyclopedia?

Blogging

14. What’s the difference between a ‘post’ and a ‘blog’?

15. What is a ‘blogroll’?

16. Name an online service for finding blog posts written by others.

17. What does ‘SEO’ stand for?

18. Why are links important in blogging? Give one example.

19. Why should you avoid using ‘click here’ as anchor text in links?

20. How many bloggers had signed up with WordPress.com as of Sunday evening, 9 August 09?
153,000, 207,000 or 378,000

Good content

21. Scannability refers to the tendency for peoples’ eyes to skim around web pages more than they would with a printed article. Related to this is the 10 second rule. What is the 10 second rule?

22. Which type of fonts work better online than print, Serif or Sans Serif?

23. Why is it a bad idea to use blue writing on a purple background?

24. Why is it useful for websites to use taglines with their titles?

25. Why is it a bad idea to use really long paragraphs?

26. Name one way you could you check for spelling mistakes?

27. How much slower do people read on the computer screen than print? 25%, 50% or 5%?

GIMP

28. What does the crop tool look like in Gimp?

29. Name two ways to resize an image in Gimp?
(2 marks)

30. What is the keyboard shortcut for undo?

(Maximum 38 marks)

Tags:

On the last day of the course I asked Matt a few questions about the project and his experience in Guyana.

Pontus was only able to make the first two weeks of the project but was an indispensable part of the team, developing the HTML, CSS and advanced HTML parts of the course.

I put a camera in front of Pontus and asked him a few questions at the end of his stay:

Now I’m back in England (and in an office with an incredible broadband connection) I’m able to upload some of the video that I took while out in Guyana.

I’ve got interviews with some of the other guys to come. In the meantime, here’s some footage of us (mainly Pontus here) feeding the manatees in the Georgetown National Park:

For more info read Pontus’s earlier post about the manatees.

In an earlier post I said that a crew from NCN had come to interview us for a feature about our project. Well, here’s the feature itself:

It’s a shame that Hugh’s contribution wasn’t included – most likely due to someone noisily starting up a van’s engine mid-interview.

Big thanks to NCN for airing the feature out and for giving us a copy.

Tags: , ,

The first part of this specialism on good content focused on writing skills. I came up with four exercises which were designed to get the participants thinking about best practice in terms of writing for the web.

Exercise 1. Titles and taglines.

I split the group up into pairs and gave them three website scenarios (see below). I then asked the pairs to come up with titles and taglines for the websites. As previously explained in my workshop on content skills, a website’s title should be relevant and descriptive – and hopefully memorable too – and a tagline is important because it helps further explain what your website is all about. So the purpose of this exercise was to hammer home these points while getting the participants to think creatively about websites.

1. A friend of yours is starting a blog on nightlife and music in Georgetown. Can you help him come up with a title and tagline for his new site?

2. Adventure junkies, a new Guyanese tour company offering treks to Kaieteur Falls and more has just launched. It aims to attract a younger clientele with the promise of adventure and bargain prices. Can you come up with a catchy tagline for its new website?

3. The ministry of education wants to develop a new website which will help foster web development skills among young people in Guyana. The site will offer free tutorials on HTML, blogging, content skills, picture editing and plenty of links to free open source software. Can you help them come up with a name and tagline for the website?

The pairs then reported back to the group and me and together we critiqued their titles and taglines.

Exercise 2. Shortening paragraphs.

Because it’s physically harder to read online and people scan web pages more quickly than they would printed material (scannability), in general shorter paragraphs work better online. So to get the participants more used to the process of editing down and cutting out words I asked them to shorten these opening paragraphs from the following news stories by five to ten words:

Bald penguin given wetsuit to prevent sunburn
When Ralph the penguin lost his feathers it looked like he wouldn’t be able to swim with his friends at Marwell Wildlife – until he was fitted for a mini wetsuit to stop him getting sunburn.

Chinese women confuse immigration officers after cosmetic surgery
A group of Chinese women who travelled to South Korea for cosmetic surgery baffled immigration officers on their return home when their new looks did not match their passport photos.

Michael Jackson fans flock to see Egyptian model ‘lookalike’
Michael Jackson fans are flocking to a Chicago museum to see a 3,000 year old Egyptian model which looks remarkably like the late king of pop.

Exercise 3. Headline writing.

I then asked the participants to come up with headlines for these news stories. I stressed the importance of brevity, descriptiveness and relevance – clever and cryptic headlines don’t work so well online due to search engine optimisation and scannability.

I asked the participants to show me the headlines they came up with and we had a quick chat about them. I then revealed what the actual headlines were and explained why they were worked well as online headlines.

Exercise 4. Splitting up paragraphs.

Because readers are put off by long paragraphs – even more so online due to scannability and the fact that it’s harder to read on a computer screen – I came up with an exercise that would get the participants thinking about splitting up paragraphs.

I provided them with a travel feature on Guyana which I had removed all the paragraph breaks from and asked the participants to insert thir own paragraph breaks. We then went through the feature together discussing why the writer had put paragraph breaks in at certain points and seeing if they coaleasced with where they had put their paragraph breaks in.

Day 3 Morning – Beginning the Assignment

The project set comprised of making a short animation in which a character walks up to a car, enters, and drives off. I thought this was an apt choice of project as not only did it cover all the skills that the students had been learning (with the exception of lip-synching, which they had all mastered very well) but it also encouraged creative application of the skills they had learned. For example the car, in order to be animated more realistically, would need spinning tires – a use of the MovieClip symbol that I had not taught them, but could be figured out from what I had. The same goed for animating the character opening the door and getting in the car.

Most of the morning session comprised of me answering and questions the students had and assisting them with any problems they encountered.

Day 3 Afternoon – Further Reading Plus Inspiration and Group Assessment

In the afternoon session, whilst the students finished up their work, I introduced them to the popular website Newgrounds.com. Newgrounds is a web-based animation forum for animation mostly made in the flash environment. It is a completely user-generated content website, and so finding high quality animation can sometimes be difficult. However it is a great resource for seeing what the flash environment is capable of. Whilst the students worked I played a series of my personal favourite animations which showed various different styles and complexities of approach to animation.

I set a deadline for the projects to be completed, exported to Quick Time and on a memory stick for about 3:00pm. At this time I uploaded all the files onto the computer I had been using (which was hooked up to a data projector) and played the animations back for everybody to see. There were some impressive, creative responses to the project and I am very proud of the work the students did. Of course they are not quite professional quality yet, but for a week long project they did incredibly well. In addition they now have almost all the skills they need to, with enough passion for it, push the finesse of their animations toward professional quality.

I would like to take this opportunity to pass on my hearty congratulations to all the students who took part and to thank them for the opportunity to share my knowledge with them. It has been an absolute pleasure and I hope that got as much out of it (or even more) than I did.

I will include a list of resources and a few of the animations I showed my students in a further post at some point in the near future.

After finishing the course with our final workshop last Friday and saying goodbye to Chris, who had an early morning flight on Saturday, Matt and me hit the road for our longest trip away from Georgetown yet: a four day excursion to the far south of the country.

Surama eco lodge

The Rupununi – or, the much cooler sounding Region 9 – is where Guyana’s rainforests suddenly stop, replaced by vast open plain savannas. Our first destination was Surama, an Amerindian village containing around 250 inhabitants dotted among a few square miles of open savannas which are encircled by the rainforest covered Pakaraima Mountains.

We stayed at their eco lodge – you can’t really stay anywhere else. The set-up was a bit like Arrowpoint, which I blogged about in a previous post, but more community friendly and homespun. It’s run by locals and the cost of staying there covers board, guides, food – which is locally sourced – and the bumpy 20 minute motorbike ride from the Georgetown to Lethem road (which by the time you’ve reached Iwokrama rainforest, which Surama is just south of, is a wide brown heavily potholed track – guaranteed to rock you to sleep in the wee hours of a twelve hour overnight bus journey).

The setting (see above) was pretty spectacular. And on a hike up Surama Mountain and canoe trip along the nearby Burro Burro River with our guide Milner we spotted spider monkeys, macaws and toucans. Best of all, a capuchin monkey crossed the river above our boat using the forest canopy, pausing at one point as if to say hello.

After two days at Surama we then hit the savanna proper at Annai, a 45-minute bike ride south. To save cash we slung hammocks (they don’t really do camping in Guyana due to the insects) and ate our meals at the Oasis truckstop by the main road. Due to the proximity to the border it felt much more Brazilian here, even if the local Amerinidians speak English with a Caribbean twang. As two white guys who’d chosen to stay here rather than the nearby ecotourism resort Rock View we were very much the local curiosity. But it was still a fun place to hang out and snack on Brazilian food as reggae blared out of the speakers.

Unlike Surama we didn’t need a guide to climb the nearby mountain and the views of the vast savanna landscape, with vultures circling overhead, were unforgettable. Though not quite as good as those from the 12-seater plane which flew us back to Georgetown.

Waiting to board by the Annai airstrip I got chatting about tourism with a chap called Eli who runs the nearby Rewa eco lodge, which like others in the region, models itself on Surama. As I mentioned in my Arrowpoint post, tourism in Guyana is very much in its infancy, not helped by the price of internal flights, the lack of travel options to neighbouring South American countries and the tendency to peg prices to the Caribbean. But Eli said things are definitely getting better – ten years ago you simply didn’t get travellers in this part of the country. The recently completed Takutu River Bridge which links Lethem and Bonfim in Brazil should also improve things.

Whether the eco lodge tourism model can support larger numbers of tourists is another matter. It will be interesting to see what happens in years to come. In the meantime I’m just going to enjoy that slightly selfish buzz you get when you visit an amazing place you know that few other travellers have been to before.

View from the hills near Rock View, Annai

I’m back in the UK now, getting over the jetlag. Matt is in Mexico, extending his trip away a little while longer. When he returns in September we will all meet up to evaluate the project. I’m looking forward to that and I’m sure we’ll do more posts on the subject, but right now I’m having a nap…

Day 3 Morning – MovieClips and Tweens

The first part of the morning was spent showing the class the two major tweens used in flash before CS4: Motion and shape. Tweens are a kind of shortcut for animation in flash. You put the object you want to animate in a position at the first and last frames you want to animate and flash does the rest of the work.

The students learned that a shape tween can only be applied to the area between two keyframes on a layer without symbols in them. Similarly, they learned that motion tweens can only occur between two keyframes on a layer that have only one instance of the same symbol in that frame.

The second part of the morning introduced the students to MovieClips. MovieClips are a type of symbol that instead of being a static graphic can be a looping animation. I showed the students how to put their lip-synched animations into a MovieClip and then animate that MovieClip using a tween.

Day 3 afternoon – Walk Cycles, Motion Guides and exporting to Quick Time

After instroducing looped animation using MovieClips I continued to show the class what a walk cycle was. A walk cycle is a looped animation showing a character walking. Making a walk cycle and then animation the movieclip with a motion tween is a great shortcut to get characters moving quickly and effectively.

We started off with a very simple walk cycle for a stick man – each arm and leg was a symbol, then each one was put on a seperate layer and animated using tweens in order to give the feel of a walk (even if it was very stiff and stilted). After they each had a simple walk cycle I got the students to break the arm and leg symbols up into forearm, arm, thigh and shin, so that the character would have working knees and elbows. I then got them to analyze somebody walking in order to find the best way to make the walk look realistic.

A lot of students at this point took the opportunity to use their lip-synched face animation as the head for their stick man. I commend their creativity.

Once everyone had a walk cycle completed, I showed the students motion guides. Motion guides are a line that can be paired with a layer in order to manipulate the path a tween follows – so that you can create a more diverse movement than just a straight line.

Finally, I taught the students the procedure for exporting an animation to the Quick Time .mov file format for use in video

The final part of the afternoon session was setting a quick one-day project for the students to consolidate the skills that they had picked up. Details to be posted in the day four post.

Day four will be posted up shortly.

steelband

It struck me this week that I’ve not really tried to properly describe Georgetown on this blog since I’ve been here.

It’s a hard place to pin down. It’s on the Caribbean coast but the sea is brown and the beach litter strewn. We’re in South America but the two main ethnic groups, Indo and Afro-Guyanese, both speak a Creolese flavoured English. It feels like an old colonial capital, yet with the myriad wooden houses on stilts and long wide streets there’s a real whiff of the Deep South about the place.

There are no shades of grey, however, in one aspect of Georgetown – the noise. It is an incredibly noisy city. In a good way.

From the constant beeping of minibuses and taxis, the thud of chutney and soca music, locals bantering in the street – and occasionally shouting ‘white man’ at me – there is rarely, nay never, a pause for calm. I love it. And when the sun goes down the clamour of the city doesn’t let up – the hum of crickets and yelping of stray dogs your sleeping soundtrack.

So, partly inspired by Chris’s guest blog on the Sounds of Guyana on the My Place Or Yours site and my love of sound clips (I also recently discovered a sound recording function on my camera) I decided to try to record a few memorable sounds and things that caught my ear. What follows is a six minute hotchpotch I’ve quickly spliced together in Audacity featuring, among other things, local radio in minibuses, Creole chatter, wildlife – i.e. stray dogs and kiskadees – and a quick introduction to dominoes.

Apologies for the odd sound pop – my recorder isn’t great – and Chris’s drunken musings during Haddaway (remember that one?!)… too good not to include.

Georgetown sounds mp3 (click to play / right to click save as).

Bringing web skills to Guyana

A volunteer project from CYEC (Commonwealth Youth Exchange Council)

Guyana on Flickr