manual de usuario - digitalvaluedigitalvalue.es/apps/manuales/manual_app_29.pdf· buzón ciudadano...
TRANSCRIPT
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
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
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.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ú
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.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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
APP PORTALES MUNICIPALES 2.9
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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
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
APP PORTALES MUNICIPALES 2.9
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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
APP PORTALES MUNICIPALES 2.9
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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
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.
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
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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
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
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
Tipos de contenidos12
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:
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
Tipos de contenidos13
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.
APP PORTALES MUNICIPALES 2.9
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ú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ú
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
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
APP PORTALES MUNICIPALES 2.9
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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
APP PORTALES MUNICIPALES 2.9
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
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
Listado de Iconos disponibles para los menús
APP PORTALES MUNICIPALES 2.9
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
APP PORTALES MUNICIPALES 2.9
ANEXO 119
Avda. Ausias March, 104 bajo E-46026 Valencia · 963162089 · 963738507 · [email protected] · www.digitalvalue.es
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
APP PORTALES MUNICIPALES 2.9
ANEXO 120