Pràctica 1 Bloc Web

Bona tarda a tots i totes!

Internet va suposar una gran revolució en el món, potser no com les que s'havien viscut fins ara, però revolució al cap i a la fi. En un món cada cop més gran i on la globalització començava a fer-se present va nèixer (o millor dit, es va reinventar) aquesta eina que permetia publicar i accedir a continguts de qualsevol lloc del món en un temps molt curt. Durant els primers anys, les continues actualitzacions dels estàndards HTML (aneu-vos familiaritzant amb aquestes sigles) van anar succeïnt-se passant de pàgines de text a pàgines amb textos en negreta o subratllats i fins i tot alguna imatge. Poc després, amb un HMTL força més desenvolupat es va forçar també l'evolució dels programes que podien mostrar aquests HTML: la batalla entre els browsers IE i Netscape va començar a centrar l'actualitat tecnològica de l'època. Fa uns 30 anys, les empreses començaven a tenir equips IBM d'última generació (http://www-03.ibm.com/ibm/history/exhibits/vintage/images/4506VV4023.jpg) i la telecomunicació entrava en una nova era. El correu electrònic es massificava i la creació de recursos compartits deixava de ser una utopia per a ser un somni bastant més proper.
El gran salt va venir amb les primeres versions de MS Windows 95, que integraven el navegador en el sistema i amb l'inici de la competició dels ISPs per a oferir un millor accès a Internet. Dels mòdems de 56 Kbps que funcionaven per marcació i connexió telefònica, com si es tractés d'una trucada normal i que t'oferien una velocitat gens despreciable de 33.6 Kbps (uns 300 cops més lents que l'habitual i que alguns de vosaltres potser recordeu) vam passar a les primeres ofertes d'RDSI, l'aparició de diferents ISPs i la famosa ADSL. El Bandwidth començava a copar el protagonisme de les comunicacions per cable, així com nous estàndards d'UTP anaven sorgint, i els primers intents de WiFis anaven apareixent. d'altrabanda, els polèmics xats deixaven pas a la missatgeria instantània i a les xarxes socials, en les que tot això ha derivat. Si la (r)evolució continua amb la mateixa intensitat, estem parlant de que en 10 anys vosaltres tindreu accès a un tipus de servei que no haurieu ni imaginat. Penseu que fa uns anys, ni Google ni Facebook existien, i que en poc temps (un per la seva senzillesa brillant i l'altre per la seva popularitat) s'han convertit, fins i tot empresarialment, en dues grans potències que han absorvit moltes companyies en la seva expansió.

Acompanyant aquesta vida d'Internet  hi ha hagut una evolució realment gran, cada cop amb elements i microcircuiteria més petita i amb grans quantitats de diners dedicats a la recerca i el disseny d nous models i aplicació de noves tecnologies (degut a que es generaven molts diners, també s'ha de dir). D'aquelles primeres versions d'HTML hem passat a scripts sencers de Java o a la creació d'un HTML més obert, el XML. En quant a màquines, l'evolució és evident i no cal entrar-hi.

Tampoc cal oblidar la importància que aquest mitjà de comunicació ha tingut en el desenvolupament dels dispositius mòbils, ara generalitzats com a smartphones. L'última novetat, fixeu-vos, és el 4G, que tot i que no és 4G pròpiament (les tecnologies HDSPA i HSUPA que utilitzen es categoritzen en l'anomenat 3.5G) ja aconsegueix taxes de transmissió importants, en un moment en el que la fibra òptica també guanya protagonisme amb la implantació de la seva estructura i la seva comercialització.

Bé, després d'aquestes linies introductòries, i per començar a posar-nos sobre el terreny vull que em contesteu les següents preguntes en un document word i me l'adjunteu al meu correu amb el nom de pràctica 1.
Si hi ha problemes amb la connexió, ho podeu contestar directament al correu sense necessitat d'adjuntar cap document.

Preguntes:
1.- Escriu totes les paraules o sigles que no entenguis i busca'n el significat. Si les entens totes o gairebé totes, escull-ne 5 per realitzar l'activitat.
2.-Penseu en quan èreu petits. Tenieu ordinador a casa? Què suposava socialment tenir-ne o no?
3.-Busqueu una mica d'informació sobre Google: any de creació, fundadors, idea inicial, lloc de creació, intencions, utilitat, evolució... i resumiu-la en 10 linies
4.- Busqueu una mica d'informació sobre Facebook: any de creació, fundadors, idea inicial, lloc de creació, intencions, utilitat, evolució... i resumiu-la en 10 linies
5.- Què és la tecnologia LTE? Quines velocitats ofereix? En què és diferencia del que s'anomena comercialment avui dia 4G?
6.-Cerqueu ara informació sobre alguns editors de planes web, diferenciant entre els online i els offline. En concret, trobeu les característiques que diferencien el Macromedia Dreamweaver i el Microsoft Publisher com a editors offline i GoogleSites, Blogger i WordPress com a editors online. Un blog és una pàgina web?
7.- Expliqueu la diferència entre una pàgina web, un portal web, un motor de cerca, un blog, una pàgina de facebook.... se us ocorren més "tipus" de planes web?
8.- Trobeu informació sobre l'estàndard d'edició HTML: Què és? Quan va sorgir? Com és? Quin format tenen els seus arxius?
9.- Busqueu informació sobre les tags (etiquetes) del HTML. enumereu-ne 10 i expliqueu què indiquen
10.- Contempla l'exemple de la web http://www.w3schools.com/html/ És HTML? Què indiquen les etiquetes?
11.- Feu click al botó "Try it yourself" de la mateixa web i comproveu el resultat. Proveu afegir i treure etiquetes i contingut i mireu com varia el resultat. L'HTML bàsic és molt simple, igual que als seus inicis. Podries fer una plana web amb els coneixements que tens ara, utilitzant només un "bloc de notas" de Windows?


Ànim! I sort en aquest any nou!
Xavi

P.D.: En aquesta avaluació valoraré especialment l'autonomia personal. Heu de continuar desenvolupant l'habilitat de buscar respostes per vosaltres mateixos, una habilitat que té una importància especial, sobretot tenint en compte que l'any que ve canviareu d'etapa i el sistema de funcionament serà força diferent. Podeu buscar informació referent a aquesta habilitat en la pàgina web de la Generalitat o del Departament d'Ensenyament.

And the final practice.... Special 2!!

Good afternoon again!

At last, we have arrived to the final practice!! This one will be considered like an special practice, because you will have to use everything you have learned to create an edit an image. The image consists in putting yourselves in a film poster. As ever, it is shortly explained in the link below.

Pràctica 20: http://tecnoaix.es/ESO4/informatica/gimp/practica24.pdf

I hope your creations will be interesting. Please, notice that this special practice will be valued up with a x2 bonus

Good luck and enjoy it!

Xavi

Pràctica 19

Good afternoon,

In this practice you will have to put the girls (yes, we are still with them) in the glass wall of an office building.
The explanation in the pdf document is short: you have to use all the things you have learned since we started this second image block.


Pràctica 19: http://tecnoaix.es/ESO4/informatica/gimp/practica23.pdf

Imatge pràctica 19: http://tecnoaix.es/ESO4/informatica/gimp/archivosp23/imagen


Come on, we are almost at the end,

Good luck!

Xavi

Feina per avui: poseu-vos al dia

