MANUAL DE USUARIO APPS MUNICIPALES V .2.9

APP PORTALES MUNICIPALES 2.9

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9

Introducción: El siguiente manual tiene como objetivo dar a conocer las novedades de la versión 2.9 de las Apps de Portales Municipales, tanto en contenidos como en funcionalidades. A continuación se explica de forma rápida y sencilla como crear contenidos y que se muestren correctamente en las Apps. La app Municipal ofrece también los servicios adicionales de: · Avisos push (servicio standard) · Farmacias de guardia · Cita Previa · Encuestas · Buzón Ciudadano Tanto este manual como los correspondientes al resto de servicios se pueden descargar de nuestra web digitalvalue.es/apps en el apartado de manuales

Índice: Características de la versión 2.9 04 Navegabilidad 06 Acceso al panel de control 07 01. Crear Contenidos 08 1.1 Opciones de Publicación 09 1.2 Imágenes 09 02. Crear Avisos 10 2.1 Notificaciones Push 11 03. Entidades 11 04. Crear Menús (App Municipal) 14 05. Crear Menús (App Agenda Cultural y Audioguía) 16

Anexos: Anexo 1. Listado de Iconos 18 Anexo 2. Buzón Ciudadano 20

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Características de la versión 2.9 04

PÁGINA DE INICIO

Página de Inicio de la app. Incluye accesos directos a los contenidos más relevantes de la web, menús y enlaces de interés.

PÁGINA DE NOTICIAS

PÁGINA DE AGENDA

Listado de Noticias. Aparecen los contenidos tipo “Noticia” publicados en el portal del Municipio.

Calendario de Agenda. Aparecen los contenidos tipo “evento” publicados en el portal del Municipio.

11:56 AM

11:56 AM

11:56 AM

Info

Noticias

Agenda

Cabecera

(imagen estática)

Mes actual

Botones destacados

Calendario Imagen

Menú app movil

Menú

En esta página se puede enlazar cualquier otro contenido de la web. Se incluirán enlaces a documentos adjuntos y enlaces externos asociados al menú app movil de la web. Para personalizar los botones destacados se tendrá que editar el menú json quicklinks.

Título + Resumen (depende del dispositivo)

Imagen

Título

· Sólo se muestran las noticias que tienen imagen.

· Sólo se muestran los eventos que tienen imagen.

· Cuando se cierra la aplicación se borran las noticias más antiguas.

· Los eventos se actualizan como las

Se actualiza al entrar a la aplicación y después cada pocos minutos.

noticias.

· Los eventos sólo pueden añadir una Imagen principal.

Tanto la imagen como el Texto enlazan con el nodo de la noticia. (ver en pag. 06)

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Características de la versión 2.9 05

AVISOS Y NOTIFICACIONES

Página de información. Información general sobre el app.

11:56 AM

11:56 AM

Avisos

Info

Nuevos

Cabecera

(imagen estática)

Wireframe

Nuevo aviso Tiene nuevos avisos, ¿desea leerlos? Favoritos

Tipo de página

Si hay avisos nuevos le aparece al usuario una ventana pop-up al entrar en la aplicación. Son contenidos de tipo “aviso”.

PÁGINA DE INFO

Cancelar

Ir a avisos

3

· Los avisos son notificaciones o alertas que se descargan del servidor. · Los avisos se pueden poner como favoritos o eliminarlos.

· Desde la versión 2.3 la app municipal puede incluir NOTIFICACIONES PUSH, que permiten al usuario recibir los avisos aunque no tenga la aplicación abierta en su dispositivo.

Descripción

· Los avisos contienen información que por su interés o urgencia deben ser comunicados de forma especial.

En esta página se encuentra la información corporativa de la aplicación, datos del desarrollador, una demo informativa, logotipos oficiales, etc...

(ver en pag. 10)

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Navegabilidad 06

La forma de navegar por las diferentes páginas del app es muy fácil e intuitiva. Básicamente podremos recorrer todos los contenidos de la aplicación haciendo swipe y Tap como vemos a continuación.

Modo Galería:

Modo Listado:

Swipe vertical y horizontal

Swipe

efecto “pasar página” para ver la secuencia de imágenes.

efecto “pasar página” para ver la secuencia de imágenes.

Tap

