M8 - Aplicacions web / Activitats UF1: Pràctiques

Eines web

Pràctica 1: Aplicacions web: funcionament i conseqüències

Fes un document en el que tractis els següents aspectes:

• 1- Com funciona una web?

L’objectiu d’aquesta activitat és conèixer, des del punt de vista tècnic, quin és el funcionament de les web 1.0 i 2.0.

Cerqueu i documenteu de forma senzilla quin és el funcionament de les pàgines web estàtiques (web 1.0) i les dinàmiques (web 2.0) des del punt de vista dels servidors web.

• 2- Les aplicacions web en el nostre dia a dia

L’objectiu d’aquesta activitat és entrar a conèixer les principals mostres de la web 2.0 que podem trobar actualment a Internet.

Trieu una aplicació web de 5 seccions diferents del “prisma de les converses” i accediu-hi. Esbrineu en què consisteix, accediu a la seva pàgina, comproveu-ne la seva usabilitat (és fàcil moure-s’hi per dins, per exemple) i quin és el seu comportament si hi naveguem mitjançant un dispositiu mòbil.

Per últim, busqueu si existeix una aplicació per dispositius mòbils (apps) de la pàgina web que esteu investigant. Descarregueu-la i feu un quadre comparatiu (punts forts i febles) entre accedir als continguts mitjançant la pàgina web i fer-ho mitjançant l’app.

Exemple

Per exemple, podem triar Etsy, que està inclosa dins de l’apartat Social Marketplace (mercat al carrer de caire social) del “prisma de les converses”.

Etsy és un gran mercat en línia on un grapat de botigues de tot tipus i d’arreu del món donen a conèixer els seus productes (i els posen a la venda).

Val a dir que a Etsy no es ven (ni es compra) qualsevol cosa, tot allò que s’hi vengui han de ser articles fets a mà o manufacturats (fets per una indústria o un taller) però seguint un disseny i un encàrrec d’un artesà creador.

Des del punt de vista del “prisma de les converses”, Etsy està inclosa dins de l’apartat Social Marketplace. Si accedim a la pàgina web, ens demana que ens registrem i ens ofereix fer-ho mitjançant el nostre compte de Gmail. En el cas de la pàgina web, tenim accés a la barra superior que inclou diverses opcions per facilitar la navegació i la localització dels articles que desitgem. A més, se’ns mostren diferents propostes d’articles d’usuaris registrats per si poden ser del nostre interès.

En el cas de l’aplicació per a dispositius mòbils, no s’ofereixen les mateixes vies per facilitar la navegació com, per exemple, un ventall de propostes d’usuaris registrats que puguin resultar del nostre interès. En aquest cas, s’ofereix, en primer lloc, la possibilitat de realitzar una cerca per categories i, a continuació, propostes d’altres usuaris.

• 3- Internet: una nova professió

L’objectiu d’aquesta activitat és aprendre a reconèixer i saber triar quines eines podem utilitzar per donar a conèixer un producte o servei a Internet i fer que esdevingui reconegut arreu.

Els llocs de la gana és una empresa de nova creació que es dedica a la fabricació de bols per a menjar de gats i gossos que s’omplen automàticament quan el bol està quasi buit. Pel tipus d’empresa i del producte que ofereixen, han pensant en vosaltres per donar-los a conèixer a Internet davant del vostre reconeixement internacional com a creadors de blogs d’èxit.

Exposeu quina és la millor eina d’edició de blogs web per aquest cas concret, quina periodicitat de publicació setmanal de posts recomaneu, quin perfil d’autors incloure-hi (i amb quins permisos), quins temes tractar, etc.

Practica 2:Treball col·laboratiu

Part 1: Gestió col·laborativa d'un projecte

Constituïu un grup de 3 persones. Obriu-vos un compte en Trello.

Dissenyeu les fases i tasques d'un projecte mitjançant l'eina de gestió col·laborativa de projectes Trello, una aplicació de productivitat que es basa en la metodologia GTD (getting things done).

El projecte consistirà en crea una pàgina, cada membre del grup, sobre personatges de còmic i interrelacionar alguns continguts de les pàgines entre ells.

Part 2: Wikis: treball col·laboratiu

1. Instal·lar una wiki en Windows o Linux (maquines virtuals) utilitzant Xampp o qualsevol altre eina.

Mostreu la instal·lació al professor

2. Instal·lar una wiki en el hosting (public_htm/wiki).

3. En la wiki d'un dels membres del grup, creeu una wiki atenent a la planificació feta en la part 1 de la pràctica.

4. Consulteu manual Administració Wiki per poder pujar imatges a la wiki. Cal donar drets d'escriptura a altres en la carpeta image.

Enllaços d'interès

• Protecció de la Wiki

• Administració Wiki

• Manual Wiki

