Inserint de tot a WordPress amb gigya

Uns dels grans inconvenients dels blocs com aquest, allotjats a la plataforma WordPress.com, és la limitació imposada per la impossibilitat d’inserir continguts Flash o de controlar paràmetres en el cas dels codis d’inserció directa des de YouTube, Slideshare, Scribd, Vimeo i poca cosa més.

Però la tossudesa de l’autora d’aquest bloc l’ha portat a descobrir el contenidor de codi gigya que s’entén amb WordPress. Tenint present que cal treballar a partir dels codis d’inserció HTML que utilitzen l’etiqueta embed (entre <.>), substituint-la per l’etiqueta gigya (entre [ ]) i poca cosa més … podem inserir qualsevol cosa !!!

Puc inserir arxius swf !
Només cal l’adreça URL de l’arxiu, definir les dimensions de l’objecte i seguir aquestes pautes d’inserció de swf. Com que WordPress no permet pujar arxius swf a la galeria multimèdia, si volem inserir-ne un d’elaboració pròpia cal allotjar-lo en un servei extern. El que he utilitzat per provar està allotjat al hosting gratuït swfcabin.

codi d’inserció del meu swf:

[gigya src="http ://www.swfcabin.com/swf-files/1365164869.swf" width="436" height="300"]

codi d’inserció d’un swf aliè:

[gigya src="http ://static.consumer.es/www/tecnologia/infografias/swf//realidad-aumentada.swf" width="510" height="300"]

Puc inserir presentacions d’àlbums de fotos !
Modificant una mica els codis d’inserció que utilitzen l’etiqueta embed per fi puc inserir els nostres àlbums de fotos com a presentacions, seguint aquestes pautes per inserir àlbums de Picasa i per inserir àlbums de Flickr, els serveis que nosaltres utilitzem.

codi d’inserció de l’àlbum Picasa:

substiuint < embed type=”XXXX”></embed> per [gigya type=”XXXX”] i modificant les dimensions si d’acàs

.

codi d’inserció de l’àlbum Flickr:

substiuint < object …>< embed type=”XXX”></embed></object> per [gigya type="XXX"] i modificant les dimensions si d’acàs

Puc controlar la mida dels videos de YouTube !
Encara que aquests es poden inserir a WordPress, les seves dimensions no es poden controlar de manera directa. Utilitzant el codi d’inserció antic (que utilitza l’etiqueta embed) i adaptant-lo una miqueta, seguint aquestes pautes ja puc fer aixó que tants maldecaps m’ha portat. Com que per inserir el meu vídeo no he trobat l’accés al codi antic he hagut d’adaptar aquestes pautes per inserir a partir de la ID del vídeo.

codi d’inserció del vídeo YouTube:

personalitzant els paràmetres en vermell: [gigya src="http ://www.youtube.com/v/9CAPR783GVE?hl=es_ES&version=3" allowFullScreen="true" width="250" height="200"] . la ID del vídeo apareix a la seva URL: http ://youtu.be/9CAPR783GVE

Puc inserir un document d’Isuu !
Com que de moment Isuu permet accedir al codi d’inserció antic, ho he aconseguit seguint aquestes pautes d’inserció

codi d’inserció del document allotjat a Isuu:

substituint …< embed src=”XXX” type=”XXX” allowfullscreen=”true” allowscriptaccess=”always” menu=”false” style=”width:WWW;height:HHH” flashvars=”XXX” /> per [ gigya src="XXX" type="XXX" allowfullscreen="true" flashvars="XXX" width="WWW" height="HHH"]

Puc inserir Prezis !
Encara que el codi d’inserció que proporciona Prezi utilitza l’etiqueta iframe que no és compatible amb gigya, seguint aquestes pautes també ho he pogut inserir aquí.

codi d’inserció del Prezi:

