Llenguatge de marques(XML i JSON) i serveis web (2021)

Alumne: Joan Pardo

Unitat 0: Eines i plataformes

 Validació del Projecte 0

En aquesta tasca, serà l'espai a on fareu la validació de les evidencies de les activitats d'aquest projecte0  d'eines i plataformes.
Teniu també una rubrica per saber exactament com validar amb garanties el projecte.


icon-task-13.jpg

Tasques

  1. Tasca 0.0 El que heu de presentar en aquest espai és:
        1) Crear un document de Google Docs     2)  a la carpeta compartida, per així compartir amb més facilitat amb el formador i ves enganxant totes les evidencies.
  2. la Tasca 0.0
    Crear un document de Google Docs (Projecte 0    ) a la carpeta compartida (jpardoXML2021    ), per així compartir amb més facilitat amb el formador i ves enganxant totes les evidencies:
    També podeu veure el document Projecte 0 "embedded" a continuació:

  3. Tasca 0.1 1) Alta domini i d'acces al hosting públic. 2)  Indiqueu la url del vostre allotjament a on s'ha de veure un widget de Jsfiddle o altre "snippet code" amb un accés a una base de dades.
  4. la Tasca 0.1
    1) L'adreça a on he allotjat el meu lloc web és:
    llenguatgemarquesjpardo20.000webhostapp.com

    El hosting públic a on es troba allotjat és: 000webhost.com

    He registrat el domini: llenguatgemarquesjpardo20.tk    a freenom.com
    2) En aquest jsfiddle    també es pot consultar a l'enllaç que he penjat mostra_covid19_base_jpardo20   

    NOTA: Voldria remarcar, he tingut problemes a l'hora d'escollir una data per que em sortís informació. La qual cosa m'ha portat a implementar el codi, de manera que si l'usuari entra una data que no està compressa entre les dues dates entre les que hi ha informació, ens avisa, i ens torna a demanar entrar una nova data. I això ho fa, mentre l'usuari no entri una dada que estigui en l'interval demanat. Per tant, sempre hi haurà informació a l'informe.
    També es podria fer, el mateix, a l'hora d'introduir el codi del centre.
    Tanmateix, si la consulta no retorna dades, he fet que aparegui un missatge informant a l'usuari.



  • Tasca 0.2 Modifica la plantilla HTML descarregada del github amb el teu editor de codi.
  •     1) La plantilla HTML descarregada del github és la següent.
    la Tasca 0.2 - 1)

    La plantilla original descarregada del github és la següent: mostra_covid19_base.html

    I la pàgina modificada per mi és la següent: http://llenguatgemarquesjpardo20.tk/unitat0/mostra_covid19_base_jpardo20.html


  • Tasca 0.3.1 1) Puja els 3 fitxers de dades de productes al drive, 2) afegeix el fitxer CSV al full de càlcul global, 3) penja el XML i 4) visualitza les dades des d'una pàgina HTML i 5) crea una BD a Firebase amb el fitxer en format JSON.

  •     1) Puja els 3 fitxers de dades de productes al drive
    la Tasca 0.3.1 - 1)
    Imatge del drive amb els tres fitxers pujats.
    imatgeTasca031_1.jpg Els pots obrir seguint els següents enllaços
    1. dades_csv_productes_jpardo20.csv
    2. dades_xml_productes_jpardo20.xml
    3. dades_json_productes_jpardo20.json

    Imatges de les "vistes prèvies" dels fitxers que hi ha al drive.
    1. Vista prèvia del fitxer dades_csv_productes_jpardo20.csv imatgeTasca031_1_1_cvs.jpg
    2. Vista prèvia del fitxer dades_xml_productes_jpardo20.xml imatgeTasca031_1_2_xml.jpg
    3. Vista prèvia del fitxer dades_json_productes_jpardo20.json imatgeTasca031_1_3_json.jpg

        2) afegeix el fitxer CSV al full de càlcul global
    la Tasca 0.3.1 - 2)
    Seguint els passos afegeixo els dos articles al fitxer Productes_XMLZon    , que tenim compartit. imatgeTasca031_2_001
    imatgeTasca031_2_002
    imatgeTasca031_2_003
    imatgeTasca031_2_004

        3) penja el XML.
    la Tasca 0.3.1 - 3)

    El mateix que la Tasca 0.3.1 - 1)

    Imatge del drive amb els tres fitxers pujats.
    imatgeTasca031_1.jpg Els pots obrir seguint els següents enllaços
    1. dades_csv_productes_jpardo20.csv
    2. dades_xml_productes_jpardo20.xml
    3. dades_json_productes_jpardo20.json

    Imatges de les "vistes prèvies" dels fitxers que hi ha al drive.
    1. Vista prèvia del fitxer dades_csv_productes_jpardo20.csv imatgeTasca031_1_1_cvs.jpg
    2. Vista prèvia del fitxer dades_xml_productes_jpardo20.xml imatgeTasca031_1_2_xml.jpg
    3. Vista prèvia del fitxer dades_json_productes_jpardo20.json imatgeTasca031_1_3_json.jpg

        4) visualitza les dades des d'una pàgina HTML.
    la Tasca 0.3.1 - 4)
    Visualitzador HTML llegint fitxer en format XML http://llenguatgemarquesjpardo20.tk/unitat0/productes_xml.html
    Visualitzador HTML llegint fitxer en format format JSON http://llenguatgemarquesjpardo20.tk/unitat0/veure_productes_json.html

        5) crea una BD a Firebase amb el fitxer en format JSON.
    la Tasca 0.3.1 - 5)
    En el següent document es poden veure els passos que he seguit per crear una BD a Firebase i omplir-la pujant un fitxer en format JSON.
    Aquí podeu veure el document "embedded"
    O si ho preferiu, aquí teniu un enllaç que us obrirà el document a una nova finestra
    031_5_ImportDadesFireBase

  • Tasca 0.3.2 1) Feu una captura de pantalla de la fitxa de la vostra recepta de cuina que heu aportat al formulari.
  •     1) La captura de pantalla de la fitxa de la meva recepta de cuina és la següent.

  • Tasca 0.3.2 B 1) Feu una captura de pantalla de la vostra carpeta base de dades de la carpeta compartida a on es visualitzin les bases de dades pujades en les diferents activitats.
  •     1) La captura de pantalla de la meva carpeta base de dades de la carpeta compartida és la següent.

  • Tasca 0.3.3 1) Feu un collage d'evidències del vostre formulari de recollida de dades.
  •     1) Diferents captures de pantalla amb evidències del meu formulari de recollida de dades i el correu enviat.
    la Tasca 0.3.3 - 1)

    formRecollidaDadesMobles_001.png formRecollidaDadesMobles_002.png formRecollidaDadesMobles_003.png formRecollidaDadesMobles_004.png formRecollidaDadesMobles_005.png


  • Tasca 0.3.4 1) - Mostra evidencies del teu portal de dades obertes a CKAN dins del Document Google d'evidències.

    En el moment de crear el Document per guardar les evidències penseu més en una forma de tenir una guia vostra en el futur, per aplicar vosaltres a la vostra aula, que en complir amb el tramit amb el formador.

  •     1) Diferents captures de pantalla amb evidències del meu formulari de recollida de dades i el correu enviat.
    la Tasca 0.3.4 - 1)

    En el següent document es poden veure els passos que he seguit per crear un portal de dades obertes.

    0.3.4. Creació del nostre portal de dades obertes
    Aquí podeu veure el document "embedded"


     
    www.000webhost.com