COMP1710/Labs : COMP1710 : Laboratory 9 : Sound inclusion and modification of a template

COMP1710 : Laboratory 9 : Sound inclusion and modification of a template

Version 1.0

1. Objectives

To practice the inclusion of some sound within a web page, then to apply that knowledge to the modification of a Galerie's template.

References

http://www.wdvl.com/Multimedia/Sound/
http://www.w3schools.com/media/media_soundformats.asp
http://www.w3schools.com/media/media_browsersounds.asp (N.B. : use of "bgsound", "dynsrc" should of course be banned, as deeply browser specific)
http://www.w3schools.com/media/media_quicktime.asp

2. Tasks

2.0 Task 0 : Usual preparation

As usual now, create a directory named LABn_Uxxxxxxx where you will put today's work. Include an index.html file that will link directly or indirectly to all the html pages you will create. There should be a link to that page in all the pages you will create. There should be your name and a mailto link to your email at the bottom of all your pages.

Important : you should make sure to include a special page named source.html or log.html with the list of media you used in your lab, with the type of modification you have done. Please read the rule about borrowing data in the context of COMP1710 labs and assignment

2.1 Task1 : Include a sound in a web page

Basically, including a sound in a web page is the same as including a video. You may inline it by coupling an embed/object set of tags (the double tag being due to backward compatibility transition) or just by providing a link towards a sound file. Sound files may be in the form of QuickTime files (.mov), .mid, .mp3, .m4a (mpeg aac) or other less respectful of open standards ...

mp3 is widely used as it used to propose one of the best compression/quality ratio.
.m4a (aac) is better quality and come from MPEG world too (open standard used by Apple to build the iPod/iTunes concept) :
"AAC (Advanced Audio Coding) is not a MPEG layer, although it is based on a psycho-acoustic model. Sometimes referred to as MP4, AAC provides significantly better quality at lower bit-rates than MP3. AAC was developed under MPEG-2 and also exists under MPEG-4"
. mid stand for MIDI and is the music score, so it is highly compressed, but the music has to be synthesised on the client side.
Quicktime is just an encapsulation and could manage the sound in any of the previous formats.
Ogg Vorbis is a new format to follow : it has been build to be a fully open source standard.

Chose some sound from here, here or somewhere else, but remember to log your sources

Inline that chosen sound into a web page. Make it start automatically. Make the control bar visible to let the user stop the sound if he doesn't want to listen to it.

Tip : you may want to use PAGEotX to produce the code

2.2 Task 2 : Include some CSS in one of Galerie's template

Reference

http://www.myriad-online.com/en/docs/galeriebuildingtemplates.htm

Consult Task 4 of lab 5 to reinstall Galerie
Consult Galerie documentation about templates.
Duplicate and rename one of the provided template
Modify this new template to include a different CSS in the index page and in the image page
Modify the template to clean it from any style aspect : the CSS should be an outside file
Generate a small gallery with at least 3 images

3. Conclusion

From today, you should not have any more question/issue on how to produce an excellent assignment.

4. Extra work

Download Manypage and use it to dress a set of pages, or ask some questions about the assignment (after you are done with this lab !).

5. Summary to get 3 marks for this lab session

This week, you may follow exactly the same process as previous weeks to upload your work, or chose to ftp to liskov to do so.

If there is an issue with partch, you may use iwaki instead.

N.B. : For more information about the uploading and access to partch/iwaki/liskov server, please consult

http://liskov.anu.edu.au/ and http://tsg/twiki/bin/view/Documentation/StudentSettingUpWebPages

Create a directory which name is LAB7_Uxxxxxxx where xxxxxxx is your student id.
Within that directory, put the deliverables describe for this lab (see above)
Zip that directory and its contents. ( If everything is working well, the name of the zip file should be LAB7_Uxxxxxxx.zip where xxxxxxx is your ... )
open a Terminal application (within the Hard Disk / Application / Utilities)
Change your directory into the one which your zip file is in
- type cd, then a space
- drag and drop the icon of the directory that contain your zip file on the Terminal window
- press return
- type 'ls', then <return> and you will see the list of files in that directory, one of them being your zip file
- See the video
Copy your file on the DCS student server 'partch' using scp
type 'scp LAB7_Uxxxxxxx.zip uxxxxxxx@partch.anu.edu.au:public_html' then <return>
You will be asked your password, the usual one. please pay attention : xxxxxxx is your student ID
Connect to the server, go to the right directory, unzip your file
- type 'ssh uxxxxxxx@partch.anu.edu.au' then <return>
  You will be asked to confirm that you want to start a secure connection, and then your password, the usual one,