personalitzant els paràmetres en vermell: [gigya src="http://prezi.com/bin/preziloader.swf" allowfullscreen="true" allowscriptaccess="always" width="510" height="371" bgcolor="#ffffff" flashvars="prezi_id=irhd1czgcw_q&lock_to_path=0&color=ffffff&autoplay=no&autohide_ctrls=0" ] . la ID del Prezi apareix a la seva URL: http ://prezi.com/irhd1czgcw_q/copy-of-como-hacer-una-prezi-magnifica/

Puc inserir moltes més coses !
Als fòrums de WordPress en castellà – en anglès i a webs com WordPressTips es pot trobar informació per inserir altres objectes amb el shortcode gigya.
De moment els meus cavalls de batalla particulars els considero domesticats, ara aquest bloc podrà ser una mica més mogudet!!

Els nostres llocs web

La darrera tasca del curs per als informàtics 4ESO: creació d’un lloc web. Per tal de donar unitat als treballs vam escollir com a tema comú: els nostres músics preferits. Els hem publicat al hosting gratuït 000webhost.com i els hem agrupat mitjançant la pàgina inicial infotecbell12.freeiz.com, des de la qual s’accedeix a tots. Cliqueu sobre la imatge:

Hem utilitzat software lliure i portable: KompoZer per a la creació de pàgines web, Gimp per a l’edició d’imatges i FileZilla com a client FTP.

Hem treballat els formats, els estils, les taules, els enllaços (interns i externs), l’inserció d’imatges i multimèdia: vídeos, àlbums de fotos, llistes de reproducció d’àudio. Alguns inclús han treballat amb marcs i amb javascript.

Aquesta ha estat la nostra seqüència de treball, desenvolupada al nostre e-spai d’Informàtica. Cliqueu sobre les imatges per accedir-hi:

---

---

Donada la mania d’alguns alumnes en no entregar les tasques a temps, malgrat l’existència de totes les webs, cinc d’elles han quedat perdudes a l’oceà d’Internet per no haver donat a conèixer l’URL. Una llàstima fer un treball que no pot ser apreciat pels altres …

Scratch & Bell: el videojoc dels alumnes d’Informàtica 4ESO

Aquest és el resultat del treball amb Scratch durant el 2n trimestre dels Informàtics 4ESO: fer un videojoc ens ha permès posar en marxa la nostra imaginació, aprendre conceptes, lògica i estructures de programació, posar-nos d’acord, desenvolupar els nostres coneixements de creació i d’edició d’imatges, d’àudio, de vídeo, … Un munt de coses!

Cada alumne ha creat el seu personatge, transformant-se ell mateix en un personatge de còmic o de videojoc mitjançant fotomuntatges amb Gimp. Per tal de simular el moviment, cada personatge té quatre posicions: dues alternades per caminar, una per saltar i una altra per ajupir-se. Els jocs individuals permeten triat entre un dels dos personatges creats per cada parella de treball.

Els personatges es controlen amb les fletxes del teclat, i vam decidir que romandrien en una posició x fixa, el què es desplaça en realitat és el fons, gràcies a una variable que controla aquest desplaçament en funció de la tecla premuda. Cada parella d’alumnes ha creat el seu propi videojoc amb tres o quatre fons fets amb Gimp amb elements relacionats amb els personatges triats i un element comú a tots: el terra tipus Mario Bross per tal de donar continuïtat a l’hora de fer el muntatge complert. Així tenim fons de Mario Bross, dels Simpsons, de Phineas i Ferb, …

Hem afegit objectes que interactuen amb els personatges: monedes que en agafar-les omplen el moneder, bombes que cauen aleatòriament del cel, bales que apareixen també aleatòriament i treuen vida al personatge en tocar-lo, i un escut que només es pot aconseguir si el personatge ha agafat prou monedes i que només es pot utilitzar 10 vegades per protegir-se d’aquests elements malignes. Altres enemics (pinxos, plantes carnívores, ocells caganers, …) han quedat a mitges per falta de temps.