• Referencia ràpida

Pràctica 4: Correu electrònic

Trucs i consells de Gmail

1. Obre't una compte a Gmail.
2. Canvia el tema.
3. Introdueix una foto en el teu perfil (Configuració - General).
4. Comprova que tens activa la visualització de conversa.
5. Arxiveu un correu i recupereu-lo.
6. Envieu un missatge a la paperera i mostreu-lo.
7. Mostreu la icona per marcar un correu com a brossa.
8. Utilitzeu el cercador de correus per a localitzar un determinat correu.
9. Moveu algun missatge per les pestanyes.
10. Destaqueu alguns correus electrònics per poder trobar-los més endavant.
11. Formateu el text al vostre estil i afegiu també una foto (canvieu-li la mida a petita). Afegiu algun emoticon relacionat amb el contingut del missatge. Envieu aquest correu independent a cada membre del teu grup i al professor (smxm8.lamerce@gmail.com).
12. Comprova que l'adreça dels correus enviats s'afegit als teus contactes de gmail.
13. Crea una llista de distribució anomenada companys amb dos dels membres del teu grup.
14. Envia un correu a la llista de distribució companys amb una còpia oculta per a l'altre membre del grup.
15. Mostreu el lloc on s'activen les notificacions d'escriptori.
16. Comproveu l'ortografia d'algun missatge.
17. Crea tres etiquetes: companys, família i professors; i assigna'ls-hi un color diferent.
18. Activa i comprova el funcionament de la resposta automàtica amb un company.
19. Activeu la funció Desfés l'enviament i establiu el temps que voleu que Gmail s'esperi a enviar el correu electrònic. Comprova el seu funcionament.
20. Configura la teva signatura. Per exemple, amb el teu nom complert i a sota una frase que t'agradi.
21. Modifica el mida de la finestra de redacció de missatges.
22. Crea els filtres respectius per a que tots els correus dels companys, família i professors se'ls assigni l'etiqueta respectiva (Utilitza "or" per filtrar per més d'un missatge).
23. Envia un correu als teus companys de grup i al professor. Comprova el funcionament del filtre.
24. Proveu la selecció de diversos missatges alhora.
25. Proveu els operadors de cerca avançada.
26. Per a què serveix filtrar els missatges amb àlies de correu electrònic?
27. Per a què serveix silenciar les converses?
28. Mostra el botó "Envia i arxiva".
29. Fes les captures de pantalla adients que demostrin la realització dels diferents apartats.
30. Fes les aportacions que consideris oportunes.

Pràctica 5: Calendari web

1. Crea el teu calendari personal en Google Calendar i afegeix:
   1. La data del teu aniversari (que es repetirà tots els anys).
   2. La data de la festa del teu aniversari (única per aquest any).
   3. Prepara una invitació a la festa del teu aniversari i envia-la als teus companys de grup i al professor (smxm8.lamerce@gmail.com).
   4. Marca en el teu calendari les dates de vacances.
   5. Crea un parell d'esdeveniments més amb algunes dates que desitgis recordar. Un d'ells de periodicitat setmanal.
   6. Crea dos recordatoris per a un esdevenivent: el primer cal que t'envii un missatge cada dia i el segon una finestra emergent cada 30 minuts.
2. Crea un nou calendari per als events de classe i afegeix les dates d'inici i final de curs, dies de festa i períodes d'exàmens.
3. Comparteix el calendari amb els teus companys de grup i amb el professor (smxm8.lamerce@gmail.com).
4. Fes les captures de pantalla adients que demostrin la realització dels diferents apartats.
5. Fes les aportacions que consideris oportunes.

A. Configuració de Google Calendar

1. Canvia el format de la data a dia/mes/any.

2. Canvia el format d'hora a 24 h.

3. Canvia el dia de començament de setmana a dilluns.

B. Events

Nota: Tots els events s'han de crear en el calendari de l'usuari.

1. Crea un event associat a un dia complert, per exemple un aniversari.

2. Fes que l'event de l'aniversari es repeteixi tots els anys.

3. Comprova com es visualitza l'event en les diferents vistes (dia, setmana, ..., agenda).

4. Comprova que l'event es mostra en el calendari de l'any vinent.

5. Comprova que posts desplaçar l'event, però que les repeticions no es desplacen simultàniament. Per fer-ho, cal tornar l'event a la seva data original, desactivar la repetició, moure de nou l'event a la data correcta i activar les repeticions.

6. Crea un event associat a un període de temps en un dia determinat, per exemple, l'assistència a una obra de teatre de 20:00 h. a 22:00 h.

7. Edita l'event per rebre una notificació de l'event per correu (fes-ho de manera que la notificació es rebi en els propers 5 minuts).

8. Comprova com es visualitza l'event en les diferents vistes (dia, setmana, ..., agenda).

9. Crea un event associat a varis dies, per exemple un viatge de negocis tres dies.

10. Edita l'event per associar-li el lloc en que es realitza (un hotel d'una ciutat, per exemple). Comprovi que pot consultar la localització del lloc escollit.

