MANUAL DE USUARIO - DigitalValuedigitalvalue.es/apps/manuales/manual_app_29.pdf· Buzón Ciudadano Tanto este manual como los correspondientes al resto de servicios se pueden descargar

MANUAL DE USUARIOAPPS MUNICIPALES V .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 webdigitalvalue.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



Características de la versión 2.904

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.

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.

PÁGINA DE NOTICIAS

11:56 AM

Noticias

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

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

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

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

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

Imagen

PÁGINA DE AGENDA

11:56 AM

Agenda

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

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

· Los eventos se actualizan como las noticias.

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

Título Imagen

Mes actual

Calendario

Título + Resumen(depende del dispositivo)

11:56 AM

Info

Menú app movil

Cabecera(imagen estática)

Botonesdestacados

Menú



Características de la versión 2.905

AVISOS Y NOTIFICACIONES

11:56 AM

Avisos

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

· Los avisos son notificaciones o alertas que se descargan del servidor.

· Los avisos se puedenponer como favoritos o eliminarlos.

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

· 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.(ver en pag. 10)

Nuevos

Favoritos

3

Nuevo avisoTiene nuevos avisos,

¿desea leerlos?

Cancelar Ir a avisos

PÁGINA DE INFO

11:56 AM

Info

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

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

Cabecera(imagen estática)

Tipo de páginaW

ireframe

Descripción



Navegabilidad06

11:56 AM

NoticiasCerrar Compartir

Título

Archivos adjuntos

Modo Galería:

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

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

SiguienteAnterior

11:56 AM

Noticias

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

Swipe vertical y horizontalefecto “pasar página” para ver la secuencia de imágenes.

Tapal pulsar sobre la imagen, botón o enlace se pasa a visu-alizar el contenido


Panel de Control07

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

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

PASO 2 Introducir la contraseña


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

·JSONQuicklinks

·appmóvil



Crear Contenidos08

PASO 1 Introducir Título (campo obligatorio)

1. Crear ContenidosLos 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 2 Introducir Texto

PASO 3 Tipo de contenido

PASO 4 Adjuntar imagen

TipoDesde la pestaña de Tipo indicaremos donde queremos que se muestre nuestro contenido:Noticias, Agenda o Avisos.

Se recomienda para la correcta visualización del texto pegar texto plano sin formatos en la caja del cuerpo del texto.

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

1.1 Opciones de publicaciónEn 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 webmunicipal.

Crear Contenidos09


1.2 ImágenesDesde 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.




Crear Avisos10

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

PASO 1 Introducir Texto del avisoen el campo Título

TipoTipo de contenido aviso.

11:56 AM

Avisos

Nuevos

Favoritos

3

Título(Texto del aviso)

Avisos nuevosno leidos

PASO 2 Marcar el contenido tipoaviso

11:56 AM

Noticias

Primera Imagenadjunta

11:56 AM

NoticiasCerrar

50%

Archivos adjuntos

Compartir

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.

Alto fijo

Noticias

Galería deimágenes

Avisos nuevosno leidos

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”

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.

11:56 AM

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

Notificación Push

*El servicio PUSH PREMIUM requiere una contratación específica

Tipos de contenidos11


3. EntidadesLas 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





Completar campos del formulario

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

Completar los campos del formulario

11:56 AM 11:56 AM

Ejemplo:



11:56 AM

Ejemplo:

En los smartphones, al pulsar sobre un nº de teléfonoaparecerá 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.


11:56 AM



Crear Menús14

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 arrastrarpara ordenar los elementos del menú


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 3 Seleccionar la casilla deActivado para que se muestre

Crear Menús15


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 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:// noticiasapp:// avisosapp:// incidencias

app:// encuestasapp:// farmacias



Crear Menús16

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.

Introducir el nombre del iconoej: TurismIconej: TurismButton

Nombredelaimagen+Icon

Nombredelaimagen+Button

Para ver todos los iconos disponibles ver anexo en página 18

5. Crear Menús en las Apps de Agenda Cultural y Audio GuíaPara 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 mo-mento. 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).

ANEXOS

01. LISTADO DE ICONOS DISPONIBLES PARA LOS MENÚS02. BUZÓN CIUDADANO



Listado de Iconos disponibles para los menús


ANEXO 118

