Indice0 - Gestor de Contenidos - CMS(Content Management System)........................................................2

Curso de Publicación Web Urbanismo 2 de 25

0 - Gestor de Contenidos - CMS(Content Management System)

Sitio Web: Web es un vocablo inglés que significa “red”, “telaraña” o “malla”. En el curso nos referimos a una web compuesta por páginas con enlaces a otras páginas, documentos , otros sitios web.

Un sitio web tradicional tiene páginas estáticas (sólo html) y páginas dinámicas (usa html y consultas a una base de datos).

Un Gestor de Contenidos es un programa que permite a uno o varios usuarios crear, editar y publicar contenido web (texto, vídeo, imagen) en una interfaz gráfica de usuario sin conocimientos de programación

Un gestor de contenidos tiene un panel de control que facilita la gestión del sitio y de los contenidos. En un gestor de contenidos la estructura de una página esta definida

1 - web de urbanismo

la web de urbanismo está hecha con un gestor de contenidos. Liferay versión 6. La ha desarrollado una empresa. Hay páginas que son dinámicas (urbanismo.murcia.es) y otras estáticas (ej página saluda)

http://urbanismo.murcia.es/

Mapa web

Curso de Publicación Web Urbanismo 3 de 25

nota : otra manera de ir web urbamismo

vamos a la web de murcia.es : http://www.murcia.es/

Seleccionamos en el desplegable – urbanismo , medio ambiente y huerta. Luego damos comando ir

DesplegableOtras web

Ayto murcia

Comando irWeb seleccionada

Curso de Publicación Web Urbanismo 4 de 25

Iconos de la cabecera:

Mapa Web: estructura de toda la web , está organizada jerárquicamente de manera similar a directorios, subdirectorios. (pero el contenido que tiene son páginas web). Sirve para ver todas las páginas de la web de urbanismo http://urbanismo.murcia.es/

Icono Casa: nos lleva a la página principal de urbanismo

Icono correo: → envia un email a la siguiente dirección de email urbanismo@ayto-murcia.es

Icono teléfono: nos lleva a una página que nos indica

dir web: http://urbanismo.murcia.es/web/urbanismo/telefono

Icono letra: aumenta el tamaño de los caracteres. Idem si hacemos ctrol ^ + para agrandar y control ^ - para disminuir

Buscador: similar a google pero sólo para contenidos y documentos de nuestra web

Busqueda de una palabra en una página web: CTROL ^ F

Curso de Publicación Web Urbanismo 5 de 25

1 Conexión al gestor de contenidos – CMS

En una ventana nueva del navegador nos vamos a la página de usuario contraseña del gestor de contenidos liferay

1) https://www.murcia.es/web/portal/login

En esta página ponemos nuestro usuario corporativo ( 3 iniciales + 4 últimas letras DNI). Damos al botón acceder. . Si no nos deja significa que o nos hemos equivocado en nuestro usuario / contraseña o no tenemos permisos para gestionar – publicar contenidos en la web . En caso de problemas ponemos el usuario

• Si no está definido nuestro usuario o hay problemas probar con el siguiente ◦ usr: formacionurbanismo ◦ contraseña practicas

• Si siguen habiendo problemas mandar email alvaro.informática@ayto-murcia.es o poner una tarea en el rosi.

Figura 1: Usuario corporativo 3letras + 4 últimas DNI : contraseña 3 letras + 4 ultimas DNI

Curso de Publicación Web Urbanismo 6 de 25

Si estamos conectados con la parte interna – Panel de control nos tiene que aparecer una barra de ménú.

: Recomendaciones En un navegador tener una pestaña con la vista de un ciudadano de la web de urbanismo (sin conectarnos)y en otra pestaña tener la web de urbanismo con el panel de control (conectados)

Tecla F5 : Es de las pocas cosas que hay que aprender de memoria. Si hacemos un cambio en la web para poder visualizar dicho cambio , en el navegador tenemos que darle a la tecla F5 para obligar al navegador a ver los cambios !!.

