Final Practice!

Good morning!

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 morning,

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

Pràctica 18

Good morning everybody!

Last day some of you started to finish the previous practices and so I publish here one more.

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

Pràctica 13

Good morning!

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

Pràctica 12

As I promised you some weeks before, 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.

Good luck!

Xavi

Pràctiques 10 i 11

Bon dia 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 ul 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.

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, quedarà difuminat i l'efecte serà el buscat.

Ànim!

Xavi

Pràctica 9

Bon dia!

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 ;)

Pràctica 8

Bon dia!

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à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

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.

PODREU ENTRAR A FACEBOOK PER A BUSCAR UNA IMATGE VOSTRA NOMÉS AVUI DIA 10/10/12.

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

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 B2

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

Nou bloc d'imatge

Hola nois i noies!

A PARTIR D'ARA, ENTRAR AL FACEBOOK O MIRAR WEBS QUE NO TINGUIN A VEURE AMB LES PRÀCTIQUES (a no ser que el professor indiqui el contrari) ES PENALITZARÀ EN LA NOTA D'ACTITUD I PROCEDIMENTS DE L'ASSIGNATURA

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

Ara començarem el proper 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. 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

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 photoshop) 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, 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!

Benvinguts! Pràctiques 1 i 2

Bon dia a tothom!

