aplicacions web

1. M08-MICROXARXESM08-MICROXARXES
UF1-OFIMÀTICA I EINES WEBUF1-OFIMÀTICA I EINES WEB
PRESENTACIÓ LA WEB 2.0PRESENTACIÓ LA WEB 2.0

2. PresentacióPresentació
Aplicacions web: aplicacions que es podenAplicacions web: aplicacions que es poden
utilitzar accedint a un servidor webutilitzar accedint a un servidor web
mitjançant un navegador. El servidor allotjatmitjançant un navegador. El servidor allotjat
a Internet, o a la Intranet d'una organització.a Internet, o a la Intranet d'una organització.

3. PresentacióPresentació
Abans els usuaris utilitzaven sempreAbans els usuaris utilitzaven sempre
programari que necessitava unaprogramari que necessitava una
instal·lació a cada ordinador: (local).instal·lació a cada ordinador: (local).
Cada nova versió del programaCada nova versió del programa
requereix una actualització màquina perrequereix una actualització màquina per
màquina.màquina.
En un món globalitzat amb Internet massiu,En un món globalitzat amb Internet massiu,
ha afavorit les aplicacions via web com elha afavorit les aplicacions via web com el
correu web, els calendaris en línia o elscorreu web, els calendaris en línia o els
paquets ofimàtics. Aquesta necessitat i lapaquets ofimàtics. Aquesta necessitat i la
millora de les tecnologies de programaciómillora de les tecnologies de programació
ha permès canviar la manera d'actuarha permès canviar la manera d'actuar
sobre Internet (sobre Internet (Web 2.0Web 2.0) Aquest concepte) Aquest concepte
va ser encunyat per Tim O'Reilly pels voltsva ser encunyat per Tim O'Reilly pels volts
de 2004 i representa una nova manerade 2004 i representa una nova manera
d'accedir a Internet, de manera mésd'accedir a Internet, de manera més
participativa i comunicativaparticipativa i comunicativa, generant, generant
nous tipus de webs com els blocs, les wikisnous tipus de webs com els blocs, les wikis
o les xarxes socials.o les xarxes socials.

4. PresentacióPresentació
El mòdulEl mòdul Aplicacions webAplicacions web us donarà una visió de les aplicacionsus donarà una visió de les aplicacions
informàtiques que s'executen en entorn web d'ús més habitual.informàtiques que s'executen en entorn web d'ús més habitual.
Trobareu alternatives web a aplicacions que, usualment, esteuTrobareu alternatives web a aplicacions que, usualment, esteu
acostumats a treballar de manera local, com els paquetsacostumats a treballar de manera local, com els paquets
ofimàtics, el correu o els gestors de fitxers.ofimàtics, el correu o els gestors de fitxers.
També aprendreu a instal·lar i configurar gestors de contingutTambé aprendreu a instal·lar i configurar gestors de contingut
web que faciliten la participació i la comunicació entre elsweb que faciliten la participació i la comunicació entre els
usuaris de la xarxa.usuaris de la xarxa.

