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

En esta sección se resolverán dudas relacionadas con la creación de aplicaciones híbridas, haciendo énfasis en temas relacionados con Javascript y frameworks de Javascript como Angular y Jquery.

Moderator: julianmartinez16

User avatar
xacarana
Site Admin
Posts: 1028
Joined: Fri Jan 15, 2016 6:13 pm

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

Post by xacarana » Sun Jul 23, 2017 6:11 pm

Image

Cronograma del curso - Fechas actualizadas

Image

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
Andrés Bedoya Tobón
Profesor
"I only smile in the dark, I only smile when it's complicated" Raybiez

User avatar
wolffvel93
Posts: 34
Joined: Sun Jul 23, 2017 11:06 pm

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

Post by wolffvel93 » Tue Jul 25, 2017 4:49 pm

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?

User avatar
Esteban Cardona
Posts: 21
Joined: Mon Jul 17, 2017 8:33 am

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

Post by Esteban Cardona » Thu Jul 27, 2017 8:40 pm

MockUp
https://marvelapp.com/4e2f5ei
Image

http://astrolog.comli.com/



BitBucket: Actualización del repositorio
Image
Image


FileZilla: Actualización del sitio Web
Image


Imgur: Optimización (Ahora la galería hace uso del api de Imgur para cargar las imágenes)
Image
Last edited by Esteban Cardona on Fri Aug 04, 2017 11:52 pm, edited 2 times in total.
Esteban Cardona Álvarez
Gestión de la Calidad

User avatar
JuanG
Posts: 24
Joined: Mon Jan 23, 2017 12:14 pm

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

Post by JuanG » Sat Jul 29, 2017 7:22 pm

Pagina web

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

Repositorio MercaFeliz en Bitbucket

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

Image

Interaccion con la pagina web y sus mejoras



Mockup

Last edited by JuanG on Mon Aug 07, 2017 11:10 am, edited 2 times in total.

User avatar
Alejandro Villa
Posts: 35
Joined: Mon Jul 17, 2017 8:30 am

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

Post by Alejandro Villa » Sun Jul 30, 2017 1:22 pm

Mockup en marvel:
Image

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

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

Wireframes digitales:
Image
Image
Image
Image
Image
Image
Image
Last edited by Alejandro Villa on Sat Aug 05, 2017 12:26 am, edited 3 times in total.
Alejandro Villa Cárdenas
Gestión de la calidad del Software
"Forward Always"

User avatar
alvarezrozo
Posts: 16
Joined: Mon Jul 17, 2017 8:31 am

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

Post by alvarezrozo » Sun Jul 30, 2017 2:14 pm

Last edited by alvarezrozo on Mon Jul 31, 2017 8:31 pm, edited 3 times in total.

User avatar
Natalia Celis
Posts: 5
Joined: Mon Jul 17, 2017 8:34 am

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

Post by Natalia Celis » Sun Jul 30, 2017 8:29 pm

Natalia Celis M.

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

Imagen Servidor
Image

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

Repositorio
Image
Last edited by Natalia Celis on Tue Sep 19, 2017 9:53 am, edited 1 time in total.


User avatar
Andres Morales
Posts: 41
Joined: Mon Jul 17, 2017 8:38 am

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

Post by Andres Morales » Sun Jul 30, 2017 11:37 pm

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


Wireframes digitales:

Image
Image
Image
Image
Image
Image
Image
Image
Last edited by Andres Morales on Mon Aug 07, 2017 7:52 pm, edited 1 time in total.

User avatar
dayrondlr
Posts: 18
Joined: Mon Jul 24, 2017 10:48 pm

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

Post by dayrondlr » Mon Jul 31, 2017 9:12 am

Last edited by dayrondlr on Thu Aug 10, 2017 6:56 am, edited 4 times in total.

Post Reply