Siguiendo en la línea de los creadores de aplicaciones, comentaré, el proyecto, que por Mobincube, he hecho.

A veces al comprobar el estado de los componentes a montar en la PCB, no recordamos de que manera realizarla. Pues para que esto no vuelva a suceder he creado una aplicación “guía” para saber como conectar los componentes, algo sencillo, pero útil.

Antes de empezar a crear la aplicación, deberíamos tener el esquema cuante menos a mano alzada, de cómo queremos hacerlo, componentes a comprobar seleccionables, y material suficiente para abastecer, sutilmente a la app, de la información necesaria. Ya que teniendo un esquema de referencia nos ahorraremos tiempo a la hora de crear.

Comenzaremos creando una app nueva desde cero; eligiendo el icono, logotipo y empezaremos a editar.

Para obtener mayor control en la pantalla de la app, elegiré DETALLE como pantalla a mostrar.

Para aumentar la imagen usaré IMAGEN INTERACTIVA como pantalla

detalleintera

Elijo directamente detalle y comienzo, seleccionando una foto para el fondo de mis pantallas

rayo

rayo2

Podemos ver que a la izquierda nos simula, lo que, teóricamente debiera verse en la pantalla del móvil.

rayo3

Duplicamos la pantalla, y le damos el nombre de la pantalla a elegir despues, en mi caso RESISTENCIA y así con todas nuestras pantallas

duplicar1

duplicar2

 


 

Volvemos a la principal, para hacer una breve explicación de cada función de los elementos, que arrastrando, colocaremos en nuestra pantalla.

  • IMAGEN.

Evidentemente insertaremos una imagen en la pantalla

imagen

Controlaremos: la alineación el tamaño, y la acción que realizará al pulsar

  • TEXTO

Crearemos un texto, su tamaño, alineación, tanto del contenido como del continente

TEXTO

  • CAMPO

Con este elemento daremos la oportunidad al usuario de introducir datos en forma de  texto o números

campo

  • SEPARADOR

Arrastrando este item creamos una línea, visible o no, para separar contenidos

separador

  • TABLA

Esta función significó el hacerme más fácil la organización. Crea subpantallas, en forma de celdas, que pueden ser a su vez configuradas introduciendole las funciones como TEXTO, IMAGEN…

Permite: alinearlas, dar mayor áreas a las celdas o menos, de forma independiente y/o colectivamente, añadir celdas …

tabla

  • TEXTO ONLINE

Es una herramienta que no usé, pero seguro será de utilidad en algún caso. Por lo que pude comprobar, crea copia el código fuente, para visualizarlo como página web

  • VIDEO

Arrastrando, subiremos un video a la app.


En ésta misma pantalla crearemos con la opción  “Abrir pantalla y Destino” el enlace  hacia la siguiente pantalla a visualizar, tras pulsar la primera

primera


Teniendo estos conocimientos básicos sólo nos quedará ir diseñandolo

Ésta es mi pantalla inicial

pantallainicial

Y, pulsando en el icono de Electrocheck accederemos a la pantalla de selección de componente

comprobar componentes2


Para la opción de agrandar/maximizar la imagen que queremos ver, creamos páginas de IMAGEN INTERACTIVA en las que adjuntaremos la misma imagen que queremos aumentar.

También en este punto decidí que para volver a la pantalla anterior solo pulsaramos la imagen aumentada. Así que seleccioné toda la imagen con el área, hice click en botón derecho y la edité: para que no se viera el rectangulo seleccionador, y para que abriera otra pantalla, cuyo destino sería, la pantalla desde la que accedimos a la imagen aumentada.

CONDENSA

 condensador2

conden3


Suerte con vuestra app os dejo el enlace URL y el código QR de la mía.

http://mobincube.mobi/4V5F3

qrCode-ES

Anuncios

Un comentario en “Aplicaciones para móviles: Aplicación guía de cómo comprobar componentes, mediante mobincube

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s