Administración básica de Drupal 7

Transcripción

Administración básica de Drupal 7
Christian Delgado von Eitzen – 11.09.2014
ACTIVIDAD FORMATIVA
1
Contenidos
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
La web
Los sistemas de gestión de contenidos
Presentación de Drupal 7
Requisitos e instalación paso a paso
Gestión básica de contenidos (nodos, formatos de entrada, opciones de publicación, buscar
contenidos)
Organización de contenidos
Gestión de menús
Gestión de temas
Introducción a los módulos
Introducción al CCK, nodos a medida
Introducción a los bloques
Buenas prácticas en gestión de contenidos
Administración básica de Drupal - 11.09.2014 Christian Delgado von Eitzen @christiandve
2
La web
 Internet:

+2.800.000.000 personas con acceso a la web (Diciembre 2013) +400M desde junio 2012.
3
La web
• Sobre Internet – www.google.com – www.microsoft.es – www.tienda.zara
4
La web
• Página web: Documento HTML
– Contiene texto, imágenes, objetos y enlaces
5
La web
–
Introducción básica a HTML
• El contenido en HTML de una página puede ser creado y modificado con cualquier
editor de texto, si bien existen programas específicos para el diseño de páginas web
estáticas como Dreamweaver o Microsoft Expression web o Frontpage.
• La estructura de la página debe seguir un cierto formato, teniendo como
contenidos mínimos (HTML 4):
•
•
•
•
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Título de la página</title>
•
</head>
•
<body>
•
•
•
<p>Contenido del cuerpo de la página</p>
</body>
</html>
6
La web
• Ejemplo de algunos tags:
<i></i>cursiva
<u></u>: subrayado
<table></table>: creación de una tabla
<ul></ul>: enumeración
<b></b>: negrita
<li></li>: <ol></ol>: lista enumerada
<div></div>: capa
<form></form>: creación de un formulario
<hr>: línea horizontal
<br>: salto de línea
<p></p>: párrafo
<img ..>: inserción de una imagen
<a href=…></a> inserción de un hipervínculo/enlace
<object …></object> inserción de un objeto
7
La web
- Javascript
- AJAX - Asynchronous JavaScript and XML
- Java
- CSS – Cascade style sheet
- Cookies
8
La web
•
Tipos de páginas
• Estáticas
9
La web
Tipos de páginas
• Dinámicas:
• Ecommerce (tiendas online)
• CMS (Content Management System – sistema de gestión
de contenido)
• ¿Cuál elegir?
10
La web
Tipos de páginas
• Dinámicas (Tecnologías)
• ASP y ASP.NET (IIS – Internet Information Server) + B.DD.
• JSP (tecnología de Sun Oracle). Tomcat + B.DD.
• PHP (software libre). Apache + B.DD.
11
La web
• Navegadores
•
•
•
•
•
•
•
•
Internet Explorer
Mozilla Firefox
Google Chrome
Chromium
Opera
Safari
Maxthon
…
12
La web
•
FTP (File transfer protocol) + Filezilla
13
La web
• phpMyAdmin
14
Los sistemas de gestión
de contenidos
• ¿Qué son?
Software:
• Web/No web
• Escalable
• Páginas + base de datos
• Dos interfaces:
• Visitantes y miembros registrados
• Administrador
15
de contenidos
–
Tecnología:
• ASP/ASP.net
• PHP
• JSP
•
Clasificación:
• Desarrollados totalmente a medida según las necesidades de la
entidad
• Estándares basados en licencias comerciales de utilización
• Basados en software libre
16
de contenidos
17
de contenidos
•
Ejemplos de CMSs:
–
–
–
–
–
–
–
–
Joomla!
Drupal
e107
OpenCMS
Typo3
(A medida)
…
Wordpress
¿Cuál es el mejor?
18