Bon dia.
Avui no penjaré cap pràctica. Aprofiteu per posar-vos al día o fer feina (Projecte de Recerca, per exemple).
Records!

Pràctica 18

Good morning everybody!

A new one.

At this time, you have to combine the same photograph of the girls we have been working with last days with an all-stamp background to achieve the objective of making these girtls appear in one of the stamps.


Practice 18: http://tecnoaix.es/ESO4/informatica/gimp/practica22.pdf
Image practice 18: http://tecnoaix.es/ESO4/informatica/gimp/archivosp22/imagen

I hope you won't have problems with this!

Xavi ;)

Pràctiques 16 i 17

Hola a totes i tots!

En aquesta pràctica veurem com fer un muntatge, agafant una fotografia i inserint-la en una altra amb perspectiva i efecte, de tal manera que quedi en una sola capa.

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica20.pdf

imatge1: La de les nenes de les pràctiques anteriors

imatge2: http://tecnoaix.es/ESO4/informatica/gimp/archivosp20/imagen

La pràctica 17 és molt similar a l'anterior i es fa de la mateixa manera, combinant i fent perspectives.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica21.pdf

Imatge1: les nenes de sempre

Imatge2: http://tecnoaix.es/ESO4/informatica/gimp/archivosp21/imagen

Ànim, que ja queden poques!

Xavi

Pràctica 15 i 15-2

Bon dia a totes i tots!

Us penjo una nova pràctica. En aquesta haurem de fer uns retocs aplicant filtres amb configuració d'usuari. com sempre, ho teniu explicat al pdf de l'enunciat de la pràctica.

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica18.pdf

imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp18/imagen

I a més...

Us penjo la segona part de la pràctica 15.

Amb la mateixa imatge, haureu de fer un muntatge diferent.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica19.pdf

Envieu-me-les les dues juntes (no cal que vagin comprimides, però si afegides al mateix correu) 

Ànim!

Xavi

Pràctica 14

Hola!

En aquesta nova pràctica haureu de treure els ulls vermells la imatge que us adjunto. És rápida de fer, aprofiteu el temps per fer tot el que tingueu pendent de les anteriors.

De tota manera, no us preocupeu: al final del trimestre encara quedaran algunes hores sense pràctiques per acabar el bloc.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica17.pdf
imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp17/imagen

Ànim!

Xavi

Practice 13

Good afternoon!

In this class, we will learn to edit and upgrade an old and burned photograph. We will have to restore it, applying some special effects. In the pdf document you have the view of the final solution.

Practice: http://tecnoaix.es/ESO4/informatica/gimp/practica16.pdf
image: http://tecnoaix.es/ESO4/informatica/gimp/archivosp16/imagen

Good luck!

Xavi

Practice 12

As I promised you at the beginning of the term, let's start trying to use a little of English in our subject.

Today, you'll have to edit and modify the background from the picture (the sky).

http://tecnoaix.es/ESO4/informatica/gimp/practica15.pdf

Image: whichever with a clean white cloudy sky. Try to take the one from the pdf. How would you do that?

I hope you will enjoy. However, if you are still doing the Dr. House's one, go on before starting this new one. This is easier than the one before.

Good luck!

Xavi

Pràctiques 10 i 11

Bona tarda nois i noies!

En la pràctica d'avui recuperarem la teoria del "solapar capas" que vam veure fa unes pràctiques per donar un efecte curiós treballant amb el reflexe dels ulls:

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica13.pdf

imatges: les haureu de buscar vosaltres. Una d'un ull i una altra per combinar en l'ull.




Com que segurament acabareu la pràctica 10 aviat, us penjo la següent.

Aquesta ja és una mica més el·laborada, segui les instruccions que trobareu en el desenvolupament del document pdf. És una pràctica que sol costar, així que preneu-vos-ho amb calma i mireu d'anar avançant mica a mica. Si teniu qualsevol dubte, valoraré que hagueu intentat solucionar-ho abans de preguntar-me.

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica14.pdf

imatge2: http://img.chan4chan.com/img/2010-03-15/1268612997909.jpg
imatge1: una foto vostra.

Si mireu el desenvolupament de la pràctica, la plantilla de retall de la nena variarà respecte la vostra, però al final, al col·locar la capa de les pastilles a sobre, l'efecte serà el buscat.

Ànim!

Xavi

Pràctica 9

Bona tarda!

Esteu treballant tant, i tant bé que us esteu convertint mica a mica en uns experts en el tractament d'imatges. Per a aquesta pràctica, aprendreu a fer distorsions d'imatge a mode caricatura (amb un resultat al que segur esteu acostumats o heu vist algun cop).

pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica12.pdf

imatge1: http://tecnoaix.es/ESO4/informatica/gimp/archivosp12/imagen

imatge2: 1 vostra

Com sempre, quan les tingueu envieu-me-les al correu

Endavant!

Xavi ;)

Classificació SP1

Hola a totes i a tots!

Ha sigut una decisió difícil ja que és complicat ordenar-los, tenint en compte que alguns tenen un treball similar. Enhorabona als guanyadors i ànims als altres per que tingueu aquest afany de superació en el que queda.

Els tres primers mereixen una menció especial: us felicito per la bona feina i per haver posat en pràctica tot el que hau aprés fins ara en aquesta pràctica de síntesi. Enhorabona, de veritat :)

Ara, tots a continuar treballant en la feina pendent. Queda més o menys un mes per acabar el trimestre, així que ànims per a posar-se al dia i per a aprovar la matèria. Ànims i sort!

X

Pràctica 8

Bona tarda!

Us deixo una nova pràctica

http://tecnoaix.es/ESO4/informatica/gimp/practica11

imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp11/imagen

Ànim!

Xavi

Pràctica especial 1 (SP1)

Bona tarda a tots i a totes!

Com deveu recordar, la setmana passada ja us vaig comentar que durant aquesta setmana tindríem una feina una mica diferent. Estic encantat de presentar-vos la:

SPECIAL PRACTICE 1

El funcionament d'aquesta pràctica especial és molt simple. Amb els coneixements que heu obtingut durant el que portem de curs, on ja heu aprés a fer servir el gimp, us demano que feu una tasca de síntesi de tot això:

-Aprofitant l'arribada de Halloween, vull que feu un muntatge lliure sobre aquest tema. 

-Teniu tota la setmana per fer-ho. Dijous a les 17:00 haurà d'estar entregada al meu correu.

-Jo faré una classificació segons la qualitat i el treball que hi apreciï a cada imatge.

-Els 3 primers classificats tindran un 10 a la pràctica i la resta, la que toqui.

-Aquesta pràctica, al ser de síntesi i obligar-vos a posar en joc tot el que heu aprés, serà equivalent a un examen: concretament, valdrà com 4 pràctiques simples. 

Així que ja sabeu, feu-me un muntatge d'imatge terrorífic i que estigui ben treballat, i podreu optar a tenir quatre 10s més per a fer la mitja!

Ànim, i bona sort! (Recordeu que la sort no es té ni es troba... es busca!)

Xavi

Pràctiques 5, 6 i 7

Bon dia a tothom!

Us penjo vàries pràctiques de tractament d'imatge. Són ràpides de fer. No us estresseu. I envieu-me-les per separat.

http://tecnoaix.es/ESO4/informatica/gimp/practica6
imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp6/imagen




