Crea tu portal Web con Joomla! sin necesidad de programar

Transcripción

1 Crea tu portal Web con sin necesidad de programar Universidad Politécnica de Valencia Jesús Tomás Gironés Beatriz Tirado Gil

2 Organización del curso viernes 15 martes 19 jueves 21 viernes 22 martes 26 jueves 28 viernes 29 Introducción a Instalación en local para usuarios finales Instalación en un servidor de hosting Organización del contenido Administración de Instalación de extensiones Plantillas: Instalación, Artisteer, HTML y CSS Tienda Online con VirtueMart (I) Tienda Online con VirtueMart (II) Plan de hosting, SEO y publicidad

3 Instalación de extensiones Introducción a las extensiones Qué es una extensión? Tipos de extensiones Manejo de extensiones Instalación y manejo de nuevas extensiones

4 Introducción a las extensiones El paquete por defecto que ofrece posee muchas posibilidades. Pero es posible que no cubra las necesidades de todos los usuarios. A raíz estas necesidades nacen las extensiones. Para mejorar en gran medida, los opciones que no tiene el núcleo de. Y darle un toque más personal a nuestra web.

5 Qué es una extensión? Extensión Una aplicación que se agrega al código base de para tener una capacidad extra. Existe una gran variedad de extensiones: Gestión de documentos. Galerías de imagen y multimedia. Comercio electrónico y carritos de compra. Foros y chat. Calendarios.

6 Tipos de extensiones diferencia entre 5 principales tipos de extensiones: Componentes Módulos Plantillas Plugins (en la versión 1.0, conocidos como mambots) Idiomas

7 Tipos de extensiones La instalación de extensiones en Joomla, se realiza con paquetes comprimidos extension.zip Estos paquetes en ocasiones disponen a su vez de más paquetes comprimidos en su interior.

8 Tipos de extensiones Componentes: Son las extensiones más largas y complejas. Son como mini-aplicaciones que modelan el cuerpo principal de la página. Si fuese un libro los componentes serían los capítulos. Los componentes son detectados dentro del código php mediante com_xxxxx. Por com_virtuemart. Un componente puede manejar datos, mostrar configuraciones, proveer funciones, y en general puede llevar a cabo cualquier operación que no desarrolle el código del núcleo de.

9 Tipos de extensiones Módulos: Son extensiones más ligeras y flexibles. Siguiendo la analogía del libro, un módulo sería como un encabezado que puede estar en diferentes capítulos. Los módulos son detectados dentro del código php mediante mod_xxxxx. Por ejemplo mod_mainmenu. Los módulos se pueden asignar a una posición, la cual haya sido definida en la plantilla. Si nuestra plantilla no tiene esa posición en su código, el módulo no se mostraría.

10 Módulos y componentes Modulo Menú Ruta de acceso Componente Modulo Encuesta

11 Tipos de extensiones Plugins: Son las extensiones más avanzadas. Se trata de una porción de código que se ejecuta cuando ocurre algún evento en. Los plugins se introducen dentro del código html mediante sus respectivas llamadas, agregan información adicional o la alteran en forma dinámica. Un plugin permite al desarrollador decidir la manera en que su código se comporta dependiendo de los plugins que haya instalados. Un ejemplo muy común es el plugin Legacy.php, nos sirve entre otros para instalar plantillas de versiones anteriores. Los editores, contactos, registro de usuarios..

12 Manejo de extensiones EJERCICIO: Buscar dentro del gestor de módulos algún módulo que no este activado, por ejemplo Imagen aleatoria. Habilitar el módulo. Situarlo en el menú derecho en primer lugar. Escoger una carpeta de imágenes que se encuentre el servidor. Comprobar que cada vez que entramos o recargemos,nuestra web la imagen varía.

13 Manejo de extensiones EJERCICIO: Vamos a dar de alta un módulo nuevo. Desde gestor de módulos iremos al icono nuevo Buscar un módulo denominado Ulti Clocks. Habilitarlo, le daremos los parámetros necesarios para visualizarlo en nuestra página, titulo, posición

14 Manejo de extensiones EJERCICIO: Vamos a instalar un módulo nuevo. Bajado de internet. Buscar un módulo en nuestro caso utilizaremos mod_jsudoku. Desde extensiones instalar/des-instalar. Examinar y subir paquete comprimido. Habilitarlo desde el gestor de módulos. Le daremos los parámetros necesarios para visualizarlo en nuestra página, titulo, posición Comprobaremos el resultado

15 Instalación y manejo de nuevas extensiones En este punto vamos a instalar: Galería de imágenes y videos (Expose 4). Calendarios (Google Calendar). Mapas (Google Maps). Contador de visitas (Vinaora Visitors Counter).

16 Instalación y manejo de Expose 4 Galería de imágenes y videos (Expose 4). Descargar de Instalar el componente Expose 4 desde el menú de extensiones. Una vez instalado, ir al menú componentes y abrir el expose. Con la configuración que viene de casa funciona perfectamente, la iremos cambiando a medida que lo necesitemos. Crear un álbum de fotos y un álbum de videos, para ello entraremos en Manage Albums, nos pedirá login por defecto es manager, conviene que la cambiemos.

17 Instalación y manejo de Expose 4 La pantalla que nos muestra esta dividida en dos áreas:

18 Instalación y manejo de Expose 4 Para asignar la foto de portada que aparecerá en el álbum, seleccionar el álbum de la parte izq. del panel y en el panel derecho elegir una foto, pulsando el botón de crear álbum portada. La parte de la derecha la utilizaremos para mover (una foto de un álbum a otro), subir y bajar (para ordenar las fotos). Para crear una nueva colección iremos abajo a la parte izquierda de la pantalla y pulsaremos en crear colección, elegiremos el nivel y le daremos el nombre. Para crear un nuevo álbum procederemos igual que en el paso anterior, a diferencia de que lo crearemos dentro de una colección.

19 Instalación y manejo de Expose 4 Cuando ya tenemos los álbumes creados, les meteremos dentro las fotos o videos correspondientes. Para ello con el álbum seleccionado, pulsaremos el botón de upload photos, nos abre una ventana donde elegimos las fotos a subir. No podemos subir fotos de tamaño igual o superior a 2 Mb. Para mover las fotos las seleccionamos y le decimos a que álbum las queremos mover. Para cambiar el nombre a las fotos, hacer doble clic sobre el renglón del nombre.

20 Instalación y manejo de Expose 4 Ahora ya tenemos los álbumes creados. Cómo los insertamos en nuestra web? Vamos a menú y seleccionamos menú principal (main menu), seleccionamos nuevo y tenemos el link a Expose.

21 Instalación y manejo de nuevas extensiones Calendarios (Google Calendar). Es una extensión que nos permite integrar calendarios de Google para ser mostrados en el Front-end de nuestro sitio Joomla. Componente: com_gcalendar_2_2_x.zip Módulos: mod_gcalendar_2_2_x.zip mod_gcalendar_latest_2_2_x.zip mod_gcalendar_upcoming_2_2_x.zip

22 Instalación y manejo de nuevas extensiones Calendarios (Google Calendar). Descargar Gcalendar e instalar. Una vez instalado, ir al menú componentes y abrir el GCalendar. Seleccionamos nuevo

23 Instalación y manejo de nuevas extensiones Calendarios (Google Calendar). Ir a la cuenta de Google calendar del gmail Crear un calendario con eventos y compartirlo, hacerlo publico.

24 Instalación y manejo de nuevas extensiones Calendarios (Google Calendar). Abrir el calendario desde la cuenta de gmail Seleccionamos de los botones de colores las url:

25 Instalación y manejo de nuevas extensiones Calendarios (Google Calendar). Configurar apariencia. Para incluir directamente en la web copiar la url

26 Instalación y manejo de nuevas extensiones Calendarios (Google Calendar). Para insertarlo se puede realizar también desde menú, y después menú principal.

27 Instalación y manejo de nuevas extensiones Mapas (Google Maps). Descargar el plugin y el módulo de la página del curso Instalar el plugin y módulo. Los habilitaremos desde el gestor de plugins y desde el de módulos en el menú extensiones. A continuación iremos al enlace dentro del plugin para generar la clave que copiaremos en la configuración del plugin. En el artículo insertaremos {mosmap} Podemos descargarlo como: Pluging (para incluir el mapa en un artículo) Módulo (para incluir el mapa en un módulo) Compomente (para incluir el mapa en el centro de la página)

28 Instalación y manejo de nuevas extensiones Mapas (Google Maps). Para poder utilizar Google Maps, hay que tener una cuenta en gmail. Si no la tenemos la daremos de alta. Una vez que entremos en googlemaps colocaremos el usuario y la contraseña de gmail y obtendremos una pantalla con el mapa. Si no nos coge la zona poner en la barra el país correcto. En Mis sitio/crear mapa nuevo

29 Instalación y manejo de nuevas extensiones Mapas (Google Maps). En Mis sitio/crear mapa nuevo :

30 Instalación y manejo de nuevas extensiones Mapas (Google Maps). En la parte derecha de la pantalla tenemos las herramientas para la edición del mapa y creación de marcas, lineas, etc..

31 Instalación y manejo de nuevas extensiones Mapas (Google Maps). Cuando este listo el mapa pulsar el botón guardar y después listo. Para obtener el código del mapa que incluiremos en nuestro sitio web, pulsaremos el botón enlazar. Podemos obtener vista previa del mapa con el tamaño, centrarlo para que la apariencia en nuestro sitio sea la deseada.

32 Instalación y manejo de nuevas extensiones Mapas (Google Maps). Tenemos más opciones de presentación de mapas en Joomla. Como módulo pondremos el código HTML que nos da en la ventana de intro.

33 Instalación y manejo de nuevas extensiones Mapas (Google Maps). Como plugins, lo instalaremos desde el menú extensiones. Habilitarlo desde el gestor de plugins. Seguir el enlace de la parte izquierda de la pantalla dentro del plugins. Solicitar la key poniendo nuestra URL. Copiarla y ponerla en la página del plugins. Crearemos un artículo y le ponemos {mosmap}, nos cogerá los datos del plugins.

34 Instalación y manejo de nuevas extensiones Contador de visitas (Vinaora Visitors Counter). Descargar el módulo. Instalar y después gestionar el módulo desde el gestor de módulos. Dándole el titulo mostrado, la posición en la que aparece