- type 'cd public_html' then <return>
- type 'unzip LAB7_Uxxxxxxx.zip' then <return>
- type 'chmod -R 755 LAB7_Uxxxxxxx' then <return>
- type 'cd LAB7_Uxxxxxxx' then <return>
- type 'ls' then <return>
  check that you see a list of your file and subdirectories
take a web browser and check that your work is visible on
http://liskov.anu.edu.au/~uxxxxxxx/LAB7_Uxxxxxxx/
Keep reading up to the end : you still have to send an email with the working URL ...
- if not, there must probably be some uppercase/lowercase issue, or something like that. Make sure to send a clean URL by mail or else your lab won't be marked
- another issue could be that your account had not been properly created. Log into streams, wait for 10 min and try again.
- if it is still not working, check again, then check again, then send a mail to consultant@cs.anu.edu.au with a detailed description of what you have done.
Summary of the Shell Session (yellow part are what you have to type, each time validated by a press of the <return> key

> scp LAB7_U4032266.zip u4032266@partch.anu.edu.au:public_html
   The authenticity of host 'partch.anu.edu.au (150.203.24.13)' can't be established.
   RSA key fingerprint is c8:ad:18:32:da:37:6f:d5:72:ab:c9:8b:8e:e7:f2:59.
   Are you sure you want to continue connecting (yes/no)? yes
   Warning: Permanently added 'partch.anu.edu.au' (RSA) to the list of known hosts.
   u4032266@partch.anu.edu.au's password:  your passwd here 
   LAB7_U4032266.zip                        4% 344KB   13.7KB/s 09:46 ETA
   LAB7_U4032266.zip                      100% 8404KB   8.7KB/s   16:01                                                                                                                   100% 8404KB   8.7KB/s   16:01    

   >  ssh u4032266@partch.anu.edu.au
u4032266@partch.anu.edu.au's password:  your passwd here 

partch:~> cd public_html
partch:~/public_html> ls
 LAB7_U4032266.zip
partch:~/public_html> unzip LAB7_U4032266.zip
Archive:  LAB7_U4032266.zip
   creating: LAB7_U4032266/
   creating: LAB7_U4032266/testweb/
  inflating: LAB7_U4032266/testweb/back.gif  
  inflating: LAB7_U4032266/testweb/background.gif  
  inflating: LAB7_U4032266/testweb/forward.gif  
   creating: LAB7_U4032266/testweb/fullsize/
  inflating: LAB7_U4032266/testweb/fullsize/2004_04_17_10.02.20.jpg  
  .....
  >

Send an email to both Pascal.Vuylsteker@anu.edu.au and to your tutor such that
- The "Subject" of the email start with "COMP1710_LABn_Uxxxxxxx" (without the double quotes, all uppercase, with underscores, and where xxx... !)
- The content of the mail is
  - Some polite greetings, like "G'Day Mate, my first has been published at the following address :
    http://liskov.anu.edu.au/~uxxxxxxx/LAB9_Uxxxxxxx/
  - Make sure that the URL is working and point to your work !!!!!

Notes

If you want to learn more about scp
http://support.real-time.com/linux/web/scp.html
http://www.monkey.org/ssh/mac-osx.html
Please, send only one mail if the lecturer is also the tutor !!!
Make sure that your 'From' address is either the official ANU address (uxxxxxxx@anu.edu.au or FirstName.Surname@anu.edu.au) or start with FirstName.Surname@
Send an email to yourself first if you want to check that everything is all-right.
Always CC the email to yourself and check that you are able to properly unzip the attached file.
Marking scheme
- If you achieve to sent properly (Subject, greeting, zip file attached ...) an email and the web site contain something
- If you do most of the work and send it properly, you get 2 marks.
- If you do EVERYTHING properly and send it properly, you'll get up to 3 marks for this lab.
- To be valid, the submission has to be send the very latest On Sunday at 23:55 after the Laboratory in which you are enrolled.But you should never wait till the last minute !