Pàgina Web

Us deixó l'últim exercici aquí.

Tot s'acaba!

En la vida res és etern, tot al final s'acaba. Avui ha estat l'última classe d'informàtica, per tant, ja no té cap sentit continuar amb el blog, ja que l'objectiu de haver-lo creat ha estat únicament per complir amb uns requisits de l'assignatura. En aquest blog, s'ha recollit tot el que s'ha fet dia a dia, els exercicis amb el Flash, amb el Dreamweaver... Espero que un futur quan necessiti revisar alguns dels exercicis consulti aquest blog que s'ha creat amb tant esforç. Amb això, vull deixar constància el meu comiat.
Que vagi tot molt bé! Un salut cordial.

Dreamweaver

Un altre exercici que hem avui ha sigut fer novament una pàgina web.
Aquesta pàgina és una mica sosa per falta de temps.
Us deixo l'exercici aquí.

Flash Ipod

Durant aquesta hora i mitja hem tornat a inserir música amb el Flash 2.0, el procés és el següent:

1.- Preparar un arxiu mp3 de música i importar-lo a la biblioteca, després amb el botó dret Vinculem i l'Exportem per ActionScript.

2.- Convertim amb símbol els botons Play i Stop.

3.- Per poder començar a escoltar la música, entrem a Comportamientos amb el botó Play, i en l'apartat de Sonidos apretem en Cargar Sonido a la Bibilioteca. Amb el botó Stop, fem una cosa similiar, però en l'apartat de Sonidos apretem Detener Sonido

Flash

Avui, durant la classe d'informàtica hem tornat ha fer un altre exercici amb el Flash.
Primer s'ha creat una capa amb una pilota i després una segona capa amb un obstacle (un rectangle per exemple). Aquesta pilota ha de fer un moviment rectilini i després un moviment curvilini per saltar l'obstacle i novament rectilini. Això s'ha fet mitjançant el guia de moviment.
Després per complicar una mica l'exercici, hem fet una cosa similar a la classe anterior (l'exercici de la pedra). Hem creat com una base que fa moure la pilota quan l'empenya. Primer es crea una acció amb l'stop. Després es converteix la base en un botó i s'edita en context. La pilota també és un botó i s'associa una acció amb gotoandplay.
Us deixo aquí l'exercici.

Flash

Us deixo aquí l'exercici que hem fet amb el Flash. Segurament, és un dels exercicis més divertit que hem fet fins ara.

Flash 2.0 (Símbols)

Avui durant la classe d'informàtica hem fet un repàs dels símbols amb el Flash 2.0.
Primer hem creat un símbol (de tipus gràfic) i hem dibuixat un núvol. Després hem creat un altre símbol (aquest cop de clip de vídeo) i hem dibuixat un avió. Hem inserit un fotograma clau i hem creat una interpol·lació de moviment. Finalment, hem creat l'últim símbol, el botó. Hem convertit en botó una imatge del logo Iberia i l'hem editat en context. Després hem entrat al menú acciones per poder accedir des de la imatge a la pàgina web d'Iberia.
Us deixo l'exercici aquí.

Dreamweaver & Flash

Avui durant la classe d'informàtica hem fet un repàs del Dreamweaver i el Flash

Amb el Dremweaver hem practicat de nou els marcs. No puc deixar aquí l'exercici perquè hi hagut un petit problema a l'hora de publicar-lo al blink.

Amb el Flash creat dues boles, on una cada vegada augmentava al seu tamany i simultàniament una altre bola que disminuïa el seu tamany.
Us deixo l'exercici aquí.

Pràctica de descarregar vídeos

Durant la classe d'avui hem après ha descarregar vídeos a partir de dos navegadors diferents. Els passos són els següents:

Safari
1. Obrir safari i buscar un vídeo a YouTube.

2. Menú-> finestra -> activitats

3. Menú -> finestra -> descarrega (es descarrega el vídeo al nostre escriptori)

