Академический Документы
Профессиональный Документы
Культура Документы
Reali%ado por:
Jos Snchez Rodrguez (Universidad de Mlaga) josesanchez@uma.es Julio Ruiz Palmero (Universidad de Mlaga) julioruiz@uma.es
Reconocimiento - o comercial - Compartir igual: &l ma"erial creado or un ar"is"a uede ser dis"ri#uido! co iado $ e'hi#ido or "erceros si se mues"ra en los crdi"os. (o se uede o#"ener ning%n #ene)icio comercial $ las o#ras derivadas "ienen *ue es"ar #ajo los mismos "rminos de licencia *ue el "ra#ajo original.
ndice de contenido
1.- BLOGGER........................................................................................................................2 1.1. - ADMINISTRACIN DE ENTRADAS........................................................................2 1.2. - DISEO....................................................................................................................3 1.2.1.- PRESENTACIN...............................................................................................5 1.3. - DISEADOR DE PLANTILLAS DE BLOGGER.......................................................6 2.- WORDPRESS..................................................................................................................7 2.1. - PERFIL DE USUARIO..............................................................................................7 2.2. - CONFIGURACIN DEL BLOG................................................................................7 2.3. - DISEO....................................................................................................................8 2.4. - WIDGETS EN WORDPRESS..................................................................................8 2.5. - ADMINISTRACIN DE ENTRADAS........................................................................ 2.6. - COLECCIN DE FOTOS CON FLIC!R................................................................11 2.7. - EDICIN DE "TML................................................................................................12 3.- ACTI#IDADES INTERACTI#AS $SOLO BLOGGER%....................................................13 3.1. - "OT POTATOES....................................................................................................14 3.2. - &CLIC......................................................................................................................15 3.3. - LIM..........................................................................................................................18 3.4. - '(' $'L')*+,+- ("TML E.,/0* P*01'2/%..................................................................18 3.5. - A*.0*).....................................................................................................................23
1.- BLOGGER
1.1. - ADMINISTRACIN DE ENTRADAS
Una vez u#licadas las en"radas de nues"ro #log odemos! en cual*uier momen"o! edi"arlas! eliminarlas! elegir el n%mero de en"radas or gina! e"c. Para ello! una vez iden"i)icados! desde la gina rinci al de +logger accedemos a nues"ro #log $! en la ar"e de la iz*uierda! hacemos clic en en"radas.
odemos
1.2. - DISEO
Para nues"ro #log! desde la es"a.a )iseo! odemos elegir una serie de elemen"os ara la gina! denominados gadge".
,l hacer clic en uno de los enlaces Aadir un gadget (mini a licaciones! dise.adas ara roveer de in)ormaci-n o mejorar una a licaci-n o servicios de un ordenador o com u"adora) / de cual*uiera de las cajas nos a arece un cuadro de dilogo ara roceder a la elecci-n de uno de ellos. &n la )igura siguien"e se ueden ven los #sicos (01 en "o"al). Si selecciona "s gadgets a arecen ms de 122.
/ h"" 344es.5i6i edia.org45i6i47adge"
Por ejem lo! ara incluir una imagen en la ca#ecera del #log sigamos las ins"rucciones de3 h"" 344avalero)er.#logs o".com4search4la#el4im89:8,/genes &n el caso de los #sicos algunos elemen"os *ue odemos a.adir son3
-
Una resen"aci-n a #ase de )o"ogra)as de Picasa! ;lic6r! e"c. Una encues"a ara conocer la o ini-n de los usuarios. Podemos elegir las res ues"as *ue deseemos $ es eci)icar una )echa lmi"e. <iversas lis"as o una imagen. Pu#licidad. &nlaces con o"ros #log o si"ios =e# con suscri ci-n median"e RSS. &"c.
<escri#amos alguno.
1.2.1.- PRESENTACIN
9omen"amos! como ejem lo! la adici-n de una resen"aci-n desde un l#um de Picasa. &l roceso es #as"an"e sim le3
&n )uen"e elegimos %lbu&es 'eb de Picasa. &n o ci-n %lbu& (se uede elegir el de un usuario o las imgenes or ala#ras clave! or e"i*ue"as). &n (o&bre de usuario elegimos el usuario del *ue *ueremos a.adir una resen"aci-n. 9uando elegimos un usuario nos a arece la lis"a de l#umes *ue "iene en Picasa. &legimos uno de ellos. &n velocidad escogemos la duraci-n de las imgenes. Por %l"imo hacemos clic en el )uardar.
&legir lan"illa. 9am#iar el )ondo. ,jus"ar la anchura del #log. 9am#iar el dise.o de la gina. &n ,vanzado odemos modi)icar "e'"os $ colores.
2.-
ORDPRESS
2.3. - DISEO
Para la modi)icaci-n de muchos elemen"os de dise.o acudimos a la caja Aspecto. &n ella "enemos la osi#ilidad de3
9am#iar de tema3 =ordPress resen"a mul"i"ud de lan"illas $a dise.adas $ *ue cam#ian el as ec"o del +log en "odos sus a ar"ados! como son la si"uaci-n de los 5idge"! el color de la )uen"e! de las secciones! el n%mero de columnas! e"c. 9uando hacemos clic en .e&as a arecen modelos de lan"illas de )orma alea"oria. Una vez seleccionada la *ue nos in"eresa! "enemos la o ci-n de ver c-mo *ueda ulsando en Previsuali+ar $! si es"amos con)ormes con el as ec"o! ulsamos en Activar. ?am#in se uede modi)icar el "e'"o de la ca#ecera! ocul"arlo! cam#iarle el color! la imagen de la ca#ecera! e"c. $ditar C..3 &l edi"or 9SS ermi"e la modi)icaci-n del as ec"o visual de "u #i"cora. Puedes edi"ar el )ichero 9SS $ revisualizar los cam#ios sin cos"o alguno. Si *uieres guardar los cam#ios $ hacer visi#le "u dise.o! ha$ *ue ad*uirir el Custo& C// 0pgrade. Para su modi)icaci-n son necesarios conocimien"os so#re el c-digo )uen"e de ginas =e#.
2.#. -
IDGETS EN
ORDPRESS
Son similares a los gadge"s de +logger. Seg%n =i6i edia! un 5idge" es una e*ue.a a licaci-n o rograma con el o#je"ivo de Ede dar )cil acceso a )unciones )recuen"emen"e usadas $ roveer de in)ormaci-n visualF0. Para ins"alar uno nos si"uamos en Aspectos $ ulsamos so#re 1idgets. Una vez den"ro de es"a gina "enemos *ue si"uarnos con el ra"-n so#re el =idge" $! ulsando con el #o"-n iz*uierdo! arras"ramos has"a el lugar deseado ("iene *ue ser una de las #arras la"erales *ue se encuen"ran alojadas en el margen derecho). &n ese caso a arece un cuadro de dilogo *ue nos mues"ra los elemen"os *ue odemos a.adir. Podemos des"acar3
-
;avori"os alojados en <elicious.com. 9olecciones de )o"os de ;lic6r. Ca lis"a de nues"ros enlaces. Ca lis"a de nues"ras ca"egoras. Un calendario. Cas ginas del +log. Pu#licidad. &nlaces con o"ros #log o si"ios =e# con suscri ci-n median"e RSS.
&"c.
&di"ar de una en"rada en concre"o. Para ello hacemos uso de los enlaces si"uados de#ajo del nom#re de cada en"rada. &dici-n r ida de una en"rada en concre"o. Para ello hacemos uso de los enlaces si"uados de#ajo del nom#re de cada en"rada.
+orrar una en"rada. Para ello hacemos uso de los enlaces 5orrar. Previsualizar. Mues"ra el con"enido de cada una como *uedara en el #log.
Una vez modi)icados los elemen"os deseados como el "e'"o! inser"ar enlaces u o"ros! e"c. Pulsamos )inalmen"e en Actuali+ar entrada con lo *ue *ueda edi"ada.
DE
!OTOS
CON
&s necesario la ins"alaci-n "ener una cuen"a en ;lic6r $ la ins"alaci-n del =idge" ;C@9GR. Para ello! den"ro de 1idgets en Aspecto6 se ulsa con el ra"-n so#re l $ se arras"ra a la #arra elegida! una vez all se des liega el men% *ue se encuen"ra a la derecha! en el *ue "enemos *ue rellenar el ""ulo con el *ue *ueramos *ue a arezca el m-dulo! la direcci-n de ;lic6r de la *ue vamos a seleccionar las imgenes $ el n%mero de imgenes *ue *ueremos *ue se mues"ren.
Rellenamos los cam os solici"ados! ""ulo! el n%mero de )o"os *ue *ueremos *ue a arezcan en el 5idge" cuando es" con)igurado $ la direcci-n de sindicaci-n de ;lic6r asociada a nues"ra cuen"a! *ue se encuen"ra dis oni#le cuando a#rimos la galera de imgenes en la ar"e in)erior! osicionndonos so#re el icono de sindicaci-n. A con el #o"-n derecho del ra"-n a arece una ven"ana en la *ue seleccionamos la o ci-n Copiar la ruta de enlace! es"a direcci-n *ueda alojada en el or"a a eles! egndola en la casilla URC RSS de ;lic6r. Hanse las siguien"es imgenes.
;inalmen"e ulsamos en )uardar $ a arecer en nues"ro "ra#ajo una galera de imgenes agregada en la #arra la"eral.
Cos elemen"os *ue van a )ormar ar"e de la gina =e# se in"roducen en unas casillas $ os"eriormen"e el rograma general una gina =e# con el c-digo I?MC $ Javascri " necesario ara la correc"a in"eracci-n.
9urso de )ormaci-n. &l h"" 344555.is)"ic.me s$d.es4)ormacion4enred4o)recemos4ho". h 9urso del gru o de ?ecnologa &duca"iva de la h"" 344"ecnologiaedu.uma.es4ma"eriales4ho" o"4ho" o"a"oes. d)
del Universidad de
@?&3 Mlaga3
7ru o de "ra#ajo E&la#oraci-n de ma"eriales didc"icos in"erac"ivos ara la a"enci-n a la diversidadF3 h"" 344555.educarm.es4ma"erialesNdiversidad4inicio.h"m Manual o)icial de la a licaci-n (en ingls)3 h"" 344ho" o".uvic.ca45in"u"orU4"u"orial.h"m en3
<is onemos de un video"u"orial h"" 344555.didac"ica"ic.educacon"ic.es4si"es4de)aul"4)iles4"ree4/V14es4ver4inde'.h"m ?am#in encon"ramos una serie de ginas con ac"ividades realizadas con el rograma3 D h"" 344555.aula0/.ne"4segunda4ho" o"a"oes.h"m D 9olecci-n de recursos ela#orados con Io" Po"a"oes de &ducaMadrid3 h"" 344555.educa.madrid.org4 or"al45e#4educamadrid4ho" o"a"oes &l c-digo ara incor orar las ginas generadas en nues"ro h"" 344avalero)er.#logs o".com4022V42O4ejerciciosDconDho"D o"a"oesDenD#logger.h"ml &l roceso ara incor orarlo a =ordPress es el mismo *ue ara +logger. #log
en
3.2. - ,CLIC
.istemas +perativos3 Mul"i la"a)orma (=indo5s! Cinu'! Solaris! Mac). Licencia: 7PC. !dioma: @nclu$e el es a.ol.
9lic (h"" 344clic.'"ec.es4es4inde'.h"m) es una herramien"a de creaci-n de ac"ividades mu$ u"ilizada or el ro)esorado desde su a arici-n a rinci ios de los a.os W2. Ca nueva versi-n de 9lic (Java9lic) es" hecha en Java! or lo *ue re*uiere del plugin de java ins"alado en el e*ui o del usuario. Su creador es ;rancesc +us*ue". ?i os de ac"ividades3 J9lic ermi"e la osi#ilidad de ejecu"ar diversos "i os de ac"ividades3 rom eca#ezas! asociaciones! ejercicios de "e'"o! ala#ras cruzadas... Ca )orma id-nea de hacerse una idea de sus osi#ilidades es ver la demo (,c"ividades de demos"raci-n de J9lic) *ue la odemos encon"rar en h"" 344clic.'"ec.ca"4d#4ac"Nes.js XidL0VJ2 Se u"iliza el enlace verlo 7applet8 del idioma deseado (se encuen"ra en cinco idiomas) visualizarla sin ins"alar nada en nues"ro e*ui o. ara
&n la ac"ualidad ha$ ms de /022 ro$ec"os (conjun"o de ac"ividades *ue siguen una secuencia) en su =e# (h"" 344clic.'"ec.ne"4es4ac"4inde'.h"m) des"inados a diversas reas curriculares $ al alumnado desde @n)an"il a +achillera"o! *ue se ueden ejecu"ar desde @n"erne" $4o ins"alarse en el e*ui o del usuario. &s"n clasi)icados or3 rea! idiomas $ niveles educa"ivos.
,lgo in"eresan"e de esos ro$ec"os es *ue es"n licenciados median"e 9rea"ive 9ommons. Por de)ec"o! a no ser *ue los au"ores de los mismos indi*uen lo con"rario! se dis"ri#u$en median"e una licencia 9rea"ive 9ommons del "i o Reconocimien"o D (o 9omercial D 9om ar"ir @gual. ?al $ como se indica en h"" 344clic.'"ec.ca"4es4ac"4cc.h"m3 E&so signi)ica *ue siem re de#er reconocerse la au"ora de las ac"ividades! *ue es" ermi"ido hacer ada "aciones $ "raducciones de las mismas! *ue no se ermi"e su comercializaci-n $ *ue cual*uier o#ra derivada (ada "aciones o "raducciones) solamen"e odr ser dis"ri#uida con una licencia de uso idn"ica a la de la o#ra originalF. Por "an"o! "odos los recursos3 imgenes! sonidos! ac"ividadesY odemos reu"ilizarlas $4o ada "arlas a nues"ra realidad educa"iva. So#re ma"erial )orma"ivo encon"ramos varios cursos! "odos ellos de mu$ al"a calidad3
curso
ara
la
u"ilizaci-n
del
rograma3
9urso en la =e# de ,verroes3 h"" 344555.jun"adeandalucia.es4averroes4jclic4 9urso del @ns"i"u"o de ?ecnologas &duca"ivas del Minis"erio h"" 344555.i"e.educacion.es4)ormacion4enred4o)recemos4jclic. h de &ducaci-n3
9ual*uiera de es"os cursos nos van a ermi"ir a render la a licaci-n sin di)icul"ades. Por o"ra ar"e encon"ramos igualmen"e h"" 344555.domingomendez.es4colegio4clic4 video"u"oriales del rograma en
Para incluir una ac"ividad de J9lic en nues"ro #log rimero de#e es"ar alojada en un si"io =e#. Hamos a u"ilizar las del si"io =e# de J9licS una vez all vamos al )ormulario de #%s*ueda (h"" 344clic.'"ec.ne"4d#4lis"ac"Nes.js ) $ seleccionamos (en #ase a los )il"ros de rea! idioma $ nivel) una ac"ividad ara la inclusi-n en el #log. Una vez seleccionada una nos a arece una an"alla con el ""ulo! sus au"ores! una imagen! e"c. <e#ajo! ha$ un enlace *ue dice3 verlo 7applet8.
,l hacer clic so#re l a arece una ven"ana con la ac"ividad en )uncionamien"o. &n la ar"e su erior! de#ajo de la #arra del ""ulo se ve un icono del J9lic seguido de una direcci-n o URC! *ue es la *ue ha$ *ue co iar den"ro de la e"i*ue"a @;R,M& ara oder inscrus"arla en el #log.
Por ejem lo3 Ki)rame heigh"LMJ22M 5id"hLMUJ2M )rame#orderLM2M srcLMh"" 344clic.'"ec.ne"4d#4jclic, le".js X rojec"Lh"" 344clic.'"ec.ne"4 rojec"s4de or"e04jclic4de or"e0.jclic.zi ZlangLesZ"i"leL<e or"e
s[al"erna"ivosMP K4i)rameP (o ha$ *ue se arar la lnea *ue inclu$e la ru"a com le"a del archivo (la del a"ri#u"o src)! *ue va en"re comillas! or mu$ larga *ue sea.
3.3. - LIM
.istemas +perativos3 Por ahora =indo5s! aun*ue es" revis"o *ue en el )u"uro ueda a arecer un edi"or ara linu'. Licencia: ,c"ualmen"e ;ree5are aun*ue se es" "ra#ajando en una versi-n 7PC. !dioma: @nclu$e el es a.ol. &l au"or de C@M (Ci#ros @n"erac"ivos Mul"imedia) es ;ran Macas! *uien adems man"iene el si"io &ducaC@M (h"" 344555.educalim.com4cinicio.h"m)! *ue "iene or )inalidad dis"ri#uir $ dar a conocer el en"orno C@M. &l sis"ema C@M es un en"orno ara la creaci-n de ma"eriales educa"ivos! )ormado or un edi"or de ac"ividades (&diCim)! un visualizador (C@M) $ un archivo en )orma"o RMC (li#ro) *ue de)ine las ro iedades del li#ro $ las ginas *ue lo com onen. ?i os de ac"ividades3 &n"re las osi#ilidades de es"a a licaci-n se encuen"ra crear ac"ividades de3 so as de le"ras! regun"aD res ues"a m%l"i le! clasi)icar! huecos en #lanco... Cas ac"ividades las genera en )orma"o )lash! or lo *ue se re*uiere el plugin de es"a a licaci-n ins"alado en el navegador del usuario. Ca descarga de la a licaci-n se realiza desde3 h"" 344555.educalim.com4cinicio.h"m &n es"a misma =e# odemos acceder a ejem los! manuales $ video"u"oriales. @n"eresan"e la in)ormaci-n so#re C@M $ h"" 344avalero)er.#logs o".com4022V42O4ejerciciosDconDlimDenD#logger.h"ml +logger en
Sin em#argo! ara =ordPress no odemos hacerlo or*ue no admi"e e"i*ue"as I?MC. Si or el con"rario es un =ordPress ins"alado en un servidor no "endremos ro#lemas.
&s acios en #lanco. &'amen S9QRM! *ue en realidad se "ra"a de una regun"a mul"irres ues"a con res ues"a %nica. Pregun"a de elecci-n m%l"i le. Pregun"a HerdaderoD;also
3.$. - A/do/.
.istemas +perativos3 =indo5s. Licencia: ;ree5are siem re $ cuando sea u"ilizado de )orma ersonal! sin carc"er lucra"ivo $ con )ines es"ric"amen"e educa"ivos. !dioma: @nclu$e el es a.ol. 9on ,rdora se ueden crear ms de :2 "i os dis"in"os de ac"ividades! crucigramas! so as de le"ras! relacionar! clasi)icar! ordenar! com le"ar! aneles gr)icos! relojes! e"c. &' or"a las ac"ividades a una gina =e# $ un archivo (a le" de Java) *ue con"iene las ac"ividades. Para descarga del rograma odemos acudir a la siguien"e direcci-n3 h"" 344555.5e#ardora.ne"4descargaNcas.h"m