Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente...

55
Twitter: @marianoingerto Facebook: estudio365 Blog: www.estudio365.com.ar/blog/

Transcript of Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente...

Page 1: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Twitter: @marianoingerto Facebook: estudio365

Blog: www.estudio365.com.ar/blog/

Page 2: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Que los participantes logren comprender de manera sencilla todas las nociones necesarias a la hora de utilizar WordPress, que servirá también como punto de partida para la utilización de otros CMS’s.

Page 3: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Que el alumno logre desarrollar y personalizar un sitio web utilizando Wordpress.

Page 4: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ El desarrollo de contenidos para Web ha cambiado mucho

desde 1994.

‣ Los contenidos se creaban manualmente, escribiendo

el código directamente en archivos de texto (HTML),

ajustando al máximo el peso de las imágenes y por

supuesto, la comunicación entre el creador de contenidos

y el lector era unidireccional.

Page 5: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ El cambio de paradigma, posiblemente lo podríamos situar

entre finales de 2004 y comienzos de 2005, coincidiendo

con la presentación en sociedad del término Web 2.0.

Page 6: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ En esas fechas asistimos al nacimiento de herramientas

clave de la web actual como Flickr (2004), Youtube (2005)…

y a la presentación durante 2005 de versiones innovadoras

de Wordpress (versión 1.5), Joomla (presentado como una

evolución de Mambo) o Drupal (versión 4.5).

‣ La generación de contenidos se había vuelto

multidireccional.

Page 7: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 8: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Un CMS es un sistema de gestión de contenidos

(Content Management System). Según Wikipedia, un

“CMS es un programa que permite crear una estructura de

soporte (Framework) para la creación y administración de

contenidos, principalmente páginas web, por parte de los

usuarios del sistema”.

Page 9: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Los CMS basados en open source son los más conocidos,

por su facilidad y bajo costo en la instalación.

‣ Es suficiente en la mayoría de los casos con un servidor

Apache que pueda leer código PHP y una base de datos

MySQL.

Page 10: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Una simple búsqueda en Google nos puede dar una

aproximación a nuestra afirmación anterior:

‣ CMS open source: Wordpress, Drupal y Joomla,

seguidos de cerca por Movable Type, Plone, CMS Made

Simple o e107.

Page 11: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Si buscamos código propietario, hay opciones muy

interesantes como ExpressionEngine, Liferay, Vignette o

el SharePoint Server de Microsoft.

‣ Si por el contrario, necesitamos un CMS específico para la

creación de campus on-line, es posible que nuestra opción

sea Moodle, Sakai, ATutor o Claroline.

Page 12: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Los contenidos generalmente se guardan en una base de

datos, lo que facilita la exportación, catalogación o búsqueda.

‣ El diseño normalmente está separado del contenido (la

mayoría de CMS tiene colecciones gratuitas de diseños

que se pueden instalar y configurar fácilmente).

Page 13: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Es muy sencillo crear y actualizar una página Web.

Algunos CMS tienen una curva de aprendizaje un poco

pronunciada al principio que se ve compensada con el tiempo.

‣ El contenido es fácilmente escalable, y se puede

estructurar en diferentes vistas según el contexto.

‣ La mayoría de los CMS tienen módulos que incrementan

las potencialidades del mismo, permitiendo la inclusión de

elementos multimedia, vinculación con otras herramientas.

Page 14: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Los CMS más conocidos incorporan editores de texto

visuales (WYSIWYG) que facilitan la edición de los textos.

‣ Gestión de usuarios. Podemos crear diferentes usuarios

según tipologías definidas en los diferentes CMS.

Algunos CMS permiten incluso definir qué puede hacer o no

un tipo de usuario según el contexto.

Page 15: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Primero tenemos que crear la base de datos dónde

guardaremos los contenidos del CMS (algunas aplicaciones

no trabajan con bases de datos y guardan la información en

archivos de texto).

‣ Normalmente, los CMS tienen un instalador que copia los

archivos y la estructura principal sobre la que podemos

trabajar. En otras ocasiones, basta con copiar una carpeta.

Page 16: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Una vez instalado, tendremos un acceso como

administrador. Con este acceso podemos crear los

diferentes tipos de contenidos que permita el CMS.

‣ La mayoría de CMS tienen directorios de temas y módulos