Resumen:

• Parte Pública Web Ayto: http://www.murcia.es/web/portal/inicio• Parte Pública Urbanismo: http://urbanismo.murcia.es/• Parte Administración Urbanismo: http://www.murcia.es/web/portal/login

Tareas:

• Tener en el navegador las dos pestañas con la web de urbanismo y con nuestro usuario • Obtener el mapa web de las páginas de urbanismo

nota: al conectarnos como nuestro usuario (usuario contraseña) estamos en el la web del ayto de murcia. Tenemos que dar al icono de la casa. Ir a -> Urbanismo

Nombre y apellidosUrbanismoPanel Control

AdministraciónSiempre

Poner mostrar !!

Curso de Publicación Web Urbanismo 7 de 25

Aparecen una serie de iconos. Cada icono está asociado a un contenido.

Un contenido puede ser una “ caja “ donde se puede almacenar• imágenes• texto• enlaces• formulario ...

1) Para añadir una noticia o novedad.

Botón añadir nuevo → contenido web

nota: estamos en una página de contenidos dinámicos. Al crear un contenido nuevo le asigna la etiqueta correcta para visualizarla en la página

Config. Componente !!

Curso de Publicación Web Urbanismo 8 de 25

Nos aparece un editor web de contenidos

Normas1. En el editor se escribe texto y se formatea con estilo.2. Si se tiene que copiar un texto se usa el bloc de notas3. el comando mundo es para crear un enlace 4. el comando de imagen → insertar una imagen

Notas: todos los documentos o imágenes hay que haberlos subido antes al gestor de contenidos.

Nos vamos al final de la página ydamos a publicar

nota: al poner a un contenido webla etiqueta noticias. Lo publica enla primera página !!

Curso de Publicación Web Urbanismo 9 de 25

Icono de Edición de un contenido: Aparece al final del contenido , derecha ..si tenemos los permisosej)

es una noticia. Si damos a editar vemos dicho contenido.

AgrandaDisminuye

Pantalla de trabajo

ConfigurarFechas de publicación y de

Fin de publicación

Curso de Publicación Web Urbanismo 10 de 25

Pantalla en modo trabajo avanzado. (se recomienda )

1) Para poner negrita, tamaños, subrayados NO SE COPIA DEL WORD o del OPEN OFFICE . Se usan los Estilos. Si se copia texto se pasa por el bloc de notas que “limpia” el documento

2) Crear un enlace ó quitar un enlace a una página web, fichero … : se selecciona la palabra o la frase. Se da a las cadenas y se pone el enlace a la página web y se rellena el título por motivos de accesibilidad ( invidentes )

Dir webVamos a la página web de ...

Curso de Publicación Web Urbanismo 11 de 25

Si quisieramos crear un enlace aun documento ó a una imagen. Primero tenemos que “subir” dicha imagen al gestor de contenidos.

Administrar - > Panel de control → Biblioteca de documentos

Biblioteca de Documentos:

En la biblioteca de documentos tenemos las carpetas de documentos de urbanismo.

Curso de Publicación Web Urbanismo 12 de 25

Navegador de Páginas: nos indica cuantas páginas hay de ese contenido. Está al principio y al final del componente

Panel de Acciones sobre carpeta:

Estamos en el directorio raiz. Las acciones que podemos hacer en eldirectorio raíz están

• añadir subcarpeta – equivalente a un subdirectorio• añadir un documento

Botón de Acciones sobre un subdirectorio o un fichero individual

Nota: he creado un directorio llamado Publicaciones BORM. Localizarlo y abrirlo

Curso de Publicación Web Urbanismo 13 de 25

• Por cada uno de los servicios de urbanismo he creado unas carpetas por si tienen que publicar en el boletín. Dentro de cada carpeta está creado el subdirectorio 2019. De manera que en el momento que se crea una carpeta se crea una estructura que sea mantenible.