Aquesta, com l'anterior, és molt ràpida de fer i força senzilla. Només heu d'aplicar una desaturació de color per deixar una imatge en blanc i negre.

http://tecnoaix.es/ESO4/informatica/gimp/practica7
imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp7/imagen




Com que les anteriors son senzilles i fàcils i ràpides de fer, us en poso una altra per a que no us avorriu.

En aquest cas només heu d'acolorir les dues imatges, quan les tingueu, envieu-me-les per correu.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica10
imatges: http://tecnoaix.es/ESO4/informatica/gimp/archivosp10/imagen
             http://tecnoaix.es/ESO4/informatica/gimp/archivosp10/imagen2

Ànim!

Xavi

Pràctica 4 Bloc 2

Hola nois i noies!

Us penjo la següent pràctica. http://tecnoaix.es/ESO4/informatica/gimp/practica5

En aquesta ocasió heu de donar un color a una regió no uniforme, com veureu en l'explicació pdf.
Quan acabeu, busqueu alguna foto vostra o d'un famós i canvieu-li el color dels ulls i de la cara.

Envieu-me les 2 imatges en jpg per correu.

Endavant!

Xavi

P.D: Recordeu que tot i que es tracti de la pràctica 5 (en el nom del pdf), és la nostra pràctica 4!

Pràctica 3 i 3b del bloc 2

Hola a tots!

Us penjo la pràctica 3, que tindrà dues entregues. Tot i que el link s'anomeni practica 4, us recordo que aquestes pràctiques són d'un compendi més gran de les moltes llistes de tutorials que es poden trobar per Internet. Per tant, si voleu practicar més, sempre en podeu buscar tutorials per fer.

Pràctica: http://tecnoaix.es/ESO4/informatica/gimp/practica4
Imatge: http://tecnoaix.es/ESO4/informatica/gimp/archivosp4/imagen

En aquesta haureu d'arrgelar la cara d'una dona en la maduresa de la seva edat. Li haureu de fer un petit retoc fotogràfic per treure-li les arrugues, obtenint un resultat d'allò més convincent.

Al acabar aquesta pràctica, podeu buscar les típiques imatges on comparen les famoses arreglades o maquillades sense maquillar o en muntatges fotogràfics a les portades i reportatges de les grans revistes. Seríeu capaços d'imitar als editors?

Extra: Busqueu una imatge d'un famós o una famosa i retoqueu-li fotogràficament el que volgueu, per convertir la imatge en la portada perfecta d'una revista de gran tirada i envieu-m'ho també al correu amb el nom de "pràctica3-2" i el vostre nom.

Endavant!

Pràctica 2 Bloc 2

Hola a tothom!!

Us deixo l'enllaç per a realitzar la segona pràctica, on aprendreu a fer retocs d'imatge amb l'eina de clonació.
http://tecnoaix.es/ESO4/informatica/gimp/practica2

L'arxiu de la imatge necessari el trobareu aquí: http://tecnoaix.es/ESO4/informatica/gimp/archivosp2/imagen

Som-hi!!

Xavi

Bloc 2 d'imatge: pràctica 1

Hola nois i noies!

RECORDEU QUE ENTRAR SENSE PERMÍS A ALGUNA WEB PER ACONSEGUIR IMATGES PRÒPIES ES PENALITZARÀ AMB UN 0 DE NOTA, A NO SER QUE EL PROFESSOR INDIQUI, A TÍTOL INDIVIDUAL, EL CONTRARI

Poc a poc heu anat descobrint la utilització bàsica del GIMP i algunes de les seves virtuts (i defectes).

Ara començarem el 2n bloc d'imatge, que ens acostarà a aspectes més tècnics i de precissió d'una bona eina de tractament d'imatge. Les pràctiques seran igual: haureu de fer-les i entregar-les, de moment, per correu electrònic.

Per aquest segon bloc ens guiarem per unes pràctiques ja dissenyades que abarquen tot el que hem de treballar: estan numerades a partir de l'1, i nosaltres mantindrem aquesta numeració. Aquí va la primera:

http://tecnoaix.es/ESO4/informatica/gimp/practica1
arxiu: http://tecnoaix.es/ESO4/informatica/gimp/archivosp1/imagen

Seguiu les instruccions del pdf i envieu-me el resultat final al correu. Recordeu que ho heu de fer el més acurat possible, per a tenir millor nota, ja que coses a mig fer restaran forces punts. Com a consell, el tractament d'imatge és una feina de paciència fins que s'aconsegueix el resultat buscat, però un cop s'aconsegueix, la calitat és molt bona. Ànims i endavant!

Xavi

Pràctica 6

Benvolguts alumnes,

Poc a poc us heu anat convertint en experts en el camp del tractament de la imatge. Ara ja sabeu editar, ampliar, retallar, muntar, tractar... les imatges que se us donin.

Per a acabar aquest primer cicle de contacte amb el tractament de la imatge, farem una última passa endavant. La següent tasca té com objectiu que poseu en pràctica tot allò que heu aprés durant aquestes sessions. Haureu de fer un muntatge futurista en la qual hi hagi una imatge vostra "disfressada" de superheroi, i tot això fet amb el GIMP. Me la envieu al correu. La única condició és que el conjunt que m'envieu ha de pesar menys d'1MB.

Ànims!!

Pràctica 5

Bon dia a tots!
Espero que els resultats siguin satisfactoris i que esteu aprenent coses noves.

Aquesta entrega té a veure amb les transformacions i modificacions de la imatge. Per això utilitzarem una eina que es diu FILTRE. Amb aquests filtres podem transformar els píxels d'una imatge un per un i donar-li una aparença conjunta diferent.

Per a aquesta pràctica utilitzarem, com venim fent fins ara, el GIMP . La idea es que busqueu les 2 imatges que vulgueu i hi apliqueu alguns filtres per a donar-hi algun efecte.

Per tant, què heu de fer?

1.- Buscar dues imatges i aplicar-hi 3 filtres diferents a cadascuna.
2.- Assegurar-vos que les 8 imatges que tingueu (2 originals i 6 amb filtres), comprimides, ocupin menys de 3 MB. Si ocupen més, ja sabeu què podeu fer per baixar el pes. (canviar el format!)
4.- Enviar-m'ho comprimit al correu amb assumpte "el vostre nom"
Endavant!

Pràctica 4

Hola a tots i totes!

Ja coneixem els diferents formats i les característiques bàsiques de cadascun, ja sabem canviar formats d'imatge, comprimir arxius i escapçar, ampliar i reduir imatges. El següent pas serà començar a fer muntatges.

Les capes ens permeten fer dibuixos d'una manera similar a un collage: podem anar retallant trossets i anar-los col·locant i relacionant amb altres troços independentment de la resta de la imatge. Per tant, sobre el fons que volguem, podem anar posant elements que podrem configurar o retocar sense haver de tocar la resta de la imatge.
Per practicar tot això de les capes vull que busqueu a Internet la imatge d'un bosc. Amb aquest bosc de fons vull que feu un fotomuntatge per capes. Després, vull que busqueu una imatge d'un ase i dues més d'un parell de superherois. El muntatge final haurà de ser els superherois interaccionant amb l'ase al bosc. Poseu-hi creativitat!

Per tant, què heu de fer?

