TAITAJA 2011 TEHTÄVÄ 1 (1) Verkkosivun tuottaminen semifinaali Australian matkailu haluaa uuden animaation.

Transkriptio

1 TAITAJA 2011 TEHTÄVÄ 1 (1) Verkkosivun tuottaminen semifinaali TEHTÄVÄ Australian matkailu haluaa uuden animaation. Tehtävänäsi on suunnitella ja toteuttaa kyseinen animaatio. Sääntöjä: 1. Se pitää olla animaatio, joka toistuu alusta loppuun kun sivulla ollaan 2. Animaation koko sivulla, jolla se esitetään pitää olla leveydeltään 720 ja korkeudeltaan 540 kuvapistettä 3. Animaatiossa pitää olla kuvia ja tekstiä sopivassa suhteessa 4. Käytä animaatiossa seuraavaa tekstiä: Come to Australia 5. Käytä animaatiossa seuraavaa tekstiä: Visit us 6. Kuvia animaatioon löydät mm. Z:\katta\luku\kuvat2 kansiosta. Käsittele kuvia animaatioon sopiviksi. 7. Piirrä ja käytä (vähintään 1) itse lisää animaatiossa tarvitsemiasi elementtejä. 8. Animaatiossa pitää olla kenguru, joka hyppelee. TOIMENPITEET PISTEYTYS Tee animaatio haluamillasi välineillä. Voit käyttää C:\Tiedostot-kansiota tallennuspaikkana. Palauta valmis työ ja kaikki siihen liittyvät tiedostot kansiona nimeltä ANIMsukunimesi-etunimesi KOPIOIMALLA se Z:\katta\kirjoitus kansioon. Poista kansio käyttämältäsi koneelta, ettei se jää muiden nähtäväksi. Täysin toimiva ja näyttävä kokonaisuus maksimissaan 15 pistettä.

2 TAITAJA 2011 TEHTÄVÄ 1 (1) Verkkosivun tuottaminen semifinaali TEHTÄVÄ Tee Z:\katta\luku\kuvat2 kansiosta löytyvistä kuvista pikkukuvat. Pikkukuvan koko on oltava 100*75 kuvapistettä. TOIMENPITEET PISTEYTYS Kopioi Z:\katta\luku\kuvat2 kansio C:\tiedostot kansioon. Nimeä kansio nimellä KUVAsukunimietunimi, jossa suku- ja etunimeksi annat omat tietosi. Muuta kaikki kuvat pikkukuviksi ja säilytä alkuperäiset sellaisenaan. Saat nimetä pikkukuvat haluamallasi nimellä. Kun olet valmis, niin kopioi tekemäsi kansio Z:\katta\kirjoitus kansioon. Maksimissaan 10 pistettä. Pikkukuvien puuttuminen ja muut virheet vähentävät pisteitä.

3 TAITAJA 2011 TEHTÄVÄ 1 (1) Verkkosivun tuottaminen semifinaali TEHTÄVÄ Australian matkailu haluaa uuden pelisivun. Pelin nimi on "Kirsikkapuut Japaniin, kengurut Australiaan". Kansiossa Z:\katta\luku\kuvia on peliin liittyvät kuvat. Kolme kuvista on kirsikkapuista ja kolme kenguruista. Näiden lisäksi kansiossa on kuvat kartoista. Tehtävänäsi on suunnitella ja toteuttaa kyseinen pelisivu. Sääntöjä: 1. Peli on www-sivulla ja sivulla on "Käynnistä peli" painike 2. Pelaajalta kysytään nimi 3. Pelialueen oikeassa yläreunassa on Japanin kartta (Japani.png) ja oikeassa alareunassa on Australian kartta (Australia.png) 4. Pelialueen vasempaan reunaan tulee satunnaisessa järjestyksessä 4 kuvaa kirsikkapuista ja kenguruista. 5. Pelaaja vetää vasemman reunan kuvat hiirellä ja pudottaa ne oikean reunan karttojen päälle. 6. Pelaaja saa yhden pisteen Kengurun viennistä Australiaan ja kirsikkapuun viennistä Japaniin. 7. Kuvan viennistä väärän kartan päälle saa 0 pistettä. 8. Jos kuvan yrittää pudottaa muualle kuin kartan päälle, niin silloin kuva palaa takaisin alkuperäiseen paikkaan tai jää paikalleen odottamaan uutta vetämistä. 9. Kun kaikki 4 kuvaa on viety, peli loppuu ja pelaajalle näytetään tulos seuraavassa muodossa: "Nimi, sait 2/4 (50%) oikein". 10. Tuloksen näyttämisen jälkeen pelaajalta kysytään: "Pelaatko uudelleen vai lopetatko?" 11. Jos pelaaja valitsee lopeta-painikkeen, niin peli loppuu ja sivulla näkyy "Käynnistä peli" painike 12. Jos pelaaja valitsee uudelleen-painikkeen, niin peli alkaa uudestaan, mutta pelaajan nimeä ei kysytä TOIMENPITEET PISTEYTYS Tee peli haluamillasi välineillä. Voit käyttää C:\Tiedostot-kansiota tallennuspaikkana. Palauta valmis työ ja kaikki siihen liittyvät tiedostot kansiona nimeltä GAMEsukunimesi-etunimesi KOPIOIMALLA se Z:\katta\kirjoitus kansioon. Poista kansio käyttämältäsi koneelta, ettei se jää muiden nähtäväksi. Täysin toimiva ja näyttävä kokonaisuus maksimissaan 25 pistettä.

