|
|
23.2. Tiistai
8.00 - 10.40 Flash sivustojen esittely
11.20 - 13.00 Itsearviointi, materiaalin palautus ja omien töiden taltiointi
22.2. Maanantai
9.00 - 10.45 Jämsän Pursiseuran valmiiden sivujen läpikäynti (Opettajan versio)
11.20 - 14.00 Palvelimelta opiskelijoiden tekemien sivujen läpikäynti
18.2. Perjantai
Jämsän pursiseuran varsinaisen sivuston avaus
(http://japs.avkoti.com)
- siirretään tehdyt sivut ja palvelut
klo 12.00 sivusto valmis:-)
18.2. Torstai
8.00 - 12.00 Sivuston työstöä
- kuvagalleria
- artikkelien lisäys työkalu...
- lomakkeet julki
(Flash palveluja - bannereita yms - jos joku haluaa?)
17.2. Keskiviikko
8.00 - 8.45 Paavon terveiset?
9.00 - 9.45 Uuden alidomainin perustaminen
10.00 - 10.45 Index-sivu uudelle alidomainille
11.20 - 12.00 index sivu jatkuu (ajankohtaista php)
12.15 - 13.45 sivujen päivitystä
- veneluettelo
- veneet
- linkit
-tukikohtan tekstien päivitys
16.2. Tiistai
(Sijaisena Tommi Rantala)
8.00 - 9.45 Paavo kommentoi sivustoa (Jäsenlomakkeen teko)
10.00 - 10.45 (Lomake loppuun ja cgiemail tai mailto)
11.20 - 12.00 palautelomake loppuun
12.15 - 13.00 Kuvagalleria alkuun
15.2. Maanantai
9.00 - 9.45 Recordset - luku.php
10.00 - 10.45 lisaa.php (rivin lisääminen lomakkeella)
11.20 - 12.00 paivita.php (muokataan rivejä tietokannasta)
12.15 - 13.45 poista.php, login.php, logout.php ja suojattu.php
12.2. Perjantai
8.00 - 8.45 MySQL tietokannan luominen (Taulukko jokaisesta päivitettävästä tekstistä ja User?)
9.00 - 9.45 Ajankohtaista taulukon teko ja kokeilu DW
10.00 - 10.45 Recordset ja teksti sivulle...(List, Update, Delete siis käyttöliittymän rakentaminen.)
11.20 - 12.00 Julkaiseminen, jos on valmista?
Kotitehtävä 3 tutoriaalia
11.2. Torstai
8.00 - 8.30 Palautesivun julkaiseminen ja testaus
8.30 - 11.00 Opettaja kokouksessa
- videotutoriaali Spry data recordset
11.20 - 12.00 harjoitus dynaamisesta sivusta tutoriaalin mukaan yhdessä
Kotitehtävänä katsoa 3 videotutoriaalia.
10.2. Keskiviikko
8.00 - 8.30 kotitehtävän tarkistaminen
8.30 - 11.00 Opettaja kokouksessa
- videotutoriaali DW CS4 with CSS 8. Styling Forms
11.20 - 12.00 Palautesivun teko
12.15 - 13.45 Palautesivun teko ja formMail tai muu teknologia (Paavon lähettämien tiedostojen siirto sivuille)
Kotitehtävänä katsoa 3 videotutoriaalia.
9.2. Tiistai
8.00 - 8.45 kotitehtävän tarkistaminen
(Anni, Laura, Natasha, Tahiti, Joonatan
- banner ja teksti (myös behavior)
9.00 - 9.35 Historaa sivun tekeminen
9.45 - 10.50 Mediapajassa tapahtuma
11.20 - 12.00 Sivun tekeminen
12.15 - 13.00 Sivun tekeminen
Kotitehtävä selvittää miten kotisivulla oleva lomake lähettää tiedot webmasterille? Onko muuta tapaa kuin käyttää käyttäjän oletussähköpostia lähettämisvälineenä? Mitä ongelmaa oletussähköpostin käytöstä voi olla?
8.2. Maanantai
9.00 - 9.45 kotitehtävien tarkistaminen (Tahiti, Vellu, Mika, Juuli klo 7.30 OK)
ja footer (menusta assets libraryyn)
10.00 - 10.45 Index-sivun tekeminen
11.20 - 12.00 Ajankohtaista sivun tekeminen
12.15 - 13.00 Sivun tekeminen ( sivuston katselmus)
13.15 - 14.00 Sivun tekeminen
Tiistaina tarkistettava kotitehtävä:
Mikä on xhtml ja html ero? Mistä löytyvät määritykset, kun niitä tarvitsee?
5.2. Perjantai
8.00 - 8.45 kotitehtävien tarkistaminen (Anni,Natasha, Tahiti, Vellu, Mika, Juuli, Joonatan = OK)
9.00 - 9.45 Dropdown menun tekeminen Spry menusta
10.00 - 10.45 Dropdown menun tyylien muokkaus Lauran layoutin mukaiseksi
11.20 - 12.00 Dropdown menu jatkuu.
(Kotitehtävä joka tarkastetaan maanantaina klo 9.00
Mitä mittayksikköjä Dreamweaverissä käytetään (esim. px, %, em jne)? Mitä ne tarkoittavat ja miten niitä voi soveltaa? Anna esimerkki erilaisista käytöistä internetissä.)
4.2. Torstai
(Tiimit puretaan ja opetus jatkuu yhtenä ryhmänä)
8.00 - 8.45 html perus-sivu ja css ja Photoshop tiedosto
9.00 - 9.45 Kriittisten tietojen tarkastaminen (Onko sivustolla se mitä tilattiin)
10.10 - 10.50 Index-sivun rakentaminen
11.20 - 12.00 Index-sivun rakentaminen jatkuu
(Kotitehtävänä selvittää miten CSS selector toimii? Miten kirjoitetaan valinta joka koskee useampaa sääntöä? Miten kirjoitetaan valinta, joka koskee esimerkiksi vain kappaleen ensimmäistä kirjainta?
Anna myös esimerkki mahdollisesta käytöstä. Vastaus palautetaan oppimispäiväkirjaan tämän päivän pohdinnan perään.)
3.2. Keskiviikko
8 - 9 Mikä on html ja CSS rakenne pursiseuran sivustossa?
9 - 11 DW essential training:Tutoriaalit 7 - 11
11 - 13 Työskentelyä tiimissä
13 - 14 Palaveri roolien mukaan
2.2. Tiistai
8 - 10 XHTL, CSS perusteet (opettajajohtoisesti ja
DW essential training:Tutoriaalit 1 - 6 ( aina CSS Foundations loppuun))
10 - 12 Työskentelyä tiimeissä tiimien aikataulun mukaan
12 - 13 Palaverit roolien mukaan ( siis graafiset suunnittelija, tuottajat , toimittajat jne pitävät omansa...)
1.2. Maanantai
9 - 10 Multimedia tiimin roolit - mikä haluaisin olla ( 2 valintaa)
Selvitä mitä tekee:
a) tuottaja
b) graafinen suunnittelija
c) web-koodari
d) ääni-kuva -animaatio asiantuntija
e) toimittaja
10 - 11 Flash prosessin arviointi - mitä tästä voi oppia?
Katso oma valmis työ ja listaus videotutoriaaleista ja lukaise oma oppimispäiväkirja.
Pohdi pedanettiin noin 15 minuutin ajan seuraavia kysymyksiä:
a) Mikä meni hyvin flash-projektissa?
b) Minkä tekisit toisin?
c) Mitä opit? Mikä jäi vaivaamaan?
d) Mitä tulet käyttämään 3.vuoden portfolion tekemisessä?
11 - 12 Oppimissopimus pedanettiin (Kimmo Korhonen tulee sijaiseksi...)
Mikä on Dreaweaver projektin tavoite? Miten se eroaa Flash projektista?
Mitä osaamista Dreaweaver ja mahdollinen dynaamisuus edellyttävät?
12 - 13 Työtilan rakentaminen ja testaaminen
(Miten voi toimia yhdessä eli tuoda tiedoston niin, ettei toisen tekemä rakenne muutu?)
13 - 14 Tiimi tekee oman oppimissuunnitelman ja aikataulun
Valitaan layout ja arvioidaan mitä toteuttaminen Dreaweaverillä ja PHP:llä tarkoittaa
- Samin ja Lauran layoutin valittiin...
|
29.1. perjantai
8 - 10 Sivustojen julkaisu avkoti.com palvelimelle
10 - 12 Yhteinen katselmus ja sivustojen arviointi
(Flash osuus loppuu ja seuraavalla viikolla alkaa sivuston rakentaminen Dreaweaver -PHP yhdistelmällä)
28.1. torstai
8 - 12 Kaikki toiminnot valmiina.
27.1. keskiviikko
8 - 14 Flash menu toimii kaikille sivuille (muttei vielä sivuilla olevat linkit tai toiminnot, kuten kuvagalleria etc.)
klo 12 - itsenäistä eli opettajat ovat koulutuksessa...
26.1 tiistai
8 - 13 Päivän jälkeen kaikki sivut aikajanalla tai omilla sceneillä, mutta materiaali on alustavasti Flashissä
25.1 maanantai
9 - 13 Päivän jälkeen valmiina kaikkien sivujen layoutit Photoshopissa
22.1 perjantai
8 - 10 Tutoriaalit ( ja mahd. avainnäytön viimeistely ja julkaisu)
10 - 12 Avainnäytön katsominen yhdessä ja ensi viikon työsuunnitelma
(Tavoitteet näkyvät päivän kohdalla, mutta prosessi voi jokaisella olla erilainen).
21.1 torstai
8 - 12 Tutoriaalit
20.1 keskiviikko
8 - 11 Tutoriaalit
11 - 14 Drop Down menu yhdessä
19.1 Tiistai
8 - 13 tutoriaalit ja avainnäytön suunnittelu
18.1 Maanantai
klo 9.00 - 10.00 yhteisen viikon harjoitteluaikataulun tekeminen
klo 11 - 12:30 Kuvagalleria
13.10 - 14.00 tuts
15.1 Perjantai
klo 8.00 - 10.30 avkoti.com palvelimelle av08a-luokan sivuston teko ja layoutien upload jpg muodossa.
klo 10.30 - 11.30 Katselmus Flash perusteiden osaamisesta (Ensi viikolla olisi tarkoitus päästä uuteen videotutoriaaliin eli "AS3 for designers"
klo 11.30 ruokailu
14.1 Torstai - ei saa tehdä layouttia!!!
Tee luettelo toiminnoista, joita tarvitset pursiseuran nettisivustossa - ja katso onko videotutoriaaleissa ohjeita.
klo 8.00 - 11.30 Flash CS3 essential training
klo 11.30 ruokailu
13.1 Keskiviikko
klo 8.00 - 10.00 Videotutoriaalit "PhotoShop CS4 for web"
klo 10.00 - 12.20 Tutsit jatkuvat (layout jpg-kuvana omaan pedanettiin)
klo 13.00 - 13.50 Katselmus layouteista (Pedanetissä)
Miten autan kaveria parhaiten?
Suunnittelun periaatteita http://appro.mit.jyu.fi/www/luennot/luento10/
http://matriisi.ee.tut.fi/hmopetus/vpsist/2005/luennot2005/liitteet/vpst8luento_141205.pdf
Esteettinen ja selkeä ulkoasu muodostuu seuraavista tekijöistä (Sinkkonen ym. 2002, 181):
• Yleinen selkeys ja harmonia
• Erilaisten elementtien muoto ja suhteet
• Johdonmukaisuus ja tarkoituksenmukainen ryhmittely
• Tasapainoinen asettelu.
• Ilmavuus (tyhjän tilan käyttö)
• Erilaisten elementtien tasaus
• Yksinkertaisuus ja yhtenäinen kokonaisuus
• Kontrasti ja visuaalinen jännite
• Värisuunnittelu.
12.1 Tiistai
klo 8.00 - 10.00 Suunnitelma Flash sivuston toteuttamiseksi ( mallien etsiminen, aikataulu, synopsis - kirjoitetaan peda.nettiin)
klo 10.00 -12.30 Alustava Layout PhotoShopilla. Selvittäkää miten PhotoShop tiedosto kannattaa rakentaa, kun sitä käytetään Flashissä?
Tiistaina sijainen Kimmo Korhonen
11.1 Maanantai
klo 9.00 - 9.50 Lynda.com tutoriaaliin rekisteröityminen ja tutoriaalien testaus
klo10.00 - 12.20 Flash PhotoShop tutoriaalin (perusteiden kertausta)
klo 13.00 - 13.50 Jämsän pursiseuran briiffaus tulevasta tehtävästä
Edelleen puutteita oppispäiväkirjan kirjottamisessa???
8.1. perjantai
8.00 - 8.45 CSS perusteet muistiolla - XAMPP portable palvelimen asennus
9.00 - 9.45 Dreamweaver ohjelman aukaisu
10.00 - 11.30 Flash ohjelman aukaisu ja CS4:n muutokset
(Oppimispäiväkirjojen tarkastus torstailta ja perjantailta)
7.1. Torstai
klo 8.00 - 8.45 Pedanetin aliveräjän pystytys. Oppimispäiväkirja ja jakson yleiskatsaus
klo 9.00 - 9.45 Avkoti.com palvelimeen tutustuminen ja ftp-perusteet
klo 10.00 - 11.30 html perusteet muistiolla.
klo 11.30 - ruokailu ja kotiin
|
Jämsän Pursiseuran kotisivut
Etusivu (etusivulle myös kävijälaskuri, logonkin saa
suunnitella)
Pursiseura
Hallitus (muotoon: nimi, sp-osoite ja puh.nro)
Toimihenkilöt ”
Jäsenhakemus (lomakemalli tulee Tytti Markilta)
Historiaa (tulee Hannu Reijoselta)
Toiminta
Toimintasuunnitelma (2010) (vuosiluku poistetaan)
Katsastukset (tulee Timo Lainkarilta)
Telakointi (tulee Keijo Siitariselta ja Risto Pynnöseltä)
Veneluettelo (huom. uusi otsikointi, tulee Tytiltä)
Ajankohtaista (uusi otsikko, helposti päivitettävä sivu)
Tukikohta
Sijainti ja ympäristö (tähän myös karttalinkki, teksti Paavolta)
Tukikohdan säännöt (Tytiltä)
Laiturit (Seija Miettuselta)
Sauna ”
Tupa ”
Nuotiokatos ”
Luontopolku ”
Veneet ” , uusi otsikko)
Maksut (Tytiltä)
Kuvagalleria (helposti ladattava, vuosikertoina)
2006
2007
2008
2009
2010
Palaute (uusi, Yhteystiedot-otsikko poistetaan, saako sivulle kuittauksen)
Linkkejä
Jämsän kaupunki
Himos
SPL
Päijännematkat (...jne)
|
Pedanetin polku on:
peda.net/polku/av08a104 (numerot tulevat vuosi 10 ja jakso 4).
Muistakaa luoda itsellenne aliveräjä ja kirjoittaa oppimispäiväkirjaa joka päivä.
Ohjelma Jakso 7.1. - 23.2.2010. (viikot 1 - 8)
Viikko 1: Flash kertaus
Viikko 2: Sivuston suunnittelu ja Flash videotutoriaalit
Viikko 3: Toteutussuunnitelma, teknologian testaus, Flash videotutoriaalit
Viikko 4: Flash valmiiksi, julkaisu portaalissa avkoti.com.
Viikko 5: HTML , CSS, perusteet - HTML-version suunnittelu ja videotutoriaalit Dreamweaveristä
Viikko 6: Dynaaminen web - Spry? XML? videotutoriaalit
Viikko 7: HTML versio valmiiksi
Viikko 8: Töiden palautukset ja arviointi
Jakson aikana kehitetään Jämsän purjehdusseuralle verkkopalvelu - tai oikeastaan useita erilaisia.
Aloitamme ensin Flash cs4 avulla verkkopalvelun luomisen. Jos haluaa haasteita voi yrittää rakentaa dynaamisen (php - mySQL)Flash version tai hiukan helpomman XML tai ulkoisia tiedostoja lataavan sivuston.
Kolme viimeistä viikkoa toteutetaan sama palvelu käyttämällä Dreamweaver ohjelmaa. Yritetään tehdä dynaaminen versio, jossa käyttäjä päivittää sivustot lomakkeilla tietokantaan ja tietokanta taas päivittää sivut nettiin.
|
|
|