1.- Buscar una imatge d'un bosc que utilitzarem de fons
2.- Buscar una imatge d'un ase.
3.- Buscar 2 imatges de 2 superherois
4.- Retallar l'ase i els superherois amb l'eina d'escapçar.
5.- Enganxar, per capes (en el GIMP) els retalls sobre el bosc i fer el muntatge amb creativitat
6.- Podeu afegir alguna bafarada amb alguna frase adient.
7.- Finalment, Enviar-me la imatge en format jpg (compte que si guardeu per defecte, el format xcf no el puc obrir!) amb el muntatge al correu amb assumpte "el vostre nom"

Ànim!

Pràctica 3

Hola a tots i totes!

La següent feina a fer tindrà a veure amb l'escalat i l'escapçament. Parlem d'ESCALAT quan ens referim a convertir, en el nostre cas, una imatge en la mateixa imatge però més petita o gran. Per tant, reduïr o augmentar la MIDA de la imatge seria escalar-la.

Com ja sabreu (de la Tecno de 1r ESO), podem distingir entre 3 tipus d'escala: L'escala NATURAL (1:1, la imatge queda igual que la original), l'escala d'AMPLIACIÓ (2:1, 3:1, 100:1..., la imatge final és molt més gran que la original, útil sobretot si volem veure clarament figures petites o detalls) i l'escala de REDUCCIÓ (1:2, 1:3, 1:10... on la imatge original és molt gran i hem de reduïr-la per a poder representar-la o veure-la en la seva totalitat.

M'agradaria que busquèssiu una imatge mitjana en bmp (igual que en la pràctica anterior) i l'escalèssiu ampliada i reduida. Com que podreu conèixer les mides, m'agradaría que em calculèssiu l'escala que heu aplicat (escala = mida final / mida inicial --> 1:"escala" si es reducció o "escala":1 si és ampliació). Un cop fet, m'envieu les 3 imatges i un word amb el càlcul, el resultat dels escalats i les preguntes de sota comprimit en un zip (o un rar) al meu correu.

Per tant, què heu de fer?