5. ObjectiusObjectius
En acabar la unitat, heu de ser capaços del següent:En acabar la unitat, heu de ser capaços del següent:
Descriure l'origen i evolució dels serveis web de darrera generació.Descriure l'origen i evolució dels serveis web de darrera generació.
Instal·lar diferents aplicacions web descrivint les seves característiques i entorns d'ús.Instal·lar diferents aplicacions web descrivint les seves característiques i entorns d'ús.
Configurar i utilitzar el correu electrònic web.Configurar i utilitzar el correu electrònic web.
Configurar aplicacions de calendari web.Configurar aplicacions de calendari web.
Reconéixer les prestacions específiques de les aplicacions instal·lades (cites, tasques, entreReconéixer les prestacions específiques de les aplicacions instal·lades (cites, tasques, entre
d'altres).d'altres).
Configurar les aplicacions web per a integrar-les amb el servei de correu.Configurar les aplicacions web per a integrar-les amb el servei de correu.
Cercar i interpretar l'origen i evolució de les aplicacions d'ofimàtica web.Cercar i interpretar l'origen i evolució de les aplicacions d'ofimàtica web.
Establir la utilitat de les aplicacions d'ofimàtica web.Establir la utilitat de les aplicacions d'ofimàtica web.
Descriure diferents eines d'ofimàtica web (processador de textos, full de càlcul, entre d'altres).Descriure diferents eines d'ofimàtica web (processador de textos, full de càlcul, entre d'altres).
Configurar aplicacions d'ofimàtica web. Gestionar comptes d'usuari.Configurar aplicacions d'ofimàtica web. Gestionar comptes d'usuari.
Aplicar criteris de seguretat en l'accés dels usuaris.Aplicar criteris de seguretat en l'accés dels usuaris.
Reconéixer les prestacions específiques de cadascuna de les aplicacions instal·lades.Reconéixer les prestacions específiques de cadascuna de les aplicacions instal·lades.
Utilitzar les aplicacions de forma col·laborativa.Utilitzar les aplicacions de forma col·laborativa.
Cercar i interpretar documentació tècnica en les llengües oficials i en les de més ús al sector.Cercar i interpretar documentació tècnica en les llengües oficials i en les de més ús al sector.
Documentar adequadament la configuració i gestió de les aplicacions ofimàtiques web i altresDocumentar adequadament la configuració i gestió de les aplicacions ofimàtiques web i altres
aplicacions web, les incidències aparegudes i les solucions aportades.aplicacions web, les incidències aparegudes i les solucions aportades.

