M08-MICROXARXESM08-MICROXARXESUF1-OFIMÀTICA I EINES WEBUF1-OFIMÀTICA I EINES WEB

PRESENTACIÓ LA WEB 2.0PRESENTACIÓ LA WEB 2.0

PresentacióPresentació

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

PresentacióPresentacióAbans els usuaris utilitzaven sempre Abans els usuaris utilitzaven sempre programari que necessitava una programari que necessitava una instal·lació a cada ordinador: (local). instal·lació a cada ordinador: (local). Cada nova versió del programa requereix Cada nova versió del programa requereix una actualització màquina per màquina.una actualització màquina per 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 el ha afavorit les aplicacions via web com el correu web, els calendaris en línia o els correu web, els calendaris en línia o els paquets ofimàtics. Aquesta necessitat i la paquets ofimàtics. Aquesta necessitat i la millora de les tecnologies de programació ha millora de les tecnologies de programació ha permès canviar la manera d'actuar sobre permès canviar la manera d'actuar sobre Internet (Internet (Web 2.0Web 2.0) Aquest concepte va ser ) Aquest concepte va ser encunyat per Tim O'Reilly pels volts de 2004 encunyat per Tim O'Reilly pels volts de 2004 i representa una nova manera d'accedir a i representa una nova manera d'accedir a Internet, de manera més Internet, de manera més participativa i participativa i comunicativacomunicativa, generant nous tipus de webs , generant nous tipus de webs com els blocs, les wikis o les xarxes socials.com els blocs, les wikis o les xarxes socials.

PresentacióPresentació

El mòdul El mòdul Aplicacions webAplicacions web us donarà una visió de les aplicacions  us 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, esteu Trobareu alternatives web a aplicacions que, usualment, esteu acostumats a treballar de manera local, com els paquets acostumats 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 contingut També aprendreu a instal·lar i configurar gestors de contingut web que faciliten la participació i la comunicació entre els usuaris web que faciliten la participació i la comunicació entre els usuaris de la xarxa.de la xarxa.

ObjectiusObjectiusEn 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, entre Reconé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 altres Documentar 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.

Aplicacions web. Correu web, calendaris en Aplicacions web. Correu web, calendaris en línia…línia…

Realitat: tendència a desenvolupar aplicacions en entorn web amb funcionalitats Realitat: 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, els similars 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 per Es coneix per aplicacions webaplicacions web aquell programari que té com a entorn de treball un  aquell 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 sistema Per 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 o operatiu 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.

Aplicacions web. Correu web, calendaris en Aplicacions 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

1.1. Introducció al Web 2.01.1. Introducció al Web 2.0Web 1.0: Web 1.0:  conjunt de pàgines escrites en HTML  conjunt 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 adquirint els internautes. Les webs van adquirint dinamisme amb la interacció amb bases de dinamisme amb la interacció amb bases de dades i l'ús de llenguatges d'scripts especialitzats dades i l'ús de llenguatges d'scripts especialitzats com JavaScript. Amb la millora de la velocitat de com JavaScript. Amb la millora de la velocitat de connexió a la xarxa les pàgines que cuiden connexió 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 els col·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 la La necessitat de comunicació dels usuaris de la Xarxa ha provocat la creació de nous estils de Xarxa ha provocat la creació de nous estils de pàgines web com els pàgines web com els blocsblocs, les , les wikiswikis i les  i les xarxes xarxes 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 no Les dades o la informació que es publiquen ja no depenen d'una única persona o organització, sinó de depenen d'una única persona o organització, sinó de la comunitat. Els usuaris són el nou la comunitat. Els usuaris són el nou  Intel InsideIntel Inside. Els . Els usuaris es consideren un valor afegit sobre el negoci usuaris es consideren un valor afegit sobre el negoci que representa Internet. que representa Internet.

El bateig de la segona versió del Web, el El 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'Really

Web estàtica

Web dinàmica

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 i Web 2.0 acostumen a ser gratuïtes i accessibles per a qualsevol usuari de la accessibles per a qualsevol usuari de la xarxa. Les eines i el contingut es troben a la xarxa. 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 constant Aquestes 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. La regulen i milloren el contingut de les pàgines. La fortalesa de la xarxa i el seu creixement en fortalesa de la xarxa i el seu creixement en coneixement rau en l'activitat colectiva dels usuaris. El coneixement rau en l'activitat colectiva dels usuaris. El paradigmaparadigma és la  és la Wikipedia que creix i millora gràcies  que creix i millora gràcies als articles escrits i editats pels internautes.als articles escrits i editats pels internautes.

