dimecres, 10 de juny del 2009
GOGOFROG
Es tracta d'una eina que crida força l'atenció. A simple vista sembla una eina més de presentació d'imatges, però una vegada experimentada veureu que resulta ser alguna cosa més. La idea és crear un museu virtual amb les imatges de l'usuari, però a més permet posar galeries amb text explicatiu, feeds de Blogs actualizables. En els textos es poden afegir enllaços, textos complets, etc. Tot això navegable amb les fletxes de cursor. Per a entrar als diferents temes disponibles ens presenta un triangle petit que, en clicar, s'bre un contingut. Tot és molt configurable en colors, afegits i extres. Com sempre, les instruccions són totes en anglès, però ja veureu que és força senzill.
Al final del procés proporciona una adreça web que es pot visitar o recomanar a altres persones. També incorpora un xat en la galeria virtual.
Observeu alguns exemples de webs/museus en 3D.
El treball que us demanaria seria el següent:
1- obrir un compte
2- Crear l'espai (parets, mobles...)
3- Configurar un avatar
4- pugeu imatges a les diferents parets (com quadres en una galeria) Podríeu penjar les imatges treballades amb el gimp
5- Deixeu una paret per posar els feeds dels blogs actualitzables (el vostre bloc, per descomptat i algun altre que us interessi)
6- Pengeu el vostre "site"
7- Pengeu la imatge de la web feta amb NVU.
8- obriu un xat perquè us pugueu comunicar amb els visitants que tingueu en el vostre museu virtual.
AQUESTA ÉS L'ÚLTIMA ENTRADA QUE FAIG AL BLOC. L'OPTATIVA S'HA ACABAT. ESPERO QUE US HAGI ANAT BÉ, QUE HAGUEU APRÈS I HAGUEU PASSAT BONES ESTONES AMB LA INFO. DIVENDRES US PASSARÉ UN QÜESTIONARI ANÒNIM. SIGUEU MOLT SINCERS. LES VOSTRES OPINIONS M'AJUDARAN A MILLORAR.
US DESITJO MOLTÍSSIMA SORT EN LA NOVA ETAPA QUE COMENCEU, JA SIGUIN CICLES O BATXILLERAT. AH... I NO PERDEU LA MEVA ADREÇA ELECTRÒNICA. ESTARÉ MOLT CONTENTA SI DE TANT EN TANT M'ENVIEU UN MAIL I M'EXPLIQUEU COM US VA.
Una abraçada
dimarts, 9 de juny del 2009
divendres, 5 de juny del 2009
AFEGIR SO A LA PÀGINA WEB AMB NVU
Primerament perdoneu que no us hagi pogut contestar fins ara. Responc, des d'aquí a alguns correus que m'heu enviat (Alba i Clàudia). Però crec que us pot interessar a tothom
Per inserir un so primerament us l'haureu de baixar i desar-lo en una carpeta que li posareu el nom de SONS (dins la carpeta de la vostra web, com a subcarpeta)
Haureu de treballar en codi HTML. NVU no disposa d'una interfície gràfica per afegir sons o animacions flash, per exemple.
El format del so que podreu inserir a l'NVU haurà de ser .mid o .wav El format.mp3 necessita d'un plugin especial.
1. Poseu el cursor en un punt de la pàgina (es veurà un petit reproductor, penseu a nivell de disseny de la pàgina, on us agradarà que quedi)
2. Accediu a l'edició en HTML i escriviu el següent:
Deseu i obriu amb el navegador. Veureu que surt el petit reproductor i heu de clicar pq soni. Si voleu que el so s'executi automàticament cal afegir
El codi final amb autostart, repeticions i volum al 70% seria EL QUE HE POSAT A LA IMATGE COM A ARXIU FINAL
eLS ULTIMS CODIS INDIQUEN LA MIDA DE LA FINESTRA PER MOSTRAR-SE EL SO
Espero que us vagin bé aquestes indicacions.
dimarts, 19 de maig del 2009
PRIMERES SESSIONS AMB L'NVU
Estaré un temps més "de vacances", així és que us intentaré explicar què hauríeu de fer de manera virtual.
Abans d'obrir l'NVU hauríeu de crear una carpeta amb el nom abreujat del vostre web i les següents subcarpetes:
- FONS I RÈTOLS (deseu aquí la imatge de fons que vau fer amb el gimp, la imatge del logotip de la web i els rètols de pàgines i subpàgines . Feu els rètols també amb el gimp, ja sabeu)
- IMATGES (Totes les imatges que volgueu insertar a la web hauríeu de tenir-les en aquesta carpeta)
- TEXTOS.
Mireu els tutorials que vaig penjar. El mètode de treball seria:
- fer la PÀGINA INICIAL. Utilitzeu les TAULES (mireu el manual que parla de com fer les taules)
- Fer un MODEL DE PÀGINA (fons, taules de continguts, títol, botons d'enllaç)
- Treballar sempre sobre aquesta pàgina (per tal que hi hagi un disseny comú) i fer les modificacions escaients i llavors fer un ANOMENA I DESA.
dijous, 14 de maig del 2009
ESTRUCTURA I CONTINGUT DE LA WEB AMB NVU
Ahir alguns de vosaltres em vau enviar mails indicant que teníeu problemes per continuar amb el projecte de web. Us explico ara, amb més detall el que caldria fer:
Tot projecte de pàgina web ha de contenir especificacions sobre:
- EL DISSENY (és la feina que teniu feta)
- ESTRUCTURA I NAVEGABILITAT. Feu un altre treball (pot ser en format text o presentació i després guardat com a pdf) on especifiqueu l'estructrura del vostre web. Exemples
Especifiqueu:
Per exemple, si jo volgués fer una pàgina de receptes de cuina...
pàgina principal: títol i presentació
pàgina 1 receptes de cuina.
pàgina 1.1. receptes de postres...
pàgina 1.2. receptes de carns...
3. CONTINGUT DE PÀGINES I SUBPÀGINES
Expliqueu què hi haurà a cada pàgina i subpàgina.
Exemple:
pàgina 1.1. (que era receptes de postres) Posaré entre 3 i 5 receptes. Primer hi haurà el dibuix, després els ingredients. Hi haurà un apartat amb links a pàgines de cuina dels diferents continents...
Enteneu? Són unes previsions inicials (o sigui com el projecte que fem sempre aabans de construir alguna cosa a tecnologia)
Extensió: No cal que sigui molt extens, vosaltres mateixos. Jo crec que entre 3 i 5 diapos ja estaria bé.
Bona feina i fins dimecres vinent.
dimarts, 12 de maig del 2009
ESTRUCTURA I CONTINGUT DEL WEB
Durant aquests dies fareu les classes amb l'Enric. Us explico una mica què hauríeu de fer:
- Alguns no m'heu lliurat encara part de disseny que tenieu com a feina per fer durant les 3 SESSIONS de la setmana passada. Era temps MÉS QUE SUFICIENT per fer-ho. Penseu que avui (dimecres) és l'últim dia per lliurar-m'ho. Alguns us heu posat en contacte amb mi per explicar-me incidències. Us recordo que es tractava d'un document fet amb word o writer i passat a pdf o una presentació en power point o impress i passat també a pdf (si no ho sabeu passar, m'ho envieu com ho tingueu). Si ho presenteu dijous o divendres la nota serà de 0 a 5. Més tard de divendres no ho puntuaré. M'ho envieu a la meva adreça electrònica o, si voleu, ho publiqueu directament al bloc (com sempre, amb el codi embed que us donarà la pàgina web SCRIBD). INSISTEIXO EN QUÈ AIXÒ NO ÉS UNA FEINA PER AQUESTS TRES DIES. ÉS UNA FEINA QUE HAURIA D'ESTAR FETA DE SOBRES donat que vau tenir tres hores de classe.
- Per fer durant aquesta setmana i lliurar-m'ho abans de DIUMENGE us proposo el següent:
- Crear una altra presentació o document (igual que l'anterior) però explicant el contingut i l'estructura que tindrà el vostre web. (mireu el que vaig explicar quan havíeu de fer el "site") activitat per realitzar dimecres 13
- Mireu-vos aquests 3 vídeos que he penjat. Aneu a la pàgina "edu3.cat" i copieu el codi embed per tal d'inserir-los al vostre bloc. Expliqueu de què van (a la mateixa pàgina hi ha un text que explica el contingut del vídeo QUE PODEU RESUMIR) Feu també un comentari personal d'unes 5 línies per cada un (aquest comentari NO POT SER COPIAT DEL QUE HI HA ESCRIT A LA PÀGINA DE L'EDU3.CAT). Activitat per realitzar dijous 14
- Llegiu el manual de l'NVU que teniu penjat al bloc. Dimecres començarem directament a treballar amb aquest programa, per això m'interessa que us ho hagueu llegit per aquest dia. Divendres 15 podeu acabar feines anteriors o llegir aquest manual
Ens veiem
dilluns, 11 de maig del 2009
dimecres, 29 d’abril del 2009
WEB AMB NVU, PRIMERA PART: EL DISSENY
- logotip i eslògan (aquest últim té caràcter voluntari)
- Colors identificatius del vostre web . Feu un requadre amb el color i escriviu el seu codi numèric
- Tipografia. Heu d'assenyalar quina serà la lletra que utilitzareu en les diferents seccions, tipus de lletra, mida, si fareu servir negreta o cursiva...
- Variacions de forma del vostre logotip per tal de poder-se llegir i entendre com a mínim de dos maneres diferents
- Logotip a escala de grisos o en blanc i negre per a impressions sense color. Haureu de veure si el logotip queda bé quan s'imprimeixi en blanc i negre.
- Proposta de correu-e promocional, (voluntari, només per apujar nota)
- Fons del web. Explicar quins colors heu fet servir (han de ser colors corporatius) quins retocs o filtres heu fet servir (es recomana fer-ho amb gimp)
Mireu aquest exemple:
Disseny d'una pàgina Web, IES EL SUÍ
LOGOTIP WEB
Aspectes de l'inkscape que cal conèixer i saber utilitzar:
- Tipografia : A partir d'un dels estils de lletra o creant-la amb l'eina "ploma", modificar la forma (per camins, movent els nodes). Podem posar el text en vertical (si us agrada més pel logotip)
- Vectoritzar una imatge: Busquem una imatge en mapa de bits que ens pugui agradar pel logotip i la vectoritzem (des de la pestanya de camins) per poder modificar-la a través dels nodes (de la mateixa manera que treballem amb la tipografia)
- Exportem com a mapa de bits per poder treballar amb el gimp
- Retoc d'imatge: llum, saturació...
- Posar algun fons (obrint com a capes)
dimarts, 21 d’abril del 2009
BANNER AMB EL TÍTOL DE LS VOSTRA WEB
Marxo al Mercatec, us deixo la feina que heu de fer, ok?
Es tractaria de fer el títol amb logotip de la vostra wevb (amb gimp i inkscape)
Demà en parlem
dissabte, 18 d’abril del 2009
dissabte, 28 de març del 2009
ANIMACIONS AMB EL GIMP
Es tractaria ara d'aprofitar aquell treball i elaborar imatges animades per penjar al bloc. Un cop fetes les heu d'allotjar a la següent pàgina
i, com sempre, copiar el codi per després poder publicar l'animació. Feu tres exemples diferents.
filtre: crema
dijous, 26 de març del 2009
dimecres, 25 de març del 2009
COMENCEM A TREBALLAR AMB L'INKSCAPE
Inkscape és un programa de disseny vectorial. Això significa que el gràfics creats amb aquest programa es podran escalar a qualsevol mida sense patir pèrdues de qualitat (en les imatges de mapa de bits si augmentem molt les imatges queden pixelades, recordeu?). Treballar amb disseny vectorial també permet reformar els treballs realitzats.
Ah! Més avantatges... amb l'inkscape podem exportar allò que dibuixem a un format de mapa de bits per utilitzar-lo a qualsevol aplicació: fons de pantalla o pàgina web, per exemple.
Durant les primeres sessions us demano que feu uns treballs molt senzills per tal que us aneu familiaritzant amb la interfície de treball.
Intenteu reproduir les imatges que us deixo com a exemples aquí, però utilitzant colors diferents. Quan acabeu, pengeu el treball resultant al vostre bloc, amb una petita explicació.
1r TREBALL:
2n TREBALL
3r a 5è TREBALL
Quan estiguin acabats, transformeu a mapa de bits i publiqueu al vostre bloc. Busqueu el format .png
dimarts, 24 de març del 2009
COMENCEM EL TERCER TRIMESTRE
Continuant amb el disseny, treballarem amb el programa SCRIBUS, una mica més endavant. Amb l'Scribus, maquetarem alguns textos per fer dossiers, revistes, diaris o fullets i cartells publicitaris.
A tot això, farem el disseny d'una web amb el NVU, molt semblant al DREAMWEAVER, prèviament treballarem una mica a fons el llenguatge HTML (farem petites webs utilitzant el bloc de notes). Sempre va bé tenir nocions d'HTML per poder retocar aspectes de la vostra web o el vostre bloc.
Com veieu, tenim molta feina per endavant. Espero que continueu treballant amb ganes. La veritat és que tots són programes molt agradables de treballar.
Ah!... si teniu suggeriments, endavant! Encara sóc a temps de modificar algun aspecte de la programació del tercer trimestre.
diumenge, 22 de març del 2009
CORRECCIÓ DE LES VOSTRES WEBS
dimarts, 17 de març del 2009
DIADA D'INTERNET: 17 DE MAIG 2009
dimecres, 11 de març del 2009
INTEL·LIGÈNCIA ARTIFICIAL
dimarts, 3 de març del 2009
ENLLAÇ DEL "SITE" A CADA UN DELS VOSTRES BLOCS
Es nota que no enteneu res del web 3.0, però heu fet uns comentaris de text força acceptables. Sóc conscient que va ser sense previ avís, que no s'ha explicat bé el concepte del 3.0... Pel que fa a la diferència entre 1.0 i 2.0 crec que molt bé, ho teniu molt clar.
Ara mireu el missatge anterior i continueu treballant. Però, abans... Podeu afegir un perifèric en el vostre blog que enllaci amb el "site" que esteu fent? Així m'estalvio el perifèric que vaig fer amb els vostres sites. Entraré des del bloc i us aniré posant la nota, ok ?
Ah, per cert... us agradaria posar gifts animats al vostre site o bloc? Si cliqueu en aquest que acabo de publicar, podreu anar a un lloc web on en trobareu molts.
MÉS RECURSOS PEL VOSTRE SITE
Us he afegit en un perifèric enllaços a dos webs per a fer botons del web 2.0 tal com m'havieu demanat alguns de vosaltres. Entreu, estan bé i són fàcils de fer.
Per continuar donant contingut a les vostres pàgines del web 2.0 us afegeixo aquest enllaç.
http://wwwhatsnew.com/recopilacion/
És més fàcil d'utilitzar que el goweb2.0 que feieu servir fins ara (és en castellà, el go2web era en anglès i teníeu la dificultat de la llengua afegida). Us ajudarà molt a trobar opcions molt bones del 2.0 (espero que em sorprengueu amb un "site" ple d'opcions interessants!!!!)
Us recordo, també, que heu de fer una pàgina sobre les "Suites Ofimáticas On-Line", amb una captura de pantalla del vostre treball del "notebook" de "zoho", si? Teniu temps, no patiu. Tenim tot aquest trimestre per acabar de treure-li el màxim profit al web 2.0 i elaborar un "site" molt ben fet.
Pel que fa al web 3.0 per què no comenceu per veure les seves avantatges en un buscador?
Intenteu buscar, per exemple quina edat té Barack Obama. Busqueu primer en el google i després en el següent enllaç:
http://www.powerset.com/
El buscador és en anglès, teniu el traductor en un perifèric, ja sabeu. Pero això de "How old is..." ho domineu, no? :)
Ja anirem entrant més en la temàtica del web 3.o, haureu d'acabar entenent:
- Què és la web semàntica?
- Per a què serveix?
- Com funciona?
- Quina estructura utilitza?
- Com s'aconsegueix que les dades s'omplin de significat?
Tranquils que ja farem classes teòriques i fins que no estigui tot molt ben explicat (i entès, espero) no farem examen.
dimarts, 24 de febrer del 2009
CONTINUEM AMB L'EDICIÓ DE VÍDEO.
Fins demà.
CONTINUEM AMB LA WEB.
Avui no puc ser amb vosaltres a classe. Heu consultat el vostre gmail? Us he enviat un correu amb la primera nota de la vostra pàgina web i unes consideracions pel que fa al disseny i l'estructura. Teniu, per tant, unes indicacions individualitzades del que hauríeu d'anar fent durant aquests dies.
Ens veiem demà (treballeu força, ja veieu que les notes han anat força justes)
dijous, 19 de febrer del 2009
DISSENY DE LA WEB
ESTRUCTURA
1- pàgina d'inici amb la benvinguda, explicació de com és la web que estem a punt de visitar. Ha de ser una pàgina molt audiovisual. Fotos. missatges en formats agradables (requadres, colors...). Recordeu que la web està adreçada a aquell grup de la població que li vol treure el màxim profit al 2.0 (joves que volen saber opcions interessants, divertides, originals... però que també volen informar-se una mica de la història d'internet (1.0) i el futur (3.0)
2- pàgina sobre el web 1.0
3- pàgines (el nombre que volgueu) sobre el 2.0
3- pàgina sobre el 3.0
DISSENY
1- Heu de tenir ja un fons personalitzat
2- Elimineu tots el widgets que no siguin:
- el de navegació general i
- el de text que us heu fet vosaltres (amb els botons web fets amb gim!)
3. Feu captura de pantalla per explicar com és la interfóicie d'algun programa
CONTINGUTS
1- No feu copia i enganxa.
2- Expliqueu amb llenguatge audiovisual, no us limiteu al llenguatge escrit, ja sabeu: imatges, presentacions, vídeos, àudios i animacions.
3- Escriviu amb hipervincles (links que portin els internautes a definicions a la viquipèdia per exemple)
En definitiva, us l'heu de treballar bastant. No és per desanimar... però en general no m'agrada com està quedant tot això. Espero que milloreu, ja sé que tenim problemes de connexions a la classe... costa una mica treballar en aquestes condicions, però haureu de treballar més.
Ens veiem
dimarts, 10 de febrer del 2009
ADOBE PREMIERE
Primers treballs amb el première. Interfície.
PIP (Picture in picture) amb el Première
Canvi d'enfocament.
La Web 3.0 (WEB SEMÀNTICA)
Check out this SlideShare Presentation:
Check out this SlideShare Presentation:
Check out this SlideShare Presentation:
web 2.0 Facebook. Tot el que vols saber i ningú no t'ha explicat
WEB 2.0: Xarxes socials (Eines 2.0 - 2/4)
Web 2.0
Check out this SlideShare Presentation:
Check out this SlideShare Presentation:
dimecres, 4 de febrer del 2009
CREACIÓ D'UNA WEB INFORMATIVA
Aquesta web serà informativa. Els nostres visitants hauran de poder-se informar perfectament sobre els aspectes que detallo tot seguit SENSE HAVER DE SORTIR DE LA NOSTRA PÀGINA.
CONTINGUTS:
- WEB 1.0 , WEB 2.0, (una mica d'història) Canvis que va representar el web 2.0
- INFORMACIÓ SOBRE LA EXTENSA OFERTA DEL WEB 2.0. Opinions, Recomanacions
- Primera incursió en el que pot suposar el WEB 3.0
- PROJECTE DE WEB: Estructura i disseny
- REALITZACIÓ
- AVALUACIÓ: Consulta de les webs dels companys i fer una autoavaluació, millores possibles...
CORRECCIÓ DEFINITIVA DELS VOSTRES BLOCS
Pel que fa als aspectes positius, puc mencionar molts però destacaré els següents:
- Les pàgines d'en Miguel, en Guillem i la d'en Víctor són molt clares i destaquen les explicacions ben fetes de cada entrada.
- El disseny tan personalitzat de la Carla i en Pau.
- L'animació molt ben treballada de la Paula i la Marina i molt personalitzades.
Ua animo a continuar amb aquest bon ritme de treball amb les PÀGINES WEB
divendres, 30 de gener del 2009
MÉS INFORMACIÓ SOBRE LES POSSIBILITATS DELS BLOGS. MOLT IMPORTANT!!!
Check out this SlideShare Presentation:
Check out this SlideShare Presentation:
Algunes persones no m'han enviat encara l'enllaç del seu bloc, per tant no apareixen al "gadget" de blocs. En cas de no tenir l'enllaç la nota de dilluns serà de suspès.
dijous, 29 de gener del 2009
CREA UN GRAFFITI
ANIMACIÓ
Entreu a aquesta pàgina
http://goanimate.com
Feu-vos una animació (treballeu-la bé) poseu fotos vostres... i expliqueu quins serveis ofereix aquesta pàgina
Fins demà
divendres, 23 de gener del 2009
EL "BLOC INFORMÀTIC" PERSONAL
Hola a tothom!
Ja sabeu que he estat un temps amb problemes per poder treballar amb internet des de casa... he deixat una mica oblidat el bloc, però ara torno a agafar el ritme.
Us deixo una presentació que explica com fer-vos el bloc (per si algú encara no ho té clar del tot)
Check out this SlideShare Presentation:
Check out this SlideShare Presentation:
Check out this SlideShare Presentation:
Us recordo que he enllaçat els vostres blocs en un perifèric. Comproveu que l'enllaç és correcte. Ja sabeu que la nota l'aniré posant jo entrant al bloc en les dates que anem establint.
Us recordo què ha de tenir en aquest moments el vostre blog:
1- Ha de tenir un títol fet per vosaltres (gimp)
2- Heu de triar dos "gadgets", al vostre gust i penjar-los.
3- Entrades:
- Primer missatge explicant què heu fet durant el primer trimestre, programes treballats i treballs realitzats. Havíeu d'insertar imatges en format mitjà de cada programa
- Segon missatge: Explicar els treballs realitzats amb el gimp i mostrar els vostres treballs a través del pdf que enviareu a l'ISSUU. Explicar també què és l'issuu i quins serveis ofereix
- Tercer missatge: Explicar què heu fet amb l'audacity i anar a la pàgina GOEAR, baixar els vostres treballs d'audacity per tal d'insertar-los al blog. Explicar tb els serveis que ofereix goear.
- Quart missatge: Anar a la pàgina ANIMOTO. Fer un vídeo d'uns 30 segons i insertar-lo tb al bloc. Explicar els serveis que ofereix aquesta pàgina.
- Cinquè missatge: Penjar el vostre vídeo de terror de la visita al tibidabo. Insertar-lo des de la pestanya "afegir vídeo".
- Sisè missatge: Anar a la pàgina VOKI i crear un personatge al vostre gust amb un missatge creat tb per vosaltres (us ho podeu treballar més si feu servir aquí l'audacity). Explicar, com sempre, els serveis que ofereix aquesta pàgina web.
- Perifèric: Anar a VOZME i afegir el perifèric corresponent per tal que qualsevol visitant del vostre bloc pugui sentir tot el que teniu escrit sense haver de llegir.
- Setè missatge: Anar a la pàgina BUBBLESHARE. Mirar què ofereix. Fer-vos un pòster i insertar-lo al blog.
dijous, 15 de gener del 2009
VÍDEO DE TERROR AL TIBIDABO!
Check out this SlideShare Presentation:
Check out this SlideShare Presentation: