curs fdf modul2 unitat4

Mòdul 2: Selecció, elaboració, adaptació i

utilització de materials, mitjans i recursos

didàctics en Formació Professional per a

l'ocupació

Docents: Yolanda Ruiz

Mireia Gargallo

Curs docència de la formació professional per a l'ocupació

Unitat 4: Utilització de la web com a

recurs didàctic

Mòdul.2: Selecció, elaboració, adaptació i utilització de materials, mitjans i recursos didàctics en

Formació Professional per a l'ocupació. Unitat 4

Activitat 7.1

Activitat 7.1

Individualment, llegiu l’ennunciat de

la pràctica i ompliu els espais amb les

vostres definicions.

Agrupeu-vos en petits grups per a fer

una posada en comú i possibles

modificacions de les vostres definicions



Activitat 7.2

Activitat 7.2

En petits grups, llegiu les diverses

definicions i creeu una pròpia.

Posteriorment poseu-la en comú amb

el grup i tracteu de crear una unificada

Debatiu sobre les possibilitats dels

medis multimèdia, hipertext i hipermèdia

al procés d’ensenyament-aprenentatge.



Conceptes associats

Quin és l'origen de la paraula Internet?

La paraula INTERNET és un acrònim, per al qual hi ha dues

versions sobre el seu origen:

1. És l'acrònim de les paraules en anglès International

Network, que traduït a l'espanyol seria: Xarxa Internacional.

1. L'acrònim de les paraules en anglès interconnected

Networks, la seva traducció seria: Xarxes Interconnectades.

http://4.bp.blogspot.com/_I07DBaBH6X4/Sukl2xcVymI/AAAAAAAAAOQ/rq_CznpzMMw/s1600-h/internet.jpg



Conceptes associats (II)

Què vol dir www?

Són les inicials que identifiquen l'expressió anglesa World Wide Web: el

sistema de documents d'hipertext que es troben enllaçats entre si i als

que s'accedeix a través d'Internet.

A través d'un programari conegut com a navegador, els usuaris poden

visualitzar diversos llocs web (els quals contenen text, imatges, vídeos i

altres continguts multimèdia) i navegar a través d'ells mitjançant els

hipervincles.

Utilitzant una comparació amb el sector de les comunicacions

telefòniques, www serà el "prefix" que té tot portal que es trobi en

l'esmentada Xarxa al qual volem accedir.



Conceptes associats (III)

Què vol dir www?

• Literalment la seva traducció a l'espanyol seria:

"Teranyina voltant del món" o "Xarxa voltant del món".

• El significat informàtic seria

"Xarxa global mundial" referint-se a una xarxa d'ordinadors.

• Aquesta Xarxa global mundial és un sistema d'hipervincles

accessibles a través d'Internet, aquests hipervincles permeten a les

persones que mitjançant l'ús d'un navegador, es pugui anar d'una

pàgina a una altra seguint les adreces que indiquen els

hipervincles (o hipertext)



Conceptes associats (IV)

Què significa http?

– Prové de les paraules en anglès: hipertext transfer

protocol, que en la seva traducció a l'espanyol seria:

Protocol de Transferència d'Hipertext.

– Va ser desenvolupat pel World Wide Web Consortium

– És un protocol orientat a transaccions i segueix

l'esquema petició-resposta entre un client i un servidor.

Al client que efectua la petició (un navegador web o un

spider*) l'hi coneix com "user agent" (agent de l'usuari).



Conceptes associats (V)

Què és el codi QR?

• QR, ve de Quick Response barcode (Codi de barres de resposta ràpida).

• És una forma d'emmagatzemar informació (nombres, lletres, etc) en una

imatge bidimensional, en què es té la informació codificada a una matriu de

punts.

• No cal tenir un lector especial (com en el cas dels codis de barra

unidimensionals), n'hi ha prou amb tenir un dispositiu de captura d'imatges i

un programari de descodificació (avui en dia hi ha programari per a mòbils

amb càmera digital que permet descodificar QR, i hi ha fabricants que

inclouen de sèrie aquest tipus de programari en alguns dels seus models).

• Els codis QR, van ser creats per una companyia d'origen japonès

anomenada Dens-Wave, per identificar parts d'automotors, encara que avui

dia s'usen amb finalitats diverses. La companyia creadora, manté aquesta

tecnologia com "codi obert", és a dir que és de lliure ús.



