dilluns, 19 de desembre del 2016

Documents XML

Avui hem vist què és el llenguatge HTML, HTML5 i XML revisant el material i els consells de la web w3schools.com. Hem centrat la classe pràctica en crear documents XML, seguint una estructura DTD concreta, i com validar-la amb pàgina de XML Validator de New-Studio.

Això ens servirà per fer la darrera pràctica de l'assignatura, ja teniu l'enunciat al blog i al Campus.

Pràctica 7.- Fitxers XML

Genereu un nou document XML que contingui informació de 5 llibres segons l'estructura que definim a continuació en aquest DTD:

<!DOCTYPE treball
[
<!ELEMENT treball (alumne,llibres)>
<!ELEMENT alumne (#PCDATA)>
<!ELEMENT llibres (llibre+)>
<!ELEMENT llibre (titol,autor,any,ISBN)>
<!ELEMENT titol (#PCDATA)>
<!ELEMENT autor (#PCDATA)>
<!ELEMENT any (#PCDATA)>
<!ELEMENT ISBN (#PCDATA)>
]>

Afegiu l'anterior DTD al document.

A l'element "alumne" poseu el vostre nom i cognoms.

Afegiu en el document 5 llibres de 5 autors diferents, que us hagin agradat.

Per comprovar que està ben estructurat, l'heu d'obrir amb un navegador i veure com es mostra la informació. Si es mostra només el text, o bé dona un error, està mal estructurat. Si mostra els nodes i la informació dels llibres, i permet clicar per obrir i tancar, està ben estructurat.

Per comprovar que compleix amb els criteris de sintaxi de la DTD, aneu a la pàgina de XML Validator de New-Studio, escolliu la opció DTD, i seleccioneu el vostre fitxer. Comproveu que no us dona cap error, i el resultat és Validation successful.

Anomeneu aquest fitxer

Cognoms, Nom.xml

i entregueu-lo en el Campus abans del 9 de gener.

dilluns, 12 de desembre del 2016

Tipus de fitxers

Avui hem vist diferents tipus de fitxers, la seva classificació, el seu contingut, extensions, peculiaritats, ... Hem parlat dels fitxers de text pla, i hem utilitzat l'eina Notepad ++ per editar-los veient diferències de format en funció del llenguatge en el que estava escrit el text (XML, SQL,...).

Després hem revisat diferents tipus de format de imatge, i hem explicat els diferents conceptes de resolució, profunditat de color, punts per polzada, ...  Per fer-ho, ens hem basat en el Ms Paint de Windows, però n'hi ha d'altres també senzills i gratuïts com GIMP o molt complerts i de pagament com Photoshop. També hi ha utilitats per redimensionar les imatges com Image Resizer (la que jo tinc instal·lada a meu portàtil) o online com ResizeImage.net.

Teniu ja publicat en el bloc l'enunciat de la pràctica 6 per treballar amb fitxers d'imatge.

Podeu descarregar els apunts aquí

Pràctica 6.- Fitxers d'imatge

L'objectiu d'aquesta pràctica és entendre les diferències entre formats d'imatge, modificant de manera senzilla una fotografia, revisant les seves propietats, desant en diferents formats, i comparant els resultats.

Primer, feu una foto amb el vostre mòbil o càmera digital.

Mireu les propietats del fitxer d'imatge i detalleu:
- Nom complet, data i hora captura
- Metadades de la càmera (Fabricant, Model)

Després en una taula afegiu aquesta informació:
- Alçada i amplada (___x___ píxels)
- Escala (proporció alçada vs amplada)
- Resolució (ppp)
- Profunditat de color (bits)
- Mida del fitxer (MB)

Utilitzant un software d’edició d’imatge (Ms Paint o similar), feu diferents versions de la mateixa fotografia en els següents formats, i afegint el corresponent sufix al nom de la imatge:

- Fitxer original  nomfitxer_0_ORIG
- Monocromàtic nomfitxer_1_MONO
- Bitmap 16 colors nomfitxer_2_BMP_16c
- Bitmap 256 colors nomfitxer_3_BMP_256c
- Bitmap 24 bits nomfitxer_4_BMP_24b
- GIF nomfitxer_5_GIF
- TIFF nomfitxer_6_TIFF
- PNG nomfitxer_7_PNG
- JPG escala 1024 nomfitxer_8_1024

Recorda que cada fitxer tindrà la seva extensió corresponent.

Per cada un d’aquests formats, afegeix la informació de la taula anterior, fent una graella.
Comprimeix tots els fitxers en un ZIP i entrega-ho en el Campus abans del darrer dia de classe, el 9 de gener, junt amb un informe Word amb la taula resum.

En el document Word afegeix també un petit apartat de conclusions (1-2 paràgrafs) amb el que has après en aquesta pràctica.

Podeu fer el treball en parelles o individual.

Si tens problemes amb la mida final del fitxer per pujar-ho al Campus, en el mateix document Word pots indicar un enllaç per descarregar-ho del vostre Google Drive o eina similar.