4t. Curs ESO Crèdit de síntesi 2006-2007 “Viatge a Madrid” Presentació del treball Recomanacions metodològiques Criteris d’avaluació

Objectius de la sessió de treball Presentar amb detall… El contingut del crèdit L’horari de treball i les tasques a realitzar La metodologia adequada per a realitzar-lo amb garanties d’èxit Oferir-vos recomanacions respecte de La planificació i disseny de les pàgines web La usabilitat (facilitat d’ús) del vostre treball Qüestions de seguretat informàtica Aspectes sobre la legalitat dels continguts

Presentar amb detall…

El contingut del crèdit

L’horari de treball i les tasques a realitzar

La metodologia adequada per a realitzar-lo amb garanties d’èxit

Oferir-vos recomanacions respecte de

La planificació i disseny de les pàgines web

La usabilitat (facilitat d’ús) del vostre treball

Qüestions de seguretat informàtica

Aspectes sobre la legalitat dels continguts

Objectiu del crèdit de síntesi Simular la creació d’una agència de viatges En grups de 4 alumnes Per a oferir un viatge a Madrid A través d’un lloc web Obtenir, analitzar, escollir i publicar informació Sobre diversos aspectes de la ciutat (mobilitat, itineraris turístics, equipaments culturals, edificis singulars, oferta d’oci musical i de lleure, gastronomia, allotjaments, etc…) Per a “captar” i “guiar”clients per a l’agència de viatges

Simular la creació d’una agència de viatges

En grups de 4 alumnes

Per a oferir un viatge a Madrid

A través d’un lloc web

Obtenir, analitzar, escollir i publicar informació

Sobre diversos aspectes de la ciutat (mobilitat, itineraris turístics, equipaments culturals, edificis singulars, oferta d’oci musical i de lleure, gastronomia, allotjaments, etc…)

Per a “captar” i “guiar”clients per a l’agència de viatges

Abans de començar… Convé llegir amb detall la guia de treball Convé discutir i arribar a acords dins el grup Cal pensar en “tot” el temps que teniu Heu de posar-vos en el lloc del vostre “client” No es tracta d’una competició Però és raonable que a millor informació + clients El treball acordat i distribuït surt millor Comproveu la informació que obteniu “ Arrisqueu-vos”… sigueu creatius!

Convé llegir amb detall la guia de treball

Convé discutir i arribar a acords dins el grup

Cal pensar en “tot” el temps que teniu

Heu de posar-vos en el lloc del vostre “client”

No es tracta d’una competició

Però és raonable que a millor informació + clients

El treball acordat i distribuït surt millor

Comproveu la informació que obteniu

“ Arrisqueu-vos”… sigueu creatius!

Organització de la setmana Tasques diferents Cada hora de treball està definida Convé aprofitar-la per al que ha estat pensada Presentació del crèdit Planificació inicial del treball Elaboració pàgines web Comprovació del funcionament del lloc web Revisió final i preparació exposició oral Exposició i demostració davant de tribunal

Tasques diferents

Cada hora de treball està definida

Convé aprofitar-la per al que ha estat pensada

Presentació del crèdit

Planificació inicial del treball

Elaboració pàgines web

Comprovació del funcionament del lloc web

Revisió final i preparació exposició oral

Exposició i demostració davant de tribunal

Distribució de tasques 1. Presentació del crèdit 3. Elaboració pàgines web 2. Planificació inicial del treball 6.Exposició davant tribunal 4. Comprovació funcionament lloc web 5. Revisió final i preparació exposició oral INF INF INF INF 13:20 – 14:15 12:25 – 13:20 11:30 – 12:25 11:00-11:30 10:00-11:00 9:00-10:00 DV DJ DC DM DL

Distribució d’aules i grups Dilluns – dimarts - dimecres Presentació  015 (Visual) Planificació  111, 112, 114 Aules Informàtica  162, 163, 215 Dijous – divendres Compartim aules amb 2n ESO Aules informàtica  162, 163, 215 Comprovació i revisió  211, 212, 217 Exposició oral  215, 217 Cada grup estarà associat a una aula convencional i a una aula d’informàtica

Dilluns – dimarts - dimecres

Presentació  015 (Visual)

Planificació  111, 112, 114

Aules Informàtica  162, 163, 215

Dijous – divendres

Compartim aules amb 2n ESO

Aules informàtica  162, 163, 215

Comprovació i revisió  211, 212, 217

Exposició oral  215, 217

Cada grup estarà associat a una aula convencional i a una aula d’informàtica