I moltíssimes variables, per tal de amb un sol conjunt d’instruccions poder actuar amb un o altre personatge, per controlar el desplaçament dels fons, el nivell en el què apareixeran les bombes, els missatges personalitzats en funció del nom del jugador i del personatge triat, el color del fons i la velocitat en funció del nivell de joc, el company associat al personatge triat, que apareix al final del joc, el nivell de vida, que es va esgotant cada cop que és tocat per una bomba, l’acció de l’escut, el temps de durada del joc, …

Encara que al vídeo no se sent, també hem posat música, feta per nosaltres mateixos amb Arduino a Tecnologia i editada amb Audacity per millorar-la i adaptar-la al ritme del joc. Una icona altaveu permet activar i desactivar el so. A més, en qualsevol moment del joc es pot accedir a la pantalla d’informació. No ens hem deixat res!

Aquestes són les pantalles inicials d’alguns dels jocs dels alumnes. Clicant sobre les imatges accedireu als seus treballs

…

…

…

També podeu accedir al muntatge complert del joc col·laboratiu, compartit al canal Tecno-Lògic de scratch.mit.edu, on algunes de les funcions no funcionen del tot bé, però podeu descarregar-lo i investigar com ho hem fet.

Si voleu provar el joc, aquestes són les instruccions, a les què podeu accedir en qualsevol moment clicant sobre la icona info:
El personatge pot caminar cap endavant i cap a enrere, saltar i ajupir-se; controla els moviments amb les fletxes del teclat.
Utilitza la tecla C per córrer i la tecla E per activar l’escut i protegir-te dels enemics.

Aquest és el resum i el resultat final d’aquesta activitat. Més informació clicant sobre les imatges:

pautes de programació

presentacions utilitzades

Scratch&Bell

altres posts relacionats

Caracters especials en HTML

♀ualsevol c∀racter, encara que no es ☾orrespongui amb una tΣcla de l’ordinad♉r, es p➆t inser♪r en u↝a pàgina web o en un bl♦c si coneixe♏ el seu codi HTML, fins i t❆t fletxes, sm↗leys, símb∅ls matemàtics, diferentٸ alfaᵦets etc ツ α  π  ツ ♪ ✓ ♏ ⅗ ↗ ∅ ‰ Ⓒ ῼ ✌ ☺ ✹ ✓ § ♫ ✰α

Hi ha aplicacions en línia com CopyPasteCharacter o Toolpaq que fan fàcil l’utilització de caracters especials encara que no coneguem el seu codi: només cal escollir el caracter, copiar i enganxar allà on vulguem a la nostra pàgina web.

Encara que és impossible conèixer el codi de tots els caracters especials, val la pena saber que el codi HTML d’aquests caracters està format pel signe & seguit de #número d’entre 2 i 4 xifres o un nom i acabat en ; Veieu el codi d’alguns dels caracters més usuals, i si voleu més, aneu a ascii.cl

The BlackMan Scratch Game

Buscant la manera de simular el moviment parabòlic del salt dels personatges del videojoc de 4 ESO, el J. Santiago de 2n Batxillerat ha acabat fent el seu propi videojoc. Podeu probar-lo i fins i tot, descarregar-lo per tal d’investigar la seva complexa programació.

.

Accedir al joc, allotjat al nostre canal de scratch.mit.edu Els controls:
Fletxes: Moure’s cap a la dreta o l’esquerra. Saltar
Tecles: P (pause), R (restart), espai (stop: el joc torna al començament)

Música amb Arduino per al nostre Videojoc amb Scratch

Per aprendre a treballar en analògic amb Arduino hem fet servir la tècnica PWM (modulació per ample de pols) per generar polsos elèctrics a través d’una sortida digital a la qual hem connectat un brunzidor piezoelèctric. Aquesta vegada no hem pogut treballar amb S4A i tots ens hem hagut d’esforçar en entendre i utilitzar el llenguatge Arduino.