4 Web Design (TP) December 2010 January 2011 Designers David Summerville, Tapio Kattainen

5 Web Design Competition 1 SECTION 1 - YOUR TASK AND GENERAL INSTRUCTIONS You have been commissioned by the Australian Tourism Commission to produce a website on Australia to promote travel. You have been supplied with logo, text, images and some video to use on the site. Your website must contain the following pages: Home Page o General information about Australia (home_page.txt) o Animation About Australia page (Video is in this page) o Environment page o Flora & Fauna page o History page o Offbeat Facts page o People page o Unique Wonders page o Weather page Places to go page o Beach, Coast & Reef page o Cities page o Farms & Stations page o Outback page o Parks page o Rainforest & Mountains page o Unique Wonders page Things to do page o Amazing Experiences page o Cultural Activities page o Exhilaration Activities page o Food Activities page o Nature & Wildlife page o Relaxing Activities page o Science & Technology Activities page o Shopping Activities page o Sporting Activities page What s On page Request for more information form page Text for each of these subpages is included with the supplied data as well as a generous amount of graphics. You may include other features that they feel enhances the site (remember copyrights). There is no text for the main menu pages (for example the Places to go page), but the pages must have some content in them when the website is ready. The Australian Tourism logo is included in the data. It must be used in every page.

6 Web Design Competition 2 Accessibility and usability standards: o Different title for all pages o Cross-browser compatible between Firefox 3.0 and IE 8 o Work in different screen resolutions (Minimum: 1024 pixels by 768 pixels). o Format layout using CSS o Provide sufficient contrast between text and background colors o Keep navigation systems consistent The data from the request for more information form must go to the database. Validate all input and show the validated information to the user and allow either save or cancel. Request for more information form should collect the following data: o Name (compulsory, at least 2 letters) o Request o Address (compulsory, structure a@a.fi is correct) What s on page should be easily updated by the webmaster. He wants to have a small content management system for updates. On What s on page there must be the news items from the subcategories (Exhibitions, Festivals, Performing Arts, Sport) and images related to those categories. Create the paging system. To user is first shown 5 items and then will start the paging. CMS (content management system) Module should be integrated into the website and should o Allow the webmaster to add and delete news items o News items structure is (text, category, picture) In addition to your website planning (layout picture) on digital form is also required.

7 SECTION 2 TASKS TO DO Web Design Competition 3 Task 1: [Module A Graphic Template Design] At the end of this module, you will have to produce the following items: The color scheme and typography chosen and explained (MS Word document called color_and_font.doc) Digital design for the homepage AND the What s On page (2 JPG files) Go through the pictures in australia folder and choose the ones you will use. Modify the ones you chose to fit into your site. NOTE: Every page must have at least one picture. Module A will be marked from layout pictures and Word document. Task 2: [Module B Front End Implementation] At the end of this module, the following site elements have to be completed for: Static version of the whole site finished Content added to every page Request for more information form page ready (the form must not be functioning) Navigation operational Module B will be marked on expert s computer from the address:

8 Web Design Competition 4 Task 3: [Module C Animation and Video] At the end of this module, the following tasks have to be completed: An animation (unique.swf) included in the homepage The animation parameters should fit it to the homepage Choose the movie file (downv40.asf OR scc-wm-80-2.asf) Edit movie file to be 30 seconds long Edit movie file to have your name in the credits at the end of the movie Edit movie file to have two video transitions in it Add the new movie to the About Australia page with control buttons (play, stop, rewind and pause) Module C will be marked on expert s computer from the address: Task 4: [Module D Back End Implementation] The following elements need to be in working state on the website Request for more information form functioning. Information goes to the database. User authentication for the webmaster A small CMS for the webmaster, to insert and delete news items on the What s On page. Create yourself 7 news items. Module D will be marked on expert s computer from the address:

9 Web Design Competition 5 OVERALL INSTRUCTIONS TO THE COMPETITOR Competitors must use PHP-scripts created by him/herself in the competition. Competitor can use jquery library. The web site structure must use CSS. Use webmaster for CMS-area username and webmaster for CMS-area password Make all your pages and PHP-programs to C:\xampp\htdocs\australia folder and folders under that Use root for MySQL-username Use root for MySQL-password Xampp tools you find from the address: Address to your website is