Diferència entre revisions de la pàgina «M8 - Aplicacions web / Activitats UF1: Ofimàtica i eines web»

Revisió del 19:43, 25 maig 2015

NF1: Eines web

RA: 1. Instal·la, si s’escau, aplicacions web, descrivint-ne les característiques i entorns d’ús.

C: 1. Instal·lació, si escau, d’aplicacions web

Origen i evolució de les aplicacions web

CA: 1.1 Descriu l’origen i l’evolució dels serveis web de darrera generació.

C: 1.1 Origen i evolució de les aplicacions web.

Els principals serveis de la web 1.0

Web 2.0 i els seus serveis principals

Sis grans idees subjacents en la web 2.0

La web 1.0, 2.0, 3.0 i 4.0

Cerca i elabora un document en referència a les següents qüestions sobre l’origen i evolució de les aplicacions web. Penja'l al Moodle en l'apartat respectiu.

1.- Elabora una taula resum que defineixi cada una de les diferents tecnologies utilitzades en la creació de les aplicacions web, des de les més antigues fins les més modernes.

2.- Explica les semblances i diferències entre la Web 1.0 i la web 2.0.

3.- Enumera els diferents tipus de serveis que ofereixen les aplicacions web.

4.- Cerca informació en Internet sobre els protocols http i https; explica les diferències entre ells.

5.- Cerca en Internet informació sobre les aplicacions Web 2.0 i desenvolupa cada una de les característiques tractades.

6.- Esbrina la diferència entre llenguatges interpretats en el costat client i llenguatges interpretats en el costat servidor. Fes una llista dels mateixos.

7.- Cerca en Internet aplicacions similars a XAMPP, que permeten integrar la instal·lació, la configuració i el manteniment d'aplicacions web de manera centralitzada. Indica les diferències.

8.- Realitza i documenta mitjançant captures de pantalla i explicacions la instal·lació de XAMPP en una màquina virtual de Windows i en altra de Linux.

Windows:
     1.- Copia el fixer Osiris/recursos/SMX-M8/UF1/xampp-win32-1.7.7-VC9-installer.exe a la teva màquina Windows
     2.- Executa el fitxer instal·lador. Selecciona l'idioma anglès.
     3.- Fes clic en Next. Confirma c:\xamp com a carpeta de destí de la instal·lació. Mantingues les opcions per 
         defecte i prem install. A continuació Finish, per finalitzar la instal·lació.
     4.- Prem Sí per començar a utilitzar el panell de control de XAMPP. Prem Start en Apache i MySQL per arrancar 
         el servidor web i el servidor de bases de dades.
     5.- Obre un navegador e indica la direcció http://localhost, per connectar-te al servidor web i comprovar la  instal·lació.
     6.- Finalment, escull l'idioma i veuràs la finestra de benvinguda d'administració del servidor XAMPP.

Servidor Linux:
     sudo wget 172.16.200.2/recursos/SMX-M8/UF1/xampp-linux-1.7.7.tar.gz 
     sudo tar xvfz xampp-linux-1.7.7.tar.gz -C /opt
     cd /opt/lampp

     ./lampp start per arrancar amb XAMPP el servidor web i el servidor de bases de dades.
     ./lampp stop per aturar els serveis.

     configuració servidor ubuntu server 12.04:
     - arrancar la màquina.
     - esborrar fitxer: sudo rm /etc/udev/rules.d/70-persistent-net.rules
     - apagar la màquina: sudo poweroff
     - modificar la MAC.
     - mode pont.
     - fitxer /etc/network/interfaces  
          auto eth0
          iface eth0 inet static
          address 172.16.xxx.yyy    xxx:número d'aula -100. yyy:número de màquina.
          netmask 255.255.0.0
          gateway 172.16.55.35
          dns-nameservers 172.16.200.1


     Detenir la interfície de xarxa eth0: ifdown eth0

     Iniciar la interfície de xarxa eth0: ifup eth0

8.1.- Indica per a que serveixen les següents opcions: estat, revisió de seguretat, documentació, phpinfo(), perlinfo(), i estat (dins de JEE), i phpMyAdmin.

8.2.- Crea una base de dades Prova i afegeix la taula Amics amb els camps Nom, Cognoms, Aniversari i Mòbil.