Benvinguts al curs d'Informàtica 2013-2014 d'aquest bloc online. Ja esteu una mica habituats a treballar així (les últimes pràctiques de l'any passat les fèiem així), però us recordo el funcionament.

Només cal que entre al bloc, llegiu la pràctica corresponent i la realitzeu, enviant-me-la després per correu, o el que toqui.

Ànim i endavant!!


Començarem a entrar en matèria veient la 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".

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é.

P-8 audio

Good morning!

The term is finishing, and so the course. Now I suggest you to combine knowledge from the web and the audio block. It's easy.

You have just to insert a background song in your web (recover it from your mail, or just built another simple one).

As usually, look for tutorials or help in the Internet. I will evaluate that, too.

Good luck!

Xavi

P-7 Audio

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 3 minutes.

I hope you enjoy it! Cheers!

Xavi

P-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

P-5 Audio

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

P-4 Audio

Good afternoon!

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

P-what? Looking for the Excellence

Good afternoon!

Since I now some of you have finished P-3, I suggest some kind of extra practice that I will bear in mind at time of putting your marks.

This time, I suggest you to usea Audacity to bring up some audio track with inffluences of something about now: dubstep.

Surf the net and find some information about dubstep. then, try to do something with that. For example, what will happen if you make a dubstep version of P-3 or (P-2)?

Here is some base that you can cut and edit to use or just to follow as a guide for creating your own bases: http://www.jpelirrojo.com/BasesGratis/Bases_de_libre_uso_Vol.2/09_Diciembre_2011_140bpm.mp3

If you want to create your own bases, try creating the bass with the generation tool > chirp > sinusoidal from 20 to 100 Hz. From this point, its all your effort!

I know this may seem difficult, and it absolutely is so, but, if you're interested, try out: maybe you will discover your abilities and you may be the next hit on youtube!

We're seeing soon,

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 a lot of tracks and combine them in timeline, 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

Audio P-2

Good afternoon!

In this new post I will be asking you to edit a 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 has to be sent to me by e-mail and posted in your personal folder.

So, what should we do? Task list:

-Test audio.
-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

Nou bloc d'àudio! 3rd term begins!

Hi everybody!

We are at the beginning  of a new term, 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

Pràctica post-final

Bon dia a totes i a tots!

Per fi hem acabat (o quasi) el bloc de web, però encara vull que em realitzeu una feineta més.

Si us enrecordeu, a mesura que hem anat acabant pràctiques us he dit que intentèssiu registrar-vos a Weebly y Wix per a comprovar el funcionament de pàgines que permeten crear webs de manera intuitiva.

Doncs bé, avui vull que us registreu a Google Sites (si teniu compte de gmail ja hi podreu accedir) i que intenteu 4reproduir amb les eines que us ofereix la vostra pràctica final (teniu en compte que en lloc d'utilitzar frames, utilitzarà "menubox".

Quan la tingueu feta, compartiu-la amb mi per a poder veure-la! (no s'envia per correu, es comparteix "share").

Ànim!

Xavi

Projecte final HTML

Bon dia a totes i tots!

En aquesta pràctica, que he anomenat projecte final HTML farem una composició i una aplicació de tot el que hem après (afegint-hi una cosa nova) per a donar un nou aspecte a la nostra web. Per tant, podem dir que contarà com a nota d'examen d'Informàtica per aquest segon trimestre (i que farà mitja ponderada amb la resta de notes de les pràctiques, el treball a classe, etc, que ja teniu)

En aquesta ocasió treballarem amb el que s'anomenen frames, que no són més que espais de webs superposades a la nostra que donen un servei determinat. Si visualitzeu la pàgina web de l'escola: http://www3.planalfa.es/safac/ podreu veure una aplicació de frames sobre una web activa.

La idea que us proposo és que doteu la vostra web, la que heu anat construint durant aquestes setmanes, d'un menú d'enllaços i de, com a mínim, 3 pàgines de contingut divers (per la primera podeu aprofitar la que ja teniu feta; per la segona creeu-ne una altre que estigui relacionada, i per la tercera feu-ne una altre en anglès també relacionada amb les anteriors). Fixeu-vos en els exemples de l'apartat Try-it-yourself del següent enllaç: http://www.w3schools.com/html/html_frames.asp

Al final, haureu de tenir una web que es mostri amb dos espais: un per menú d'enllaços (vertical o horitzontal) i un per continguts.

La web que es mostrarà tindrà 2 frames. Quan fem clic a un enllaç, s'obrirà en el frame principal (per veure el codi d'exemple, busqueu abaix del link anterior, a l'apartat Navigation frameset, on us mostrarà l'atribut de l'enllaç que fa obrir una web a un frame diferent).

Quan acabeu, m'haureu d'enviar en una carpeta comprimida el document html on declareu els frames i les 3 webs que s'obren en els frames, de tal manera que quan jo els descarregui i els extregui del zip o el rar, es visualitzi tot correctament (reviseu les URLs, i no poseu "http://.........", sino només el nom del document html a obrir amb l'extensió ("document.html").

Aquesta pràctica és dura. De moment compteu amb tota la setmana per a realitzar-la. Segons com vegi que va, potser dediquem la setmana següent a acabar-la.

Ànims!

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.

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

Classificació Halloween

Hola!

Com se sol dir: "lo prometido es deuda", així que aquí us poso la classificació final de Halloween.

La veritat es que als llocs alts de la classificació ha sigut molt difícil decidir la col·locació, ja que els treballs eren molt bons. S'ha valorat el resultatfinal, l'estètica, la cura del detall i la utilització de diferents tècniques per a la realització del treball. L'ordre de la classificació és el següent:

Per tant, enhorabona a 19, 3 i 17 que empaten en segon lloc i a 8 per ocupar les primeres posicions campiones d'aquest petit concurs :)

A tots els altres, enhorabona per la feina!

Salut!

Xavi ;)

Pràctica 6

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, a la vostra pàgina web, afegeix un paràgraf amb la definició de "CSS" i cerca i escriu-hi 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 diferent.
-Afegeix un subapartat (amb subtítol, etc...) sobre el CSS (molt breu, 3-4 línies)
-Afegeix la definició d' "etiqueta deprecada".

-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

Hola a tots i a totes!

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_fonts.asp
i aquest altre: 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 la imatge següent: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSjsgA_602dBS6K7LA2ZxgSREXmcCF79mQfTFyLnwZs2fQCU8-aeQvVXIMfmvg6NUMyvizJUlS1iodVscZZIfCGqibAayzeNJsvLN8zpwPM_E94W84yIfVPc3-rtbcDYF59Tio_DJBI8eD/s1600/Sonrisa+graciosa.jpg
-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/html_getstarted.asp
-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!

Bloc Web

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.

Les últimes setmanes de l'any vam estar parlant sobre Internet i algunes de les seves característiques més especials. 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.

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.- Abans de Nadal vam veure diferents navegadors, entre altres coses. 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 i Blogger com a editors online. Un blog és una pàgina web?
6.- 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?
7.- Trobeu informació sobre l'estàndard d'edició HTML: Què és? Quan va sorgir? Com és? Quin format tenen els seus arxius?
8.- Busqueu informació sobre les tags (etiquetes) del HTML. enumereu-ne 10 i expliqueu què indiquen
9.- Contempla l'exemple de la web http://www.w3schools.com/html/ És HTML? Què indiquen les etiquetes?
10.- 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 segon trimestre!
Xavi

P.D.: En aquesta avaluació valoraré especialment l'autonomia personal. Heu d'anar agafant l'habilitat de desenvolupar-vos pel vostre compte i 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. Poideu buscar informació referent a aquesta habilitat en la pàgina web de la Generalitat o del Departament d'Ensenyament.