Administración básica de Drupal 7 Christian Delgado von Eitzen ACTIVIDAD FORMATIVA

Transcripción

1 Administración básica de Drupal 7 Christian Delgado von Eitzen ACTIVIDAD FORMATIVA 1

2 Contenidos 1. La web 2. Los sistemas de gestión de contenidos 3. Presentación de Drupal 7 4. Requisitos e instalación paso a paso 5. Gestión básica de contenidos (nodos, formatos de entrada, opciones de publicación, buscar contenidos) 6. Organización de contenidos 7. Gestión de menús 8. Gestión de temas 9. Introducción a los módulos 10. Introducción al CCK, nodos a medida 11. Introducción a los bloques 12. Buenas prácticas en gestión de contenidos 2

3 La web Internet: personas con acceso a la web (Diciembre 2013) +400M desde junio

4 La web Sobre Internet

5 La web Página web: Documento HTML Contiene texto, imágenes, objetos y enlaces 5

6 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" " <html> <head> <title>título de la página</title> </head> <body> <p>contenido del cuerpo de la página</p> </body> </html> 6

7 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

8 La web - Javascript - AJAX - Asynchronous JavaScript and XML - Java - CSS Cascade style sheet - Cookies 8

9 La web Tipos de páginas Estáticas 9

10 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

11 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

12 La web Navegadores Internet Explorer Mozilla Firefox Google Chrome Chromium Opera Safari Maxthon 12

13 La web FTP (File transfer protocol) + Filezilla 13

14 La web phpmyadmin 14

15 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

16 Los sistemas de gestión 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

17 Los sistemas de gestión de contenidos 17

18 Los sistemas de gestión de contenidos Ejemplos de CMSs: Joomla! Drupal e107 OpenCMS Typo3 (A medida) Wordpress Cuál es el mejor? 18

19 Presentación de Drupal 7 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: Drupal en español: API: 19

20 Presentación de Drupal 7 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: Página oficial en español: 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 Presentación de Drupal 7 21

22 22

23 Presentación de Drupal 7 Se compone de dos partes muy diferenciadas: Frontend (o parte pública de la web) Backend (o panel de administración) 23

24 Requisitos e instalación paso a paso Requisitos Disco: 15 MB mínimo Servidor web: Apache, Nginx o Microsoft IIS Base de datos MySQL , PostgreSQL 8.3, SQLite o superior PHP PHP o superior (5.3 recomendado) Memoria: MB (o más) 24

25 Requisitos e instalación 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

26 Requisitos e instalación paso a paso Christian Delgado 26

27 Requisitos e instalación paso a paso En español? Enlace al Español: Subir a: /profiles/standard/translations/ /profiles/minimal/translations/ 27

28 28

29 29

30 Requisitos e instalación paso a paso 30

31 Requisitos e instalación 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

32 Requisitos e instalación paso a paso Usuarios 32

33 Requisitos e instalación paso a paso Configuración > Información del sitio 33

34 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

35 Los nodos Gestión básica de contenidos Por defecto existen dos tipos: Página básica Artículo Por defecto cualquier nodo se compone de: 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

36 Gestión básica de contenidos 36

37 Los nodos Gestión básica de contenidos 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

38 Los nodos Gestión básica de contenidos Body: Se le aplican input formats y filtros (configurables) en Configuración > Formatos de texto 38

39 Más sobre nodos Gestión básica de contenidos Opciones de menú Ajustes de comentarios 39

40 Gestión básica de contenidos Información de la revisión 40

41 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

42 Buscar contenidos Gestión básica de 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

43 Taxonomías Organización de contenidos Taxonomía: ciencia de la clasificación. En Drupal: Vocabulario Categoría 43

44 Taxonomías Organización de contenidos 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

45 Organización de contenidos Ejemplo, creemos un vocabulario Regiones Términos: África África Norte África Central África Sur Europa América 45

46 Organización de contenidos A continuación creamos los términos o categorías y los ordenamos: 46

47 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

48 Gestión de menús Reorganizar: 48

49 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

50 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

51 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: 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

52 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 53

54 Introducción a los módulos 54

55 Introducción a los módulos Español: Locale + content translation (=> idioma) Bueditor Administración básica de Drupal

56 Introducción a los módulos 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 Christian Delgado von 56

57 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

58 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

59 Introducción a los bloques 59

60 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

61 Fuentes de tráfico Buenas prácticas en gestión de contenidos 61

62 Buenas prácticas en gestión de contenidos 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) sencillo editor para Windows potente editor de imágenes multiplataforma 62

63 Buenas prácticas en gestión de contenidos 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

64 Buenas prácticas en gestión de contenidos Sonidos Audio herramientas 64