8.3.- Insereix les dades dels teus amics.

Nom de l'activitat: UF1A1 Nom i primer cognom

Correu web

CA: 1.3 Configura i utilitza el correu electrònic web. Gestiona comptes d’usuari.

C:  1.3 Correu electrònic web. Gestió de comptes d’usuari.

1. Obre't una compte a Gmail.
2. Envia un correu independent a cada membre del teu grup i al professor (ramon.lamerce@gmail.com).
3. Quan t'arribin els correus dels teus companys agrega'ls als teus contactes de gmail.
4. Crea una llista de distribució anomenada companys amb dos dels membres del teu grup.
5. Envia un correu a la llista de distribució companys amb una còpia oculta per a l'altre membre del grup.
6. Crea tres etiquetes: companys, família i professors.
7. Crea els filtres respectius per a que tots els correus dels companys, família i professors se'ls assigni l'etiqueta respectiva.
8. Envia un correu als teus companys de grup i al professor. Comprova el funcionament del filtre.
9. Crea una signatura amb el teu nom complert i a sota una frase que t'agradi.

Per exemple: Jordi Sanz Vidal

"Carpe Diem"

1. Comprova el funcionament de la signatura.
2. Introdueix una foto en el teu perfil (Configuració - General).
3. Configura la resposta automàtica i prova-la amb un company.
4. Fes les captures de pantalla adients que demostrin la realització dels diferents apartats.
5. Fes les aportacions que consideris oportunes.

Calendari web

CA: 1.4 Configura aplicacions de calendari web.

C:  1.4 Configuració de 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.
   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.
4. Fes les captures de pantalla adients que demostrin la realització dels diferents apartats.
5. Fes les aportacions que consideris oportunes.

Instal·lació i configuració d'un servidor de blogs

CA: 1.2 Instal·la, si s’escau, diferents aplicacions web, descrivint-ne les característiques i  entorns d’ús.
    1.5 Reconeix les prestacions específiques de les aplicacions instal·lades (cites, tasques, entre d’altres).
    1.6 Configura les aplicacions web per integrar-les amb el servei de correu.
    1.7 Cerca i interpreta documentació tècnica en les llengües oficials i en les de més ús en el sector.
    1.8 Documenta adequadament la configuració de les aplicacions web d’escriptori, les
        incidències aparegudes i les solucions aportades.

C:  1.2 Instal·lació, si escau, d’aplicacions web. Característiques i entorn d’ús.
    1.5 Eines específiques web: cites, tasques, entre d’altres.
    1.6 Configuració de les diferents aplicacions per integrar-les en un servidor de correu.
    1.7 Documentació tècnica.
    1.8 Elaboració de documentacions.

Instal·lació i configuració d'un sistema wiki

CA: 1.2 Instal·la, si s’escau, diferents aplicacions web, descrivint-ne les característiques i  entorns d’ús.
    1.5 Reconeix les prestacions específiques de les aplicacions instal·lades (cites, tasques, entre d’altres).
    1.6 Configura les aplicacions web per integrar-les amb el servei de correu.
    1.7 Cerca i interpreta documentació tècnica en les llengües oficials i en les de més ús en el sector.
    1.8 Documenta adequadament la configuració de les aplicacions web d’escriptori, les
        incidències aparegudes i les solucions aportades.

C:  1.2 Instal·lació, si escau, d’aplicacions web. Característiques i entorn d’ús.
    1.5 Eines específiques web: cites, tasques, entre d’altres.
    1.6 Configuració de les diferents aplicacions per integrar-les en un servidor de correu.
    1.7 Documentació tècnica.
    1.8 Elaboració de documentacions.

Exemple de documentació per a la instal·lació i configuració d'una wiki

Instal·lació i configuració d'una aplicació web

CA: 1.2 Instal·la, si s’escau, diferents aplicacions web, descrivint-ne les característiques i  entorns d’ús.
    1.5 Reconeix les prestacions específiques de les aplicacions instal·lades (cites, tasques, entre d’altres).
    1.6 Configura les aplicacions web per integrar-les amb el servei de correu.
    1.7 Cerca i interpreta documentació tècnica en les llengües oficials i en les de més ús en el sector.
    1.8 Documenta adequadament la configuració de les aplicacions web d’escriptori, les
        incidències aparegudes i les solucions aportades.