A partir de les pautes donades al nostre e-spai Ardui-Lògic i establint la durada d’aquests polsos proporcionalment a la freqüència de les notes musicals, hem aconseguit:

Reproduir l’escala musical (Victoria G i Laura C) …
coordinant l’ample dels polsos amb l’encesa d’un LED (Ulises P i David F), …
I fins i tot reproduir melodies de Metallica i del videojoc The Legend of Zelda (David S i Eduardo B). Al seu bloc trobareu els programes que han creat

Aquest treball cal aprofitar-lo, ja tenim banda sonora per al nostre videojoc amb Scratch!

Videojoc amb Scratch. Els personatges

A Informàtica 4 ESO estem utilitzant Scratch per fer un videojoc de plataformes, a l’estil dels del Mario Bross. Els protagonistes som nosaltres mateixos transformats en personatges de còmic, sèries de TV o de videojocs gràcies als nostres coneixements previs de Gimp.
Aquesta és la “foto de família” en la qual, com no, falten la meitat dels membres.

Una de les nostres idees (en tenim moltes) és que tots apareguem a tots els videojocs: al nostre com protagonistes i als dels companys com personatges a salvar o contra els que lluitar. De moment hem preparat diverses imatges de cada personatge per simular els moviments de caminar, saltar, ajupir-se, seure, …

Aquesta activitat donarà molt de si. Estem treballant amb variables i descobrint estructures de programació. El que hem aconseguit fins ara és controlar el moviment dels personatges amb les fletxes del teclat. Encara ens queda definir nivells i puntuacions, interaccions amb altres objectes, afegir sons, …

Aquest és només un extracte d’aquesta activitat. Les pautes de programació estan penjades al nostre e-spai d’Informàtica, els exemples fets per la profe, al canal Tecno-Lògic de Scratch, i els resultats dels alumnes als seus blocs.

Guardem i compartim arxius al núvol 2.0

Amb l’ús de programes portables ens hem independitzat del nostre coordinador d’informàtica. Podem utilitzar-los des de qualsevol ordinador. Però …
Solucionem un problema i en creem un altre:

Quan treballem en parella i guardem els treballs en un pendrive, el dia que un dels dos no vé a classe, el seu company es queda penjat (Llei de Murphy: qui falta és sempre qui té el pendrive amb els arxius).

Hi ha solució! Guardem i compartim els nostres arxius al núvol 2.0!

Utilizem Dropbox: un servei d’allotjament web d’arxius que a més permet compartir-los i sincronitzar-los amb carpetes de l’ordinador (en el nostre cas del pendrive). A més, podem aconseguir l’aplicació de sincronització portable!

El que cal fer és:

• Descarregar l’aplicació de sincronització (l’utilitzarem portable) i instal·lar-la al pendrive
• Crear un compte bàsic (gratuit) a Dropbox. Teniu un espai de 2 Gb, no us l’acabareu …
• Sincronitzar la carpeta del pendrive que voleu compartir
• Invitar el vostre company a compartir la carpeta. Qualsevol dels dos podrà modificar els arxius.

A partir d’ara podrem independitzar-nos fins i tot del nostre company de treball, ja que els arxius els tindrem allotjats en un servei compartit. Però cal tenir present que:

• Si es realitza un canvi en qualsevol arxiu de la carpeta en Dropbox, aquest es modificarà per a tots els usuaris en tots els equips.
• No podeu treballar simultàniament des de 2 llocs diferents en el mateix arxiu, això crearia còpies conflictives. I si voleu modificar un arxiu sense alterar el que tenen els altres, copieu-lo al vostre equip i modifiqueu-lo allà.
• El pendrive amb el software necessari cal portar-lo sempre a sobre!

Planeta Bellvitge amb Gimp

Aquest és un dels planetes creats pels alumnes d’Informàtica 4 ESO a partir d’edificis i espais emblemàtics del nostre barri. Ho hem fet amb la Distorsió Coordenades Polars de GIMP sobre un fons ennuvolat. Veieu el vídeotutorial que hem utilitzat com a referència.