11. Canvia el color de l'event.

12. Comprova com es visualitza l'event en les diferents vistes (dia, setmana, ..., agenda).

13. Comprova que has rebut la notificaió per correu de l'assistència al teatre.

C. Tasques

1. En la vista mensual. crea una tasca associada a un dia, per exemple comprar un regal per a una persona.

2. Comprova que la tasca s'ha afegit en la llista de tasques disponible en Gmail (visible fent clic en el text "Gmail" situat en la part superior esquerra, opció Tasques).

D. Calendarios

1. Compruebe que puede desactivar y activar la visibilidad de los calendarios haciendo clic en el cuadro de color situado a la izquierda del nombre de los calendarios. 2. Oculte el calendario Festivos de España haciendo clic en el desplegable situado a la derecha del nombre del calendario. 3. Restaure el calendario Festivos de España haciendo clic en el desplegable situado a la derecha de Otros calendarios, opción Configuración. 4. Añada un calendario haciendo clic en el desplegable situado a la derecha de Otros calendarios, opción Explorar calendarios interesantes. Por ejemplo, añada el calendario de partidos de un equipo de la primera división española de fútbol. 5. El calendario Cumpleaños que muestra Google Calendar se genera a partir de los datos de los contactos. Cree un segundo calendario Cumpleaños para poder añadir cumpleaños a él, haciendo clic en el desplegable situado a la derecha de Mis calendarios, opción Crear nuevo calendario. 6. Añada en este calendario los cumpleaños de su familia más próxima, creando eventos repetidos PFC IES Enric Valor (Picanya). Herramientas TIC colaborativas. Bartolomé Sintes Sesión 5 - 150507 y asociándolos al calendario Cumpleaños. Compruebe que al desactivar y activar la visibilidad del calendario, se ocultan y muestran los eventos. E. Compartir calendarios 1. Cree un calendario Tutoría XX (en la que XX es el nombre de un grupo del instituto, que no debe repetirse). 2. Comparta ese calendario con el resto de compañeros del curso. 3. Compruebe que los calendarios que han compartido el resto de compañeros se muestran en el apartado Otros calendarios. 4. Cree eventos en los calendarios del resto de compañeros. Por ejemplo, exámenes, recuperaciones o entrega de trabajos. 5. Modifique el color de los calendarios de acuerdo con algún criterio. Por ejemplo, que los calendarios de un mismo curso sean del mismo color. 6. Compruebe que los eventos creados en los calendarios se muestran en el calendario general.

E. Incrustar un calendario en una página web

OPCIONAL!

Nota

Se ofrecen dos formas de publicar un calendario como página web. La primera es más sencilla,

puesto que es Google quien nos publica el calendario y crea la dirección, pero no se puede añadir información adicional. La segunda es más complicada, porque creamos nostros la página web, incurstamos el calendarioy publicamos la página, pero podemos añadir cualquier contenido. 1. En las opciones de configuración del calendario Tutoría XX > Compartir este calendario, marque la casilla Hacer público este calendario. 2. En las opciones de configuración del calendario Tutoría XX > Detalles del calendario > Dirección del calendario, haga clic en el botón azul HTML para ver la dirección pública del calendario. 3. Haga clic en la dirección y compruebe que se ve el calendario. Guarde como marcador la dirección. Cierre la sesión de Google y compruebe que el marcador funciona y puede consultar el calendario. 1. En un editor de texto sin formato (en Windows, Bloc de notas, en LliureX, Aplicaciones > Accesorios > Editor de textos), cree un documento de texto que se llame calendario.html 2. En las opciones de configuración del calendario Tutoría XX > Detalles del calendario > Incrustar este calendarios, copie el código html (<iframe src= ... ></iframe>) 3. Pegue el código en el documento. 4. Complete el código html: <html>

IES XXXX. Calendario de exámenes y tareas del grupo XXX

<iframe src ... ></src> </html> 5. Suba el documento a Google Drive. 6. Comparta el documento (al compartir haga clic en Avanzada (situada abajo a la derecha), se abrirá la ventana de configuración de acceso compartido, elija la opción Cambiar situada a la derecha de privado, se abrirá la ventana uso compartido de enlaces, elija Sí: público en la web) 7. El enlace será del tipo https://drive.google.com/open?id=XXXXXX&authuser=0 8. El enlace que puede enviar a la gente es el siguiente https://www.googledrive.com/host/XXXXXX en el que XXXXX es el ID del documento

H. Neteja final

1. Si ho desitges, Elimina tots els events i calendaris creats en aquesta pràctica.