Drupal: versión 7
Drupal es un sistema de gestión de contenidos (CMS) para páginas web.
Este CMS es software libre (con licencia GNU/GPL) y está construido en PHP
Web oficial: http://www.drupal.org
Drupal en español: http://drupal.org.es
API: http://api.drupal.org
19
•
Joomla! es un gestor de contenidos (CMS) de código abierto programado en
PHP y requiere una base de datos MySQL
•
•
Página web oficial: www.joomla.org
Página oficial en español: www.joomlaspanish.org
•
Nace como escisión de otro CMS, Mambo, el 17 de agosto de 2005 y la
primera versión estable data de septiembre de 2005 (la 1.0)
Va por “series” de versiones 1.0.x, 1.5.x, 2.5, 3.0.x
•
20
21
22
•
Se compone de dos partes muy diferenciadas:
•
Frontend (o parte pública de la web)
•
Backend (o panel de administración)
23
Requisitos e instalación
paso a paso
• Requisitos
•
•
•
•
•
Disco:
15 MB mínimo
Servidor web:
Apache, Nginx o Microsoft IIS
Base de datos
MySQL 5.0.15, PostgreSQL 8.3, SQLite 3.3.7 o superior
PHP
PHP 5.2.5 o superior (5.3 recomendado)
Memoria:
128-256 MB (o más)
24
paso a paso
• Instalar paso a paso:
• 1. Alojamiento (FTP) – Dirección, usuario y
contraseña
• 2. Base de datos:
•
•
•
•
Dirección del servidor
Nombre de la base de datos
Usuario
Contraseña
25
paso a paso
Administración básica de Drupal - 11.09.2014 - Christian Delgado
26
paso a paso
•
•
•
•
•
•
http://www.drupal.org
¿En español?
Enlace al https://localize.drupal.org/translate/languages
Español:
https://localize.drupal.org/translate/languages/es
Subir a:
– /profiles/standard/translations/
– /profiles/minimal/translations/
• http://bit.ly/drupalcdtic
27
28
29
paso a paso
• www.probandolaweb.es/alumno00
30
paso a paso
–
Usuarios
•
Siempre hay como mínimo:
–
–
–
Admin
Anónimo
Roles: grupos de usuarios
•
Como mínimo:
–
–
•
Anonymous: sin iniciar sesión
Authenticated: cualquiera que haya iniciado sesión
Los roles permiten organizar los permisos, otorgándolos a
grupos en lugar de a individuos
31
paso a paso
• Usuarios
• www.misitio.com/?q=user
32
paso a paso
• Configuración > Información del sitio
33
Gestión básica
de contenidos

Los nodos



El nodo es la unidad básica de contenido
Contenido es texto, gráficos y fotos, vídeos,
enlaces a otras páginas, etc.
Categorías
34
Gestión básica
de contenidos

Los nodos

Por defecto existen dos tipos:



Por defecto cualquier nodo se compone de:



Página básica
Artículo
Título: obligatorio siempre
Cuerpo (body): contenido principal, generalmente existe
Y siempre existen las opciones de publicación:



Publicada: s/n
Fijo al comienzo de las listas: s/n
Promovido a la portada: s/n
35
Gestión básica
de contenidos
36
Gestión básica
de contenidos

Los nodos

Body:





El body en Drupal tiene la característica de que autodefine un resumen
o teaser
Si lo definimos manualmente usaremos el botón “Split summary at cursor” en cada nodo para señalar dónde
queremos que termine el teaser o sumario. El sumario podría ser el nodo entero si nos interesa (truco: final del nodo)
El sumario puede mostrarse o no en la vista completa del nodo, usar “Show summary in full view” (al dividir)
Generalmente no veremos la marca separadora pero es un tag especial en el body: 
37
Gestión básica
de contenidos

Los nodos

Body:

Se le aplican input formats y filtros (configurables) en Configuración > Formatos
de texto
38
Gestión básica
de contenidos

Más sobre nodos


Opciones de menú
Ajustes de comentarios
39
Gestión básica
de contenidos

Información de la revisión
40
Gestión básica
de contenidos

Más sobre nodos


Información de autor
Opciones de publicación



Publicada: s/n
Promovido a la portada: s/n
Fijo al comienzo de las listas: s/n (Sticky)
41
Gestión básica
de contenidos

Buscar contenidos
–
Cómo buscar nodos para editarlos, borrarlos, etc.




Caja de búsqueda: Introduciendo términos que puedan estar en el título o en body
(no en ficheros adjuntos)
Navegación en el site
Buscador de contenidos…
Nos permite filtrar por estado, tipo de nodo, idioma. Existen módulos que amplían
este menú
42
Organización
de contenidos

Taxonomías
–
Taxonomía: ciencia de la clasificación.
–
En Drupal:
• Vocabulario
• Categoría
43
Organización
de contenidos

Taxonomías
–
¿Por qué clasificar?
• El objetivo de todas las funcionalidades suele ser doble:
– 1) Facilitar el trabajo de los editores de contenido
– 2) Facilitar a los usuarios navegar por el site y encontrar el
contenido que buscan
44
Organización
de contenidos

Ejemplo, creemos un vocabulario “Regiones”
– Términos:
• África
–
–
–
África Norte
África Central
África Sur
• Europa
• América…
45