1.1.1. Característiques del web 2.01.1.1. Característiques del web 2.0Importà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 un informà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 seus extreta dels usuaris va aconseguir guanyar terreny a tots els seus competidors en la venta de llibres i música per Internet. Software més competidors 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í (per senzill, que es pugui ampliar a poc a poc, barrejant serveis entre sí (per exemple, en XML) i oferint serveis de valor afegit als usuaris (aquestes exemple, en XML) i oferint serveis de valor afegit als usuaris (aquestes petites aplicacions reben el nom de petites aplicacions reben el nom de mashups).).

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 de els 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 diferent diferents usuaris etiqueten de manera diferent el mateix concepte. L'exemple més conegut el mateix concepte. L'exemple més conegut d'això és d'això és del.icio.usdel.icio.us (des del 2008,  (des del 2008, delicious), ), un servei web de gestió de marcadors. Es un servei web de gestió de marcadors. Es tracta d'una aplicació web que emmagatzema i tracta d'una aplicació web que emmagatzema i gestiona enllaços web que els usuaris gestiona enllaços web que els usuaris consideren interessants, etiquetant-los de consideren 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, com d'usuaris en constant creixement, com Facebook , , Twitter  o    o  MySpace. Es parla d'una . Es parla d'una democratització de la informàtica, l'ús de la democratització de la informàtica, l'ús de la web 2.0 ja no és només per a gurús de la web 2.0 ja no és només per a gurús de la informàtica. La facilitat d'ús i la millora en la informàtica. La facilitat d'ús i la millora en la usabilitat de les pàgines és degut, entre usabilitat de les pàgines és degut, entre d'altres raons, a la utilització cada vegada més d'altres raons, a la utilització cada vegada més sovint, de tecnologies com AJAX, que barreja sovint, de tecnologies com AJAX, que barreja JavaScript i XML.JavaScript i XML.

Vídeo: què és la web 2.0, castellà

1.1.2. Classificacions de les 1.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.

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.

Classificacions de les AWClassificacions de les AW

Per publicar i cercar informació

mapes

àudio

podcast Delicatessen

vídeo

youtube - gangnam style

imatges

Docum

ents

publicacions on line

google maps

Google Drive

Picasa

E-publi

Cap a la web 3.0?Cap a la web 3.0?

Web 3.0 o web semànticaWeb 3.0 o web semànticaEls usuaris són analitzats, així com els Els 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 de hauré de portar paraigües?” Anàlisi de webs de forecast, de google maps de la webs de forecast, de google maps de la teva situació, d’hàbits de desplaçament teva situació, d’hàbits de desplaçament segons perfil de localització de mòbil, i segons perfil de localització de mòbil, i elaborarà resposta.elaborarà resposta.

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

Tecnologies de la web X.XTecnologies de la web X.XWEB 1.0WEB 1.0

HTMLHTMLSMTPSMTPIRCIRCFTPFTPP2PP2PNNTPNNTPSSH i TelnetSSH i TelnetCliente / ServidorCliente / ServidorCGICGIJavaScript i FlashJavaScript i Flash

WEB 2.0WEB 2.0Servlets Java: Servlets Java: JVM, JSP, JVM, JSP, Java BeansJava BeansPHPPHPXMLXML

WEB 3.0WEB 3.0RDFRDFRDF SchemaRDF SchemaOWLOWLXMLXML

Serveis WebServeis Web

Instal·lació d’un servidor Web: XAMMP. Porteu CD del lliber el Instal·lació d’un servidor Web: XAMMP. Porteu CD del lliber el proper dia !!!proper dia !!!

Esquema de funcionamentEsquema de funcionament

Pràctica na1_uf1Pràctica na1_uf1Contesta les següents preguntes en un arxiu de word i enviar-les al Moodle Contesta les següents preguntes en un arxiu de word i enviar-les al Moodle al teu professor: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…

Anglès TècnicAnglès TècnicWebWebWWW (World Wide Web)WWW (World Wide Web)InternetInternetIntranetIntranetExtranetExtranetBrowserBrowserCGI (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)IRCIRCFTP (File Transfer Protocol)FTP (File Transfer Protocol)P2P (Peer to Peer)P2P (Peer to Peer)NNTPNNTPSSH i Telnet SSH i Telnet JVM, JSP, Java BeansJVM, JSP, Java BeansPHPPHPXMLXMLRDF (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)