• Si tenemos expedientes por años y no tenemos la previsión de crearnos esos subdirectorios. Esa carpeta va a crecer y llegará un momento en que tenga 200 o 300 ficheros. Eso es inmanejable para localizar ficheros, subir ficheros …

• Si hemos creado un enlace a unos de esos ficheros. Ese fichero no lo podemos mover ya que crearíamos enlaces rotos.

Consejo:

Cuando tengamos un directorio – carpeta. Si vamos a tener más de 25 ficheros por carpeta hay que empezar a pensar en algún tipo de subdivisión

Tareas:

En la carpeta de Publicaciones BORM he creado una carpeta llamada curso_pruebas. Dentro de la carpetacurso_pruebas. Crear una carpeta con vuestro nombre corporativo y otra subcarpeta con vuestro servicio dentro de urbanismo ej) actividades , planeamiento .. . sino una genérica de urbanismo.

Curso de Publicación Web Urbanismo 14 de 25

Carpeta curso_pruebas

1) añadir subcarpeta: rellena nombre + descripción +

Curso de Publicación Web Urbanismo 15 de 25

Carpeta creada con nuestro nombre corporativo:

ejer) subcarpeta con nuestro servicio. En mi caso GIS

2) añadir documentos

Nota: nombre fichero – nombre fichero físico . El título es como lo muestra pero para hacer los enlaces a ficheros nos va a mostrar los nombres de los ficheros físicos.

Explorador Ficheros

Descripción: es importante rellenarla !!

Se publica siempre !!Equivalente guardar

ó se cancela

Curso de Publicación Web Urbanismo 16 de 25

Posibles errores:

• no podemos tener dos ficheros físicos con el mismo nombre en la misma carpeta.

• Hay un límite con los tamaños de los ficheros

• hay unas limitaciones de formatos de ficheros (.doc, .zip .pdf …)

ej) subida de un fichero guia de teléfonos pdf.

Tarea subir un fichero zip a vuestro directorio

Resultado carpeta mia gis

Nota: el contenido de un fichero se puede reemplazar

Operaciones fichero

Curso de Publicación Web Urbanismo 17 de 25

Subida de Imágenes:

Es equivalente a la subida de documentos. La única diferencia es que subimos ficheros con formato imagen (jpg, bmp ..)

Enlace desde un contenido a un fichero de nuestra carpeta.

Nos vamos a la página Servicios → Publicaciones BORM http://www.murcia.es/web/urbanismo/publicaciones-borm

Es una página estática con enlaces a otras páginas de la web de Urbanismo. Según nuestro servicio nos vamos al aque corresponda

ej) voy a usar el último enlace de Urbanismo (genérico ) en mi caso

Curso de Publicación Web Urbanismo 18 de 25

Tenemos un contenido “una caja de texto” para escribir y un visor dinámico de documentos del contenidode una carpeta.

Desde el visor de contenidos haremos un enlace al documento zip dentro de nuestra carpeta.

1) entramos en nuestro contenido. (solo 1 puede entrar en momento dado en edición). Si sois varios del mismo servicio ir por turnos.

2) escribimos el texto . Enlace al fichero zip de la carpeta y seleccionamos todo el texto y le damos a las cadenas. Crear el enlace.

Edición contenido

Visor de documentos dentro carpeta

Curso de Publicación Web Urbanismo 19 de 25

Se abre la ventana de vínculo: crear el enlace → ver servidor

Hay una trampa !! : Estamos en la galería de imágenes. No la de documentos

Curso de Publicación Web Urbanismo 20 de 25

Tenemos que cambiar el desplegable a documentos !! → se selecciona Document + Urbanismo

Tenemos que localizar nuestra subcarpeta dentro de carpeta de publicación BORM

Una vez que hemos llegado a la carpeta deseada . Hacemos click en el fichero !!

Curso de Publicación Web Urbanismo 21 de 25

Tenemos la ruta de nuestro fichero !! → URL . Rellenamos texto de avanzado → título

se publica el contenido.

Se hace click en el enlace

Curso de Publicación Web Urbanismo 22 de 25