Entre tots hem creat un mapa de Bellvitge on hem situat i hem posat dades dels edificis i espais que formen els nostres planetes. Accediu clicant sobre la imatge

Podeu veure la resta dels nostres planetes clicant a la imatge i als blocs dels alumnes.

Fotomuntatges amb GIMP

Alguns dels blocs dels alumnes d’Informàtica 4 ESO ja tenen la capçalera personalitzada amb un fotomuntatge fet amb GIMP (software lliure, gratuit i portable d’edició d’imatges). Aquest és el resultat de la imaginació i l’aplicació de la tècnica per part de cada un dels grups que els han acabat a temps.

Com ho hem fet?
Seguint les directrius per fer fotomuntatges amb GIMP que Miguel Ángel García Guerra dona en el seu bloc Informática SJB, complementades amb aquest video

Software lliure

El software lliure (free software) no és necessariament software gratuit. Hi ha software lliure de pagament i software privatiu gratuit. Lliure en aquest cas no es refereix al preu sinò a la llibertat dels usuaris per a executar, copiar, distribuir, estudiar, modificar el software i distribuir-lo modificat.
Aquesta MUD Edu365 ens pot ajudar a aclarir-nos amb aquest tema:

Programes lliures n’hi ha de tota mena. Comproba-ho a cd.org i descarrega el que et calgui … és lliure.

Si vols saber la equivalència en lliure dels programes privatius d’ús més habitual, consulta aquesta taula d’equivalències del departament de tecnologia de l’IES Corona de Aragon.

Els formats dels arxius no són compatibles entre programes lliures i privatius. Si necessites convertir formats de documents, pots fer-ho online a Free File Converter

Cad 2D amb el processador de textos

Per què no utilitzar un programa amb el que estem tan familiaritzats per introduir els nostres alumnes al disseny assistit per ordinador? La barra d’eines Dibuix del processador de textos ens permet dibuixar amb una precissió més que suficient en segons quins casos.

 

Es tracta de:

1. Activar la barra d’eines Dibuix, opció Dibuix
2. Crear una reixeta (quadrícula) de les dimensions que ens interessin,
3. Imposar la condició que es mostrin les línies de la quadrícula en pantalla,
4. Forçar les entitats (línes i objectes) a adaptar-se a la reixeta (opció Adaptar objectes a la quadrícula), com a qualsevol programa de Cad,
5. Dibuixar, acotar, … per exemple vistes d’objectes a 1r d’ESO, utilitzant diferents tipus de línies, autoformes, i d’altres opcions de la barra d’eines Dibuix.

Recordatori de trucs per dibuixar amb el processador de textos

• Dibuixar diversos objectes de la mateixa forma sense haber de clicar cada cop sobre l’ eina: DOBLE CLIC sobre l’eina (línia, rectangle, el·lipse, …)
• Crear un objecte centrat en un punt: CTRL mentre es dibuixa l’objecte.
• Dibuixar línies verticals, horitzontals o a 45º: SHIFT mentre es dibuixa la línia.
• Dibuixar quadrats o circumferències: SHIFT mentre es dibuixa amb l’eina rectangle o cercle.

Dedicat a l’Aleix, company de FQ, defensor “feroç” del dibuix amb Word

Guia Lego. Com muntar un PC

Que no us atreviu a muntar el vostre propi ordinador? Però si està xupat! Els meus operaris us ensenyen a fer-ho … amb aquesta guia aprendreu tot el necessari, ja no teniu excusa.

El procés és llarg i laboriòs però senzill i fins i tot divertit … com muntar un Lego!!! Comprobeu-ho clikant sobre la imatge

---

Vist a Taringa!-Inteligencia Colectiva

Personalitzem el nostre pendrive … amb Lego

Els pendrives amb aspecte de peça Lego ja existeixen i es poden comprar (almenys en Internet), però és més divertit fer-ne un. Així, a més de passar una bona estona podem aprofitar per veure com és el circuit electrònic que porta a dins. Us animeu?