1.- Buscar una imatge mitjana en bmp
2.- Ampliar-la i reduïr-la amb el GIMP (funció d'escalat)
3.- Contestar en un word: Què passa amb la qualitat quan l'ampliem? Què passa quan la reduïm?
4.- Continuar en el word: A quin tipus de publicació (fotolog, wiki, web, treball en word, powerpoint) li deu anar millor una imatge reduïda? I una ampliada?
5.-Calcular i afegir al word les escales
6.- Fer un zip amb les preguntes, el càlcul i les imatges i enviar-m'ho al correu

Recordeu que si teniu qualsevol dubte valoraré especialment que sigueu capaços de resoldre'l de manera autònoma abans de preguntar-me.

Ànim!

Comencem el bloc d'matge! Pràctiques 1 i 2

Bon dia a tothom!

Començarem a entrar en matèria veient l'aplicació pràctica de les coses.

En aquestes dues primeres pràctiques heu, en primer lloc, de realizar un petit powerpoint amb informació sobre 5 tipus diferents de format d'imatge.

Un cop ho tingueu fet, m'ho ensenyeu i passeu a la segona part. Haureu de cercar una imatge per internet (per exemple, a google/images) que tingui una mida gran i estigui en format .bmp. Per MIDA entenem la llargada per l'amplada (per exemple, 1024x768). Aquestes mesures venen donades en PÍXELS, és a dir, la  unitat de referència de la "mida" d'imatges o continguts visuals similars. Per tant, estem parlant d'una imatge que tingui més de 1000 píxels de llarg per més de 700 píxels d'ample.

Un cop tingueu aquesta imatge, heu de canviar el format a cadascun dels cinc que hem vist. Al final, tindreu 5 imatges en formats diferents. Un cop tingueu aquestes imatges, ompliu una taula on, per cada format d'imatge, compareu el pes (recordeu posar les unitats: Bytes, Kilobytes, Megabytes...) y la resolució o qualitat de cadascuna. Envieu-me les imatges i la taula en un .zip a la meva direció de correu.

Per tant, què heu de fer en aquesta segona part:

1.- Buscar una imatge en bmp de mida gran i guardar-la a l'equip (escriptori)
2.- Canviar-li el format i obtenir 5 imatges amb els 5 formats diferents
3.- Omplir una taula que creareu amb el word on per cada format s'indiqui el pes i la qualitat de la imatge
4.- Comprimir-ho i enviar-m'ho adjunt en un e-mail amb assumpte "el vostre nom-Pràctica 1i2".

Bona sort!!

P.D.: Podeu unir-vos al bloc i subscriure-us per rebre les actualitzacions abans que ningú i fer comentaris a alguna entrada, també.

Introducció a l'excelència en Word

Bon dia!

Com va l'inici de curs? Espero que sigui bo i que hagueu agafat amb ganes aquest últim curs.

Ja us vaig comentar que abans d'entrar en matèria amb el bloc de tractament d'imatge volia que em demostréssiu que sabeu fer servir certes eines de Word que us seran de molta utilitat per al vostre Projecte de Recerca.

La tasca que heu de fer és senzilla. Vull que busqueu a la Wikipedia un article sobre un país qualsevol. Amb la informació que teniu allà, vull que creeu un document Word amb les següents característiques:

-Taula de continguts dinàmica (és a dir, un índex a la primera plana que s'actualitzi sol amb els títols dels subapartats)

-Separar cada subapartat per a que comenci en una pàgina nova.

-Numerar les pàgines imparells al cantó inferior dret i les parells al cantó inferior esquerre (com els llibres)

-Deixar la primera plana com a portada sense numerar (podeu deixar-la des de l'inici del treball o "inserir portada" al final del mateix)

-Posar un encapçalament fixe a les pàgines parells  (el nom del país) i a les pàgines imparells (el vostre nom)

-Intercalar una pàgina en horitzontal en mig del document amb alguna imatge del país.

-Posar un gràfic exportat d'excel que canvïi quan s'actualitzi, amb la seva taula de dades corresponent (per al gràfic podeu agafar dades de la població del país durant els últims anys, per exemple)

-Redefinir els marges per a que a les pàgines parells, la part esquerra sigui una mica més gruixuda que la dreta i viceversa amb les pàgines imparells (és l'espai a tenir en compte per a l'encuadernació)

-Definir un estil, un interlineat i una justificació del text uniforme per a tot el document (que quedi polit i el més seriós possible)

-Afegir com a mínim 5 notes al peu de pàgina.


Totes aquestes accions les trobareu útils a l'hora de redactar el vostre treball. Si us fixeu, n'hi ha 9, pel que la pràctica la valoraré sobre 9 (cada guió val un punt).
Tot i que valoraré el ritme de treball de la classe, en principi teniu temps fins dilluns que vé.

Ànims i sort!

Xavi

P.D.: Recordeu que valoraré la independència personal i la capacitat d'aprendre a aprendre i resoldre-us les qüestions que tingueu. I també em podeu preguntar quan ho necessiteu; jo us indicaré si ho podeu solucionar vosaltres sols o us donaré un cop de mà ;)

Benvinguts/des al curs d'Informàtica

Bona tarda a tothom!

Vull donar-vos la benvinguda a aquest que serà el vostre últim any d'informàtica a l'escola (i no només d'informàtica, esperem).

Durant els anys anteriors hem treballat alguna vegada amb el bloc que farem servir aquest any i ja us hauria de sonar, per tant no hi dedicaré gaire tems a recordar com funciona.

Per a la realització i superació de la matèria només cal que entreu al bloc, llegiu la pràctica corresponent i la realitzeu, enviant-me-la després per correu, o el que es demani.

Farem 3 blocs de treball, tot i que és possible que durant algun d'ells ens dediquem a alguna feina paral·lela, però tot arribarà.

També vull anunciar-vos que algunes de les pràctiques tindran l'enunciat en anglès, per a que veieu l'aplicació de la llengua en altres àmbits diferents als propis.

Recordeu que si entreu en alguna pàgina web aliena al contingut a treballar o a la pràctica, tindreu un 0 de nota en la pràctica que estigueu fent. Si necessiteu entrar al Facebook o Instagram o similar per a agafar alguna fotografia que utilitzareu per alguna pràctica d'imatge, demaneu-m'ho expressament.

Recordeu també que no es poden utilitzar auriculars a la classe, excepte en les pràctiques del bloc d'àudio o en aquells moments que el professor ho indiqui.

Si acabeu la pràctica i n'hi ha una de penjada nova, podeu començar-la a fer. En cas contrari, podeu avançar feina d'altres matèries, treballs o fins i tot del Projecte de Recerca, quan l'hague començat.

Les pràctiques es poden realitzar al ritme personal que vulgueu: jo simplement us diré dates d'entrega cap al final de trimestre de totes les pràctiques, però convé anar treballant cada dia per portar la feina al dia i no deixar-ho per a última hora (penseu que el treball diari també comporta millora de la nota)

Durant la matèria no hi haurà gaires exàmens: la nota s'aconsegueix amb la feina diària i l'esforç i entrega en les pràctiques.

I sense més dil·lació ...
Ànim i endavant!!

Comencem!

Pràctica 7

Good morning!

How are you doing?

Here I present you your new audio practice. This time, you will have to build on an electronic song from nowhere. So, what do you have to do?

First, go to http://soundation.com/

Click on enter the studio and here you are: you will have an electronic mix table to build your own songs. Take your time trying out its features. It's easy to use: you only have to select which track you want to use, click on it and drag it to the central space. You will be able to rearrange, to extend, to combine, etc different tracks. Just try on and do your best!

Finally, on the File menu, select "Export" and save it in your folder with .wav extension. Once done that, send me the file that will appear in your folder.

The final lenght of your project has to be of about 2 minutes.

I hope you enjoy it! Cheers!

Xavi

Practica 6

Good morning!

In this practice you will have to turn-into-robot some kind of voice.

You will have to search some audio with plain voice and then, search for how to convert this voice into robot voice, and do it.

I will specially evaluate your autonomy and independence at researching and working.

Let's work!

Xavi

Pràctica 5: The mini-practice

Hello everyone!

Today I want you to finish and send me all the practices you have already started, and a little more.

Try to generate these waves:

-sinusoidal, 30 Hz
-squared, 30 Hz
-triangle and/or sawtooth, 30 Hz

And compare them. How do they sound? Which sounds better? Why do you think so?

Try now to generate a 2000 Hz wave with the same three waveforms. Answer again the same questions.
Finally, generate a wave at the superior limit of your hearing amplitude, which you found out at last class. Answer the questions again.

Send me the answers in a doc document or directly in the e-mail. And remember that, if in English, the document will be more valuable.

Relax is over: It's showtime!

Xavi

Audio- Pràctica 4

Good morning!

In this new post we are going to learn about different waveforms and how they are listened by us.

Depending on the frequency of the signal, the tone we listen is higher or lower. Human ears are supposed to be able to hear frequencies between 20 Hz and 20 KHz. Human voice is supposed to have a frequency between 33 Hz and 3 KHz. So there's no human being capable of screaming at a non-hearable frequency.

In this practice I want you to generate tones and research about their features:

Task list: Answer in the mail or in a word document. You will only have to send me this document

1.- Generate a sinusoidal 30 Hz - 5 seconds-long wave. Can you hear it? How does it sound?
2.- Generate a sinusoidal 2KHz - 5 seconds-long wave. Can you hear it? Compared to the last, how does it sound?
3.-  Generate a sinusoidal 1Hz - 5 seconds-long wave. Can you hear it?
4.-  Generate a sinusoidal 400KHz - 5 seconds-long wave. Can you hear it? Why?
5.- Try to generate different frequency sinusoidal waves. Which is your frequency-listening limit?
6.- Generate a sinusoidal 1KHz tone. Generate a squared 1KHz tone. Generate noise. Which are their differences?
7.- Generate a DTMF (Dual Tone Multifrequency). What does this remind you?
8.- Look for information in Internet about the DTMF. Llok for the frequencies used in each number in a mobile phone. Can you generate DTMF tones in Audacity related to your mobile phone?

Send the document to my mail or answer directly in it.

If you answer in English you will have the chance of getting an extra point.

Good luck!

Xavi

Audio P-3

Good morning!
I am getting used to post in English and every day I think it's more useful.

In this new practice we are going to work with the tone generation and the frequency of tones. As you should know from last year, frequency stands for the number of cycles that a wave performs in a second. The inverse of frequency, period, stands for the time that a cycle needs to come back to its beginning. Finally, wavelenght stands for the distance between to wave peaks, understanding peaks as the highest point of each wave.

So, in music, for example, we know frequency values (in hertz) of each note:
Do: 261,63 Hz
Re: 293,66 Hz
Mi: 329,63 Hz
Fa: 349,23 Hz
Sol: 392 Hz
La: 440 Hz
Si: 493,88 Hz
Do (octave): 523,25 Hz

In audacity, we can add different tracks and combine them in timelines, as we have seen in last practice. The objective of this second is to build, in tones, the melody of Frère Jacques (the most known French song). You will have to set up the lenght (in seconds) of each tone. For example, for the white notes use 1 second lenght, and for the black ones, use 500 ms (0.5 s)

Let's work!

Xavi

Pràctica 2

Good morning!

In this new post I will be asking you to edit your first song. It is going to be easy, as it will be the -I suppose- first contact with the software we are using. The first thing you have to do is to test your audio card and your headphones. If everything goes OK, you can open Audacity, open atube catcher (other software, probably known by you, that we will use to download songs), download a song (remember, in MP3 format) and edit it.

The objective of this practice is to see if you are able to edit a song and what you are capable of. The final result will be sent to me by e-mail and also saved in your personal folder.

So, what should we do? Task list:

-Test audio.
-Play a little with audacity.
-Download a song.
-Try some effects and editting features (cut, paste, double tracks, compression, amplification, etc)
-Save the final song in MP3.
-Send it by e-mail to me.

Good luck!

Xavi

Inici 3r bloc. Pràctica 1

Hi everybody!

We are at the beginning  of a new block, so we start back again. In this unit, we are going to work in audio. I have asked you to bring headphones so that you can listen to the audio tracks you edit and create. We are going to use Audacity, too. Audacity is a free open license software which allows us to edit (filter, cut, amplify, etc) and mix audio tracks. As it is free, you can download it at home, too. If you have not used it yet, I can tell you that it is very intuitive and easy to use. It is alike to windows movie maker, though it is only focused on audio.

But, what have you got to do? First, you will look for information to create a little PowerPoint about audio formats. Then you will add some information about audio software. Finally you will talk about STREAMING (which allows us to watch or listen to videos and audio online).

Task list:

-Create and edit a PowerPoint including the most known audio formats (MP3, WMA, RM, AAC, and others). Explain the differences between MP3 and MP4

-Add some slides with images and a little more information about software associated to these formats (WMPlayer, Winamp, RMPlayer and others).

-Finally, add a pair of slides about Streaming (what it is, what it is for, how it works…)

When done, you will have to show and explain the PowerPoint to the class. And, I almost forget, you will see more English this term. I will ask you to make the effort of doing something in English. Maybe this PowerPoint (although you finally explain it in Catalan) will be a good chance to begin using it.

Thank you, and have a good term!

Xavi

Projecte final HTML

Buenos días a todas y todos!

En esta práctica, que he llamado proyecto final HTML haremos una composición y una aplicación de todo lo que hemos aprendido (añadiendo algo nuevo) para dar un nuevo aspecto a nuestra web. Por tanto, podemos decir que contará como nota de examen de Informática para este tercer trimestre (y que hará media ponderada con el resto de notas de las prácticas, el trabajo en clase, etc, que ya tiene)

En esta ocasión vamos a trabajar con lo que se llaman  frames , que no son más que espacios de webs superpuestas a la nuestra que dan un servicio determinado.

La idea que os propongo es que Dote su web, la que ha ido construyendo durante estas semanas, de un menú de enlaces y de, como mínimo, 3 páginas de contenido diverso (por la primera puede aprovechar la que ya tiene hecha, por la segunda cree una otro que esté relacionada, y por la tercera haz otra en inglés también relacionada con las anteriores). Fíjese en los ejemplos del apartado Try-it-yourself del siguiente enlace: http://www.w3schools.com/html/html_iframe.asp

Al final, debe tener una web que se muestre con dos espacios: uno para menú de enlaces (vertical u horizontal) y uno por contenidos.

La web que se mostrará tendrá 2 frames. Cuando hacemos clic en un enlace, se abrirá en el frame principal (para ver el código de ejemplo, busque abajo del link anterior, en el apartado Navigation marcos, donde le mostrará el atributo del enlace que hace abrir una web a un frame diferente).

Cuando haya terminado, me habréis de enviar en una carpeta comprimida el documento html donde declare los frames y las 3 webs que se abren en los frames, de tal manera que cuando yo los descargue y los extraiga del zip o el raro, se visualice todo correctamente (consulte las URLs, y no ponga "http:// .........", sino sólo el nombre del documento html a abrir con la extensión ("document.html").

Esta práctica es dura. De momento contad hasta el día 6 de mayo para realizarla. Según como vea que, quizás dedicamos alguna sesión más a terminarla.

Ánimo!

P.D.: PAra más información y ejemplos del frameset que tenéis que crear, visitad este enlace: http://www.w3schools.com/tags/tag_frameset.asp

Xavi

Pràctica 8

Good morning to everyone!
Today it comes in English too! It has been a while since you did your last English practice and it's interesting to take it back.You have to think that this is aplicated english learning, so this completes your English class' grammar, vocabulary, etc

In this practice, you will have to translate your webs in english, so I can read them in this language. Remember not to use google translator or likely online applications, because they don't translate in the correct way.

This practice's mark will be taken from your use of english, your correction in writing, and your improvements of your previous web. Try to use everything you have learned in last practices to make a new version of your web.

So what do you have to do:

-Rewrite in English your personal web (the one in which you explain facts about yourselves).
-Send it to me in html format by e-mail.

Good luck!
Xavi

Pràctica 7

Hola a totes i a tots!

En aquesta nova pràctica vull que visiteu els següents enllaços:

http://www.w3schools.com/html/html_links.asp
http://www.w3schools.com/html/html_images.asp

Escriu-me en un nou apartat de la vostra web els atributs extra que poden utilitzar les etiquetes <a> i <img>, per què serveixen, afegeix un exemple de cada a la teva web i envia-me-la al correu.

Ànim!

Xavi

Pràctica 6

Recordeu que realitzar tasques que no són proposades a l'assignatura, així com navegar per continguts aliens a la mateixa es penalitza a la vostra nota (i es nota molt quan feu coses relacionades amb l'assignatura o no)

Hola a totes i tots!
En aquesta nova pràctica acabarem de retocar paràmetres amb els que vam començar a treballar la pràctica passada. Recordeu que els atributs d'estil ara es defineixen conjuntament amb l'etiqueta "style", enlloc d'utilitzar paràmetres independents d'altres etiquetes com la "font".

En aquesta pràctica anirem una mica més enllà: aplicarem un color de fons i altres paràmetres d'estil a la nostra web segons aquesta nova etiqueta. Haureu de recuperar la vostra web personal, on es trobaven les vostres descripcions i modificar-ne l'estil.

Visiteu l'exemple de la web: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles i seguiu-lo per a donar color al fons enlloc de com ho fèieu abans. A més,  cerca i escriu informació sobre a què es refereixen els experts quan es parla d'etiquetes "deprecades" i doneu algun exemple. Per tant:

-Utilitza styles per redefinir la teva web personal original.
-Afegeix un nou paràgraf d'informació sobre tu amb un estil CSS diferent.
-Afegeix la definició d' "etiqueta deprecada" i posa'n algun exemple.

-Extra: afegeix un enllaç a un document word qualsevol dels realitzats durant el curs. Explica a la web què      passa. S'obre a la mateixa pàgina web? S'obre amb un altre programa?
-Afegeix un enllaç "torna a l'inici" al final de la vostra web, que quan s'hi faci clic torni a l'inici de la web.

Ànim!
Xavi

Pràctica 5

Recordeu que realitzar tasques que no són proposades a l'assignatura, així com navegar per continguts aliens a la mateixa es penalitza a la vostra nota (i es nota molt quan feu coses relacionades amb l'assignatura o no)

Hola a tots i a totes!

Després del parèntesi que ha suposat la vostra participació en el concurs web (molt bona sort a tots!), reprenem el tema en el que estàvem. Haig d'aclarir-vos que la pràctica anterior és la última que compta per a la segona avaluació, per tant, aprofiteu la hora que queda per acabar les feines pendents, i si ja ho teniu tot enllestit, us dono la benvinguda a la tercera (i la vostra última) avaluació a l'ESO.

A diferència d'altres anys, el fet d'haver participat en el concurs ha fet que el bloc web s'allargui una mica, però no patiu: ho veurem tot i tindrem temps de sobres. Us torno a recordar ue les pràctiques les aneu guardant al vostre servidor, ja que en aquestes últimes, tornarem a fer servir alguna de les webs que ja hem creat anteriorment en HTML.

En aquesta pràctica entrarem en el món dels estils. Antigament es feien servir una sèrie d'etiquetes qe molt probablement vosaltres mateixos heu utilitzat a la última pràctica per a afegir color o mides diferents als textos que escrivíeu. Ara però, tot això va estant definit mitjançant el que s'anomena "style". El més utilitzat actualment és un estàndard conegut com a CSS, que ens permet, aplicant-lo, convertir una web normal en una web "actual".

A continuació teniu un exemple d'una web simple que encara feia servir l'etiqueta <font>: Proveu-ho

<p>
< font size="5" face="arial" color="red">
This paragraph is in Arial, size 5, and in red text color.
< /font>
< /p>

< p>
< font size="3" face="verdana" color="blue">
This paragraph is in Verdana, size 3, and in blue text color.
< /font>
< /p>

Per a aquesta pràctica, doncs, visiteu aquest enllaç: http://www.w3schools.com/html/html_css.asp
i observeu quines diferències hi ha entre les configuracions antigues i les actuals amb CSS.

-Realitzeu una plana web explicativa dels CSS amb el següent contingut:
- Títol: Explicació
- Imatge: alguna que tingui a veure amb els estils, cerqueu per Internet
- Descripció de què fa cada línia de codi de http://www.w3schools.com/html/tryit.asp?filename=tryhtml_fontall
- Descripció dels atributs de l'etiqueta <style> i quina estructura té l'etiqueta en global.
- Enllaç a la web que vau crear a la pràctica passada *


Ara doncs, amb tota la feina per davant, ànim i comenceu!

Xavi

Pràctica 4

Hola a tothom!

Ja heu vist la base del llenguatge HMTL. Anem doncs a aprofundir una mica més.

Ja us heu trobat amb algunes situacions en les que havíeu d'utilitzar el que anomenem "atributs". els atributs són informació extra que s'aporta una etiqueta, com per exemple el href o el src pels enllaços i les imatges respectivament.
D'altra banda ja sabeu que podeu definir headings (p.ex. <h1>) que indiquen encapçalament i dónen un estil de lletra més gran que la del text pla que ve a continuació. Heu de saber, que aquestes etiquetes van des de h1 fins a h6. Cal comprendre que per posar lletra "GRAN" o negreta no s'utilitza aquesta etiqueta.

Una altra etiqueta útil és la <hr />. Aquesta afegeix una línia horitzontal en el vostre paràgraf.
D'altra banda també es poden afegir comentaris a la vostra plana web. Això significa que, al bloc de notes on edito en HTML, puc afegir comentaris a algunes zones amb informació que no em sortirà a la web quan la visualitzi, per exemple, coses que em quedin per fer... etc. Això s'indica així: <!--Això és un comentari -->

També heu vist que els paràgrafs venen definits per l'etiqueta <p>. Heu de recordar que sempre s'han de tancar les etiquetes, al final del paràgraf també </p>. Si volem passar a escriure en una línia nova en un paràgraf, hem d'utilitzar l'etiqueta <br />. Aquesta etiqueta ens afegeix un canvi de linia, especialment important quan estem escrivint textos llargs i no volem que quedi tot amuntegat.

Per tant, què heu de fer en aquesta pràctica? Sobre la web que ja teniu creada, heu d'extendre el text descriptiu i fer servir almenys un cop la cursiva, la negreta, el subratllat, un canvi de línia i afegir una linia horitzontal, tot dins d'un paràmetre d'estils adient per a donar-li el que s'anomena un aspecte amigable. en altres paraules, heu de retocar la vostra web afegint aquestes configuracions d'estils. A més, afegiu dues imatges simpàtiques més i un enllaç a la plana web de l'escola.

Ànim!

Xavi

Pràctica 3

Bona tarda a tots.

En les pràctiques anteriors, heu descobert el significat i la utilitat de la programació amb etiquetes que ens permet el llenguatge HTML. En concret, coneixeu que la etiqueta <h1>, <h2>... serveixen per indicar encapçalaments (headers, amb la seva diferencia de mida i estil), la etiqueta <p> serveix per indicar paràgrafs, la etiqueta <a> ens indica un hipervincle que definim amb el camp href i hi afegim la etiqueta <img>, que serveix per inserir una imatge, relacionant-la directament a partir de la seva URL, de la mateixa manera que l'hipervincle però amb el camp "src" (source = font).

En la propera pràctica es tracta que dissenyeu i escriviu en un bloc de notes una plana web amb:
-El vostre nom com a títol.
-Una breu descripció de com sou (2-3 linies) en el primer paràgraf.
-Un segon títol (" de secció") més petit que el primer.
-Un enllaç a aquest bloc (recordeu que les URL inclouen el http://).
-Un enllaç a una imatge d'Internet.
-Un nou paràgraf explicant la vostra opinió sobre la imatge.

*Si no sabeu com es fa servir l'etiqueta <a> o la <img>, busqueu-ho a w3schools o a Internet.

Finalment, guardeu el document (amb el vostre nom i el format corresponent (ho tindrè en compte!)) i m'envieu el bloc de notes adjunt per correu al meu mail. Recordeu que en aquest cas, com les URL que heu de fer servir per als enllaços o imatges són directament webs d'Internet, no cal que guardeu cap informació conjunta en la mateixa carpeta on guardeu el bloc de notes.

Ànim!!

Xavi

Pràctica 2

Bon dia a tots!

(Recordeu llegir tot l'enunciat abans de capficar-vos-hi!)

HTML és un llenguatge que ens serveix per "descriure" pàgines web. Les seves sigles signifiquen Hyper Text Markup Language (Llenguatge hipertextual amb etiquetes) i precisament en això es diferencia de la resta de llenguatges de programació: HTML es basa en aquestes etiquetes o marques. En HTML donem format al document expressant explícitament quin contingut conté cada part, i això s'indica amb les anomenades etiquetes. A l'anterior entrega vau haver de buscar informació sobre les etiquetes i vau descobrir que cadascuna indicava una característica concreta.

Les etiquetes HTML van entre els signes < i > (p.ex. <html>). Aquestes etiquetes acostumen a anar amb parelles, tot i que no sempre es necessari. La segona parella incorpora el símbol "/". D'aquesta manera, quan comença un contingut especial, per exemple, un text d'encapçalament, posarem l'etiqueta <h1>, i quan acabi el text pròpiament dit, ho indicarem amb l'etiqueta </h1>, que podriem traduïr com "fi d'etiqueta.

Així doncs, quan ens trobem amb una pàgina web, podem dir que ens trobem davant d'un document HTML que conté etiquetes i text pla (text normal i corrent). La tasca del navegador web o browser, és la d'interpretar les etiquetes i mostrar la informació que donen per pantalla sense mostrar-les específicament. Veiem aquest exemple:

<html>
< body>

< h1>My First Heading</h1>

< p>My first paragraph.</p>

< /body>
< /html>


1.- El text entre <html> i </html> descriu el contingut del document html.
2.- El text entre <body> i </body> és el contingut visible de la pàgina web.
3.- <h1> ens indica que es tracta d'un encapçalament, per tant tindrà un format de lletra més gran que la resta
4.- <p> ens indica que es tracta d'un paràgraf, per tant apareixerà amb una lletra habitual de mida normal i separat de l'encapçalament.
5.- Segons les etiquetes que utilitzem, donarem un aspecte o un altr5e a la nostra plana web.
6.- En el cas d'imatges o hipervincles, haurem d'indicar amb les etiquetes corresponents la seva URL o ruta, per tal que el navegador les pugui mostrar adientment.

Les planes web actuals combinen el HTML amb grans mòduls de programació en Java o en PHP, que els confereixen dinamisme i un aspecte més multimèdia. Però la base la posa l'HTML.

Què heu de fer a la pràctica?
-Obriu el link: http://www.w3schools.com/html/
-Llegeix la informació que explica com fer un document html.
-Realitza un currículum vitae en format HTML en el bloc de notes utilitzant les etiquetes que creguis convenients. Al link anterior us explica com he de realitzar el document i com l'heu de guardar. Si no saps com realitzar-lo, busca informació a la web de quins apartats ha de tenir.
-Envieu-me l'arxiu HTML adjunt a un correu.

* La informació teòrica del principi l'he extret de w3schools/html, pàgina que ja us vaig comentar en sessions anteriors. Està en anglès, però té molt bona informació, per si hi voleu aprofundir una mica més. Em consta que la primera vegada que una persona s'enfronta a qualsevol tipus de metallenguatge nou és complicat, però ànim i veureu com és més fàcil del que us pot semblar ara. Per qualsevol cosa ja sabeu que m'ho podeu consultar, ja sigui a classe, ja sigui via mail, tot i que continuaré valorant l'autonomia personal. Endavant!

Recordeu que fer coses que no toquen serà penalitzat.

Bloc web - P1

Bon dia i bon anys a tots i totes!

Desprès d'un bon Nadal i unes merescudes vacances tornem a treballar, en aquesta ocasió amb la intenció de realitzar una pàgina web. El sistema de treball serà el mateix que fins ara.

Internet va suposar una gran revolució en el món, potser no com les que s'havien viscut fins ara, però revolució al cap i a la fi. En un món cada cop més gran i on la globalització començava a fer-se present va nèixer (o millor dit, es va reinventar) aquesta eina que permetia publicar i accedir a continguts de qualsevol lloc del món en un temps molt curt. Durant els primers anys, les continues actualitzacions dels estàndards HTML (aneu-vos familiaritzant amb aquestes sigles) van anar succeïnt-se passant de pàgines de text a pàgines amb textos en negreta o subratllats i fins i tot alguna imatge. Poc després, amb un HMTL força més desenvolupat es va forçar també l'evolució dels programes que podien mostrar aquests HTML: la batalla entre els browsers IE i Netscape va començar a centrar l'actualitat tecnològica de l'època. Fa uns 30 anys, les empreses començaven a tenir equips IBM d'última generació (http://www-03.ibm.com/ibm/history/exhibits/vintage/images/4506VV4023.jpg) i la telecomunicació entrava en una nova era. El correu electrònic es massificava i la creació de recursos compartits deixava de ser una utopia per a ser un somni bastant més proper.
El gran salt va venir amb les primeres versions de MS Windows 95, que integraven el navegador en el sistema i amb l'inici de la competició dels ISPs per a oferir un millor accès a Internet. Dels mòdems de 56 Kbps que funcionaven per marcació i connexió telefònica, com si es tractés d'una trucada normal i que t'oferien una velocitat gens despreciable de 33.6 Kbps (uns 300 cops més lents que l'habitual i que alguns de vosaltres potser recordeu) vam passar a les primeres ofertes d'RDSI, l'aparició de diferents ISPs i la famosa ADSL. El Bandwidth començava a copar el protagonisme de les comunicacions per cable, així com nous estàndards d'UTP anaven sorgint, i els primers intents de WiFis anaven apareixent. d'altrabanda, els polèmics xats deixaven pas a la missatgeria instantània i a les xarxes socials, en les que tot això ha derivat. Si la (r)evolució continua amb la mateixa intensitat, estem parlant de que en 10 anys vosaltres tindreu accès a un tipus de servei que no haurieu ni imaginat. Penseu que fa uns anys, ni Google ni Facebook existien, i que en poc temps (un per la seva senzillesa brillant i l'altre per la seva popularitat) s'han convertit, fins i tot empresarialment, en dues grans potències que han absorvit moltes companyies en la seva expansió.

Acompanyant aquesta vida d'Internet  hi ha hagut una evolució realment gran, cada cop amb elements i microcircuiteria més petita i amb grans quantitats de diners dedicats a la recerca i el disseny d nous models i aplicació de noves tecnologies (degut a que es generaven molts diners, també s'ha de dir). D'aquelles primeres versions d'HTML hem passat a scripts sencers de Java o a la creació d'un HTML més obert, el XML. En quant a màquines, l'evolució és evident i no cal entrar-hi.

Tampoc cal oblidar la importància que aquest mitjà de comunicació ha tingut en el desenvolupament dels dispositius mòbils, ara generalitzats com a smartphones. L'última novetat, fixeu-vos, és el 4G, que tot i que no és 4G pròpiament (les tecnologies HDSPA i HSUPA que utilitzen es categoritzen en l'anomenat 3.5G) ja aconsegueix taxes de transmissió importants, en un moment en el que la fibra òptica també guanya protagonisme amb la implantació de la seva estructura i la seva comercialització.

Bé, després d'aquestes linies introductòries, i per començar a posar-nos sobre el terreny vull que em contesteu les següents preguntes en un document word i me l'adjunteu al meu correu amb el nom de pràctica 1.
Si hi ha problemes amb la connexió, ho podeu contestar directament al correu sense necessitat d'adjuntar cap document.

Preguntes:
1.- Escriu totes les paraules o sigles que no entenguis i busca'n el significat. Si les entens totes o gairebé totes, escull-ne 5 per realitzar l'activitat.
2.-Penseu en quan èreu petits. Tenieu ordinador a casa? Què suposava socialment tenir-ne o no?
3.-Busqueu una mica d'informació sobre Google: any de creació, fundadors, idea inicial, lloc de creació, intencions, utilitat, evolució... i resumiu-la en 10 linies
4.- Busqueu una mica d'informació sobre Facebook: any de creació, fundadors, idea inicial, lloc de creació, intencions, utilitat, evolució... i resumiu-la en 10 linies
5.- Què és la tecnologia LTE? Quines velocitats ofereix? En què és diferencia del que s'anomena comercialment avui dia 4G?
6.-Cerqueu ara informació sobre alguns editors de planes web, diferenciant entre els online i els offline. En concret, trobeu les característiques que diferencien el Macromedia Dreamweaver i el Microsoft Publisher com a editors offline i GoogleSites, Blogger i WordPress com a editors online. Un blog és una pàgina web?
7.- Expliqueu la diferència entre una pàgina web, un portal web, un motor de cerca, un blog, una pàgina de facebook.... se us ocorren més "tipus" de planes web?
8.- Trobeu informació sobre l'estàndard d'edició HTML: Què és? Quan va sorgir? Com és? Quin format tenen els seus arxius?
9.- Busqueu informació sobre les tags (etiquetes) del HTML. enumereu-ne 10 i expliqueu què indiquen
10.- Contempla l'exemple de la web http://www.w3schools.com/html/ És HTML? Què indiquen les etiquetes?
11.- Feu click al botó "Try it yourself" de la mateixa web i comproveu el resultat. Proveu afegir i treure etiquetes i contingut i mireu com varia el resultat. L'HTML bàsic és molt simple, igual que als seus inicis. Podries fer una plana web amb els coneixements que tens ara, utilitzant només un "bloc de notas" de Windows?


Ànim! I sort en aquest any nou!
Xavi

P.D.: En aquesta avaluació valoraré especialment l'autonomia personal. Heu de continuar desenvolupant l'habilitat de buscar respostes per vosaltres mateixos, una habilitat que té una importància especial, sobretot tenint en compte que l'any que ve canviareu d'etapa i el sistema de funcionament serà força diferent. Podeu buscar informació referent a aquesta habilitat en la pàgina web de la Generalitat o del Departament d'Ensenyament.