Diferencia entre revisiones de «Desarrollo de Sistemas Interactivos»
(Imported from: https://github.com/LibreLabUCM/LiberarFdI/blob/master/Desarrollo%20de%20Sistemas%20Interactivos/desarrollo_de_sistemas_interactivos.md) |
m (Robot: adición de categoría «Asignatura») |
||
| Línea 109: | Línea 109: | ||
[http://creativecommons.org/licenses/by/4.0/ [[File:CC-4.0.png|Licencia Creative Commons]]] Esta obra está bajo una [http://creativecommons.org/licenses/by/4.0/ Licencia Creative Commons Atribución 4.0 Internacional] | [http://creativecommons.org/licenses/by/4.0/ [[File:CC-4.0.png|Licencia Creative Commons]]] Esta obra está bajo una [http://creativecommons.org/licenses/by/4.0/ Licencia Creative Commons Atribución 4.0 Internacional] | ||
| + | |||
| + | [[Categoría:Asignatura]] | ||
Revisión del 19:11 19 may 2018
Sumario
DESARROLLO DE SISTEMAS INTERACTIVOS
En esta asignatura nos enseñaran a hacer prototipos de aplicaciones, la aplicación que utilizamos es mybalsamic, para no tener que usar un software privado, el software open source que hemos escogido es Pencil. La compañía que lo ha desarrollado es Evolus: http://www.evolus.vn/Default.html
El seguimiento del proyecto podemos encontrarlo en: https://github.com/evolus/pencil
Pencil
Descripción del programa
El uso principal que le vamos a dar, es la creación de mockups interactivos para la simulación de una aplicación en un dispositivos móvil o tablet. En él podemos encontrar todos los componentes que utilizamos en las interfaces de los programas actuales. También los marcos de móviles y tablets.
Requisitos de hardware
Estos requisitos son para un sistema windows xp.
Se recomienda: Procesador: 2.4 GHz Pentium IV || Memoria: 512 MB RAM || espacio libre en el disco: 32MB
En cualquier ordenador con un sistema operativo más nuevo debería funcionar a la perfección.
Guía de instalación
Necesitaremos entrar en la página web de la herramienta para descargar la versión que necesitamos para nuestro SO.
URL: http://pencil.evolus.vn/Downloads.html
Windows 10
Tras la descarga lo ejecutamos, aceptamos los términos de uso y después seleccionamos donde queremos instalar el programa.
Después de esto solo necesitamos ejecutarlo.
Ubuntu 16.04
Para la versión de ubuntu que es el sistema operativo que hemos elegido para la distribución de linux, tendremos que descargar la versión señalada a continuación:
La versión evoluspencil_2.0.5_all.deb también es compatible con versiones anteriores.
A Continuación comprobamos donde se descargó el programa de instalación, en mi caso fue en Downloads.
Después ejecutamos el comando:
sudo dpkg -i evoluspencil_2.0.5_all.deb
Podemos buscar la aplicación para iniciarla y comprobar que se instaló satisfactoriamente.
Estructura del programa
Nos encontramos con esta vista en los dos sistemas operativos, este será el espacio de trabajo sobre el que iremos creando nuevas páginas o duplicando las que ya tenemos.
Manual de usuario
Para crear un nuevo proyecto o exportar e importar proyectos seleccionaremos Document y la opción que queramos.
Tras crear el nuevo proyecto añadiremos los componentes que queramos sobre el workspace arrastrandolos desde el panel de la izquierda, en este caso hemos escogido un móvil y una tablet android. Cada panel que añadimos tiene su propiedades según las cuales se nos permitirá cambiar unas cosas u otras.
Un ejemplo de iteración puede ser una búsqueda para la cual hemos creado la siguiente vista :
Tenemos que hacer un link en el panel de escribir para que este nos lleve a la nueva página de resultados.
De forma que cuando pulsemos sobre el panel de escribir(preferiblemente sobre el botón de search) nos llevará a este otro.
Después solo faltaría exportar el mockup y comprobar que los link estan bien.
Anexos
- Manual de usuario de pencil project: http://www.codeblocks.org/user-manual
- Ficha docente de la asignatura Desarrollo de sistemas interactivos del curso 2016/2017: http://www.fdi.ucm.es/Pub/ImpresoFichaDocente.aspx?Id=1111
Source by albertoMarquez and AdriPanG
Esta obra está bajo una Licencia Creative Commons Atribución 4.0 Internacional