para descargar e instalar así como paquetes de idioma

para traducirlo a otros idiomas.

Page 17: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Los temas, permiten cambiar gráficamente de apariencia

un CMS, normalmente guardando un conjunto de archivos

en un directorio concreto.

‣ Los módulos son códigos desarrollados aparte del software

principal y añaden funcionalidades a los CMS. Hay cientos

de módulos disponibles, si bien no todos los módulos son

plenamente compatibles con todas las versiones.

Page 18: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Por último, los paquetes de idioma, nos facilitan la edición

de contenidos al presentar la interfaz de administración y

edición en el idioma que deseemos. El castellano está en

los paquetes de idioma descargables en Wordpress, Drupal

y Joomla.

‣ Si nuestro CMS está basado en open source, es posible

que también podamos crear nuestra propia traducción de

un idioma, diseñar nuestro estilo gráfico propio o desarrollar

un módulo a medida.

Page 19: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Una vez instalado el software y los módulos, adaptado el

idioma y definido el estilo gráfico ya podemos comenzar a

trabajar.

‣ Algunos CMS´s permiten la definición del idioma desde la

misma instalación del software.

Page 20: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Una vez instalado el software y los módulos, adaptado el

idioma y definido el estilo gráfico ya podemos comenzar a

trabajar.

‣ Algunos CMS´s permiten la definición del idioma desde la

misma instalación del software.

Page 21: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ Aunque podemos crear un CMS, añadirle

funcionalidades (módulos o plugins) y cambiarlo

gráficamente (temas), es posible que nuestra idea

precise modificar la estructura de contenidos o hacer

cambios gráficos o bien desarrollar nuevas

funcionalidades. Esto es factible pero requiere de

conocimientos de programación y desarrollo web y

edición de imágenes avanzados.

Page 22: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 23: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

¿Qué es?

‣ Comenzó como un simple sistema de blogs, pero

ha evolucionado para ser utilizado como un sistema

de gestión de contenido muy completo a través de

miles de plugins, themes y widgets.

Page 24: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

‣ ¿Para que sirve?

Page 25: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Ventajas y beneficios

Page 26: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Ventajas y beneficios

Page 27: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Ventajas y beneficios

Page 28: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

¿Dónde podemos encontrar la última versión y como la descargo?

Existen dos formas de poder crear nuestro sitio web en

Wordpress

1. Utilizando los recursos que suelen dar los distintos

hostings

2. Descargando el contenido desde Wordpress.org

Page 29: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 30: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Entramos al panel de control de nuestro hosting

Page 31: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Entramos al panel de control de nuestro hosting

Page 32: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Buscamos la sección de Bases de Datos

Page 33: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Hacemos click en MySQL Bases de datos

Page 34: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Creamos una nueva Base de datos

Page 35: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Creamos un usuario para la Base de datos

Page 36: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Relacionamos el usuario con la Base de datos

Page 37: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Nos dirigimos al instalador de Apps y clic en Wordpress

Page 38: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Hacemos click en Instalar

Page 39: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Completamos los datos de Instalación

Page 40: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Relacionamos con la base de datos creada

Page 41: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Y elegimos un tema (parte visual) opcional

Page 42: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Click en instalar y esperamos el proceso.

Page 43: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 44: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

¿Dónde podemos encontrar la ultima versión y como la descargo?

‣ Si utilizamos la primera de las opciones, una vez que

accedemos a la web es.wordpress.org nos iremos

al apartado de descarga de la derecha y empezaremos

a descargar el contenido en nuestro equipo.

‣ Una vez tengamos el contenido tenemos que subirlo

dentro de nuestro servidor en la carpeta raiz de nuestro ftp.

‣ Previamente debemos tener el acceso a ftp y bd.

Page 45: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 46: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 47: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 48: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 49: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 50: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Ingresamos al sitio donde copiamos Wordpress

Page 51: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Configurando Wordpress en nuestro servidor.

Page 52: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Activando Wordpress, ya casi!

Page 53: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con

Activando Wordpress, ya casi!

Page 54: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con
Page 55: Twitter: @marianoingerto Facebook: estudio365 Blog: www ... · El cambio de paradigma, posiblemente lo podríamos situar entre finales de 2004 y comienzos de 2005, coincidiendo con