aplicateca manual de usuario - cloud store · 2018-01-30 ·...
TRANSCRIPT
APLICATECA
Manual de Usuario MobApp Creator
Indice
Primeros pasos ...................................................................................................................................... 3 Registro .............................................................................................................................................................. 3
Creación de una App ............................................................................................................................ 3 Log-‐in ................................................................................................................................................................... 3 Selección de Nombre y Plantilla ................................................................................................................. 3 Acceso al Editor y Administrador de Apps ............................................................................................. 4 Acciones comunes en Módulos de Mi App .............................................................................................. 5 Editar .................................................................................................................................................................................... 5 Configurar ........................................................................................................................................................................... 5 Borrar ................................................................................................................................................................................... 5
Módulos de mi App ............................................................................................................................... 6
Estética de Mi App .............................................................................................................................. 11 Grid Menu ....................................................................................................................................................... 12 Imagen de fondo del Menú de Inicio .................................................................................................................... 14 Galería de imágenes del Menú de Inicio ............................................................................................................. 14 Imagen de pie de página ............................................................................................................................................ 14
Side Menu ........................................................................................................................................................ 15 List Menu ......................................................................................................................................................... 16 Tab Menu ........................................................................................................................................................ 17 Menú Fuentes y Colores ............................................................................................................................. 17 Menú Gráficos ................................................................................................................................................ 18
Probar Mi App ..................................................................................................................................... 19
Mensajes Push ..................................................................................................................................... 20 Estadísticas de Mi App ...................................................................................................................... 21
Datos de Publicación ......................................................................................................................... 23
Primeros pasos
Registro El registro a la plataforma requiere de la previa contratación con Aplicateca
Contratación: El usuario accederá a uno de los planes que propone Aplicateca para el
servicio.
Creación de una App
Log-‐in El usuario ingresará Aplicateca y allí tendrá un acceso a su panel de control para
gestionar el/los planes que haya contratado.
Selección de Nombre y Plantilla
Objetivos: El usuario debe ingresar el nombre se su app y seleccionar la plantilla que
más se asemeje al estilo de app que desea.
Nombre: El nombre de la app puede contener letras y números entre 4 y 11 caracteres.
Este es el nombre que va a aparecer debajo del icono de la app cuando este instalada
en los dispositivos móviles. Su app puede tener un nombre más extenso dentro de la
tienda (ver sección “Datos de Publicación)
Plantilla: Elije la plantilla que más se asemeje al estilo de app que deseas. Es
importante destacar que sin importar la plantilla que se elija, la estética del la app
puede ser modificada completamente
Acceso al Editor y Administrador de Apps
Módulos de mi App: En esta sección se pueden agregar, eliminar y configurar los
distintos módulos o secciones que posee su app. Al hacer clic en el botón “Agregar
Módulo Nuevo” se van a desplegar una serie de funciones disponibles para tu app
como por ejemplo: Módulo de Productos y servicios, Galería de fotos, Facebook,
Twitter, Contactos etc. Más adelante se definen y explican cada uno de los módulos en
mayor detalle.
Estética de Mi App: En esta sección se definen aspectos globales del diseño de la app.
En esa sección puedes definir el tipo de menú que utilizará su app para mostrar tus
módulos o contenidos, los tipos y colores y tamaños de fuente, el icono de tu app, las
imágenes de fondo entre otras. Más adelante se definen y explican en mayor detalle las
opciones de estética de las apps.
Probar Mi App: Durante todo el proceso de creación de tu app podrás probarla en tu
dispositivo móvil Android o iPhone. Para esto debe des descargar el emulador y seguir
los pasos indicados en la sección “Probar Mi App” dentro de tu panel de control.
Mensajes Push: Este menú le da acceso el sistema de notificaciones PUSH de tu app
dónde podrás enviar mensajes instantáneos a todo aquel que tenga instalada tu app* .
Esta función estará disponible cuando tu app se encuentre publicada en las tiendas.
Estadísticas de Mi App: En esta sección podrás ver en tiempo real la cantidad de
instalaciones de tu app totales y clasificadas por plataforma. Además podrás consultar
la cantidad de aperturas, módulos más utilizados y contenidos más accedidos de tu
app. Todos estos datos los puede filtrar por rangos de fecha que desees.
Datos de Publicación: En esta sección se deberán completar una serie de datos que
serán utilizados para crear la publicación de la app en la tienda de iTunes (Apple) y
GooglePlay (Android). Más adelante se definen y explican cada uno de los requisitos
de esta sección
Acciones comunes en Módulos de Mi App Los módulos son los bloques de funciones o secciones de tu app. Puedes agregar
múltiples módulos según tus necesidades. Cada módulo tiene funciones específicas y
puede ser configurado tanto estéticamente como funcionalmente. Al ingresar a la
sección “Módulos de mi App” y hacer clic en “Agregar Módulo Nuevo” se desplegará
una amplia gama de módulos para escoger.
La edición de los módulos tienen 3 opciones principales Editar, Configurar y Borrar:
Editar El botón Editar representado por un icono de lápiz permite acceder al
editor de contenidos del módulos. Este editor te permitirá cargar
elementos que pueden tener un Título, descripción, foto y dirección para
el mapa. Opcionalmente puedes crear categorías y sub-categorías y
luego asignar una o varias categorías a cada elemento que ingreses. Si posees una
web compatible con RSS puedes conectarla para que los artículos se sincronicen
automáticamente.
Configurar El botón Configurar representado por un icono de engranaje te permite
configurar el módulo. Las configuraciones de los módulos pueden ser
estéticas como el icono del módulo, imágenes de fondo y banners o de
función como determinar la forma es que se muestran los contenidos y que cantidad de
contenidos se cargan automáticamente.
Borrar El botón Borrar representado por un icono de ‘X’ permite eliminar el
módulo. Ten en cuenta que esta acción no es reversible y se perderán
todos los contenidos y configuraciones que tengas en dicho módulo.
Módulos de mi App
Desde el Panel de Control en la sección “Módulos de mi App” podrás agregar una o
varias copias de cada módulo a su app. Entre los módulos disponibles están:
Links: Este módulo te permite crear listas de links en tu app.
Puedes utilizar Emails, SMS, Números de teléfono y
direcciones WEB. Útil para armar lista con los diferentes
métodos de contacto, números de teléfonos útiles y mucho
más.
Productos y Catálogo: Es un potente componente que te permite
llevar su contenido a las manos de su público. Puedes mostrar
tus productos o servicios ordenados por categorías, puedes
agregar imágenes propias, encabezados, y cambiar el tipo y tamaño de fuentes
y fondos para producir una imagen que represente tu marca.
Noticias: Con este módulo podrás ingresar una web en formato
RSS de su feed de Noticias o crear tus propios artículos de
noticias utilizando el administrador de contenidos online. Esta
última modalidad te permite administrar tus contenidos desde tu panel de
control.
Eventos: Mantén a tu audiencia informada sobre Fechas de
Eventos importantes. Este módulo te permite crear tu propio
Calendario con Eventos y Fechas importantes y te permite
compartirlas con tu audiencia. Con el módulo de Eventos
puedes incluir fechas importantes y permitir que tus clientes tengan visibilidad de
los mismos y agregarlos a sus agendas personales con un solo clic.
Todos los eventos ingresados se ordenan por proximidad a la fecha del evento y
los eventos ya pasados se mueven automáticamente a otra solapa. Esto
mantiene el foco en los próximos eventos. Adicionalmente puedes mostrar un
mapa con la dirección del evento.
Geolocalización: Con el módulo de Geolocalización puedes listar
tus locaciones y utilizar al máximo la ventaja del GPS
mostrando contenidos en el mapa relativos a la posición de
cada uno de tus clientes. Puedes listar todos tus locales o
puntos de interés y estos se ordenarán por cercanía en el móvil de cada uno de
tus clientes. Este módulo es ideal para guías de viaje, inmobiliarias,
restaurantes, cafeterías o cualquier negocio que pueda tomar ventaja de la
Geolocalización para llevar al cliente hasta tu puerta.
Facebook: Añadir tu página personal o Profesional de Facebook
es muy fácil e instantáneamente recibirás todas tus
notificaciones en su app. Con tan sólo un par de clics integra tu
app móvil a una de las redes sociales más importantes.
Twitter: Simplemente añade el ID de tu usuario o de tu empresa e
instantáneamente se comenzarán a visualizar tus tweets o tus
menciones. También puede utilizar "hash tags" (#) para seguir
tópicos específicos o crear tus propios tópicos.
Música & Podcasts: Este módulo es ideal para bandas de música
y podcasters. Comparte tus temas de audio con tus seguidores.
Puedes añadir un arte de tapa y organizar contenidos por
categorías. Cuando tus usuarios hagan clic en uno de sus temas
o podcasts se abrirá un reproductor de audio integrado dentro de tu app.
Fotos: Integra tus fotos a su Aplicación. con nuestro
administrador de contenidos no necesitas cargar cada foto
individualmente puedes seleccionar todas las fotos que desees
subir y cargarlas en un solo paso. Una vez que tus fotos hayan
subido pueden ser reordenarlas simplemente arrastrando cada una a la posición
que desees. Ordénelas por categorías y permite que tus usuarios las compartan
en las redes sociales. Tus fotos siempre se mostrarán tomando en cuenta la
mejor resolución disponible para cada terminal.
Si ya posees ttus fotos en un proveedor externos como Flickr o Picasa,
simplemente agregua la dirección de RSS de su proveedor de contenido y nos
encargaremos de conectarnos.
Radio: Permite que tu audiencia escuche la transmisión de su
estación de Radio favorita dentro de tu aplicación donde quiera
que estén dentro de la app. Simplemente ingresa la dirección
web del streaming de tu radio en formato mp3 y nuestro
servidor conectará su app con tu radio.
Videos: Con este módulo puedes agregar videos a su
aplicación. Simplemente ingresa la dirección web de tu video y
el administrador de contenidos importará todos los datos
disponibles. Adicionalmente esta información puede ser
modificada. Puede organizar sus videos en categorías. Esto es ideal para
educadores que desean compartir lecciones con sus estudiantes. Si deseas
conectar todo un canal de YouTube simplemente elije la opción “Conector
YouTube” e ingresa tu usuario de YouTube.
Artistas y músicos pueden tomar ventaja de este módulo compartiendo con tu
audiencia videos de sus últimos recitales o eventos.
Video Streaming: Con este modulo usted puedes agregar un
streaming de video en vivo dentro de tu aplicación. Solo debes
ingresar la URL dentro de la configuración del módulo. Ideal
para estaciones de TV.
Código HTML5: Pensado para usuarios avanzados, el visor de
código de HTML te permite agregar código compatible con
HTML5 directamente en el módulo. Este código será
interpretado y compilado por tu dispositivo produciendo una
experiencia a medida. Piensa en este módulo como un lienzo donde desarrollar
ricas experiencias en HTML5.
Sitio Web: Este módulo te permite expandir las capacidades de
tu App móvil mediante la integración con tu Sitio Web. Con este
visor remoto de Sitios Web puedes integrar un sitio web dentro
de tu aplicación móvil.
Click-‐to-‐Call: Este módulo le permite a tus clientes hacer clic en un
botón de la app y llamar a un número de teléfono pre-definido
por ti.
Click-‐to-‐Email: Este módulo te permite configurar una dirección de
correo, para que tus clientes se contacten a dicho email con un
solo Click dentro de tu app.
Click-‐to-‐SMS: Este módulo te permite configurar un número de
SMS, para que tus clientes se contacten por mensaje de texto
con un solo clic dentro de tu app.
e-‐Commerce: Conecta tu tienda existente de Mercadilibre con tu
app. Este módulo lt permite sincronizar los artículos que ya
posees dentro de Mercadolibre para poder realizar ventas
desde tu app. Para configurar este módulo sólo necesitas
ingresar tu usuario de Mercadolibre. Tus clientes podrán ver
sus productos y comprarlos con un solo clic.
Wall: Crea tu propio chat dentro de su aplicación. Este módulo te permite tener
una sala de chat en la que sus clientes pueden realizar comentarios o hablar
entre si.
Estética de Mi App
Cómo se mencionó brevemente en esta sección se definen aspectos globales del
diseño de la app. Aquí podrás definir el tipo de menú que utilizará tu app para mostrar
tus módulos o contenidos, los tipos y colores y tamaños de fuente, el icono de tu app,
las imágenes de fondo entre otras.
Estilos de Menú: Aquí podrás escoger entre 4 estilos diferentes de menú. Menú estilo
Grilla “Grid”, un menú lateral “Side Menu”, un menú tipo lista “List Menu” y un menú con
botones inferiores llamado “Tab”. Cada menú posee sus propios elementos gráficos. A
continuación describiremos en detalle cada tipo de menú.
Grid Menu
El Grid menú o menú estilo grilla se presenta en forma de botones o iconos en la
pantalla principal de la app. Este menú tiene las siguientes opciones:
Ocultar Barra de Estado: Esta opción te permite ocultar la barra de estado superior del
móvil que suele mostrar el nombre del proveedor de telefonía, el estado de la señal y la
batería entre otros. El ocultar esta información aplica sólo para la plataforma de iOS
(iPhone)
Mostrar Iconos: Permite ocultar el icono principal de la app. Esta opción es útil si solo se
desea mostrar el nombre o “etiqueta” del botón sin imagen o en caso de mostrar solo
un elemento llamado “Background del botón de menú”; un elemento gráfico que puede
visualizarse unto con el icono o reemplazar al icono principal
Mostrar etiquetas: Muestra el nombre asociado con el módulo o función. Si el icono ya
tiene un nombre incluido dentro de la imagen o no es necesario mostrar un nombre
para el icono, se puede ocultar utilizando esta opción. El tipo de letra, color y tamaño
son datos globales y se definen en la sección “Fuentes y Colores”.
Iconos por página. Esta opción muestra cuántos iconos van a aparecer en el menú de
inicio de la app. La grilla se representa en filas y columnas de iconos. Si existen más
iconos o módulos que elementos en la grilla, automáticamente se añadirá una segunda
página de iconos. Por ejemplo si tengo 12 iconos o secciones en mi app y definí una
grilla de 3X3. Los iconos del 10 al 12 se mostrarán en una segunda página al deslizar
el menú a la derecha.
Ejemplo de los posibles usos de los iconos de App en el menú “Grid”
Logo del Menú de Inicio.
Esta imagen se posiciona en la parte superior de la pantalla y como capa superior. La
misma puede tener transparencia y se recomienda para uso de su logotipo. Puedes
definir la posición exacta del logo mediante coordenadas X,Y que representan el ancho
y alto de la pantalla del dispositivo.
Opcionalmente puedes asignar una acción de abrir un link externo al hacer clic en la
imagen del logo.
Imagen de fondo del Menú de Inicio Es una imagen que se mostrará como fondo de pantalla del menú de inicio de la app.
Se requiere una imagen por plataforma. Smartphones de 640x960 pixeles y de iPhone
5 en adelante de 640x1136 pixeles
Galería de imágenes del Menú de Inicio Son una serie de imagines que pueden rotar en forma de gallería dentro del menú de
inicio de la app. Se requiere una imagen por plataforma. Smartphones de 640x960
pixeles y de iPhone 5 en adelante de 640x1136 pixeles.
La opción estilo le permite definir en que forma van a transicionar las imágenes de la
galería.
Imagen de pie de página Es una imagen que se alinea al pié del menú de inicio y puede servir entre otras cosas
como un fondo o lienzo para resaltar los iconos.
Side Menu
El Side Menu o menú lateral te permite crear su app de manera muy simple ya que las
opciones gráficas con mucho más acotadas. La app va a mostrar las secciones de tu
aplicación en una lista lateral dónde el primer contenido es el que se va a visualizar por
defecto al abrir la app.
List Menu
El List Menu o menú lista es un potente menú que te permite mostrar las
funcionalidades de tu app en una lista. La misma comparte elementos ya vistos en el
Grid Menu* como Galería de imágenes*, Logo*, Imagen de Pié de Página* además de
configuraciones propias como:
Celdas Animadas: Al accede al menú de inicio muestra las celdas con un varios efectos
de animación configurables
Posición de Tabla: Permite posicionar la tabla con las funciones en cualquier lugar de la
pantalla.
Tamaño de la Celda de la Tabla: Permite definir el tamaño de las celdas de la tabla
Fondo de Celda de la Tabla: Permite definir el color de las celdas pares e impares de la
tabla. Puede repetir el mismo color si no desea el efecto cebra.
Opacidad del Fondo de Celda de la Tabla: Permite definir la trasparencia de la tabla. Esto
permite que la tabla sea traslúcida permitiendo visualizar la imagen definida de fondo
de pantalla de la app.
Tab Menu
El Menú tipo Tab es un menú con botones inferiores que al igual que el Side Menu o
menú lateral te permite crear una app de manera muy simple ya que las opciones
gráficas con mucho más acotadas. La aplicación va a mostrar las secciones de tu
aplicación en una lista lateral dónde el primer contenido es el que se va a visualizar por
defecto al abrir la app.
Menú Fuentes y Colores En esta sección se definen los elementos globales de diseño de la app.
Título: Definir el tipo y tamaño de letra para los títulos de los elementos tipo notas,
noticias, mapas, etc
Descripción: Definir el tipo y tamaño de letra para los contenidos internos de los
elementos tipo notas, noticias, mapas, etc
Colores
Título: Definir el color de fuente para los títulos de los elementos tipo notas, noticias,
mapas, etc
Descripción: Definir el color de fuente para los contenidos internos de los elementos tipo
notas, noticias, mapas, etc
Texto de barra de transparencia: Definir el color de la barra que contiene los títulos de
los elementos tipo notas, noticias, mapas, etc
Fondo de la barra de transparencia: Definir el color de fondo de la barra que contiene los
títulos de los elementos tipo notas, noticias, mapas, etc
Fondo: Define el color de fondo para los contenidos internos de los elementos tipo
notas, noticias, mapas, etc
Color de la barra de navegación: Es el color de la barra superior de cada sección.
Fondo del contenido: Es el color de fondo de cada uno de los contenidos de la app. Se
pueden ingresar 2 colores para lograr un efecto de cebra mostrando los elementos
pares de la lista de un color y los impares de otro color.
Menú Gráficos Esta sección esta compuesta por los gráficos globales que serán aplicados en toda su
app.
Icono de App: Es el icono de la app que se mostrará cuando este instalada en los
dispositivos móviles. Esta imagen no podrá ser modificada una vez que se publique su
app. Se requiere una imagen de 120x120 píxeles en formato PNG sin transparencias.
Fondo: Es el fondo global de tu app. El mismo será utilizado por defecto en todas las
secciones a menos de que haya definido un fondo particular dentro de dicha sección.
Se requiere una imagen por plataforma. Smartphones de 640x960 pixeles y de iPhone
5 en adelante de 640x1136 pixeles.
Imagen de Carga (splash): Es la imagen que se muestra mientras se inicia su app o
cuando se encuentra minimizada. Esta imagen no podrá ser modificada una vez que se
publique su app. Se requiere una imagen por plataforma. Smartphones de 640x960
pixeles y de iPhone 5 en adelante de 640x1136 pixeles.
Probar Mi App
Durante todo el proceso de creación de su app podrás probarla en su dispositivo
móvil Android o iPhone. Para descargar el emulador de las tiendas iTunes para
iPhone o GooglePlay para Android sige las instrucciones:
1. Ingrese desde tu
smartphone Android o iPhone a http://mobappcreator.com/previewer
2. Instala y abra la app MobAppCreator Preview
3. Para probar tu app utiliza:
§ Email: [email protected] (ingresa tu email registrado)
§ Código de App: 12345 (este número se encuentra debajo del nombre de
tu app)
Mensajes Push
Los mensajes Push son notificaciones instantáneas que puedes enviar a toda tu base
de aplicaciones instaladas por sus usuarios. La gran ventaja de este sistema es que no
necesitas obtener datos como número de teléfono o email para enviar notificaciones,
además estas no consumen créditos de SMS de los terminales y pueden ser recibidas
mientras el cliente esté conectado a la red de datos o a una red Wifi. Esta función
estará disponible sólo para el Plan “Avanzado” y se activará en tu panel de control
cuando su app se encuentre publicada en las tiendas.
Estadísticas de Mi App
En esta sección usted podrá ver en tiempo real la cantidad de instalaciones de tu app
totales y clasificadas por plataforma. Además podrás consultar la cantidad de
aperturas, módulos más utilizados y contenidos más accedidos de tu app. Todos estos
datos los puede filtrar por rangos de fecha que usted desees.
Aperturas totales e instalaciones
Módulos o secciones más populares
Contenidos más vistos
Datos de Publicación
En esta sección se deberán completar una serie de datos que serán utilizados para
crear la publicación de la app en la tienda de iTunes (Apple) y GooglePlay (Android)
Los datos de publicación se dividen en 2 secciones, iPhone y Android.
Para que la aplicación creada a través del sistema de MobApp Creator pueda ser
instalada en los dispositivos móviles de Android y iOS, es necesario que la misma este
publicada en las tiendas de GooglePlay (https://play.google.com/store) y iTunes
(https://www.apple.com/itunes/ ) respectivamente. Dichas publicaciones se hacen bajo
licencias de desarrollador. El costo de la licencia de GooglePlay es de $25 dólares por
única vez y se adquiere en la web: https://support.google.com/googleplay/android-
developer/answer/113468?hl=es
La licencia para iOS de Apple tiene un costo de $99 dólares anuales y se adquiere en
la web: https://developer.apple.com/programs/start/standard/
Puedes adquirir las licencias para publicar su app en las tiendas bajo tu nombre o
publicar su app bajo las licencias de desarrollador de la empresa sin incurrir en gastos
de licencia. Sólo se pueden publicar aplicaciones para distribución gratuita bajo nuestra
licencia.
Las condiciones de publicación están sujetas a los términos y condiciones de las
tiendas de GooglePlay y Apple. Dichos términos y condiciones se encuentran
disponibles en las siguientes direcciones web de GooglePlay:
https://play.google.com/intl/ALL_es/about/developer-content-policy.html Apple
https://developer.apple.com/app-store/review/guidelines/