Conceptes associats (VI)

Què vol dir url?

• URL són les sigles en anglès de Uniform Resource Locator

(Localitzador uniforme de recursos), que serveix per nomenar

recursos a Internet.

• Aquest nom té un format estàndard i té com a propòsit assignar una

adreça única a cadascun dels recursos disponibles a Internet, com ara

textos, imatges, vídeos, etc.



Conceptes associats (VII)

Classificació de l’URL

Els podeu trobar en l'ús diari d'Internet:

• http: és l'esquema més freqüentment trobat en navegar aInternet.

• https: és l'esquema usat per pàgines segures d'Internet,conegut com SSL.

• mailto: esquema usat per adreces de correu electrònic.

• ftp: esquema usat per al protocol de transferència d'arxius ftp.FTP són les sigles en anglès de File Transer Protocol (enespanyol protocol de transferència d'arxius). És un protocol dexarxa (un conjunt de regles a seguir) emprat per copiar arxiusd'un ordinador a una altra a través d'Internet.



Conceptes associats (VIII)

Què és l’HTML?

• És la “llengua materna” del teu ordinador.

• Tim Berners-Lee va intentar-lo al 1990.

• L’objectiu era facilitar als científics de diferents universitats l’accés als documents d’investigació de cadascun d’ells.

• És un llenguatge que fa possible presentar informació (perexemple, investigacions científiques) a Internet.

• El que es veu en visualitzar una pàgina a Internet és lainterpretació que fa el navegador del codi HTML.

• Per veure el codi HTML d'una pàgina només has de punxar enl'opció "Veure" de la barra de menús i triar "Codi font" (aInternet Explorer).



Conceptes associats (IX)

Què representen les sigles H-T-M-L

• És l'abreviatura de HyperText Mark-up Language: Llenguatge demarcat hipertextual.

• Si ho desglosem:

– Hiper és el contrari de lineal. Antigament els programesd'ordinador s’exectutaven de forma lineal: quan el programa haviad’executar una acció seguia fins a la següent línia, i desprésd'aquesta a la següent i a la següent. HTML, però, és diferent: espot anar on es vulgui quan es vulgui. Per exemple, no cal visitarMSN.com abans de visitar HTML.net.

– Text s'explica per si sol.

– Marcat és el que fas amb el text. Es marca el text de la mateixamanera que en un programa d'edició de textos amb encapçalats,vinyetes, negreta, etc.

– Llenguatge és el que és HTML. Aquest llenguatge fa ús de moltstermes en anglès.



Conceptes associats (X)

Què representen les sigles H-T-M-L

• Es fa servir per a crear llocs/pàgines web.

• El que s'ha anomenat XHTML (Extensible HyperText Mark-upLanguage, és a dir, Llenguatge de marcat hipertextual extensible) ésuna manera d'escriure HTML nova i millor estructurada.



Conceptes associats (XI)

Què és la IP?

• És un número que identifica de manera lògica i jeràrquica a una

interfície d'un dispositiu (habitualment un ordinador) dins d'una xarxa

que utilitzi el protocol IP (Internet Protocol), que correspon al nivell de

xarxa o nivell 3 del model de referència OSI.

• Aquest nombre no s'ha de confondre amb l'adreça MAC que és un

nombre hexadecimal fix que és assignat a la targeta o dispositiu de

xarxa pel fabricant, mentre que l'adreça IP es pot canviar.

• És habitual que un usuari que es connecta des de casa a Internet

utilitzi una adreça IP. Aquesta adreça pot canviar al reconectar, i a

aquesta forma d'assignació d'adreça IP se la denomina adreça IP