AYUNTAMIENTOCouncilButtonCouncilIcon

CENTRO CULTURALCulturalCentreButtonCulturalCentreIcon

BIBLIOTECALibraryButtonLibraryIcon

POLICIAPoliceButtonPoliceIcon

SERVICIOS SOCIALESSocialServicesButtonSocialServicesIcon

FIESTASFestivityButtonFestivityIcon

ECOPARCEcoparkButtonEcoparkIcon

ASOCIACIONESOrganizationButtonOrganizationIcon

CONCEJALESCouncillorButtonCouncillorIcon

DEPORTESSportsCentreButtonSportsCentreIcon

INCIDENCIASIncidenceButtonIncidenceIcon

FARMACIASPharmacyButtonPharmacyIcon

HORARIOSTimeTableButtonTimeTableIcon

DIRECCIÓNPlaceButtonPlaceIcon

TELÉFONOTelephoneButtonTelephoneIcon

FAXFaxButtonFaxIcon

MAILMailButtonMailIcon

ENLACELinkButtonLinkIcon

WEBWebButtonWebIcon

FACEBOOKFacebookButtonFacebookIcon

TWITTERTwitterButtonTwitterIcon

YOUTUBEYoutubeButtonYoutubeIcon

INSTAGRAMInstagramButtonInstagramIcon

SERVICIOSServicesButtonServicesIcon

TRANPORTE PÚBLICOTransportButtonTransportIcon

BUZÓN CIUDADANOCitizensMailButton CitizensMailIcon

ALCALDEMayorButtonMayorIcon

EQUIPO DE GOBIERNOGovernmentTeamButtonGovernmentTeamIcon

CONCIERTOSConcertButtonConcertIcon

CEMENTERIOCemeteryButtonCemeteryIcon

INDUSTRIAFactoryButtonFactoryIcon

OFICINAS PÚBLICASPublicOfficesButtonPublicOfficesIcon

CENTRO DE SALUDHealthCenterButtonHealthCenterIcon

TURISMOTurismButtonTurismIcon

IGLESIAParishButtonParishIcon

COMERCIOShopButtonShopIcon

CORREOSPostalServiceButtonPostalServiceIcon

CONTACTOContactButtonContactIcon

ESCUELASSchoolButtonSchoolIcon


ANEXO 119


BUZÓN DE ENTRADAInboxButtonInboxIcon

APPAppButtonAppIcon

OFICINA ELECTRÓNICAElectronicOfficeButtonElectronicOfficeIcon

CARPETA CIUDADANAPublicFolderButtonPublicFolderIcon

PERFIL DEL CONTRANTEApplicantProfileButtonApplicantProfileIcon

MEDIO AMBIENTEEnviornmentButtonEnviornmentIcon

INFANCIAChildhoodButtonChildhoodIcon

URBANISMOTownPlanningButtonTownPlanningIcon

LOCALIZACIÓNLocationButtonLocationIcon

NOTICIASNewsButtonNewsIcon

AGENDA CULTURALCulturalAgendaButtonCulturalAgendaIcon

CITA PREVIAAppoinmentButtonAppoinmentIcon

PUSHPushButtonPushIcon

TIEMPOWeatherButtonWeatherIcon

ENCUESTASPollsButtonPollsIcon

APP INFOAppInfoButtonAppInfoIcon

BIM BimButtonBimIcon

TRABAJOJobsButtonJobsIcon

AREASAreasButtonAreasIcon

CENTROSCentreButtonCentreIcon

· JSON QuicklinksNombre+Buttonej: CentreButton

· app móvilNombre+Iconej: Centreicon

Buzón CiudadanoEl 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 derealizar una foto para adjuntarla, o seleccionar una imagen existente en la memoria del móvil.

Configuración de la cuenta de mailLos 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 5 Introducir el texto de la respuesta

PASO 4 Introducir ruta de la imágen de cabecera

PASO 6 Introducir firma del mensaje de respuesta


ANEXO 120

Avda. Ausias March, 104 bajo E-46026 Valencia

963162089 · [email protected]

www.digitalvalue.es

Documents

MANUAL DE USUARIO - DigitalValuedigitalvalue.es/apps/manuales/manual_app_29.pdf· Buzón Ciudadano Tanto este manual como los correspondientes al resto de servicios se pueden descargar