al pulsar sobre la imagen, botón o enlace se pasa a visualizar el contenido

Tap

al pulsar sobre la imagen, botón o enlace se pasa al modo galería a pantalla completa

11:56 AM

11:56 AM

Noticias

Cerrar

Noticias

Compartir

Título

Archivos adjuntos

Anterior

Siguiente

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Panel de Control 07

Acceso Panel de Control Accederemos al panel de control a través de la urldelportalmunicipal/user y con el usuario y cotraseña que nos hayan proporcionado.

PASO 1 Introducir nombre de usuario o dirección de correo

·JSON Quicklinks

PASO 2 Introducir la contraseña ·app móvil Se recomienda ir visualiando los cambios que se realicen en el app en el Simulador App móvil

Menús APP: · JSON Quicklinks · app movil

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Crear Contenidos 08

1. Crear Contenidos Los crearemos con el fin de añadir una página de contenido, un evento a la agenda, una noticia o un aviso (pag. 10). Una vez registrados con nuestro usuario y contraseña en el portal accederemos al apartado “Añadir artículo”.

PASO 1 Introducir Título (campo obligatorio)

PASO 2 Introducir Texto

PASO 3 Tipo de contenido

PASO 4 Adjuntar imagen

Se recomienda para la correcta visualización del texto pegar texto plano sin formatos en la caja del cuerpo del texto. Tipo Desde la pestaña de Tipo indicaremos donde queremos que se muestre nuestro contenido: Noticias, Agenda o Avisos.

· Otros tipos de contenidos irán relacionados a un menú (ver Cómo crear menús pag. 14)

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Crear Contenidos 09

1.1 Opciones de publicación En el apartado de Opciones de publicación marcar la casilla Publicado.

Para que se vea nuestra publicación tendremos que activar el campo “Publicado” de la pestaña Opciones de publicación. Las demás opciones sólo se utilizan para la web municipal.

1.2 Imágenes Desde la pestaña Adjuntos añadiremos las imágenes para ilustrar la noticia o el evento de agenda que estemos editando. La primera imagen que se adjunte será la que se vea en los listados y todas juntas formarán la galería de imágenes del contenido.

Se recomienda para la correcta visualización de las imágenes y reducir los tiempo de carga que no superen los 600 pixeles de ancho y que tengan una resolución máxima de 72 ppp.

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Crear Avisos 10

Ajuste de imagen: La imagen se adapta al 50% del alto en los dispositivos móviles y al 30% en las tablets. Puede darse algún caso en el que se pierda información por los laterales cuando la imagen sea panorámica.

11:56 AM

Noticias

Primera Imagen adjunta

11:56 AM

Cerrar

Galería de imágenes

Noticias

Compartir

Noticias

50%

Alto fijo

Archivos adjuntos

2. Crear Avisos Para crear un aviso editaremos el campo Título del formulario de “Crear articulo” que será el Texto del aviso.

11:56 AM

Avisos Nuevos

Título (Texto del aviso)

PASO 1 Introducir Texto del aviso en el campo Título Tipo Tipo de contenido aviso.

Favoritos

PASO 2 Marcar el contenido tipo aviso

3

Avisos nuevos no leidos

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Tipos de contenidos 11

2.1 Notificaciones Push* Las notificaciones push van siempre asociada a una publicación tipo “Aviso”. Cuando seleccionamos el tipo de publicación “Aviso” nos aparecerá una nueva pestaña con el titulo “Aviso” y una casilla con el nombre “Enviar Push”. Para envíar la notificación push, ésta última casilla tiene que estar seleccionada.

PASO 2 Activar casilla “Enviar PUSH”

11:56 AM

Notificación Push

La característica principal de las Notificaciones Push es que van acompañadas de un aviso de audio y que el usuario las recibe en su dispositivo aunque no tenga la aplicación abierta.

3

Características de las Notificaciones Push · Si la app está abierta la notificación llega como un pop-up. · Si la app está cerrada llega la notificación al dispositivo acompañada de un aviso de audio. *El servicio PUSH PREMIUM requiere una contratación específica

3. Entidades Las entidades tienen los campos de dirección, teléfono, fax e-mail... Son contenidos que permiten representar a organismos, departamentos, edificios, industrias, asociaciones o empresas. Las entidades se asocian a los contenidos para incluir información estructurada. Para crear entidades, hacemos clic en el botón “Añadir entidad” de la vista principal del panel de control.