Se abre una ventana del navegador. Y en esa ruta pública y accesible a todo el mundo tenemos la ruta que deseamos.

https://www.murcia.es/c/document_library/get_file?uuid=79c7ae5d-1d55-4807-8e00-897d0f604a60&groupId=2423107

Ya con esa ruta. Podemos ir al fichero y pegarla. Si es de un fichero zip. Nos mostraría una ventana de descarga de fichero. Tendríamos que comprobar en descargas que tenemos el fichero

Tenemos el siguiente ejemplo de actividades en el directorio de publicaciones BORM , curso.

Curso de Publicación Web Urbanismo 23 de 25

Anexo MAPA WEB Urbanismo

• SALUDA • ORGANIZACIÓN

• Localización • Directorio de servicios

• NORMATIVA • Legislación y normativa

• Legislación estatal • Legislación de la Región de Murcia • Instrucciones Técnicas

• En Materia de Actividades • Cerramientos de terrazas

• Ordenanzas municipales • Resoluciones y acuerdo • Plan General

• Normas Urbanísticas • Planos

• Planos del Plan General • Otros Documentos

• SERVICIOS • Gestión y tramitación

• Presentación telemática • Títulos habilitantes en materia de obras

• Licencia de obras • Declaración responsable en materia de obras • Declaración responsable para primera ocupación y sucesivas • Comunicación previa • Inspección de las Declaraciones responsables y Comunicaciones previas • Devolución de avales y fianzas • Autorización para la instalación de andamio • Instalación de depuradoras en viviendas unifamiliares • Legalizaciones de viviendas (disposición transitoria única PGOU) • Licencia divisón de fincas

• Licencias de actividades • Licencias de obras • Gestión urbanística • Instrumentos de planeamiento • Zanjas • Cédulas urbanísticas • Proyectos de urbanización • Información en materia de protección ambiental • Tramitación VisaTel-Future

• Información sobre VisaTel-Future • Procedimiento presentación proyectos • Modelo de autorización del promotor

• Información Urbanística

Curso de Publicación Web Urbanismo 24 de 25

• Impresos y solicitudes • Impresos Generales Urbanismo • Licencias de obras • Licencia de actividades • Gestión urbanística • Información urbanística • Autorizaciones sobre la Vía Pública

• Modelos de aval • licencias de obras • gestión urbanistica

• Ventanilla profesional • Cita previa • Emisiones Radioeléctricas

• HUERTA • HUERTA1

• Historia y Cultura • Plan de Acción • Buzón de Sugerencias • Contacto

• INFORMACIÓN • Cartografía • Protocolos y acuerdos urbanísticos

• Información Pública Actividades • Informes e instrucciones • Instrumentos en tramitación • Callejero • Noticias • Enlaces de interés • Planes sujetos a EAE

• Plan Parcial SG-C1.1 'El Merino' • Plan Parcial del sector SG C.1.3 Polígono Industrial Sur • Plan Parcial Turístico Residencial ZU-SB-SN8 Sucina • Plan Parcial del Sector ZU-SB-SV5 Sangonera la Verde

• Huerta • Rutas turísticas

• Ruta 1 - La Aljufía • Ruta 2 y 3 - Churra: la nueva y la vieja • Ruta 4 - Entre castillos • Ruta 5 - Alquibla • Ruta 6 - Meandros y rincones • Ruta 7 - La Arboleja • Ruta 8 - Torreagüera • Ruta 9 - El Reguerón • Ruta 10 - Alquerías • Ruta 11 - El Raal • Ruta 12 - Azarbes y meranchos

Curso de Publicación Web Urbanismo 25 de 25

• Fotografías • Banco de tierras

• Catálogo de elementos a proteger en la Huerta • Convenios con otras Administraciones Públicas y Entidades

• información sobre la web • mapa-web • telefono • CONTACTO • TABLÓN DE ANUNCIOS

• Actividades • Obras • Planeamiento • Gestión • Otros

• prueba