Continguts del lloc web Pàgina inicial Crèdit de síntesi de Madrid IES Illa de Rodes (Roses) Grup: Nom dels components Any acadèmic: 2006-2007 Data de presentació: Eslògan original i creatiu Nom de l’empresa Il·lustració (no foto) original i creativa, representativa de Madrid Relació dels diferents apartats numerats amb els vincles a les pàgines corresponents.

Pàgina inicial

Crèdit de síntesi de Madrid

IES Illa de Rodes (Roses)

Grup: Nom dels components

Any acadèmic: 2006-2007

Data de presentació:

Eslògan original i creatiu

Nom de l’empresa

Il·lustració (no foto) original i creativa, representativa de Madrid

Relació dels diferents apartats numerats amb els vincles a les pàgines corresponents.

Apartats del lloc web Secció INFORMACIONS Mapa ciutat Com arribar Itineraris Monuments artístics i arquitectura Museus (Prado i Reina Sofía) Oferta musical Activitats esportives Cuina típica Indústria Excursions a les rodalies Parc temàtic Secció SERVEIS Allotjaments Restaurants Transports Secció ALTRES IDIOMES Anglès Francès Secció ENLLAÇOS Webs d’interès

Secció INFORMACIONS

Mapa ciutat

Com arribar

Itineraris

Monuments artístics i arquitectura

Museus (Prado i Reina Sofía)

Oferta musical

Activitats esportives

Cuina típica

Indústria

Excursions a les rodalies

Parc temàtic

Secció SERVEIS

Allotjaments

Restaurants

Transports

Secció ALTRES IDIOMES

Anglès

Francès

Secció ENLLAÇOS

Webs d’interès

Activitats proposades (I) Com arribar Trajecte Roses – Madrid Itineraris per Madrid Madrid Literario (Lengua Castellana) Altres itineraris (Edificis i Monuments) Museus El Prado Reina Sofía Arquitectura Les Torres KIO

Com arribar

Trajecte Roses – Madrid

Itineraris per Madrid

Madrid Literario (Lengua Castellana)

Altres itineraris (Edificis i Monuments)

Museus

El Prado

Reina Sofía

Arquitectura

Les Torres KIO

Activitats proposades (II) Oferta musical Els musicals (ABBA, Mecano, etc…) La “movida” madrilenya Activitats esportives Cuina típica Guia en idioma anglès o francès Indústries químiques o farmacèutiques Excursions Toledo

Oferta musical

Els musicals (ABBA, Mecano, etc…)

La “movida” madrilenya

Activitats esportives

Cuina típica

Guia en idioma anglès o francès

Indústries químiques o farmacèutiques

Excursions

Toledo

Activitats proposades (III) Sense guiatge explícit Parc temàtic Allotjaments Mobilitat Restauració Altres enllaços d’interès Suggeriments personals Símbols, curiositats, tipisme (cirera d’arboç, chotis, rastro, …) Evolució històrica en imatges

Sense guiatge explícit

Parc temàtic

Allotjaments

Mobilitat

Restauració

Altres enllaços d’interès

Suggeriments personals

Símbols, curiositats, tipisme (cirera d’arboç, chotis, rastro, …)

Evolució històrica en imatges

Com es planifica i realitza un lloc web?

Fases del treball (I) Planificació del treball Decidir els continguts amb tot el detall Realitzar un esquema molt detallat de cada pàgina i el seu contingut Comprovar les informacions disponibles que utilitzarem Decidir la distribució dels elements comuns a tot el lloc web Zona identificativa del lloc Zona de navegació Zona de continguts Decidir la tipografia i gamma de colors del lloc Decidir el nom de les pàgines i dels elements gràfics Planificar la seguretat contra pèrdua de les dades

Planificació del treball

Decidir els continguts amb tot el detall

Realitzar un esquema molt detallat de cada pàgina i el seu contingut

Comprovar les informacions disponibles que utilitzarem

Decidir la distribució dels elements comuns a tot el lloc web

Zona identificativa del lloc

Zona de navegació

Zona de continguts

Decidir la tipografia i gamma de colors del lloc

Decidir el nom de les pàgines i dels elements gràfics

Planificar la seguretat contra pèrdua de les dades

Fases del treball (II) Col·leció de les informacions necessàries Cerca, selecció i recull en documents “rebost” Comprovació de les informacions Registre estricte de l’orígen de les informacions, especialment les imatges i elements interactius. Creació de les pàgines web del lloc Seguir estrictament el guió de treball planificat Distribuir la feina i reunir-la regularment per a comprovacions intermèdies Crear els elements comuns (plantilla bàsica i gràfics) abans d’iniciar el treball distribuït

Col·leció de les informacions necessàries

Cerca, selecció i recull en documents “rebost”

Comprovació de les informacions

Registre estricte de l’orígen de les informacions, especialment les imatges i elements interactius.