C:  1.2 Instal·lació, si escau, d’aplicacions web. Característiques i entorn d’ús.
    1.5 Eines específiques web: cites, tasques, entre d’altres.
    1.6 Configuració de les diferents aplicacions per integrar-les en un servidor de correu.
    1.7 Documentació tècnica.
    1.8 Elaboració de documentacions.

Instal·la i configura una aplicació web diferent a les treballades a classe:

• 1. Cerca i selecciona la aplicació a instal·lar.
• 2. Cerca i interpreta documentació tècnica sobre l'aplicació escollida.
• 3. Instal·la l'aplicació i configura-la adequadament.
• 4. Elabora la documentació de tot el procés, amb comentaris i les imatges que estimis oportunes:

• 4.1. Propòsit de l'aplicacio.
• 4.2. Requisits per a la instal·lació.
• 4.3. Passos de la instal·lació.
• 4.4. Configuració.

Eines de comunicació i col·laboració 1

RSS

1.1.- Cerca en les teves pàgines web favorites l'icona del canal RSS i subscriu-te a les mateixes en el teu navegador.

Marcadors socials

2.1- Crea un compte d'usuari en Delicious, i elabora una col·lecció d'enllaços fent clic en Create Stack. Classifica els enllaços afegint etiquetes que els representin.

Blogs

3.1.- Utilitzant l'aplicació web de Google, Blogger, crea un blog i publica entrades en ell sobre les teves vivències en el centre.