4. Copiar la línia d'activitats on hi ha el vídeo i enganxar a la finestra de descarrega.

5. Canvia el nom i s'afegeix l'extensió .flv



Firefox

1. Descarreguem el complement de Firefox: Download Helper.

2. Fem les mateixes operacions anteriors (busquem un vídeo a YouTube i el passem a l'escriptori).

3.Menú -> Eines -> Download Helper -> Escollim el vídeo (QuickTime).

4. Obrim el vídeo amb el QuickTime, amb l'extensió .mov

Flash amb vídeo

Dilluns, dia 5 maig, vam utilitzar novament el Flash. Vam fer tres capes amb tres imatges diferents d'un museu, en aquest cas del Guggenheim. A mesura que anem clicant, cada imatge va canviant, la primera és una imatge de la façana del Guggenheim, la segona és una vista de les escales des de dalt (un picat) i la última és la imatge d'una sala del museu. En aquesta última se inserit un vídeo, però a causa d'uns petits error no es pot visualitzar aquest vídeo.
Us deixo l'exercici aquí.

Dreamweaver

Avui durant la classe d'informàtica hem tornat a fer una pàgina web amb el Dreamweaver.
Us deixo l'exercici aquí.

Flash amb Trailer

Avui hem après durant la classe d'informàtica a inserir vídeos amb el Flash 2.0. Els trailers provenen de Apple Trailers. Una vegada obtinguda els vídeos les podem manipular amb el Flash. Podem afegir el títol de la pel·lícula i afegir algun comentari.
Us deixo aquí l'exercici del trailer The Strangers i un petit fragment de l'última pel·lícula d'Indiana Jones.

Flash amb música

Després d'una setmana una mica estranya amb les Jornades Blanquerna i la revista, tornem de nou a la normalitat. Durant aquesta hora i mitja hem après a inserir música amb el Flash 2.0, el procés és el següent:

1.- Preparar dos arxius mp3 de música i importar-los a la biblioteca, després Vinculem i l'Exportem per ActionScript.

2.- Convertim amb símbol els botons Play i Stop.

3.- Per poder començar a escoltar la música, entrem a Comportamientos amb el botó Play, i en l'apartat de Sonidos apretem en Cargar Sonido a la Bibilioteca. Amb el botó Stop, fem una cosa similiar, però en l'apartat de Sonidos apretem Detener Sonido

4.- Després per insertar una imatge, apretem Editar en contexto, i en la zona de Sobre posem la imatge.

Us deixo l'exercici aquí.

Més Flash

Durant aquesta hora i mitja, hem après dues coses molt útils del programa Flash.

Primer hem fet un exercici en el que posant el ratolí a sobre de la paraula apareix el contingut d'aquest. Per aconseguir-ho, s'ha de convertir en símbol la paraula i després editar en context.
Deixo aquí l'exercici.

En la segona activitat hem creat un banner on hem posat tres imatges de diferents diaris (El País, El Periódico i L'Avui). Posant el ratolí a sobre d'aquestes imatges apareix un text i si cliquem a sobre podem accedir a les pàgines webs d'aquests diaris. Per aconsegui-ho, anem el menú Acciones i després cliquen ON, després RELEASE i URL i posem la pàgina web entre cometes. Si volem que apareixi en un nova finestra hem de posar "_blank".
Deixo aquí l'exercici.

Adobe Dreamweaver CS3_3 & Adobe Flash

Avui hem creat una altra pàgina web amb el programa Dreamweaver. En aquesta classe he après a inserir anclatges amb nom, una aplicació que serveix per anar a l'apartat corresponent del text clicant el títol del inici.
Deixo aquí la pràctica.

Avui també hem tornat a utilitzar el programa Flash per fer un exercici d'animació. Aquesta activitat consisteix en seleccionar una part d'una imatge i poc a poc fer aparèixer la resta de la imatge.
Deixo aquí l'exercici.
L'objectiu d'aquest exercici Flash també era penjar-lo en una pàgina web mitjançant el Dreamweaver, però per problemes tècnics no ha estat possible fer-lo.

Un dia frustrat

Avui puc definir aquesta classe d'informàtica com una gran frustració, perqué res m'ha sortit bé. Primer no he pogut entrar a Google Page Creator, un recurs alternatiu de les carpetes web del bLink, perquè no tinc un correu de gmail i quan ho volia crear em donava error. Després no he pogut obrir la fotografia de la lluna amb el programa de Photoshop, per aquest motiu no he pogut seguir correctament la classe i no he pogut canviar la mida, la qualitat i el format de la imatge. Com no tenia la imatge en format jpg, no he pogut seguir la resta de classe amb el programa Dreamweaver i el Flash.

Adobe Dreamweaver CS3_2 (Estils)

Avui, a classe d'informàtica, hem après a vincular fulls d'estil extret de la revista Trípodos, així com també crear nosaltres mateixos un full d'estil.

He creat una nova pàgina html que contenen els diferents estils de Trípodos, això es fa vinculant els fulls d'estils d'aquesta revista al Dreamweaver i seleccionant el format que volem, aquests estils que ja estan fets prèviament també es poden modificar (com per exemple de tamany)

Adobe Dreamweaver CS3

Adobe Dreamweaver (Dw) és una aplicació destinat per a l'edició WYSIWYG de pàgines web. Aquest és el progrma més utilitzat en el sector del disseny i la programació web, per les seves funcions, per la seva integració amb altres eines com Adobe Flash i, recentment, pel seu suport dels estàndars del World Wide Web Consortium. El seu principal competidor és Microsoft Expression Web.

Hi ha un exemple d'un exercici amb Dreamweaver, però degut a uns problemes tècnics (suposo que no s'ha guardat correctament aquesta activitat) no penjarè l'exercici.

Setmana Santa

Després de 2 setmanes d'exàmens i de 35 dies de classe, arriba l'esperada Setmana Santa. Aquests 10 dies s'aprofitaran per descansar i per evadir-se de tot allò relacionat amb la Facultat.

Exercicis Flash

Aquí us deixo alguns dels exercicis de Flash que hem fet durant aquests dies a classe

Conceptes Web 2.0

Avui, dia 10 de març, hem dedicat aquesta hora i mitja a buscar alguns conceptes de Web 2.0, els hem agrupats en grups i hem posat en comú i hem aplegat alguns conceptes per entendre millor aquest fenomen dels últims temps. Aquí hi ha el blog de grup.

Adobe Flash CS3_4

Dimecres, dia 5 de març, hem tingut una classe molt intensa amb el programa Adobe Flash. Durant aquesta hora i mitja hem fet tres exercicis diferents. El primer exercici era fer una rampa i una pilota que anés i tornés per aquesta superfície, per aconseguir-ho només sabia de fer una guia de moviment que tingués la mateixa corba que la rampa. La segona activitat era canviar una figura per una altre i també de color, el que s'havia de fer era una interpolació de forma. Posteriorment, en el mateix exercici, també podíem canviar de forma i de color a les paraules, separant cada lletra. L'últim exercici encara no està acabat, en la propera classe retornarem a aquesta activitat. Només va donar temps a fer un ull amb una pupil·la que es movia d'esquerra a dreta.

Cmaps_2 & Adobe Flash CS3_3

Dilluns, dia 3 de març, hem tornat a utilitzar aquest programa tan eficient, Cmap Tools. Aquí hi ha un exemple de com funciona aquest programa.

Avui, si la memòria no em falla, ja és la tercera classe que utilitzem Adobe Flash. Durant aquest classe, hem après ha agregar una imatge (en aquest cas un paisatge) i col·locar-lo exactament en el lloc en blanc que disposem. Després hem fet una bola de palla (almenys aquesta era la nostra intenció, encara que semblés simplement una rodona de color groc) que rodava pel nostre paisatge, que representava un desert o el típic paisatge de l'oest.

Cmaps & Adobe Flash CS3_2

Dimecres, dia 27 de febrer, hem tingut la segona sessió amb el programa Adobe Flash. Durant aquesta hora i mitja hem après a fer que un avió faci el moviment que nosaltres volem, simplement el que s'ha de fer és crear una guia de moviment. Després el que s'havia de fer era que l'avió torni però que cada vegada s'havia d'anar allunyat. El procediment és similar el de la classe anterior, s'ha de crear un altre capa, en aquest cas el nou avió ha d'ésser més petit i canviar la seva posició d'inici (canviar la part dreta per la part esquerra). Finalment, hem agregat un arxiu d'audi.


Cap el final de la classe, hem utilitzat el programa CmapTools, que és una eina que serveix per confeccionar esquemes conceptuals, croquis... L'objectiu del programa consisteix en presentar gràficament conceptes teòrics. CmapTools també disposa d'accés via Internet, que permet convertir els esquemes conceptuals directament en format web, això facilita la publicació i la difusió dels treballs. CmapTools és un programa realment complet i útil, sobretot pels estudiants, ja que això permet fer esquemes per estudiar i estalviar molt de temps. Per això, us convido a descarregar aquest programa aquí.

Adobe Flash CS3

Adobe Flash (Fl) és una aplicació que treballa sobre un "escenari" i sobre "fotogrames" destinat a la producció d'animació. Aquest programa és actualment distribuït per Adobe Systems.
En sentit estricte, Flash és l'entorn (que permet modificar o editar un producte audiovisual) i Flash Player és el programa de màquina virtual utilitzat per executar o reproduir els arxius generats amb Flash.

En versions anterior, Macromedia va ampliar Flash més enllà de les animacions simples, convertint-los en una eina de desenvolupament completa, per crear principalment elements multimèdia i interactius per Internet.
Fins el 2005, Flash pertanyia a l'empresa Macromedia, per tant, era conegut com Macromedia Flash, però quan va ésser adquirit per Adobe Systems, va passar a ésser anomenat Adobe Flash.

Avui, dia 25 de febrer, hem après el funcionament bàsic d'aquest programa, que segurament tindrà una gran importància pel nostre futur, almenys per mi. Hem après a fer moure unes figures (un quadrat, un rectangle, una estrella...), sense gaire dificultat. Després el professor ens ha deixat actuar amb llibertat la nostra capacitat de pensar, ens ha comentat un exercici que consisteix en: fer dos planetes, on un d'ells roman quiet i l'altre ha de passar primer pel seu davant i després pel seu darrera. La clau es troba en fer 3 capes (amb tres planetes). Finalment, hem après a canviar la velocitat, el primer planeta passa més lent i el mateix planeta que passa pel darrera més ràpid, simplement el que s'ha de fer és curtejar el moviment.

Flash té una gran influència en el disseny gràfic.

Google Reader

Hi ha dues maneres per estar al dia amb totes les coses que estan passant a Internet. La manera més eficient, ràpida i còmode és fer que la informació (noves coses dels blogs o nous articles) ens arribi a nosaltres, juntament amb les seves actualitzacions o novetats. Cal fer dues passes per començar: el primer pas és registrar-se a un lloc web per a llegir els nous articles, anomenat lector (reader). És un servei gratuït i només necessitem un compte d'usuari. Sovint s'utilitza el Google Reader. El segons pas és establir una connexió entre el nostre lector (el Google Reader) amb els nostres llocs favorits. Establir aquestes connexions es diu "subscriure" o "sindicar". Quasi tots els blogs i llocs de notícies ofereixen la possibilitat de subscriure-s´hi per a què les actualitzacions es mostrin al nostre Google Reader. Aquestes subscripcions es fan mitjançant les RSS (la icona de la dreta).

















Les meves pàgines webs preferides es troben a la llista de la part esquerra i a la dreta puc anar passant per tots els nous articles dels meus llocs preferits.

Ús de les carpetes Web

Dimecres, dia 20 de febrer, durant la classe d'informàtica hem utilitzat les carpetes web per emmagatzemar tot tipus de documents i visualitzar-los a través de la seva adreça web a la Xarxa. El procés és molt senzill, hem d'accedir a l'apartat webs d'informàtica i prémer la nostra carpeta que es troba a la part dreta (en accions). Després hem d'examinar i pujar el document que volem. Posteriorment, copiar el document i enganxar-lo a aquesta pàgina, just després del nom http://fcc.blanquerna.url.edu/exercicis0708M2_JiaJieYY

Google Notebook

Dilluns, dia 18 de febrer, he après ha utilitzar una eina de Google fins ara desconeguda però molt eficaç anomenat Google Notebook. Aquesta eina ens permet resoldre els inconvenients que existeix en l'ús dels Preferits del nostre navegador (Internet Explorer, Firefox, Safari...). Els Preferits estan vinculats al navegador i a l'ordinador que utilitzem i només podem deixar constància de l'adreça, no podem afegir comentaris, fragments de textos o imatges.

Una vegada instal·lada el Google Notebook, i reiniciem al navegador, en la part inferior dreta de la nostra finestra del navegador ens apareix una icona de Google Notebook. També per poder gestionar i revisar més fàcilment el nostre bloc de notes podem fer servir la vista de pàgina completa (Full page). A partir d'ara, podem organitzar el nostre bloc de notes mitjançant les seccions o etiquetes (labels)

Podem crear més d'un Notebook, fins i tot, podem convidar a altres persones per compartir el bloc de notes. Només el que hem de fer és apretar el botó de Sharing Options, que es troba a la part superior dreta.

Web 1.0 vs Web 2.0

Web 2.0 va ésser utilitzada per primera vegada per O'Reilly Media en el 2004. Aquest terme es refereix a una segona generació de Web basada en comunitats d'usuaris i una gamma especial de serveis, que fomenten la col·laboració i l'intercanvi àgil d'informació entre els usuaris.


Web 1.0 es caracteritza per les pàgines estàtiques HTML (HyperText Markup Language), actualitzades amb poca freqüència.

Comparació entre la Web 1.0 & la Web 2.0 d'acord amb Tom O'Reilly.

Web 1.0		Web 2.0
Doble click	-->	Google AdSense
Ofoto	-->	Flickr
Akamai	-->	BitTorrent
mp3.com	-->	Napster
Britannica Online	-->	Wikipedia
personal websites	-->	blogging
evite	-->	upcoming.org and EVDB
domain name speculation	-->	search engine optimization
page views	-->	cost per click
screen scraping	-->	web services
publishing	-->	participation
content management systems	-->	wikis
directories ('axonomy')	-->	tagging ('folksonomy')
stickiness	-->	syndication

Retorn a la rutina

Dilluns, dia 11 de febrer de 2008, després de quasi 4 mesos des de l'inici de la facultat i de 2 setmanes d'exàmens... tornem a començar amb la monotonia, tan valorats per alguns i tan criticats per altres.

No obstant, les assignatures són diferents, encara que l'anglès i el seminari es mantenen, però les classes es fan des d'una altra perspectiva.

Unes de les noves assignatures és informàtica, durant aquesta hora i mitja no he estat capaç de superar el meu propi rècord, la de no crear mai un blog.

Aquest blog té un objectiu únicament a nivell universitari, no hi haurà cap comentari a nivell privat o personal, el blog s'usa per complir amb l'assignatura d'informàtica.

Intentaré plasmar sovint sobre aquest espai infinit tots els coneixements que vaig adquirint sobre l'àmbit de la informàtica.

També he creat un blog de grup juntament amb tres persones més. Us deixo l'enllaç aquí.