Taller #2 - Optimización css e interacción Javascript

[xacarana]

Cronograma del curso - Fechas actualizadas



Para hoy

Las evidencias se deben publicar como post reply en este foro

1. Quiz sobre fundamentos de programación en JAVA
2. Leer la presentación complementaria de estilos
3. Leer la presentación sobre javascript
4. Realizar la validación de campos (si aplica)
5. Cada estudiante debe tener una foto reciente que lo identifique al postear 5%
6. Publicar correctamente, con recursos visibles en el foro 5%
7. Creación de wireframes digitales y montaje de la aplicación usando balsamiq o software similar 20%
8. Realizar la programación de la interacción con javascript 40%
9. Actualización de repositorio y sitio web online 10%
10. Mejora de la interfaz gráfica (optimización de imágenes, fuentes, archivos...) 10%
11. Orden del proyecto (nombre de archivos, tamaño de los archivos, buenas prácticas) 5%
12. Navegación completa entre todas las secciones de la aplicación (mínimo 5 vistas) 5%

Alternativas para crear wireframes y mockups interactivos Gratuitos

• Inkscape: Software vectorial de proposito general, se recomienda su uso si tiene conocimientos de gráficos vectoriales
• Pencil: Herramienta de prototipado y creación de mockups
• InVision: Herramienta de prototipado, fácil de integrar con otras herramientas, también es free
• Marvel:Herramienta de prototipado, que se integra con herramientas como dropbox, drive y sketch.

Recomendado para grabar la pantalla

• Para grabar la pantalla, para caputar la interacción del mockup LICEcap
• No he probado esta opción, pero parece buena grabilla.com

[wolffvel93]

Con respecto a la entrega, tengo una duda: ¿A qué se refiere con interacción con Javascript? ¿Qué supone que se le debe agregar a la aplicación?

[Esteban Cardona]

MockUp
https://marvelapp.com/4e2f5ei


http://astrolog.comli.com/



BitBucket: Actualización del repositorio




FileZilla: Actualización del sitio Web



Imgur: Optimización (Ahora la galería hace uso del api de Imgur para cargar las imágenes)

[JuanG]

Pagina web

http://mercafeliz.azurewebsites.net/index.html

Repositorio MercaFeliz en Bitbucket

https://bitbucket.org/jggrjuan/mercafeliz-appmoviles



Interaccion con la pagina web y sus mejoras



Mockup

[Alejandro Villa]

Mockup en marvel:


Repositorio en Bitbucket:
https://bitbucket.org/Byllin/freaksngeeks/commits/all

Página: https://appmovilesavcupb.000webhostapp.com/

Wireframes digitales:

[alvarezrozo]

wireframes digitales:

Repositorio: https://bitbucket.org/alvarezrozo/appmoviles

Sitio web: http://promcafe.epizy.com/?i=1

Mockups: https://youtu.be/_Lbexaa5d4Y - https://marvelapp.com/ij5h7c6/screen/30972628

[Natalia Celis]

Natalia Celis M.

Actualizacion Pg Web
http://academicso.epizy.com/index.html

Imagen Servidor


Mockup digital
https://marvelapp.com/6d45h4h/screen/32580738

Repositorio

[wolffvel93]

Mockup:
https://marvelapp.com/3f63ag1

web:

https://appmovilpaw.000webhostapp.com

Repositorio:

[Andres Morales]

Nombre: Andres Fernando Morales Gonzalez
Repositorio Actualizado: https://bitbucket.org/xX_andrescol_Xx/a ... utasencasa
Host: http://andresmoralesg.000webhostapp.com/index.html


Wireframes digitales:

[dayrondlr]

Aplicación Móvil: https://tucodigo-b5a6a.firebaseapp.com/

Repositorio: https://Dayrde@bitbucket.org/Dayrde/nemotec.git



https://www.slideshare.net/secret/EvnehM6s9QKJKp