Вы находитесь на странице: 1из 33

Unidad 3: Creacin de

Contenidos
3.1
3.2
3.3
3.4

Contenidos en General
Pginas Web: Alojamiento y Desarrollo
Blogs
Wikis

Introduccin al Desarrollo de

Qu es un CMS?
Facilita la gestin del contenido en
todos sus aspectos: creacin,
mantenimiento, publicacin y
presentacin
Un CMS(Content Management System)
o Gestor de Contenidos es un programa
utilizado que crea un marco de trabajo
para el contenido de un website.
Introduccin al Desarrollo de

Arquitectura del
CMS

Introduccin al Desarrollo de

Caractersticas de
CMS
Utiliza base de datos para guardar el contenido
Permite a un gran nmero de personas a contribuir y
guardar informacin
Tiene un control de acceso a los usuarios basados en
perfiles y roles
Los perfiles definen que puede ver y editar cada usuario

Permite una fcil recuperacin y almacenamiento de


informacin
Reduce el ingreso de informacin repetida o duplicada
Facilita la creacin de escritos o reportes
Mejora la comunicacin entre usuarios
Etc
Introduccin al Desarrollo de

Funcionalidad de
los CMS
Creacin de contenido
Gestin de contenido
Publicacin y presentacin

Manejo de eventos
Manejo de imgenes y formularios
Trabajo con workflows
Estadsticas
reas seguras
Introduccin al Desarrollo de

Ejemplos de CMS

Introduccin al Desarrollo de

Porqu se necesita un
CMS
Si se requiere cambiar el contenido del website
muy seguido y no se desea incurrir en gastos
extras de soporte o mantenimiento
Presenta disponibilidad 24/7 para realizar los
cambios
Inclusin de nuevas funcionalidades, puede
ser tan fcil como incluir un modulo
Reutilizacin de componentes, como
documentos, pginas
Cambio de aspecto de la web, basado en una
separacin entre contenido y presentacin
Introduccin al Desarrollo de

Cmo elegir un
CMS?
Supuestos
El tamao de la organizacin
El CMS manejara la intranet y la extranet
Se utilizar en toda la empresa

Contenido
Pginas simples
Pginas complejas, con una presentacin especifica
Informacin dinmica de base de datos
Material de entrenamiento
Manuales online
Documentos de la empresa
Cientos de pginas en total
Introduccin al Desarrollo de

Estructurando los
requerimientos

Creacin de contenidos
Administracin de contenido
Publicacin
Presentacin
Contrato y Negocio

Introduccin al Desarrollo de

10

Creacin de
contenido
Entorno de edicin integrado
Los creadores de contenido pueden utilizar
todas las facilidades

Separacin del contenido y la


presentacin
Multi usuario
Rehus de contenido
Creacin de meta data para las pginas
Manejo de enlaces
Creacin de contenido sin conocimientos
tcnicos
Introduccin al Desarrollo de

11

Administracin de
contenido
Control de versiones
Flujo de trabajo
Perfiles de revisin y aprobacin por
ejemplo

Seguridad
Integracin con sistemas
externos
Reportes
De administracin y para el usuario
final
Introduccin al Desarrollo de

12

Publicacin
Uso de hojas de estilo
La presentacin final es administrada con hojas de
estilo

Plantillas para las pginas


Extensibilidad
Se debe poder integrar cdigo de presentacin
fcilmente

Soporte para mltiples formatos


Debe poder publicar formatos como: HTML, PDF,
XML y ms

Personalizacin
Introduccin al Desarrollo de

13

Presentacin
Usabilidad
Cubre aspectos como fcil de aprender y utilizar

Accesibilidad
El CMS debe ajustarse a las normas tales como W3C

Soporte Cross Browser


Las pginas se deben poder visualizar en la mayora
de los browser

Velocidad de presentacin
Generacin de HTML valido
Metadata
Introduccin al Desarrollo de

14

Contrato y
Negocio

Entrenamiento
Documentacin
Garanta
Acuerdos de mantenimiento
Recursos requeridos
Conocimientos requeridos
Costo
Escalabilidad
Sites de referencia
Introduccin al Desarrollo de

15

Pginas Web
Una pgina web es el nombre de un
documento electrnico adaptado para
la World Wide Web (Internet).
La informacin generalmente se
encuentra en formato HTML o XHTML
Generalmente contienen:
Hojas de estilo
Java Scripts
Imgenes digitales
Introduccin al Desarrollo de

