5paginaweb
DESCRIPTION
TRANSCRIPT
II Curso :Las TICS y Plataforma virtual de la UPT como II Curso :Las TICS y Plataforma virtual de la UPT como Herramienta del Trabajo Academico
ELABORACION PAGINA WEBELABORACION PAGINA WEBPagesPages webweb BLOGSBLOGS WIKISWIKIS
ELABORACION PAGINA WEBELABORACION PAGINA WEBPagesPages webweb BLOGSBLOGS WIKISWIKISPagesPages webweb--BLOGSBLOGS--WIKISWIKISPagesPages webweb--BLOGSBLOGS--WIKISWIKIS
Prof. Francisco Laura VeletoProf. Francisco Laura Veleto
Pensamiento
Esquema de web contenidosPensamiento sistémico ARS
Destrezas informacionales
Mapas
Visualización
Competencias
La organización actual
Mapasconceptuales
Colaborar y ahorrar tiempo
4 l d l
Competencias digitales
El tiempo
4 leyes del tiempo
Hemisferios cerebrales
Mapas mentales
RSSOfimática
Blogs
WikisRSSOfimática
colaborativa PremisasPage Web
22La web 2.0
Blogs
Portal 1 01 0 Portal web
Página web Hegemonia del
publicador
1.01.0publicador, imagen, artificial
Sitio web
BlDesde el usuario, fáciles, 2.02.0Page web
Blogs
Wikis
directos, pensados para interactuar, con trazabilidad de
2.02.0Wikis contribuciones, suscripción como
forma de estar al día
33
Los cerebros de los blogfesores y los wikifesoreswikifesores
DespuésAntes
Después
Y cuando usan tanto los blogs yY cuando usan tanto los blogs y los wikis
El poder de los blogs y los wikis:El poder de los blogs y los wikis: Las cuatros Cs
Si no sabes q é son p edeTCTC
Si no sabes qué son, puede que tengas un problemaque tengas un problema…
… o que seas realmente feliz… o que seas realmente feliz66
… o que seas realmente feliz… o que seas realmente feliz
Blogsg
Personas IdentidadPersonas Identidad
C ióConversaciónHonestidad
EquiposFreaky Digital
C id dTecnología Periodismo
Dinero
Empresas Comunidad
77
CONCEPTOSBlog
Un weblog, también conocido como blog o bitácora (listado de sucesos), esun sitio web periódicamente actualizado que recopila cronológicamente textos oartículos de uno o varios autores donde el más reciente aparece primero, conartículos de uno o varios autores donde el más reciente aparece primero, conun uso o temática en particular, siempre conservando el autor la libertad dedejar publicado lo que crea pertinente.
BloggingActividad de actualizar un blog
Blogger
TIPOS DE WEBLOGS
BloggerPersona que actualiza un blog
personalPeriodísticoPeriodísticoempresariales o corporativostecnológicostecnológicoseducativos etc.
¿QUÉ ES UN BLOG?
Web - LogWeb LogInternet RegistroInternet Registro
BLOGBLOG
Usos• Los blogs son utilizados para elaborar paginas para
cursos academicos relatar experiencias expresarcursos academicos, relatar experiencias, expresar opiniones y puntos de vista de la actualidad en primera persona (para que otros los lean)p (p q )
• “DJ’s de noticias” según José Luis Orihuela.AntecesoresAntecesores
• Páginas personalesg p• Listas de interés
F• Foros• Noticias en tiempo realp
Anatomía de un postp
• Fecha de bli iópublicación
• Título• Texto del post• Texto del post
(hiperenlaces)• Etiquetas,
categorías• Comentarios• Agregadores• Agregadores
sociales• Autor• Permalink o
enlace permanente
1111
permanente
La conversaciónLa conversaciónLa conversaciónLa conversación• Barrios, comunidades que surgen y en las
d i t ió i il l dque se produce una interacción similar a la de los vecinos de un barrio.
• Visualización, para conocer cómo se estructura el barrio, quiénes lo forman parte y con qué nivel de implicación.
• Conversación dentro del blog y entre blogs.Conversación dentro del blog y entre blogs.• Technorati o Google Blog Search como
rastreadores de las conversacionesrastreadores de las conversaciones. • Los rankings están ahí, pero ¿para qué
i ? filt ? t t1212
sirven?, ¿prefiltros?, ¿contra natura en una red distribuida?
Más allá de los blogs
• Fotologs (Flickr) : bitácora fotográfica • Podcast (Evoca) : crear archivos de sonido • VideoblogsVideoblogs• Moblogs : actualizar el blog por medio de
equipos móviles • Buscadores
C id d• Comunidades
Taxonomía Taxonomía
Fotolog(fotografías)
Vlogs(video)
Moblogs(Gestión desde equipos
Audioblogs(A hi d di ) (Gestión desde equipos
móviles)(Archivos de audio)
T íT íTaxonomíaTaxonomía
Moblog UK: http://moblog.co.ukMoblog Chile: http://www.moblog.cl
Vlog España: http://vlog.esHipcast http // a dioblog comHipcast: http://www.audioblog.com
Fotolog: http://www.fotolog.comg p g
Herramientas para la creación de un BlogHerramientas para la creación de un Blog
Solución completa de creación y administración de blogs
Solución consistente en softwarey g
• Fácil uso.• Sin costo alguno.• Actualmente existen muchas
alternativas en la web
• Requiere de un servidor web• Es necesario poseer amplios
conocimientos en gestión web.
Características Características principalesprincipales
alternativas en la web. g
• Blogger: www.blogger.com• Blogia: www.blogia.com• Bitácoras: www.bitacoras.com
• Wordpress: http://es.wordpress.com
• Movable Type: http://www.movabletype.org
URLs de URLs de interésinterés
p yp g
¿Cómo puedo crear un BLOG?http://www.blogger.com/start
http://es.wordpress.com/
http://www.typepad.com/
http://www bitacoras com/• Contactar a
n http://www.bitacoras.com/
http://www.infoaragon.net/blogia/
un proveedor
i ihttp://blogs.universia.net/
• Crear sitio propio
http://www.livejournal.com/
http://www.zoomblog.com/
htt // bl t/? Shttp://www.perublog.net/?op=Summary
http://www.perublogs.com/
¿Es lo mismo una página web que¿Es lo mismo una página web que un blog?g
• Una página web tiene una información más estática. No se actualiza muy a menudo.y
• Un blog es mucho más dinámico en cuanto a la información que contiene y más rápido y fácil de q y p ypublicar.
• Son dos medios de comunicación diferentes. El blog ges más interactivo porque admite comentarios de los lectores.
• Un medio no excluye al otro. Puedo tener una página web y también una bitácora.
Usos educativosUsos educativos
Portafolios Estudiantes: trabajos realizados, reflexiones, aspiraciones futuras y recursos favoritos
electrónicos
Páginas web para
Profesor: ejemplos de trabajos y exámenes, visión y filosofía sobre el proceso de enseñanza
P i lí d f t di t El bl d tPáginas web para profesores y estudiantes
Presencia en línea de profesores y estudiantes. El blog puede contener artículos, noticias, programa, presentaciones y documentos relacionados a los cursos.
Herramienta para la investigación
• Archivo electrónico para la notas de campo, reflexiones y observaciones del investigador.
• Conocer y compartir con otros investigadores que trabajan el mismo tema • Archivo electrónico de recursos que el investigador ha identificado.• El investigador puede publicar borradores de su trabajo y recibir feedback
Sistema para la gestión de un curso
El investigador puede publicar borradores de su trabajo y recibir feedback
• Desarrollo de temas en colaboración con otros estudiantes.• Calendario de tareas del curso• Cartelera electrónica del curso: calificaciones anuncios y asignacionesg
en línea
Herramienta para el
• Cartelera electrónica del curso: calificaciones, anuncios y asignaciones• Publicación de artículos relevantes al curso
Promueven el trabajo colaborativo, gracias a la posibilidad de gestión por Herramienta para el trabajo en grupo
j , g p g pvarias personas, a las cuales se le otorgan diferentes privilegios de acceso para que realicen tareas especificas
Usos educativos: Usos educativos: EnlacesEnlaces
Blogs de profesores:g phttp://www.superblog.org/planet/educacion
Aula Blog 21ghttp://www.aula21.net/aulablog21
Páginas dispersasg phttp://fresno.cnice.mecd.es/%7Eavaler3/?pag=blog
Phd Weblogghttp://phdweblogs.net/index.php
Research Blogghttp://huminf.uib.no/~jill/txt/researchblogs.html
Aula BlogAula Bloghttp://www.aulablog.com
¿Cómo crear mi edublog?¿Cómo crear mi edublog?¿ g¿ g
Herramientas de P blicaciónPublicación
D I t l ióD I t l ió
• Wordpress http://wordpress org/
Descarga e InstalaciónDescarga e Instalación
• Wordpress - http://wordpress.org/• Movable Type - http://www.movabletype.org/• SPIP - http://www.spip.net/es• TextPattern - http://textpattern.com/p p• b2evolution - http://b2evolution.net/• DotClear - http://www dotclear net/• DotClear - http://www.dotclear.net/• Bblog - http://www.bblog.com/• Post Revolution - http://fabio.com.ar/postrev/
Herramientas de P blicaciónCon base en la WebCon base en la Web Publicación
• Blogger - http://www.blogger.com/Con base en la WebCon base en la Web
• LiveJournal - http://www.livejournal.com/• Blogs.ya - http://blogs.ya.com/g y p g y• Space - http://spaces.msn.com/• Blogalia http://www blogalia com/• Blogalia - http://www.blogalia.com/
Alojamiento Web con Pre Instalación de SoftwareAlojamiento Web con Pre Instalación de Softwarejj
• Zonalibre - http://www zonalibre org/index phpZonalibre http://www.zonalibre.org/index.php – (Con MovableType pre instalado)
• Blogsome: http://www blogsome com/• Blogsome: http://www.blogsome.com/– (Con WorPress pre instalado)
Servidores publicos en Castellano para crear BLOGS• Weblogs.com.ar http://www.weblogs.com.ar/ • Bitacoras.com http://www.bitacoras.com/• Blogdir.com http://www.blogdir.com/ • Bitacoras.net http://www.bitacoras.net/• Blogs México http://www.blogsmexico.com/• Uruguay http://info.weblogs.com.uy/• Veneblogs http://www.veneblogs.com/enlaces/• BlogsPerú http://www.blogsperu.org/• Direct. de Blogalia.com - www.blogalia.com/directorio.php• Xeoweb http://www.xeoweb.net/directorio-4.html• Bitadir http://www.bitadir.com/p• Ecuablogs http://www.ecuablogs.com/• Blogs dominicanos http://www.blogsdominicanos.comBlogs dominicanos http://www.blogsdominicanos.com• Córdoba Weblogs http://www.cordobaweblogs.com.ar/
y ahora vamos a crear tuy ahora vamos a crear tu..y ahora vamos a crear tu ..y ahora vamos a crear tu blog!!!blog!!!gg
WordPress: http://es.wordpress.comp p
La Coctelera: http://www.lacoctelera.com
Blogger: http://www.blogger.com/
Pol ción informati aPolución informativa: “infoxicación”Byte kilobyte megabyte gigabyte terabyteByte – kilobyte – megabyte – gigabyte – terabyte –
petabyte – exabyte – zettabyte – yottabyte.
2410240
2929
Se lo debo a la Universidad de Berkeley allá por 2003
Búsqueda máquina vs.máquina vs.
Búsqueda humana
3030
equipo wikicon tu equipo crea el wiki3131
Wiki wiki wiki••Página webPágina web que mira al contenido y habitualmente de carácter colaborativocarácter colaborativo.
••Publicación muy sencillaPublicación muy sencilla••Publicación muy sencillaPublicación muy sencilla.••TrazabilidadTrazabilidad completa de contenidos.•Expresión de la construcción de contenidos desde el usuario: wikipediadesde el usuario: wikipediacontenidos desde el usuario: wikipediadesde el usuario: wikipedia.
••Integración de RSSIntegración de RSS para estar al tanto de las modificaciones.
3232
Anatomía de una página wiki
Mi t lModificar
Histórico deSeguimiento
Anatomía de una página wiki
M Usuario Mis controlesConversarHistórico deversiones Mover
Navegación…
Contenido con
Navegación…Lo último
Contenido conhiperenlaces
Búsqueda
Herramientas
3333
complementarias
Alternativas para tener un wikiPl t f t it lí• Plataformas gratuitas en línea:– Wikispaces– Zohowriter– WetpaintWetpaint– Pbwiki
Edit– Editme– Wikia
• Software para instalarlo en tu servidor– MediaWiki– PhpWiki– TikiWikiTikiWiki
– DokuWiki
Proyectos Wikis• Wikipedia• WikcionarioWikcionario• Wikilibros• Wikicitas• Wikinoticias• Wikimedia Commons
Wikil i• Wikilearning• Wikocracy• WikitravelW ave
Directorios de wikis• List of Wikis• WikiIndex• Wikia
U d l ikiUsos de los wikis
• La wikiversidad del futuro tendrá wikilibros, wikipedias y wikcionarios para sus estudiantes. Nuestros estudiantes se beneficiarán de los wikilleratos y los currikis . Podrán disfrutar de contenido en línea para entender por ejemplo la primera ley de Newton . Será un placer estudiar Física y Cálculo ya que nos beneficiaremos del poder de la tecnología para explicar los conceptos abstractos.
Lo que podemos hacer con unLo que podemos hacer con un wikiwiki
• Una página web tradicional pero que la puedas actualizar frecuentemente
• Un archivo de documentos enlaces ideasUn archivo de documentos, enlaces, ideas• Crear una extensión de la sala de clases:
di d i i iestudiantes puedan enviar asignaciones; trabajar de forma colaborativa y estudiar el material de la clase
Room 15 Wiki: http://mrlindsay pbwiki com/http://mrlindsay.pbwiki.com/
Secciones del wiki:
Instrucciones: http://www.wikihow.com/Take-Perfect-Lecture-Notes
Wikispecies: http://species.wikimedia.org/wiki/Main_Page
Glosarios: http://onewisdom.pbwiki.com/QuestionableDefinitionshttp://onewisdom.pbwiki.com/QuestionableDefinitions
Crear guías de estudio: http://663studygroup.pbwiki.com/http://663studygroup.pbwiki.com/
http://en.wikibooks.org/wiki/South_African_Curriculum
Wiki Musical: http://wikimusic.wetpaint.com/
http://aulablog21.wikispaces.com/EduWikis
Ejemplos de uso educativo de blogs y wikisy wikis
47Fuente: http://jjdeharo.blogspot.com/2007/11/el-uso-del-blog-en-la-clase-presencial.html
Una comparación tentativa
BlogsBlogs WikisWikis
¿De uno/pocos a varios/muchos? ¿De varios/muchos a varios/muchos?¿ p
Autoorganizado por cronología.
Rapidez, frescura, diálogo.
¿
Organizado por contenido.
Concepto, soporte, estructura.ap de , escu a, d á ogo
Fluye con el tiempo.
Muy simple.
Co cep o, sopo e, es uc u a
Pretende permanecer en el tiempo.
Muy simple (¿servidor web?).Muy simple.
Inmediato y personal.
Categorías, enlaces, sindicación,
Muy simple (¿servidor web?).
Menos presente, más formal.
Organización explícita, enlaces,Categorías, enlaces, sindicación, inmensa red.Los buscadores de blogs ya
á í
Organización explícita, enlaces, sindicación, almacén.Los buscadores de wikis aún no se h l i destán aquí.
Escribe y te organizo.han popularizado.Organízate y escribe.
4848http://artesaniaenred.blogspot.com/2006/06/wiki-blog.html
Lo mejor de los dos mundos:
El Bliki• El Bliki