Organización
de contenidos
A continuación creamos los términos o categorías y
los ordenamos:
46
Gestión de menús
Los menús
Tenemos tres menús por defecto
•
•
•
•
Management: generalmente se usa para links de administración
del sistema / de la cuenta de usuario, y no se toca
Navigation/Navegación: menú para el visitante
Main/principal: se usa para mostrar los apartados de la web
User/usuario: opciones relacionadas con su cuenta
47
Gestión de menús
Reorganizar:
48
Gestión de temas
La plantilla o tema determina:
El aspecto gráfico del site
•
Maquetación, colores, estilos, logotipos, ...
Además puede llevar código para implantar ciertas
funciones con los datos
49
Gestión de temas
Plantillas (2)
En Administer / Site building / Themes vemos la lista de temas que tenemos instalados, y podemos activar uno u otro.
Por defecto tenemos Garland, Bluemarine,... y si lo hemos
desarrollado o encargado tendremos uno específico de nuestra empresa o site.
Ya hemos hablado de las zonas, pero cada theme podrá definir las suyas propias.
50
Gestión de temas
Los temas no se crean en el GUI de Drupal
IDE de programación/HTML y programas gráficos.
Lista de algunos: http://drupal.org/project/themes
El desarrollador empaquetará en un zip o tar.gz que se
instalará desempaquetado en el sistema de ficheros
del servidor en sites/all/themes/<tema>
51
Gestión de temas
Algunos ficheros típicos de un tema:
<tema>.info: información básica del tema, zonas, ...
screenshot.png: screenshot para las vistas de admin
node.tpl.php: display de los nodos (php)
page.tpl.php: display de página (php)
page-front.tpl.php: display específico de página home
template.php: funciones adicionales de plantilla
css/layout.css: maquetación CSS
css/styles.css: estilos CSS
logo.jpg: un logotipo
...
52
53
54
• https://www.drupal.org/download
• Español:
– Locale + content translation (=> idioma)
• Bueditor
– https://www.drupal.org/project/bueditor
Administración básica de Drupal - 11.09.2014
Christian Delgado von Eitzen @christiandve
55
Módulos básicos, frecuentemente se instalan:
–
–
–
–
–
–
–
Views (Vistas)
Event (calendarios)
I18n
Editores (bueditor, CKeditor) + IMCE (manejo de ficheros)
Pathauto (SEO) + Token
Webform (formularios)
Transliteration
-…
Administración avanzada de Drupal 1.10.2014 Christian Delgado von Eitzen
@christiandve
56
Introducción al CCK

CCK = Content Creation Kit




En Drupal 7 esta funcionalidad está en core (fields)
Varios módulos más en la familia CCK para ampliar la
funcionalidad básica
Content type = tipo de contenido = tipo de nodo
¿Para qué?
57
Introducción a
los bloques
• Son contenedores en los que se mostrará contenido
fijo o dinámico. Se pueden colocar en distintas zonas
• Por ejemplo:
–
–
–
–
Un texto legal fijo
Un logotipo
Un bloque creado por una vista que selecciona los
hoteles más baratos de la base de datos
Un menú, user login block, formulario de búsqueda,...
• Los bloques los pueden crear los módulos que
instalemos, o los podemos crear nosotros mismos.
58
Introducción a
los bloques
59
Introducción a los bloques
Existen diferentes zonas para colocar los bloques.
Algunas de ellas:
•
•
•
•
•
•
Encabezado
Lateral izquierdo
Contenido
Lateral izquierdo
Pie de página
….
Cada tema/plantilla (theme) puede definir sus
propias zonas.
60
Buenas prácticas en
gestión de contenidos
• Fuentes de tráfico
61
•
•
•
•
•
•
•
•
Atención a la Netiqueta:
No emplear en la medida de lo posible otros estilos: solo los propios de
la web
No utilizar mayúsculas sino otros recursos como negritas, subrayados,
etc. para destacar
Evitar las faltas de ortografía
Enlaces en la misma ventana/en una nueva
Nombre de ficheros sin tildes, eñes, etc…
Utilizar documentos “estándar” y atención a los tamaños
Imágenes de tamaños adecuados (aunque Drupal las procesa)
• www.getpaint.net: sencillo editor para Windows
• www.gimp.org: potente editor de imágenes multiplataforma
62
–
•
Imágenes
JPG (Joint Photographic Experts Group) – formato propietario
• Con pérdidas
• Para fotografías (millones de colores)
•
GIF (Graphics Interchange Format) – formato propietario
• Sin pérdidas
• Paleta reducida
•
PNG (Portable Network Graphics) – formato libre
• Sin pérdidas
• Para fotografías y logos
•
BMP o mapa de bits
• Sin pérdidas
• Gran tamaño
63
Buenas prácticas
en gestión de contenidos
• Sonidos
• Audio – herramientas
• http://audacity.sourceforge.net/?lang=es
64
Buenas prácticas
–
Vídeos
–
–
–
Ahorro de ancho de banda
Limitados por tiempo/tamaño
15 minutos de límite
http://www.christiandve.com/2012/08/como-quitar-lalimitacion-de-15-minutos-a-los-videos-de-youtube/
65
Buenas prácticas
–
Vídeos (continuación)
Windows Movie Maker
iMovie
66
Buenas prácticas
Administración básica de Drupal - 11.09.2014
Christian Delgado von Eitzen @christiandve
67
Muchas gracias por la atención
Email: [email protected]
www.christiandve.com
Twitter: @christiandve
68

Administración básica de Drupal 7

Transcripción

Documentos relacionados

Cranchi Atlantique 40 02

¿Qué és Drupal