El procés és ben senzill i està molt ben explicat i il·lustrat a comolohago a partir de la proposta d’instructables. Bàsicament es tracta de:

• Preparar els materials i les eines
• Recuperar el circuit electrònic d’un pendrive
• Buidar una peça Lego de tamany apropiat
• Inserir el circuit i inmovilitzar-lo amb silicona
• Utilitzar una placa Lego com a tapa inferior
• També es pot fer de la mateixa manera un caputxó per protegir-lo
• I per últim, connectar al port USB de l’ordinador i comprobar el seu funcionament. Si el treball s’ha fet amb cura no ha d’haver cap problema, felicitats!

Això no és tot. A instructables hi ha un munt de propostes de muntatge de perifèrics amb Lego, i si preferiu veure els que hi ha al mercat, cliqueu aqui.

La calculadora de Windows en binari

Amb la calculadora científica de Windows podem treballar amb quatre sistemes de numeració: hexadecimal, decimal, octal, i binari. Treballar en sistema digital està xupat, en binari, també: només cal escollir el sistema en el qual volem treballar i saber quatre cosetes.

Nombre de dígits a considerar en binari

Qword: els darrers 64 bits del nombre (pot contenir fins a 16 dígits)
Dword: els darrers 32 bits (fins a 8 dígits)
Word: els darrers 16 bits (fins a 4 dígits)
Byte: els darrers 8 bits (fins a 2 dígits). Per a nosaltres, aquest tamany és correcte.

Conversió d’un sistema a un altre

Escriure el nombre i definir el sistema de numeració al qual volem convertir-lo:
252 en decimal = 11111100 en binari

Operacions aritmètiques amb nombres binaris

Les operacions no permeses estan desactivades en mode binari. La resta es treballa de la mateixa manera que en sistema digital.
Atenció! La calculadora només és una eina, podem utilitzar-la per comprobar els nostres càlculs mentals, però cal tenir clares les regles de les operacions bàsiques amb nombres binaris.

Operacions lògiques amb nombres binaris

Or (O lógica): 1100 Or 1010 = 1110
Xor (O lógica exclusiva): 1100 Xor 1010 = 110
And (Y lógica): 1100 And 1010 =1000
Not (retorna el nombre invers): 1001 Not acabarà en 0110
Lsh (augmenta el nombre binari en tantes xifres com s’indiqui en binari): 10110 Lsh 11 = 10110000 (11 en binari és 3, per això s’han afegit tres zeros a la dreta)

Totes les possibilitats d’aquesta calculadora

Si voleu conèixer totes les possibilitats de la calculadora de Windows en qualsevol sistema de numeració, feu una ullada a aquest document >>

Refrigeració de microprocessadors

Un microprocessador està format per milions de transistors canviant d’estat constantment. Quant més alta sigui la seva freqüència de processat (MHz) més canvis d’estat es produiran per unitat de temps. Cada cop que un transistor canvia d’estat, una part de l’energia elèctrica que consumeix es transforma en calor.

Així doncs, un microprocessador emet una gran quantitat d’energia calorífica durant el seu funcionament, més calor quant més alta sigui la seva freqüència.

Un microprocessador pot arribar a 100ºC en qüestió de dècimes de segón. Això pot provocar la ruptura del cristall de silici del qual està fet. Per això és necessari un sistema de refrigeració que eviti que el microprocessador s’escalfi en excès. Veieu en aquest vídeo el què li passa a un processador quan treballa sense sistema de refrigeració.

El sistema de refrigeració a la majoria dels ordinadors consisteix en un dissipador metàlic i un ventilador. No està de més obrir l’ordinador de quan en quan i netejar-lo amb un aspirador.

Però hi ha altres sistemes, com el de refrigeració líquida del qual ens va parlar l’Adrian l’altre dia. Podeu conèixer-los en aquest article