Creació de les pàgines web del lloc

Seguir estrictament el guió de treball planificat

Distribuir la feina i reunir-la regularment per a comprovacions intermèdies

Crear els elements comuns (plantilla bàsica i gràfics) abans d’iniciar el treball distribuït

Fases del treball (III) Publicació de les pàgines web Avaluar el “pes” del lloc Revisar els elements gràfics Provar exhaustivament el funcionament de la navegació Exposar el treball realitzat Fer un guió de l’exposició (15 min. aprox) Distribuir les intervencions del grup Incorporar anècdotes o moments singulars durant el treball

Publicació de les pàgines web

Avaluar el “pes” del lloc

Revisar els elements gràfics

Provar exhaustivament el funcionament de la navegació

Exposar el treball realitzat

Fer un guió de l’exposició (15 min. aprox)

Distribuir les intervencions del grup

Incorporar anècdotes o moments singulars durant el treball

Consells (I): esquema del lloc Feu un mapa gràfic del lloc, reviseu-lo fins a que us plagui Recompteu les pàgines necessàries i avalueu la possibilitat de realitzar-les Demaneu una revisió prèvia a l’inici del treball Inici Mapa Enllaços Informacions Transports Serveis Anglès Metro Idiomes Museus Bus Francès

Feu un mapa gràfic del lloc, reviseu-lo fins a que us plagui

Recompteu les pàgines necessàries i avalueu la possibilitat de realitzar-les

Demaneu una revisió prèvia a l’inici del treball

Consells (II): Política de nomenament de fitxers (8.3) Noms adequats index.htm serveis.htm transpor.htm madrid_1.gif img_135.jpg Noms inadequats informacions.htm museus.html imatge cibeles. jpg Inici Mapa Enllaços Informacions Transports Serveis Anglès Metro Idiomes Museus Bus Francès

Política de nomenament de fitxers (8.3)

Noms adequats

index.htm

serveis.htm

transpor.htm

madrid_1.gif

img_135.jpg

Noms inadequats

informacions.htm

museus.html

imatge cibeles. jpg

Consells (III) Organitzeu els documents del lloc web En carpetes diferents Una d’específica per a les imatges Una específica per als documents PDF, Word, etc Les pàgines HTM poden estar a la carpeta arrel

Organitzeu els documents del lloc web

En carpetes diferents

Una d’específica per a les imatges

Una específica per als documents PDF, Word, etc

Les pàgines HTM poden estar a la carpeta arrel

Consells (IV): els colors

Consells (V): la tipografia

Tipus de lletra més usuals Verdana Verdana Verdana Verdana Tahoma Tahoma Tahoma Tahoma Trebuchet Trebuchet Trebuchet Trebuchet Georgia Georgia Georgia Georgia

Verdana

Verdana

Verdana

Verdana

Tahoma

Tahoma

Tahoma

Tahoma

Trebuchet

Trebuchet

Trebuchet

Trebuchet

Georgia

Georgia

Georgia

Georgia

Consells (VI): la pàgina

Consells (VII): la navegació IDENTITAT MENÚ CONTINGUT PEU

ESTRUCTURA INVARIABLE

Consells (VIII): les imatges

5 Kb 58 Kb 101 x 135 px. 450 x 600 px. Entre 25 i 70 Kb 400- 600 px ample

Consells (IX): aspectes legals Cal citar sempre la font de les informacions Cal comprovar si estan subjectes a drets de còpia (copyright) Model de citació: [Consulta: 16 set. 2006]. Disponible a: http://www.lapaginawebquesigui.com/ Diari Avui [En línia]. [Consulta 20 feb. 2007]. Disponible a http://www.avui.es Fotografia [En línia]. [Consulta 26 feb. 2007]. Disponible a http://www.vilaweb.com

Cal citar sempre la font de les informacions

Cal comprovar si estan subjectes a drets de còpia (copyright)

Model de citació:

[Consulta: 16 set. 2006]. Disponible a: http://www.lapaginawebquesigui.com/

Diari Avui [En línia]. [Consulta 20 feb. 2007]. Disponible a http://www.avui.es

Fotografia [En línia]. [Consulta 26 feb. 2007]. Disponible a http://www.vilaweb.com

Consells (X): gestió del temps 13:20 – 14:15 12:25 – 13:20 11:30 – 12:25 11:00-11:30 10:00-11:00 9:00-10:00 DV DJ DC DM DL 1. Presentació del crèdit 3. Elaboració pàgines web 2. Planificació inicial del treball 6.Exposició davant tribunal 4. Comprovació funcionament lloc web 5. Revisió final i preparació exposició oral INF INF INF INF