3.2.- Accedeix a la pàgina de WordPress (https://es.wordpress.com/), fes clic en Comença aquí i crea un blog en WordPress. Publica una entrada que resumeixi les semblances i diferències trobades respecte al registre, ús i publicació del primer blog de Blogger,

3.3.- Investiga en Internet i fes una llista amb totes les eines que trobis que permetin publicar un blog.

Wikis

4.1.- Accedeix a http://creandowikis.wikispaces.com i consulta els tutorials sobre wikis que apareixen a l'esquerra.

4.2.- Accedeix al lloc Wikispaces, registra't i crea una wiki mitjançant el seus serveis.

4.3.- Els teus primers passos amb Mediawiki:

• Zona de proves
• Referencia ràpida

Practica les diferents opcions que es presenten en la referencia ràpida

4.4.- Realitza la instal·lació de l'aplicació MediaWiki sobre XAMPP. Investiga i administra la Wiki.

• Manual Wiki

• Administra la teva Wiki:

     - Descarregat la versió MediaWiki 1.21.2 - stable de recursos o de http://www.mediawiki.org/wiki/Download
     - Descomprimeix el fitxer i canvia el nom de la carpeta per mediawiki.
     - Puja la carpeta al teu servidor: /opt/lampp/htdocs
     - Fes la instal·lació des d'un navegador:  ip_server/mediawiki

     - Accés al servidor per sftp:
              - obriu una carpeta.
              - <Ctrl> <l> 
              - sftp://user@ipserver

4.4.1- Canvia l'idioma a Català.

4.4.2- Ves a la pestanya preferències i ajusta la data i l'hora estudia les diferents opcions i documenta-les.

4.4.3- Permet que els usuaris puguin pujar imatges. Cal que la carpeta images/ de la nostra wiki tingui permissos d'escriptura.

      $ sudo chmod 777 images

4.4.4- Els membres del teu grup han d'obrir-se un compte. A continuació, bloqueja la creació de nous comptes.

4.4.5- Fes les aportacions que consideris oportunes.

Fòrums

5.1.- Entra en la pàgina de Pbworks, https://plans.pbworks.com/academic, selecciona l'oferta gratuïta, registra't escollint una adreça i crea un wiki. Fes que un company aporti informació al teu wiki i tu aporta-li informació al seu; per fer-ho cal que us enviu sol·licituds d'edició, us les haureu de concedir, mitjançant la gesti d'usuaris, per a permetre-us accedir al espai de treball i editar el wiki.

5.2.- Realitza la instal·lació de l'aplicació phpBB, per crear i administrar fòrums, tant en un sistema operatiu Linux, com en un sistema Windows.

     Ubuntu server:
     - Descomprimir .tar.bz2: tar -xjvf phpBB-3.0.10.tar.bz2
     - Copiar Carpetes, subcarpetes i fitxers: cp -R phpBB3 /opt/lampp/htdocs
     - Eliminar carpetes recursivament: rm -r phpBB3

     - Creeu la Base de dades phpbb3 mitjançant phpmyadmin de Xampp.
     - Inicieu la instal·lació des d'un navedar: ip_server/phpBB3. - opció INSTALL -
       
       - Welcome to Installation. - Proceed to next step-
       
       - Doneu els permisos 777 als directoris  Unwritable i 666 al fitxer config.php 
                  Ex. sudo chmod 777 /opt/lampp/htdocs/phpBB3/cache
                  (alternativa sudo chown -R www-data /opt/lampp/htdocs/phpBB3/cache)
                  - Start Install -
       
       - Database configuration:
            - Database server hostname or DSN: localhost
            - Database name: phpbb3
            - Database username: root
            - Database password: en blanc si no heu posat cap contrasenya.
          - Proceed to next step -
       
       - Database connection
            - Test connection: Successful connection
           - Proceed to next step -
       
       - Administrator configuration
            - introduïu les dades de l'Administrador.
           - Proceed to next step -
       
       - Administrator detalls
            - Check administrator settings: Test passed
           - Proceed to next step - 
       
       The configuration file has been written. You may now proceed to the next step of the installation.
           - Proceed to next step -
      
       - E-mail settings
            - Valors per defecte.
           - Proceed to next step - 
      
       The database tables used by phpBB 3.0 have been created and populated with some initial data. Proceed to the next screen to finish installing phpBB.
           - Proceed to next step - 

       Congratulations!
       You have successfully installed phpBB 3.0.10. Please proceed by choosing one of the following options:
                ...       
       Please delete, move or rename the install directory before using your board. While this directory exists, only the Administration Control Panel (ACP) 
       will be accessible.
           - Login-        

     - ELIMINEU EL DIRECTORI INSTALL !!! -

5.3 Realitza la instal·lació del paquet del idioma espanyol per al gestor de fòrums phpBB

   1. Descarrega el fitxer phpBB-3.0.10_Full_Es.zip al teu escriptori.
   2. Descomprimeix el fitxer.
      2.1 sudo apt-get update
      2.2 sudo apt-get upgrade
      2.3 sudo apt-get install unzip
      2.4 unzip phpBB-3.0.10_Full_Es.zip
   3. Localitza i puja al servidor els següents fitxers i carpetes on es troba el fòrum:
            - styles/subsilver2/imageset/es ---> styles/subsilver2/imageset/es
            - styles/prosilver/imageset/es ---> styles/prosilver2/imageset/es
            - language/es ---> language/es
   4. Obre el navegdor i accedeix com administrador a l'adreça http://ip_server/phpBB3.
   5. Accedeix al enllaç Administration Control Panel (ACP).
   6. Escull Pestanya SYSTEM i desprès Language packs. Finalment Install.
   7. Surt del ACP. ACP Logut. 
   8. Accedeix al panell de control de l'usuari (User Control Panel) per poder canviar la configuració del idioma.
   9. Accedeix a la pestanya Board preferences, opció Edit global settings. Desplega els llenguatges instal·lats
      en el sistema, My language:, selecciona l'idioma espanyol.
  10. Confirma els canvis. Submit.

5.4- Agrega al fòrum phpBB anterior temes i nous membres (autoinscripció).

5.5.- Inicia un nou foro de discussió on convidis als teus amics a discutir sobre l'us dels blogs, wikis i fòrums en Internet.

Els següents apartats són opcionals (només cal fer-los si disposseu de temps suficient).

5.6.- Cerca e instal·la l'última versió de phpBB, compara-la amb la 3.0.10 utilitzada i destaca les seves avantatges.

5.7.- Realitza una comparativa que recollí les semblances i diferències existents entre els blogs i el fòrums.

Xarxes socials

6.1.- Realitza una comparativa sobre les condicions de registre, utilització i codis de conducta que ofereixen les xarxes socials més populars.

6.2.- Elabora una llista amb totes les xarxes socials que coneguis i afegeix altres noves cercant informació a Internet i compartint-la amb els teus companys de classe.

6.3.- Fes les aportacions que consideris oportunes.

Nom de l'activitat: UF1A2 Nom i primer cognom

Les dues següents activitats es realitzaran en grups de 4 alumnes.

Eines de comunicació i col·laboració 2

Mapes web

1. Crea un mapa personalitzat, amb fotos i cerques pròpies, amb el servei Google Maps.
2. Modifica la informació d'algun punt del mapa, afegint text, canviant la icona de senyalització o afegint fotos (per exemple, des d’un àlbum web Picasa, etc.).
3. Fes les aportacions que consideris oportunes.

Nom de l'activitat: UF1A3 Nom i primer cognom

NF2: Aplicacions web ofimàtiques.

Gestió de documents amb Google Drive

No CAL FER CAP INFORME

1. Des del teu compte de Gmail, accedeix a Google Drive i crea una carpeta en el nom, ELTEUNOM-Google-Drive, on guardaràs les activitats proposades.

2. Crea un document de text explicant què és Google Drive i per a què serveix. Posa uns quants exemples d'ús.

3. Crea un full de càlcul del inventari de vendes d'una botiga d'informàtica (article, preu quantitat, un camp que calculi el preu amb un 21% d'IVA i un camp que calculi el total de l'import dels articles). Mínim sis articles. Inserta imatges dels articles.

4.Crea una presentació per explicar què són les aplicacions ofimàtiques web. Descriu les seves característiques i dos o tres dels seus componenst. Inserta imatges.

5.Crea uns quants contactes en Google Drive i comparteix amb ells un document.

6. Carrega un document o imatge que tinguis guardada de forma local en el teu equip, i la pujes a Google Drive.

7. Crea un formulari que consti de set preguntes o més (una de cada tipus).

8. Per a què pot ser útil la creació de formularis? Incida cinc utilitats diferents.

9. Crea un dibuix que pugui servir de logotip per a una empresa d'informàtica.

10. Comparteix la carpeta que conté tots els documents amb el professor.

Nom de l'activitat: UF1A4 Nom i primer cognom

Gestió de documents amb Microsoft SkyDrive

No CAL FER CAP INFORME

1. Accedeix a SkyDrive i crea una carpeta en el nom, ELTEUNOM-OneDrive, on guardaràs les activitats proposades.

2. Crea un document de text explicant què és SkyDrive. Descriu dos elements positius i dos negatius de la interfície SkyDrive.

3. Crea uns quants contactes (inclou al professor). Comparteix el document amb ells de les formes que sigui possible (des de el mateix fitxer, enviant-lo per correu electrònic, per xarxes socials i obtenint un vincle).

4. Donada una empresa que es dedica a la reparació d'equips informàtics i la instal·lació de software, crea un full de càlcul en la que es recullin les reparacions, canvis de material i instal·lacions que realitzi aquesta empresa. Cal mostrar el total de la reparació i el total amb IVA (21%).

5. Crea una presentació explicant les característiques millors de Skydrive i les seves aplicacions. Inserta imatges.

6. Crea un document de Bloc de notes explicant les diferències que has trobat entre Skydrive i Google Drive, i permet que un dels teus contactes pugui escriure amb ell.

7. Carrega un document o alguna imatge del disc dur en Skydrive i comparteix-la amb els teus companys i en alguna xarxa social.

8. Comparteix la carpeta que conté tots els documents amb el professor.

Nom de l'activitat: UF1A5 Nom i primer cognom

Escriptoris en el núvol

1. Indica les característiques principals d'un sistema operatiu com EyeOS.

2. Escriptoris virtuals:

2.1 Zero PC Cloud Navigator. Crea't un compte. Canvia el tema de l'escriptori i la imatge de fons. Carrega un document i comprova que s'ha carregat correctament. Investiga les seves funcionalitats.

2.2 Jumptuit. Crea't un compte, prova les funcionalitats que t'ofereix el sistema i estudia els tres tipus de vistes i les seves funcionalitats. Finalment puja una imatge i comprova que realment s'ha pujat.

2.3 OOdesk. Registra't i prova la seva funcionalitat.

Nom de l'activitat: UF1A6 Nom i primer cognom

Dates de correcció de les activitats

És molt important que respecteu les dates d'entrega.

Dates de proves pràctiques