sábado, 28 de noviembre de 2015

Semana 23-29 Noviembre


Implementación de BootStrap, JQuery, CSS, HTML para el Proyecto


Esta semana se hizo la revisión del prototipado que se realizo la semana pasada para poder hacer el diseño de las paginas.

Las paginas que me encarge del proyecto fueron la pagina de Inicio y la pagina de Perfil  de Usuario.

Las paginas de modeladores online fueron fuente de inspiración en la creación de las mismas , estas fueron:
-LucidChart
-Cacoo
-Creately

Para hacer el diseño utilice la pagina de referencia del curso que es la  http://www.w3schools.com/ para hacer el maquetado y también consulte la pagina http://www.quackit.com/ que tiene ejemplos de componentes que se pueden añadir a la página.

Para agregar  componentes como el carrusel entre otros , busque paginas de templates que implementaban bootstrap.

Las que mas visite fueron las siguientes:

*http://bootsnipp.com/-Para hacer los sliders y el footer para las redes sociales.

*https://bootstrapbay.com/ -Header y consulta en general.

*http://www.bootply.com/-Labels , entre otros y CSS.

También visité páginas que combinaban bootstrap con jquery , Jqueryrain.com fue una de ellas.


Pagina de Inicio



Imagen 1: Página de Inicio(Nav-Bar ScrollSpy ;  Header;  divs; Labels; Botones de Login - Sign Up)




Imagen 2 : Página de Inicio (Carrosel ;  Contacts-Cards)

Pagina  Perfil-Usuario


Imagen 3: Página Perfil-Usuario (Estructura de la Página - Sección : Información Personal ,  Documentos Compartidos ,  Documentos Creados )

martes, 17 de noviembre de 2015

Semana 16-22 Noviembre


Prototipado GUI del Proyecto


Esta semana se hizo la revisión de las paginas que habíamos buscado todas y discutimos acerca de los
detalles que debe tener la pagina y como estarían distribuidas para poder realizar el avance 1 que es el de prototipos.
Se selecciono la herramienta para usar los prototipos creately y hicimos :

-La pagina de Inicio.
-Sign up.
-Sign in.
-La Pagina del perfil de usuario.
-La Pagina en donde el usuario crea los diagramas .


Todas contribuimos con ideas para las paginas y luego de hacer el prototipado en papel , nos dividimos y nos ocupamos de lo que le tocaba a cada una.

Lo que yo tuve que hacer fue la Pagina de Inicio y el Pagina de Perfil de Usuario.

Pagina de Inicio
Pagina de Perfil de Usuario


Semana 9-15 Noviembre



Revisión de Modeladores Online y Creación de Repositorio en GitHub



La semana pasada estuve revisando modeladores en Internet y encontré algunos que nos inspiramos para hacer los prototipos .Los modeladores que revise fue:


  • gliffy.com
  • creately.com
  • lucidchart.com
  • cacoo.com
  • draw.io
  • yum.le
  • genmymodel.com

Instale gitub,y cree el repositorio del proyecto llamado DOS_Daw(Desiderio-Oyola-Sarmiento)
para poder agregar la documentación y el código de la pagina web,  y lo compartí con mis 
compañeras.

Investigue acerca de las librerías :JQuery, AngularJS y NodeJS y cree una carpeta en el
repositorio del proyecto llamada librerías , en la cual añadí los fuentes y los ejecutables que
encontré en las paginas oficiales de cada una.