Botón en la vista principal del panel admistrador

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Tipos de contenidos 12

Completar los campos del formulario

La pestaña “info”, es otro formulario con campos extra para añadir mas información. Completar campos del formulario

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Tipos de contenidos 13

Ejemplo:

11:56 AM

11:56 AM

En los smartphones, al pulsar sobre un nº de teléfono aparecerá una ventana pop up para poder llamar directamente. 96123456 Cancelar

Llamar

También saldrá un pop up cuando pulsemos sobre un enlace externo avisándonos de que se abrirá el navegador del dispositivo.

Ejemplo:

11:56 AM

11:56 AM

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Crear Menús 14

4. Crear Menús (App Municipal) Existen dos Menús en la pantalla de Inicio: El menú o botones destacados (Quicklinks) y un menú secundario que se muestra a continuación (app movil). Todos los contenidos de estos menús pueden enlazar a nodos o entidades (contenido de la web) y también a contenidos externos de otros portales. Para crear y editar los menús iremos a: Panel de Control / Administrar menús / Quicklinks Panel de Control / Administrar menús / app movil

Listar enlaces:

Pinchar y arrastrar para ordenar los elementos del menú

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Crear Menús 15

Añadir enlace o crear un nuevo elemento de menú Accederemos a la pestaña de Añadir enlace de la Lista de menús.

PASO 1 Introducir el nombre o título para el nuevo elemento de menú PASO 2 Introducir ruta de destino del enlace. Los links externos se abrirán en el navegador del dispositivo, para volver a la aplicación se tendrá que entrar de nuevo. Se recomienda no abusar de los links externos para no salir de la app.

PASO 3 Seleccionar la casilla de Activado para que se muestre PASO 4 Para el app móvil, seleccionar esta casilla en caso de que queramos que se muestre abierto

PASO 5 Asignarle un padre al que queramos que pertenezca

Opciones del campo Ruta: - Si queremos crear un menú padre escribiremos en el campo Ruta nolink - Si queremos crear un menú que enlace con un nodo escribiremos la ruta del nodo de la siguiente manera node/nºdel nodo. Ej: node/46 - Si queremos crear un link externo introduciremos la url del sitio, http://www.urldelsitio - Para acceder a funcionalidades del app como el listado de noticias, avisos, etc utilizaremos: app:// encuestas app:// noticias app:// farmacias app:// avisos app:// incidencias

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 Crear Menús 16

Iconos de menú Los menús pueden ir acompañados de un icono gráfico situado a la izquierda del Título, para que aparezca se deberá introducir en el campo Class attribute de Opciones del menú el nombre del icono.

Para ver todos los iconos disponibles ver anexo en página 18 Introducir el nombre del icono ej: TurismIcon ej: TurismButton

Nombredelaimagen+Button

Nombredelaimagen+Icon

5. Crear Menús en las Apps de Agenda Cultural y Audio Guía Para crear y editar los menús iremos a: Panel de Control / Administrar menú / agenda movil (en el caso de la app de Agenda Cultural) Panel de Control / Administrar menú / turismo movil (en el caso de la app de Audioguía Turística) Una vez dentro de app agenda o turismo movil veremos un listado con los menús generados hasta el momento. Desde esta página se pueden crear nuevos menús y submenús, editar los ya existentes y también ordenarlos. Hay que tener en cuenta que la app sólo permite 2 niveles de menús (un padre + nº indeterminado de hijos).

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

ANEXOS 01. LISTADO DE ICONOS DISPONIBLES PARA LOS MENÚS 02. BUZÓN CIUDADANO

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 ANEXO 1 18

Listado de Iconos disponibles para los menús AYUNTAMIENTO CouncilButton CouncilIcon

DIRECCIÓN PlaceButton PlaceIcon

ALCALDE MayorButton MayorIcon

CENTRO CULTURAL CulturalCentreButton CulturalCentreIcon

TELÉFONO TelephoneButton TelephoneIcon

EQUIPO DE GOBIERNO GovernmentTeamButton GovernmentTeamIcon

BIBLIOTECA LibraryButton LibraryIcon

FAX FaxButton FaxIcon