6. Aplicacions web. Correu web, calendaris enAplicacions web. Correu web, calendaris en
línia…línia…
Realitat: tendència a desenvolupar aplicacions en entorn web amb funcionalitatsRealitat: tendència a desenvolupar aplicacions en entorn web amb funcionalitats
similars a les que ja existien en versió local, com és el cas del correu electrònic, elssimilars a les que ja existien en versió local, com és el cas del correu electrònic, els
calendaris o els paquets ofimàtics.calendaris o els paquets ofimàtics.
Es coneix perEs coneix per aplicacions webaplicacions web aquell programari que té com a entorn de treball unaquell programari que té com a entorn de treball un
espai web.espai web.
Per tant, són aplicacions que no necessiten versions diferents per cada sistemaPer tant, són aplicacions que no necessiten versions diferents per cada sistema
operatiu i per això faciliten el seu ús des de qualsevol dispositiu (màquina ooperatiu i per això faciliten el seu ús des de qualsevol dispositiu (màquina o
ordinador) que disposi d'un navegador i es pugui connectar a la Xarxa.ordinador) que disposi d'un navegador i es pugui connectar a la Xarxa.

7. Aplicacions web. Correu web, calendaris enAplicacions web. Correu web, calendaris en
línia…línia…
1.1. Introducció al Web 2.01.1. Introducció al Web 2.0

1.1.1. Característiques del web 2.01.1.1. Característiques del web 2.0

1.1.2. Classificacions de les aplicacions web1.1.2. Classificacions de les aplicacions web
1.2. Correu web1.2. Correu web

1.2.1. Característiques del correu web1.2.1. Característiques del correu web

1.2.2. Creació d'un compte de correu web Gmail1.2.2. Creació d'un compte de correu web Gmail

1.2.3. Ús de Gmail1.2.3. Ús de Gmail

1.2.4. Configuració i gestió de comptes de Gmail1.2.4. Configuració i gestió de comptes de Gmail
1.3. Calendaris en línia1.3. Calendaris en línia

1.3.1. Comptes de Google1.3.1. Comptes de Google

1.3.2. Ús de Google Calendar1.3.2. Ús de Google Calendar

1.3.3. Configuració i gestió de Google Calendar1.3.3. Configuració i gestió de Google Calendar
1.4. Altres aplicacions web1.4. Altres aplicacions web

8. 1.1. Introducció al Web 2.01.1. Introducció al Web 2.0
Web 1.0:Web 1.0: conjunt de pàgines escrites en HTMLconjunt de pàgines escrites en HTML
que oferien informacióque oferien informació estàticaestàtica als seus visitants,als seus visitants,
els internautes. Les webs van adquirintels internautes. Les webs van adquirint
dinamisme amb la interacció amb bases dedinamisme amb la interacció amb bases de
dades i l'ús de llenguatges d'scripts especialitzatsdades i l'ús de llenguatges d'scripts especialitzats
com JavaScript. Amb la millora de la velocitat decom JavaScript. Amb la millora de la velocitat de
connexió a la xarxa les pàgines que cuidenconnexió a la xarxa les pàgines que cuiden
l'estètica i no només el contingut.l'estètica i no només el contingut.
Web 2.0Web 2.0: Internet és una plataforma que fomenta la: Internet és una plataforma que fomenta la
col·laboració i l'intercanvi àgil d'informació entre elscol·laboració i l'intercanvi àgil d'informació entre els
usuaris d'una comunitat o xarxa social.usuaris d'una comunitat o xarxa social.
La necessitat de comunicació dels usuaris de laLa necessitat de comunicació dels usuaris de la
Xarxa ha provocat la creació de nous estils deXarxa ha provocat la creació de nous estils de
pàgines web com elspàgines web com els blocsblocs, les, les wikiswikis i lesi les xarxesxarxes
socialssocials. Canvi de la manera d'actuar sobre Internet.. Canvi de la manera d'actuar sobre Internet.
Les dades o la informació que es publiquen ja noLes dades o la informació que es publiquen ja no
depenen d'una única persona o organització, sinó dedepenen d'una única persona o organització, sinó de
la comunitat. Els usuaris són el noula comunitat. Els usuaris són el nou Intel InsideIntel Inside. Els. Els
usuaris es consideren un valor afegit sobre el negociusuaris es consideren un valor afegit sobre el negoci
que representa Internet.que representa Internet.
El bateig de la segona versió del Web, elEl bateig de la segona versió del Web, el Web 2.0Web 2.0, es va produir el, es va produir el
2004, després d'una pluja d'idees de l'empresa O'Reilly.2004, després d'una pluja d'idees de l'empresa O'Reilly.
Video O'ReallyVideo O'Really
Web estàtica
Web dinàmica

9. 1.1.1. Característiques del web 2.01.1.1. Característiques del web 2.0
La xarxa és la plataformaLa xarxa és la plataforma. Les aplicacions. Les aplicacions
Web 2.0 acostumen a ser gratuïtes iWeb 2.0 acostumen a ser gratuïtes i
accessibles per a qualsevol usuari de laaccessibles per a qualsevol usuari de la
xarxa. Les eines i el contingut es troben a laxarxa. Les eines i el contingut es troben a la
xarxa, no als ordinadors dels usuaris.xarxa, no als ordinadors dels usuaris.
Aquestes aplicacions estan en constantAquestes aplicacions estan en constant
canvi: versió "beta perpètuacanvi: versió "beta perpètua".".
Intel·ligència colectivaIntel·ligència colectiva. Els usuaris participen,. Els usuaris participen,
regulen i milloren el contingut de les pàgines. Laregulen i milloren el contingut de les pàgines. La
fortalesa de la xarxa i el seu creixement enfortalesa de la xarxa i el seu creixement en
coneixement rau en l'activitat colectiva dels usuaris. Elconeixement rau en l'activitat colectiva dels usuaris. El
paradigmaparadigma és laés la WikipediaWikipedia que creix i millora gràciesque creix i millora gràcies
als articles escrits i editats pels internautes.als articles escrits i editats pels internautes.

10. 1.1.1. Característiques del web 2.01.1.1. Característiques del web 2.0
Importància de les bases de dadesImportància de les bases de dades. No és tan important l'aplicació. No és tan important l'aplicació
informàtica, sino la gestió de les seves BBDD, aconseguint uninformàtica, sino la gestió de les seves BBDD, aconseguint un
enriquiment de la informació original. Amazon, gràcies a la informacióenriquiment de la informació original. Amazon, gràcies a la informació
extreta dels usuaris va aconseguir guanyar terreny a tots els seusextreta dels usuaris va aconseguir guanyar terreny a tots els seus
competidors en la venta de llibres i música per Internet. Software méscompetidors en la venta de llibres i música per Internet. Software més
senzill, que es pugui ampliar a poc a poc, barrejant serveis entre sí (persenzill, que es pugui ampliar a poc a poc, barrejant serveis entre sí (per
exemple, en XML) i oferint serveis de valor afegit als usuaris (aquestesexemple, en XML) i oferint serveis de valor afegit als usuaris (aquestes
petites aplicacions reben el nom depetites aplicacions reben el nom de mashupsmashups).).

11. 1.1.1. Característiques del web 2.01.1.1. Característiques del web 2.0
EtiquetesEtiquetes. Últimament s'acostuma a organitzar. Últimament s'acostuma a organitzar
els continguts en forma d'etiquetes en lloc deels continguts en forma d'etiquetes en lloc de
fer-ho com taxonomies. Indexació social:fer-ho com taxonomies. Indexació social:
diferents usuaris etiqueten de manera diferentdiferents usuaris etiqueten de manera diferent
el mateix concepte. L'exemple més conegutel mateix concepte. L'exemple més conegut
d'això ésd'això és del.icio.usdel.icio.us (des del 2008,(des del 2008, deliciousdelicious),),
un servei web de gestió de marcadors. Esun servei web de gestió de marcadors. Es
tracta d'una aplicació web que emmagatzema itracta d'una aplicació web que emmagatzema i
gestiona enllaços web que els usuarisgestiona enllaços web que els usuaris
consideren interessants, etiquetant-los deconsideren interessants, etiquetant-los de
manera molt flexible.manera molt flexible.
Facilitat d'úsFacilitat d'ús. Això ha permès crear xarxes. Això ha permès crear xarxes
d'usuaris en constant creixement, comd'usuaris en constant creixement, com
FacebookFacebook ,, TwitterTwitter oo MySpaceMySpace. Es parla d'una. Es parla d'una
democratització de la informàtica, l'ús de lademocratització de la informàtica, l'ús de la
web 2.0 ja no és només per a gurús de laweb 2.0 ja no és només per a gurús de la
informàtica. La facilitat d'ús i la millora en lainformàtica. La facilitat d'ús i la millora en la
usabilitat de les pàgines és degut, entreusabilitat de les pàgines és degut, entre
d'altres raons, a la utilització cada vegada mésd'altres raons, a la utilització cada vegada més
sovint, de tecnologies com AJAX, que barrejasovint, de tecnologies com AJAX, que barreja
JavaScript i XML.JavaScript i XML.
Vídeo: què és la web 2.0, castellà

12. 1.1.2. Classificacions de les1.1.2. Classificacions de les
aplicacions webaplicacions web
• Per expressar, crear i publicar informació: com els blocs i les
wikis
• Els blocs són espais web on els seus autors deixen articles
de manera cronològica que els altres usuaris poden
comentar. El terme en anglès és blog que procedeix de la
contracció de les paraules web i log, que vol dir diari. Per
aquest motiu, als blocs també se'ls hi diu bitàcoles, recordant
els quaderns de bitàcola que els mariners creaven durant els
seus viatges.
• Els espais webs més utilitzats per crear blocs de manera
fàcil i gratuïta són Blogger iWordpress.

13. Classificacions de les AWClassificacions de les AW
• Les wikis són espais web preparats per a ser editats
(amb un llenguatge simplificat de marques) per
múltiples usuaris en un entorn web compartit. La wiki
més coneguda és la Wikipedia, on els articles dels
usuaris passen a ser articles de l'enciclopèdia. En el
món de la informàtica comença a ser molt habitual
trobar wikis per documentar projectes de software,
precissament perquè cada membre de la comunitat
desenvolupadora afegeix els seus articles.
Un dels programes més coneguts per
construir wikis és MediaWiki.

14. Classificacions de les AWClassificacions de les AW
Per publicar i cercar informació
mapes
àudio
podcast Delicatessen
vídeo
youtube - gangnam style
imatges
Documents
publicacions on line
google maps
Google Drive
Picasa
E-publi

15. Cap a la web 3.0?Cap a la web 3.0?
Web 3.0 o web semànticaWeb 3.0 o web semàntica
Els usuaris són analitzats, així com elsEls usuaris són analitzats, així com els
seus hàbits i links habituals.seus hàbits i links habituals.
Cerques per llenguatge natural: “DemàCerques per llenguatge natural: “Demà
hauré de portar paraigües?” Anàlisi dehauré de portar paraigües?” Anàlisi de
webs de forecast, de google maps de lawebs de forecast, de google maps de la
teva situació, d’hàbits de desplaçamentteva situació, d’hàbits de desplaçament
segons perfil de localització de mòbil, isegons perfil de localització de mòbil, i
elaborarà resposta.elaborarà resposta.

16. I la web 4.0?I la web 4.0?
Llegir annex del llibre p.17Llegir annex del llibre p.17
Web 4.0= Web 3.0 (semàtica) + Web 3D +Web 4.0= Web 3.0 (semàtica) + Web 3D +
IA + Veu per comunicarIA + Veu per comunicar
http://www.dipity.comhttp://www.dipity.com

17. Tecnologies de la web X.XTecnologies de la web X.X
WEB 1.0WEB 1.0
HTMLHTML
SMTPSMTP
IRCIRC
FTPFTP
P2PP2P
NNTPNNTP
SSH i TelnetSSH i Telnet
Cliente / ServidorCliente / Servidor
CGICGI
JavaScript i FlashJavaScript i Flash
WEB 2.0WEB 2.0
Servlets Java:Servlets Java:
JVM, JSP,JVM, JSP,
Java BeansJava Beans
PHPPHP
XMLXML
WEB 3.0WEB 3.0
RDFRDF
RDF SchemaRDF Schema
OWLOWL
XMLXML

18. Serveis WebServeis Web
Instal·lació d’un servidor Web: XAMMP. Porteu CD del lliber elInstal·lació d’un servidor Web: XAMMP. Porteu CD del lliber el
proper dia !!!proper dia !!!
Esquema de funcionamentEsquema de funcionament

19. Pràctica na1_uf1Pràctica na1_uf1
Contesta les següents preguntes en un arxiu de word i enviar-les alContesta les següents preguntes en un arxiu de word i enviar-les al
Moodle al teu professor:Moodle al teu professor:
Elabora una taula resum que defineixi les diferents tecnologies emprades
en la creació de planes web, des de les més antigues a les més
modernes.
Troba les semblances i diferències entre la Web 1.0 i la Web 2.0.
Quina és la teva opinió respecte la privacitat dels usuaris a la Web 3.0?
Anomena els diferents serveis que ofereixen les aplicacions Web.
Segons l’accès, som poden ser les Aplicacions Web?
Quines són les característiques que han fet populars les Aplicacions
Web?
Diferències entre una plana web estàtica i una dinámica.
En què es fonamenta l’arquitectura client-servidor?
En quines idees es fonamenta la Web 3.0?
Quines són les tecnologies i conceptes que permeten desenvolupar la
Web 3.0?
Què necessiten els servidors web per tal de poder emmagatzemar i
publicar blogs, wikis, foros, etc…

20. Anglès TècnicAnglès Tècnic
WebWeb
WWW (World Wide Web)WWW (World Wide Web)
InternetInternet
IntranetIntranet
ExtranetExtranet
BrowserBrowser
CGI (Common Gateway Interface)CGI (Common Gateway Interface)
HTML(Hyper Text Mark Language)HTML(Hyper Text Mark Language)
SMTP (Simple Mail Transfer Protocol)SMTP (Simple Mail Transfer Protocol)
IRCIRC
FTP (File Transfer Protocol)FTP (File Transfer Protocol)
P2P (Peer to Peer)P2P (Peer to Peer)
NNTPNNTP
SSH i TelnetSSH i Telnet
JVM, JSP, Java BeansJVM, JSP, Java Beans
PHPPHP
XMLXML
RDF (Resource Descripcion Framework)RDF (Resource Descripcion Framework)
WOL(Web Ontology Language)WOL(Web Ontology Language)
XML (eXtensible Mark Language)XML (eXtensible Mark Language)
SOAP (Simple Object Access Protocol)SOAP (Simple Object Access Protocol)