5paginaweb

49
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 WEB ELABORACION PAGINA WEB Pages Pages web web BLOGS BLOGS WIKIS WIKIS ELABORACION PAGINA WEB ELABORACION PAGINA WEB Pages Pages web web BLOGS BLOGS WIKIS WIKIS Pages Pages web web-BLOGS BLOGS-WIKIS WIKIS Pages Pages web web-BLOGS BLOGS-WIKIS WIKIS Prof. Francisco Laura Veleto Prof. Francisco Laura Veleto

Upload: ticupt

Post on 13-Dec-2014

1.283 views

Category:

Technology


0 download

DESCRIPTION

 

TRANSCRIPT

Page 1: 5paginaweb

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

Page 2: 5paginaweb

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

Page 3: 5paginaweb

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

Page 4: 5paginaweb

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

Page 5: 5paginaweb

El poder de los blogs y los wikis:El poder de los blogs y los wikis: Las cuatros Cs

Page 6: 5paginaweb

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

Page 7: 5paginaweb

Blogsg

Personas IdentidadPersonas Identidad

C ióConversaciónHonestidad

EquiposFreaky Digital

C id dTecnología Periodismo

Dinero

Empresas Comunidad

77

Page 8: 5paginaweb

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.

Page 9: 5paginaweb

¿QUÉ ES UN BLOG?

Web - LogWeb LogInternet RegistroInternet Registro

BLOGBLOG

Page 10: 5paginaweb

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

Page 11: 5paginaweb

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

Page 12: 5paginaweb

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?

Page 13: 5paginaweb

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

Page 14: 5paginaweb

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)

Page 15: 5paginaweb

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

Page 16: 5paginaweb

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

Page 17: 5paginaweb

¿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/

Page 18: 5paginaweb

¿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.

Page 19: 5paginaweb

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

Page 20: 5paginaweb

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

Page 21: 5paginaweb

¿Cómo crear mi edublog?¿Cómo crear mi edublog?¿ g¿ g

Page 22: 5paginaweb

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/

Page 23: 5paginaweb

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)

Page 24: 5paginaweb

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/

Page 25: 5paginaweb

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

Page 26: 5paginaweb

WordPress: http://es.wordpress.comp p

Page 27: 5paginaweb

La Coctelera: http://www.lacoctelera.com

Page 28: 5paginaweb

Blogger: http://www.blogger.com/

Page 29: 5paginaweb

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

Page 30: 5paginaweb

Búsqueda máquina vs.máquina vs.

Búsqueda humana

3030

Page 31: 5paginaweb

equipo wikicon tu equipo crea el wiki3131

Page 32: 5paginaweb

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

Page 33: 5paginaweb

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

Page 34: 5paginaweb

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

Page 35: 5paginaweb

Proyectos Wikis• Wikipedia• WikcionarioWikcionario• Wikilibros• Wikicitas• Wikinoticias• Wikimedia Commons

Wikil i• Wikilearning• Wikocracy• WikitravelW ave

Directorios de wikis• List of Wikis• WikiIndex• Wikia

Page 36: 5paginaweb

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.

Page 37: 5paginaweb

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

Page 38: 5paginaweb

Room 15 Wiki: http://mrlindsay pbwiki com/http://mrlindsay.pbwiki.com/

Page 39: 5paginaweb

Secciones del wiki:

Page 40: 5paginaweb

Instrucciones: http://www.wikihow.com/Take-Perfect-Lecture-Notes

Page 41: 5paginaweb

Wikispecies: http://species.wikimedia.org/wiki/Main_Page

Page 42: 5paginaweb

Glosarios: http://onewisdom.pbwiki.com/QuestionableDefinitionshttp://onewisdom.pbwiki.com/QuestionableDefinitions

Page 43: 5paginaweb

Crear guías de estudio: http://663studygroup.pbwiki.com/http://663studygroup.pbwiki.com/

Page 44: 5paginaweb

http://en.wikibooks.org/wiki/South_African_Curriculum

Page 45: 5paginaweb

Wiki Musical: http://wikimusic.wetpaint.com/

Page 46: 5paginaweb

http://aulablog21.wikispaces.com/EduWikis

Page 47: 5paginaweb

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

Page 48: 5paginaweb

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

Page 49: 5paginaweb

Lo mejor de los dos mundos:

El Bliki• El Bliki