CONCIERTOS ConcertButton ConcertIcon

POLICIA PoliceButton PoliceIcon

MAIL MailButton MailIcon

CEMENTERIO CemeteryButton CemeteryIcon

SERVICIOS SOCIALES SocialServicesButton SocialServicesIcon

ENLACE LinkButton LinkIcon

INDUSTRIA FactoryButton FactoryIcon

FIESTAS FestivityButton FestivityIcon

WEB WebButton WebIcon

OFICINAS PÚBLICAS PublicOfficesButton PublicOfficesIcon

ECOPARC EcoparkButton EcoparkIcon

FACEBOOK FacebookButton FacebookIcon

CENTRO DE SALUD HealthCenterButton HealthCenterIcon

ASOCIACIONES OrganizationButton OrganizationIcon

TWITTER TwitterButton TwitterIcon

TURISMO TurismButton TurismIcon

CONCEJALES CouncillorButton CouncillorIcon

YOUTUBE YoutubeButton YoutubeIcon

IGLESIA ParishButton ParishIcon

DEPORTES SportsCentreButton SportsCentreIcon

INSTAGRAM InstagramButton InstagramIcon

COMERCIO ShopButton ShopIcon

INCIDENCIAS IncidenceButton IncidenceIcon

SERVICIOS ServicesButton ServicesIcon

CORREOS PostalServiceButton PostalServiceIcon

TRANPORTE PÚBLICO TransportButton TransportIcon

CONTACTO ContactButton ContactIcon

BUZÓN CIUDADANO CitizensMailButton CitizensMailIcon

ESCUELAS SchoolButton SchoolIcon

FARMACIAS PharmacyButton PharmacyIcon HORARIOS TimeTableButton TimeTableIcon

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 ANEXO 1 19

BUZÓN DE ENTRADA InboxButton InboxIcon

TIEMPO WeatherButton WeatherIcon

APP AppButton AppIcon

ENCUESTAS PollsButton PollsIcon

OFICINA ELECTRÓNICA ElectronicOfficeButton ElectronicOfficeIcon

APP INFO AppInfoButton AppInfoIcon

CARPETA CIUDADANA PublicFolderButton PublicFolderIcon

BIM BimButton BimIcon

PERFIL DEL CONTRANTE ApplicantProfileButton ApplicantProfileIcon

TRABAJO JobsButton JobsIcon

MEDIO AMBIENTE EnviornmentButton EnviornmentIcon

AREAS AreasButton AreasIcon

INFANCIA ChildhoodButton ChildhoodIcon

CENTROS CentreButton CentreIcon

URBANISMO TownPlanningButton TownPlanningIcon LOCALIZACIÓN LocationButton LocationIcon NOTICIAS NewsButton NewsIcon AGENDA CULTURAL CulturalAgendaButton CulturalAgendaIcon CITA PREVIA AppoinmentButton AppoinmentIcon PUSH PushButton PushIcon

· JSON Quicklinks Nombre+Button ej: CentreButton

· app móvil Nombre+Icon ej: Centreicon

Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es

APP PORTALES MUNICIPALES 2.9 ANEXO 1 20

Buzón Ciudadano El buzón ciudadano es una herramienta que permite al ciudadano comunicarse con el Ayuntamiento a través de la app; y de esta forma realizar consultas, sugerencias, o informar de incidencias en el Municipio. Para ello, se lel pedirán al usuario una serie de campos a rellenar, entre los cuales se da la posibilidad de realizar una foto para adjuntarla, o seleccionar una imagen existente en la memoria del móvil.

Configuración de la cuenta de mail Los buzones enviados llegarán como mails a una dirección de correo electrónico previamente configurada por el Ayuntamiento. Para acceder al formulario de configuración pincharemos sobre la pestaña del panel de control “Portales 7” y en el enlace “Colaboración ciudadana”.

PASO 1 Email de origen PASO 2 Nombre remietente

PASO 3 Introducir el mail donde queremos que lleguen las consultas

PASO 4 Introducir ruta de la imágen de cabecera PASO 5 Introducir el texto de la respuesta

PASO 6 Introducir firma del mensaje de respuesta

Avda. Ausias March, 104 bajo E-46026 Valencia 963162089 · 963738507 [email protected] www.digitalvalue.es