BRIGHAM YOUNG UNIVERSITY

  Humanities Technology and Research Support Center

CHum 310
Web-based Content Exercise

For this assignment you should use the template file WebContentTemplate.rev. You can either copy it from the CHum 310 file server, OR simply open LiveCode and enter into the message box:

go stack url "http://chum310.byu.edu/Templates/WebContentTemplate.rev"

This will open a copy on your workstation. When you save it, it will be saved to your local file system.

1. A Russian teacher needs your help in creating a list of illustrated vocabulary words for her beginning students. She has entered the list into the template stack. The English equivalents are as follows, in the same order as the Russian list:

America
Baku
equator
Germany
Holland
camera
kangaroo
contract
mania
Norway
St. Petersburg
rose
airplane
tractor
Ukraine
veteran
Japan
humor
Jupiter
zebra

2. The following wave files are located at http://chumweb.byu.edu/russian/audio

amerika.wav
baku.wav
ekvator.wav
germaniya.wav
gollandiya.wav
kamera.wav
kenguru.wav
kontrakt.wav
maniya.wav
norvegiya.wav
peterburg.wav
roza.wav
samolyot.wav
traktor.wav
ukraina.wav
veteran.wav
yaponiya.wav
yumor.wav
yupiter.wav
zebra.wav

You can play an audio file from a web server (as long as the format is uncompressed wave or aiff or mu-law) by using the command play url validURLhere.

3. The following image files, which correspond line-for-line with the audio files above, are located at http://chum310.byu.edu/media/images/

usa-map.gif
baku.gif
equator.gif
germmap.gif
holland-windmill.jpg
camera.png
kangaroo.jpg
contract.jpg
mania-pyro.gif
norwaymap.gif
petrpavl.jpg
rose.gif
airplane.jpg
tractor.gif
ukraine_map.jpg
sov-vets.jpg
japan_map.gif
laugh.gif
jupiter.gif
zebra.gif

You can change the image displayed in an image object by setting the filename property to a valid URL.

4. You may "dress up" the stack in whatever way you wish (color, layout, etc.)

5. When you first get to the card, the instructional message "Click on a word in the list" or something similar should appear in a prominent place on the card. There should be no picture showing in the image object.

6. In the field showing the Russian words you should write a handler that does the following:

When the word is clicked,

• the English equivalent of the word clicked should appear in large print in the transparent field above the image object,
• the corresponding audio file should play,
• the corresponding image file should appear in the image object.
  • You should automatically resize the image proportionally so that it fits easily on the card without covering up the other objects on the card.
    There is a suggestion for how to do this in the lesson on writing custom functions.

DO NOT IMPORT THE FILES INTO THE STACK!

7. The Exit button should quit or close the stack.

8. If you get stuck see the stack webContentKey.rev (go stack url "http://chum310.byu.edu/Keys/webContentKey.rev") in the Keys folder on the CHum 310 server. When you are finished turn your stack in to the Assignment Drop folder. (For this you'll have to connect to the file server since you can't write to the server using the http protocol.)

This assignment is due next class period.