dinàmica (normalment s'abreuja com a IP dinàmica).



Conceptes associats (XII)

Què és un navegador web

• Paraula provinent de l'anglès web browser.

• És una aplicació que opera a través d'Internet.

• Interpreta la informació d'arxius i llocs web perquè puguem sercapaços de llegir (ja es trobi aquesta allotjada en un servidor dins dela World Wide Web o en un servidor local).

• El navegador interpreta el codi, HTML generalment, en el qual estàescrita la pàgina web i el presenta en pantalla permetent a l'usuariinteractuar amb el seu contingut i navegar cap a altres llocs de laxarxa mitjançant enllaços o hipervincles.



Conceptes associats (XIII)

Perquè serveix un navegador web

• La funcionalitat bàsica d'un navegador web és permetre lavisualització de documents de text, possiblement amb recursosmultimèdia incrustats.

• Els documents poden estar ubicats a l'ordinador on està l'usuari, peròtambé poden estar en qualsevol altre dispositiu que aquest connectata l'ordinador de l'usuari oa través d'Internet, i que tingui els recursosnecessaris per a la transmissió dels documents (un programariservidor web).

• Aquests documents, comunament denominats pàgines web,posseeixen hipervincles que enllacen una porció de text o una imatgea un altre document, normalment relacionat amb el text o la imatge.



Conceptes associats (XIV)

Quins són els navegadors web

• Possiblement Internet Explorer sigui el més conegut per tots al estar integrat a Windows, també disposem d’altres alternatives com per exemple: Mozilla Firefox, Opera, Flock, Chrome, Maxthon, Avant Browser, Kmeleon, etc.

Navegadors web més utilizats (desembre 2011)

• Internet Explorer - 42,4%

• Firefox - 28,13%

• Google Chrome - 21,89%

• Safari (per a MAC)- 4.68%

• Opera - 0.88%

• Netscape - 0.71%

• Opera Mini - 0.27%

• Otros - 0.22%

http://www.alegsa.com.ar/Dic/internet explorer.php

http://www.alegsa.com.ar/Dic/firefox.php

http://www.alegsa.com.ar/Dic/google chrome.php

http://www.alegsa.com.ar/Dic/safari.php

http://www.alegsa.com.ar/Dic/opera.php

http://www.alegsa.com.ar/Dic/netscape.php



Serveis d’internet

Què és una pàgina web?• És el document que forma part d'un lloc web i que sol tenir enllaços

(també coneguts com hipervincles o links) per facilitar la navegacióentre els continguts.

• Les pàgines web estan desenvolupades amb llenguatges de marcatcom l'HTML, que poden ser interpretats pels navegadors.

• Poden presentar informació en diferents formats (text, imatges, sons,vídeos, animacions), estar associades a dades d'estil o comptar ambaplicacions interactives.

• És possible distingir entre:

– Pàgines web estàtiques (els continguts són

predeterminats)

– Pàgines web dinàmiques (que generen

continguts al moment de sol·licitar

informació a un servidor de web

a través de llenguatges interpretats com JavaScript).



Serveis d’internet

Conclusions pàgina web• Un conjunt de pàgines web, per tant, formen un lloc web.

• Les pàgines solen estar reunides sota un domini comú perquè el llocen qüestió sigui accessible des d'una mateixa adreça a Internet.

• La immensa totalitat de pàgines que formen els llocs web donen lloc alque es coneix com World Wide Web, Web, Xarxa o, simplement,Internet, que és l'univers virtual on està reunida la informació digitaldel ciberespai.

• Per exemple: NBA.com és el lloc oficial de la National BasketballAssociation (NBA).

• La seva adreça o URL és http://www.nba.com.

• Dins d'aquest megaweb, hi ha una gran quantitat de pàgines web.

• Cada equip té el seu propi lloc, que al seu torn alberga les pàginesweb de cada un dels jugadors de la lliga.



Activitat 8

Activitat 8

Quines són les diferències entre un

blog i un wiki?



Serveis

Blocs

• Els blocs són bitàcoles personals

• Estan dissenyats perquè cada article tingui una data de

publicació, de manera que la persona que escrigui en ell i les

que ho llegeixen, puguin seguir tot el que s'ha publicat i editat.

• A cada article, els lectors poden escriure comentaris i, l'autor

d'aquest, pot al seu torn, donar-los resposta.

• Es tracta d’una eina col·laborativa limitada (encara que existeix

la possibilitat de crear blocs multiusuari).



Serveis (II)

El Bloc

Quant a les propostes didàctiques que ens podria suggerir el seu

ús destacaríem (font):

– Creació pròpia de continguts

– Creació col·laborativa de continguts

– Expressió d'opinions sobre un tema proposat

– Inclusió de diversos formats en un tema

– Compartir materials, notícies, opinions o enllaços

– Establiment d'un bloc d'aula, etc



Serveis-Exemples de Blocs

https://www.21classes.com/

• És un sistema de multiusuaris que proveeix eines per cobrir les

necessitats dins del món de l'educació.

• Està dissenyat per a ser simple i efectiu, i permet organitzar els

usuaris dels blocs de la seva comunitat d'acord a les seves

necessitats sense requerir la instal·lació de programes (ja que els

blocs creats són emmagatzemats en servidors propis).

• El sistema de blogging disposa d'una doble capa: una primera on

quan l'alumne es registra entra al blog del professor i, una segona

on té accés als blocs dels seus companys (sense possibilitat

d'editar) i al seu propi (amb funcionalitat completa)

https://www.21classes.com/



Serveis-Exemples de Blocs (II)

Entre les característiques del servei ens trobem:

• Pantalla principal d'aula per comunicar-se amb els alumnes

• Diferents comptes independents, però interelacionadas, perquè els

alumnes puguin realitzar els seus blocs

• Consola central de control a disposició del professor per controlar

comptes i continguts dels blocs

• Múltiples opcions de registre

• Capacitat d'inserir arxius multimèdia en els articles

• Possibilitat de seleccionar determinats articles com "privats"

• Selecció de plantilles de manera fàcil, etc.

Un servei molt interessant si no fos perquè l'opció gratuïta disposa d'una

quota de 10 estudiants amb 1 MB per a cada un d'ells, una quantitat molt

petita per a qualsevol tipus de bloc.



Serveis-Exemples de Blocs (III)

www.blogger.com/start?hl=es

• És un dels serveis de bloc més utilitzat en l'actualitat

• Disposa de la possibilitat de crear un bloc en línia allotjat en els

servidors de la companyia (que serà del tipus xxxxx.blogspot.com) o

comprar un hosting (allotjament) per instal·lar el nostre propi blog en

un domini personal (xxxxxx.net, xxxxxx.com, xxxxxx.es, etc.).

• Permet des d’escriure fins a inserir imatges o vídeos, passant per

multitud de diferents funcions.

• Hi ha la possibilitat de personalitzar-lo amb múltiples plantilles (o

temes), que ens permetran donar-li un toc personal.

http://www.blogger.com/start?hl=es



Serveis-Exemples de Blocs (IV)

http://classblogmeister.com/

• Eina que creada específicament per a l'ús escolar.

• Dóna la possibilitat de crear blogs per afavorir la interacció

entre docents i alumnes

• Possibilitant compartir informació per enriquir el

desenvolupament de les classes.

• Ha perdut molt sentit el seu ús des del moment que comptem

amb excel·lents serveis de blogging com Blogger i WordPress.

• A més, a nivell d'usabilitat i visual deixa bastant que desitjar.

http://classblogmeister.com/



Serveis-Exemples de Blocs (V)

http://edublogs.org/

• Servei que proveeix plataformes perquè docents, escoles i estudiantspuguin crear i gestionar els seus propis blocs.

• Facilita vídeos, manuals i fòrums que permeten conèixer les eines enprofunditat.

• És fàcil d'usar i presenta un disseny dinàmic per als alumnes.

• Entre les característiques que disposa el servei:

– Permet crear fàcilment articles i pàgines

– Més de 30 temes gratuïts per personalitzar l'aparença del bloc

– Permet pujar qualsevol tipus d'arxius (. Doc,. Pdf, slides, pel ·lícules, etc.)

– No es requereix direcció de correu electrònic

– Es pot començar a editar en pocs segons, etc.

– Ofereix fins a 20 MB i incorpora una mica de publicitat a l'opciógratuïta.



Serveis-Exemples de Blocs (VI)

http://instablogg.com/

• Servei que facilita la publicació de contingut amb característiques debloc utilitzant la major senzillesa possible.

• No cal crear compte alguna, pots seleccionar entrades públiques oprivades i habilitar comentaris.

• Una eina molt útil per a aquells amb poques destreses digitals quevulguin començar a publicar els seus textos en línia.

• La limitació més gran és que cada entrada es publica de formaindependent. Així que si es publiquen diversos textos cal crear unarxiu però el mateix es pot generar creant una pàgina en Instablogg.

• El millor és que no es necessita correu electrònic ni processos deregistre que prenguin temps

http://instablogg.com/



Serveis-Exemples de Blocs (VII)

http://www.movabletype.org/

• És una eina web desenvolupada com programari lliure destinada a la

creació i publicació de blocs.

• El weblogger, a l'hora d'utilitzar aquest programari, ha de disposar

d'un servei d'allotjament i un servidor que tingui bases de dades.

• Aquesta eina està orientada a usuaris entesos, ja que cal tenir

coneixements avançats per a la seva instal·lació, com a llenguatges

de servidor. Permet a més configurar el comportament per mitjà del

llenguatge Perl.

• La distribució estàndard s'acompanya d'una quantitat important de

documentació en anglès.



Serveis-Exemples de Blocs (VIII)

Entre les principals característiques del weblog creat ens trobem:

– Senzill d'utilitzar

– Entre les seves millors virtuts hi ha la possibilitat de disposar d'un nombre il·limitat de blocs amb una sola instal·lació.

– Destaca per l'ús de bases de dades per emmagatzemar tota la informació del weblog. Els tipus amb què és compatible són: MySQL, PostgreSQL i Berkeley DB

– Disposa d'un sistema de comentaris, que el creador del weblog potactivar o no. Gràcies a aquest els usuaris que visitin la web podran deixarles seves opinions i participar activament en el lloc



Serveis-Exemples de Blocs (IX)

https://posterous.com/

• Considerat com un semiblog, amb no tantes possibilitats deconfiguració com un bloc creat amb WordPress o Blogger

• Avantatge de la seva rapidesa o immediatesa en la publicació (i del'automàtica reconfiguració dels fitxers multimèdia enviats).

• De fet, obrir un compte a Posterous és innecessari (encara querecomanable, si volem tenir un subdomini triat per nosaltres, perexemple, xxxxxx.posterous.com).

• És una cosa molt senzilla de realitzar i, ja tindrem disponible unaplataforma per enviar els nostres aportacions, enllaços, imatges, etc. deforma molt senzilla des de qualsevol lloc i sense necessitat de procedira la seva configuració.

• Els visitants poden subscriure al teu bloc a través del canal RSS icomentar cadascuna de les entrades. Les publicacions que realitzemmitjançant correu electrònic, podran portar arxius adjunts com araimatges, documents, vídeos i arxius d'àudio, a cada un d'ells els tractade manera diferent

https://posterous.com/



Serveis-Exemples de Blocs (X)

• Si adjuntes una foto de qualsevol mida, Posterous la redimensiona per al blog i sis'adjunten diverses fotos, automàticament crea una galeria de fotos.

• Si adjuntes un arxiu de música, t’incorpora automàticament un reproductor MP3perquè els visitants el puguin escoltar directament des de la teva entrada.

• Si incloem un URL, el transforma en un enllaç perquè es pugui seguir sense capinconvenient. Per exemple si incloem un URL de Youtube, la gent veu el vídeodirectament a l'entrada.

• Si vols classificar els articles simplement has d'usar tags (=etiquetes) al camp"Assumpte" del correu que enviïs, per això usarem la següent sintaxi a exemple((tag: tasca, llengua, primera-avaluació))

• Un possible ús educatiu és convocar al teu centre un concurs de redaccions o defotos que podran ser enviades per correu electrònic a través d'un PC o des d'unmòbil.

• Les seves possibilitats són extraordinàries i un avantatge molt important adestacar és que els alumnes no han d'obrir-se compte ni donar cap dadapersonal, n'hi ha prou que el professor obri un compte conjunt per a tota la classei li proporcioni als seus alumnes les dades d'accés, sense oblidar que el sistemapermet la creació de llocs privats.

• Pots crear per exemple el compte auladexxxxx @ Posterous i els teus alumnespodran escriure al blog col·lectiu de l'aula sense necessitat de registrar-nicomplicacions addicionals.



Serveis-Exemples de Blocs (XI)

https://www.tumblr.com/

• És una plataforma de blocs que ens permet crear entrades en les que

podem inserir text, imatges, vídeos, etc.

• Combina un sistema de microblogging, ja que podem seguir a altres

usuaris que estiguin dins de Tumblr, indicar quins continguts dels que

publiquen ens agraden o fer "reblog" (molt semblant al RT de Twitter

amb els seus matissos) dels seus articles .

• S'uneixen la potencialitat d'un bloc amb algunes qüestions que el fan

ser una eina bastant social.

https://www.tumblr.com/



Serveis-Exemples de Blocs (XII)

Com a principals característiques de Tumblr podem trobar:

• Capacitat d'inserir 7 tipus de continguts d'una forma molt senzilla:

– Text

– Fotografia

– Cita

– Link

– Conversa

– Àudio

– Vídeo

• Poder seguir l'entrada d'un altre usuari (tumblelogs)

• Pots indicar que un contingut d'un usuari t'agrada (like)

• Es pot fer "reblog" del contingut d'un altre usuari

• Es pot planificar la data en què es publicarà una entrada

• Podem associar tags a les entrades

• Podem accedir a Tumblr via iPhone i Blackberry



Serveis-Exemples de Blocs (XIII)

http://es.wordpress.com/

• Laseva versió es troba allotjada en els servidors propis

(xxxxx.wordpress.com)

• Resulta bastant menys configurable que Blogger

• Bones possibilitats i facilitat d’ instal·ació, ús i configuració

• Es tracta d’una eina fàcil i de les més conegudes.



Serveis

Les Webs

• La diferència fonamental respecte als blocs és que els primers,

encara que el seu ús com weblogs (nom que uneix les

característiques d'una web en un bloc, gràcies a la implementació de

nombrosos widgets o extres) cada vegada és més habitual no

presenten la possibilitat de configuració que presenten alguns dels

sistemes CMS.

• Pot ser un error utilitzar un bloc com a web d’un centre educatiu, ja

que tot i la "facilitat de configuració" que pugui presentar, li falta molt

per poder ser un "tot integrat" (que és el que necessita un centre

educatiu).



Serveis-Exemples de Webs

http://dooid.me/home/index.php

• No és exactament una eina per crear una web, però ens permet realitzar

/ crear la nostra targeta personal virtual (on s'inclouran enllaços a totes

les webs o blocs que tinguem, xarxes socials en les quals estiguem

apuntats, etc.) i permetre així que tots accedeixin a la teva informació i

habilitats fàcilment des d'una adreça estil dooid.com / usuari.

• És una possibilitat per posar com a pàgina d'inici en els nostres

projectes, per així des de la mateixa poder accedir a tots els llocs que

tinguem (molt útil per si tenim diversos blocs / webs, poder posar icones

per a cadascun i des d'una sola pàgina permetre l'accés a qualsevol

d'ells).

• El seu funcionament és molt intuïtiu i molt senzilla la creació de pàgines.

http://dooid.me/home/index.php



Serveis-Exemples de Webs (II)

http://drupal.org/

• Pronunciació IPA: [dru ː p h ʊɫ])

• És un sistema de gestió de continguts modular multipropòsit i molt

configurable

• Permet publicar articles, imatges, o altres arxius i serveis afegits com

fòrums, enquestes, votacions, blogs i administració d'usuaris i permisos.

• És un sistema dinàmic: en lloc d'emmagatzemar els seus continguts en

arxius estàtics en el sistema de fitxers del servidor de manera fixa, el

contingut textual de les pàgines i altres configuracions són

emmagatzemats en una base de dades i s'editen utilitzant un entorn

Web.

• És un programa lliure, amb llicència GNU / GPL, escrit en PHP,

desenvolupat i mantingut per una activa comunitat d'usuaris.

http://drupal.org/



Serveis-Exemples de Webs (III)

• Destaca per la qualitat del seu codi i de les pàgines generades, el

respecte dels estàndards de la web, i un èmfasi especial en la

usabilitat i consistència de tot el sistema.

• El disseny de Drupal és especialment idoni per construir i gestionar

comunitats a Internet.

• La seva flexibilitat i adaptabilitat, així com la gran quantitat de mòduls

addicionals disponibles, fa que sigui adequat per realitzar molts tipus

diferents de lloc web.

• No es tracta d'un CMS tan usat com Joomla (en nombre

d'instal·lacions), però sí que presenta una major "amigabilitat" de

l'entorn (opinió personal), la qual cosa permet una major facilitat en

introduir-se en els seus secrets i usos bàsics.



Serveis-Exemples de Webs (IV)

sites.google.com/?hl=es

• És una aplicació en línia gratuïta que ofereix l'empresa nord-americanaGoogle.

• Permet crear un lloc web o una intranet d'una manera tan senzilla comeditar un document.

• Els usuaris poden reunir en un únic lloc i d'una manera ràpida informacióvariada, inclosos vídeos, calendaris, presentacions, arxius adjunts i text.

• Permet compartir informació amb facilitat per veure-la i editar-la per ungrup reduït de col·laboradors o amb tota la seva organització, o ambtothom.

• Es poden gestionar projectes a través de Llocs web de Googlecompartint documents, publicant informació i pujant informes, tot en unsol lloc i amb la seguretat i els permisos que es defineixin.



Serveis-Exemples de Webs (V)

Característiques principals de Llocs web de Google:

• Fàcil creació de pàgines

• No requereix codificació HTML

• Plantilles de disseny disponibles

• Fàcil maneig d'arxius

• Fàcil maneig d'arxius adjunts

• Personalització de la interfície del lloc

• Fàcil creació de contingut multimèdia (vídeos, documents, fulls decàlcul i presentacions de Google Docs, fotos de Picasa i einesd'iGoogle)

• Designació de propietari, lectors i col·laboradors

• Cerca amb la tecnologia Google en el contingut de Llocs web deGoogle

• Creació d'intranets, projectes, etc.

• Com tots els serveis que de Google és necessari disposar de Gmail.



Serveis-Exemples de Webs (VI)

http://es.jimdo.com/

• És un servei web molt semblant a altres que permeten a través d'una

plataforma desenvolupada independentment, crear un lloc web

totalment gratis i pujar-lo al web per fer-ho totalment públic amb la

possibilitat d'obtenir un subdomini amb el nom de la mateixa pàgina

que allotjarà les altres

• Resulta una interessant alternativa pels que volen començar un lloc

web i tenen pocs coneixements de com fer-ho.

• En la seva versió gratuïta dóna fins a 500 MB d'espai i incorpora

nombroses eines disponibles per al webmaster.

http://es.jimdo.com/



Serveis-Exemples de Webs (VII)

http://www.joomla.org/

• És un sistema de gestió de continguts

• Permet editar el contingut d'un lloc web de manera senzilla.

• És una aplicació de codi obert programada majoritàriament en PHPsota una llicència GPL.

• S'inclouen característiques com: millorar el rendiment web, versionsimprimibles de pàgines, flaixos de notícies, blocs, fòrums, polls(enquestes), calendaris, recerca al lloc web i internacionalització delllenguatge

• Es troba totalment traduït a les llengües oficials del nostre país.



Serveis-Exemples de Webs (VIII)

https://jux.com/

• És una eina gratuïta amb la qual podem dissenyar el nostre lloc

gratuïtament i sense cap tipus de publicitat.

• Podem escollir entris, centenars de plantilles predissenyades i editar

les caixes de text.

• És molt senzill, ja que ho farem arrossegant i deixant anar els

diferents elements o widgets que necessitem, imatges, textos,

botons socials, vídeos, etc.

• Per utilitzar el servei de Jux cal que ens registrem amb un compte

gratuït, per poder tenir el nostre lloc en línia i poder guardar el

progrés.



Serveis-Exemples de Webs (IX)

http://pencamp.com/

• És un servei molt curiós que ens permetrà crear el nostre lloc web entan sols uns segons

• No requereix registre previ, per la qual cosa únicament haurem de deconfigurar el nom de la nostra pàgina i seleccionar una contrasenyaper posteriorment poder editar-la.

• La interfície com a tal és minimalista i encara que no ofereix mésopcions a l'edició bàsica de text és sens dubte una alternativa percrear llocs web de forma ràpida.

• Hi ha poquíssima informació sobre l'ús del servei (perquè és bastantrecent), però el seu ús és molt intuïtiu.

http://pencamp.com/



Serveis-Exemples de Webs (X)

http://www.terapad.com/

• És un sistema de publicació online més enllà dels blogs.

• Disposa de galeries d'imatges, calendari d'esdeveniments, lector de

feeds, estadístiques, control de la plantilla CSS, fòrums, botiga online,

etc.

• S'integra a la perfecció amb Google Analytics, MeeboMe, Flickr,

Feedburner, Delicious, etc.

• La seva versió gratuïta disposa d'1 GB d'emmagatzematge i 10 GB

d'ample de banda mensual.



Serveis-Exemples de Webs (XI)

http://www.weebly.com/

• Permet generar les teves webs de manera fàcil.

• Permet el treball col·laboratiu de la web, la incorporació d'una part

dinàmica (un bloc) i la creació d'un compte per al docent, podent

donar d'alta nous comptes d'alumnes sense necessitat de tenir email.

• Entorn, molt intuïtiu, a l'abast de qualsevol usuari sense experiència.

• Gràcies a l'avançada tecnologia és possible incorporar fotografies,

vídeos, mapes i tot tipus d'elements, amb només arrossegar i deixar

anar.

• Un cop creat, el lloc es pot descarregar a l'ordinador en format

comprimit.

• Una decisió important per preservar els continguts.

• Com avantatge afegit, el servei es troba en espanyol.



Serveis-Exemples de Webs (XII)

http://es.wix.com/

• És un servei per crear la nostra web en flash d’una manera molt simplei senzilla ja que l'editor, amb un funcionament de "arrossegar i llençar",és molt fàcil i intuïtiu.

• Té moltes més plantilles que Google Sites

• Com a punt negatiu és que el seu funcionament amb flash fa que enalguns dispositius no es puguin visualitzar les webs realitzades ambaquesta eina.

• Les principals característiques del servei són:

– Potent eina de publicació

– URLs o adreces web amigables amb els cercadors

– Possibilitat de utilitzar el teu propi domini

– Hosting gratuït, etc.



Serveis

Les Wikis

• Les wikis són unes eines online que permeten crear espais

col·laboratius de treball.

• Són pàgines que permeten, després de ser creades, ser modificades i

editades pels diferents usuaris que les comparteixen (podent ser les

mateixes obertes totalment a l'edició o configurades perquè un grup

de "elegits" puguin editar-les o modificar-les amb diferents permisos).

• Són eines online que permeten crear espais de treball conjunt, és a

dir pàgines que poden crear, editar i modificar els diferents usuaris

que les comparteixen.



Serveis

Les Wikis

• Entre les diferents propostes didàctiques a realitzar amb wikis,

destacaríem:

– Creació d'una unitat didàctica d'un curs / material / aula per

a grups de treball

– Elaboració d'un projecte col · laboratiu / cooperatiu

– Elaboració de continguts i / o repositoris

– Gestió d'un projecte entre diferents docents, alumnes,

departaments i / o centres, etc.



Serveis- Exemples de Wikis

http://wikisineducation.wetpaint.com/

• És una empresa que ofereix servei de xarxa social i servei

d'allotjament de wikis.

• Va ser fundada l'octubre de 2005.

• Al principi es deia Wikisphere.

• A l'hora de donar-te d'alta t'ofereix un subdomini de "wetpaint.com",

però les URL personalitzades també estan disponibles.

• Wetpaint és gratuïta i recolzada per la publicitat contextual.

• Si demanes un lloc per a ús educatiu et posen una plantilla sense

publicitat.



Serveis- Exemples de Wikis (II)

http://es.wikia.com/wiki/Wikia

• És un servei molt semblant a Wikispaces

• Ens ofereix un servei d'allotjament gratuït de pàgines web basades en

la filosofia de coopoeración (el que coneixem com wikis).

• Utilitza com a base del seu entorn de treball el programari MediaWiki i

manté una col·lecció de més de 2.000 llocs wiki.

• El mateix servei ofereix una excel·lent pàgina d'ajuda (per començar

des de zero o, per a persones que ja han trastejat amb algun altre

tipus de servei relacionat amb la creació de wikis).



Serveis- Exemples de Wikis (III)

http://www.wikidot.com/

• Serveix per crear i allotjar de forma senzilla, ràpida i completa les

wikis que desitgem, a més de disposar d'un conjunt de variades eines

d'edició de wiki.

• Aquesta plataforma ens permetrà gestionar entre d'altres, la

seguretat, els membres del nostre espai, els seus privilegis,

l'aparença, el nivell de privacitat, la llicència dels continguts.

• Wikidot ens permet realitzar tot això des del nostre propi subdomini

(tuwiki.wikidot.com) o des del teu propi domini, tot això de forma

gratuïta.



Serveis- Exemples de Wikis(IV)

http://www.wikispaces.com/

• És un servei que ens ofereix la possibilitat de crear una wiki d'una

manera fàcil, senzilla i intuïtiva.

• És una de les wikis més conegudes.

• Poseeix carácterítiques del servei per a ús educatiu:

• http://www.slideshare.net/slideshow/embed_code/853913#

• Podeu veure el treball recopilatori que ha dut a terme Francisco

Muñoz de la Penya, un dels grans experts en l'ús de wikis a nivell

docent al nostre país en aquest enllaç:

http://aulablog21.wikispaces.com/Tu+Wiki+en+Wikispaces.com

http://www.wikispaces.com/

http://www.slideshare.net/slideshow/embed_code/853913



















curs fdf modul2 unitat4

Documents