16

Ejemplo de Pgina
<html>
<head>
<title>Pagina de
Bienvenida</title>
</head>
<body>
<h1>Bienvenidos</h1>
</body>
</html>

Introduccin al Desarrollo de

17

Cmo tener mi pgina


en Lnea?

La compra de dominio y hosting es la parte


inicial, luego se debe construir la pgina
web.
Una forma sencilla y rpida es utilizando
un gestor deIntroduccin
contenidos
al Desarrollo de
18

1.- Compra de
dominio

Introduccin al Desarrollo de

19

2. Hosting

En lo que respecta a Hosting se tienen


diferentes planes.
Depende del espacio en disco, sistemas
operativo, que lenguajes de programacin
soporta, entre otras
Introduccin al Desarrollo de

20

Website gratuitos

Introduccin al Desarrollo de

21

Website gratuitos
Por lo general los websites gratuitos
tienen capacidades limitadas
No soportan trabajar con lenguajes de
programacin
La URL de la pgina es un sub dominio
del website
Ejemplo:
http://seo-peru.blogspot.com

Introduccin al Desarrollo de

22

Qu es un Blog?
Es un sitio donde se publican
peridicamente:
Noticias
Artculos
Comentarios de Inters

Los primeros blogs fueron creados como


diarios personales, hoy en da muchos
utilizan esta herramienta para tratar
diferentes temas
Introduccin al Desarrollo de

23

Caractersticas de
un Blog
Posee un esquema en el cual las
noticias o post se ingresan de manera
simple, permitiendo la actualizacin
permanente de la pgina.
Permiten el envo de comentarios por
parte de los visitantes
La informacin se presenta ordenada de
la mas reciente a la menos reciente
Las noticias o post se pueden
categorizar
Introduccin al Desarrollo de

24

Blog gratuitos en
internet

Introduccin al Desarrollo de

25

Laboratorio
Crear un blog personal en Blogger
Elegir un tema acorde a los gustos: cine, arte, autos,
futbol,
Elegir un nombre acorde al tema elegido
Autos: todoCarrosPeru.blogspot.com
Futbol: mediocampo.blogspot.com

Seleccionar el diseo adecuado


Publicar un Post

Nota:
Se recomienda blogger, considerando que se tiene
otro laboratorio con la instalacin de Wordpress.
Introduccin al Desarrollo de

26

Software de Blog

wordpress

b2Evolution

OpenBlog

eggBlog

LifeType

Pixie

Introduccin al Desarrollo de

DotClear

PivotX

27

Qu es un Wiki?
Wiki: conjunto de pginas que pueden ser
editadas por varios usuarios
Los usuarios pueden crear, modificar o
borrar un mismo texto que comparten
Las pginas de un Wiki tiene textos y
ttulos nicos
La aplicacin de mayor peso y a la que
debe su mayor fama hasta el momento ha
sido la creacin de enciclopedias
colectivas: Wikipedia
Introduccin al Desarrollo de

29

Origen de la Wiki
El Origen de las Wikis esta en la
comunidad de desarrolladores, que la
utilizaban para escribir patrones de
programacin
El primer Wiki fue creado por Ward
Cunningham en 1995
En el 2001, Jimbo Wales y Larry Sager
decidieron utilizar Wiki y crear
Wikipedia
Introduccin al Desarrollo de

30

Principios del diseo de


la Wiki
Simple, fcil de utilizar
Abierto, si una pgina esta incompleta, cualquier
lector puede modificarla
Incremental, las pginas pueden citar otras pginas,
incluso pginas no escritas an
Orgnico, la estructura del sitio y el texto es abierto
a ser modificado y evolucionar.
Universal, el mecanismo para editar y organizar es
el mismo que para escribir
Preciso, las pginas deben ser tituladas con
suficientes precisin
Convergente, el duplicado se elimina
Introduccin al Desarrollo de

31

Software de Wikis

MediaWikis

DokuWiki

PmWiki

PhpWiki

WikkaWiki

Introduccin al Desarrollo de

32

Instalacin de
WordPress en XAMPP
Laboratorios
Realizar la instalacin de WordPress en
XAMPP

Introduccin al Desarrollo de

33

Вам также может понравиться