Desarrolloweb Xpress

Blog para materia desarrollo de aplicaciones web

.

Circulo cromatico

Escrito por desarrolloweb-xpress 23-02-2018 en Post. Comentarios (0)

CÍRCULO CROMÁTICO

El círculo cromático es una representación visual de los colores primarios, rojo, amarillo y azul, y su combinación para crear todos los demás colores visibles. Ayuda a las personas a comprender las relaciones entre los colores para el arte y la planificación del diseño, por ejemplo las combinaciones de colores. Recuerde que el negro y el blanco no aparecen en el círculo. El efecto del negro y el blanco en relación al espacio de color se trata en la página de CARACTERÍSTICAS DEL COLOR y se denomina "valor".


Colores Primarios

Como ya mencionamos, los colores primarios son el rojo, amarillo y azul. Se denominan primarios porque no se basan en algún otro color. Pueden combinarse para crear cualquiera de los otros colores del círculo cromático. La mezcla de pigmentos de los tres colores primarios forma el color café.

Colores Secundarios

Los colores secundarios son tres. Se crean mediante la mezcla en cantidades iguales de dos colores primarios. Aparecen en el círculo cromático entre los dos colores primarios que los componen.
  • Naranja = rojo + amarillo
  • Verde = azul + amarillo
  • Morado = rojo + azul

Colores Complementarios

El color primario directamente al frente de un color secundario en el círculo se denomina color “opuesto” o “complementario”. Tienen efectos interesantes entre sí, los que trataremos después. Recuerde que cada par complementario consiste en un color cálido y uno frío. Los grupos de colores complementarios son:
  • Rojo y verde
  • Azul y naranja
  • Amarillo y morado

Colores Terciarios

Terciario se refiere a "tercero". Estos seis colores son el tercer nivel de mezcla de colores RYB. Se forman mediante la mezcla de un color secundario con uno de los colores primarios adyacentes en el círculo cromático. Todos los colores del rojo al amarillo puro se denominan “cálidos”. Del amarillo-verde al rojo-morado se denominan “fríos”. Entre los colores terciarios están:
  • Azul-verde
  • Rojo-naranja
  • Amarillo-naranja
  • Amarillo-verde
  • Rojo-morado
  • Azul-morado

Importancia del Circulo Cromatico

Es el fundamento principal en el estudio de los colores; tanto en lo teórico como en la práctica, de ahí podemos apreciar en síntesis todas las cualidades cromáticas. 

El color tiene mucha jerarquía en la pintura, ya como medio de expresión, porque los colores, además de mostrarnos el estado físico de las cosas con más propiedad que la forma, nos revelan también el estudio moral de las personas y la idea de la forma y el espacio.

Colores Calidos

Son aquellos colores que dan sensación de calor, son luminosos, limpios y transparentes. 

a. 

Características Estéticas:

- Óptimamente reducen los espacios en el cuadro.

-  Tiene la propiedad de acercar la figura a un primer plano.

- Son colores luminosos, alegres y transparentes.

- Psicológicamente influyen sobre el espíritu y el sistema nervioso.

Colores Frios

Son aquellos colores opacos y que dan sensación de frialdad y que se usan para pintar ambientes fríos.

a. 

Características Estéticas:

- Dan sensación de especialidad al cuadro o al ambiente.

- Tiene la propiedad de llevar la figura a un segundo plano.

- Carecen de luminosidad y brillo, por ello se le llaman colores opacos.

- Psicológicamente influyen sobre la estabilidad emocional, pues dan sensación de  tristeza, depresión y silencio.

- La distinción entre los colores cálidos y fríos, es una manera de clasificar los colores por medio de gamas.

Colores Analogos

Es aquel color dominante que se encuentra rodeado o yuxtapuestos con colores afines o suaves.

Colores Tierra o Quebrados

Resulta de la mezcla de un color primario con su complementario, mal combinado tiende a destruirse.

Armonía Cromática

Es la distribución equilibrada de tonos y valores dentro del espacio del cuadro para lograr compensación colorística y que permite hallar la concordancia de un color con respecto a otro o de varios colores entre sí, hasta alcanzar su más alto valor estético.

Armonía de complementarios divididos

Esta conformado por un color primario y los adyacentes de su color complementarios. 


Prototipos

Escrito por desarrolloweb-xpress 16-02-2018 en Post. Comentarios (0)

Prototipos

Definicion

Un prototipo en software es un modelo del comportamiento del sistema que puede ser usado para entenderlo completamente o ciertos aspectos de él y así clarificar los requerimientos... Un prototipo es una representación de un sistema, aunque no es un sistema completo, posee las características del sistema final o parte de ellas.

Hoy en día los desarrolladores de estos lenguajes formales están desarrollando entornos interactivos que:

  • Permitan al analista crear interactivamente una especificación basada en lenguaje de un sistema o software.
  • Invoque herramientas automáticas que traducen la especificación basada en el lenguaje de código ejecutable.
  • Permitan al cliente usar el código ejecutable del producto para refinar los requisitos formales.
  • Métodos y herramientas para el desarrollo de los prototipos, para la selección de un enfoque apropiado de creación de prototipo.

Importancia

Ningún otro proceso puede reemplazar el prototipado. Es en esta fase donde se pone a prueba la funcionalidad del sitio web o aplicación y puedes verificar cómo tus ideas en papel y bocetos se trasladan a la realidad, a un modelo interactivo. Gracias a los prototipos puedes descubrir los errores y las posibles mejoras que puedes realizar a tu aplicación o sitio web.

Si aún no estás convencido de incluir la fase de prototipado en tu proceso de diseño, te listamos algunos de sus principales beneficios:

  • Mejora la comunicación: Si trabajas con un equipo, realizar la fase de prototipado en conjunto lleva al diálogo y solución de problemas de modo creativo. Es en esta fase donde se exploran las limitaciones y el alcance de cada solución y se pueden medir los resultados y beneficios en base a esto.
  • Puedes verificar resultados: Si bien la fase de bocetos es importante pues te permite desarrollar soluciones de manera creativa, nada se compara con la realidad. Probablemente halles que al trasladar tus bocetos a la realidad hay ciertos detalles que debes modificar. Nuevos retos se presentan y de ti depende solucionarlos de manera efectiva.
  • Permite convencer a tus clientes: Los prototipos te permiten vender tu idea y pueden ser excelentes herramientas para tus clientes más exigentes. Experimentar una versión beta del sitio web o aplicación es invaluable, tanto para ti como para tus clientes, pues pueden visualizar en vivo tus ideas.
  • Útiles para pruebas de usabilidad: Poner a prueba tus prototipos frente a un grupo seleccionado puedes hallar problemas y solucionarlos a tiempo. Incluso podrías ser capaz de detectar errores que pasaste por alto o que tal vez no te parecían tan importantes, pero que para los usuarios sí que marcan la diferencia.

Tipos de prototipo

Baja Fidelidad vs. Alta Fidelidad
  • Baja Fidelidad: conjunto de dibujos (por ejemplo, una presentación de escenarios) que constituye una maqueta estática, no computerizada y no operativa de una interfaz de usuario para un sistema en planificación.
  • Alta Fidelidad: conjunto de pantallas que proporcionan un modelo dinámico, computerizado y operativo de un sistema en planificación.
Exploratorio vs. Experimental vs. Operacional
  • Exploratorio: prototipo no reutilizable utilizado para clarificar las metas del proyecto, identificar requerimientos, examinar alternativas de diseño o investigar un sistema extenso y complejo.
  • Experimental: prototipo utilizado para la validación de especificaciones de sistema
  • Operacional: prototipo iterativo que es progresivamente refinado hasta que se convierte en el sistema final.
Horizontal vs. Vertical
  • Horizontal: prototipo que modela muchas características de un sistema pero con poco detalle. Dicho detalle alcanzará una profundidad determinada, va a resultar especialmente útil en las etapas tempranas de diseño y tiene como objetivo el test del modo de interacción global, al contemplar funciones comunes que el usuario va a utilizar frecuentemente.
  • Vertical: prototipo que modela pocas características de un sistema pero con mucho detalle. Va a resultar especialmente útil en etapas más avanzadas del diseño y tiene como objetivo el test de detalles del diseño
  • Diagonal: prototipo horizontal hasta un cierto nivel, a partir del cual se puede considerar vertical
Global vs. Local
  • Global: prototipo del sistema completo. Prototipo horizontal expandido que modela una gran cantidad de características y cubre un amplio rango de funcionalidades. Va a resultar muy útil a lo largo de todo el proceso de diseño.
  • Local: prototipo de un único componente o característica del sistema de usabilidad crítica. Va a resultar de utilidad en algunas etapas específicas del proceso de diseño.

A continuación se presentan tres de las mejores herramientas para diseñar prototipos, no tienen ningún orden.

Proto.io

Proto.io es la herramienta que más nos gusta en Ubicuo Studio. Es, de hecho, el programa de prototipado de apps que enseñamos a usar a nuestros alumnos en el "Curso online de diseño y conceptualizacion de apps" Hemos escogido esta herramienta porque permite que el diseñador, sin saber programar, consiga diseñar una app que se parece casi al 100% a una app real. Hablamos de interactividad, transiciones animadas y de incluso funcionalidades. Sí, con proto.io podemos definir ciertas funcionalidades de manera que nuestra app se parecerá un montón a la app final programada. ¿De qué sirve esto? Un prototipo es una herramienta que nos permite comunicarnos con el cliente, el resto del equipo e incluso con nosotros mismos. Los prototipos tienen una doble funcionalidad: poder definir qué diseño tendrá nuestra app (interactividades y animaciones incluidas) sin tener que recurrir a la programación para ello -por lo tanto, hacer más económico el desarrollo de una app- y, por el otro lado, tiene una función divulgativa/pedagógica. A través del prototipo podemos comunicarnos y podemos trabajar entre todos para que este mejore antes de que la app entre en desarrollo. 


InVision App

InVision es un programa para prototipar apps muy parecido a Marvel, aunque más potente en algunos aspectos que comentaremos en esta entrada. Es parecido a Marvel en el sentido que Marvel parte de la idea que el usuario suba sus pantallas ya diseñadas y a partir de ahí poder añadirle diferentes interactividades mediante gestures y diferentes transiciones entre pantallas. Así, el funcionamiento básico de InVision (y Marvel) es que el usuario diseñe previamente unas pantallas con otro programa para hacer prototipos, luego suba esos prototipos a la plataforma y empiece a añadirle interactividades de manera que esas pantallas queden entrelazadas entre sí.

InVision, además, ofrece muchas funcionalidades relacionadas con trabajar en equipo. En este sentido, lo podríamos considerar como una herramienta de gestión de proyectos. 

Ofrece la posibilidad de hacer una presentación en vivo y en directo desde InVision con la herramienta “LiveShare”, que permite convertir la pantalla en una pizarra para que podamos anotar cualquier cosa que surja durante la reunión.

Conectado con DropBox, InVision nos permite tener un control de diseños previos. 

Los precios de InVision empiezan por un plan de 0$ que nos permite tener un proyecto. A partir de ahí, vamos pagando para poder tener más proyectos y en la opción de “Team”, además, tenemos la opción de tener hasta 5 usuarios conectados con la misma cuenta.


Axure

Axure es uno de los estándares de la industria de software  orientada a diseñar wireframes y generar prototipos básicos o avanzados de forma fácil. Esta herramienta está dirigida tanto a la creación de  aplicaciones web como de escritorio. Es muy fácil comenzar a trabajar con Axure, la herramienta es muy intuitiva y podemos empezar a producir casi inmediatamente sin necesidad de seguir un manual, sin embargo, esto puede ser un peligro ya que no descubriríamos todas sus posibilidades.

El software está disponible en el mercado en dos versiones: Standard y Axure RP Pro. Ambas versiones tienen un coste de varios cientos de dólares, pero podrás descargar una versión trial por 30 días. Si eres estudiante podrás conseguir la versión  Pro de forma gratuita ya que dispone de una licencia para estudiantes y profesores.

El programa tiene por defecto una amplia gama de widgets con los cuales se pueden crear interfaces de una forma rápida y sencilla . Podemos crear controles personalizados mediante la combinación de los widgets existentes y la asignación de acciones en respuesta a eventos como OnClick, Onmouseover y onMouseOut o gestos como deslizar.

Una de sus características más interesantes es que  genera prototipos HTML  de sitios web sin necesidad de ningún tipo de codificación así como documentos de Microsoft Word para los procesos de documentación. La posibilidad de exportar el prototipo en HTML resulta ideal para documentar el funcionamiento y para realizar pruebas de usuario, y si lo hacemos  en un documento Word recogerá, además de las interfaces diseñadas, todas las anotaciones que se hagan sobre el funcionamiento de cada página, módulo o componente.


Conclusión

Los prototipos son muy necesarios en el proceso de creacion de una aplicacion web ya que permite darnos una idea mucho mas clara y concisa de lo que queremos en nuestra aplicacion, ademas uno de los objetivos principales de esto es poder tener un diseño casi completo y ver como sera su funcionamiento. 

Con los softwares anteriormente mencionados podemos crear diseños muy completos y con muchas funcionalidades, son herramientas relativamente sencillas de usar y que podrian ayudar mucho para un proyecto, igual se podrian elegir otros softwares dependiendo las necesidades de el equipo de trabajo y que es lo que se quiere lograr.

Evidencia1 - Mapa mental - "Evolucion de la Web"

Escrito por desarrolloweb-xpress 16-02-2018 en Post. Comentarios (0)

En esta evidencia realizamos un mapa mental acerca de la evolucion de la web, desde su creacion para uso del gobierno y militar hasta como fue cambiando y fueron surgiendo diversos lenguajes como PHP o HTML para la creacion de aplicaciones web.

Portada

Escrito por desarrolloweb-xpress 13-02-2018 en Presentacion. Comentarios (0)

Desarrolla aplicaciones web

Roberto de Jesús Macias Tovar

4°A


La aparición de Internet y su evolución durante las últimas décadas ha cambiado el comportamiento social y comercial de la mayor parte de personas en el mundo. Hace unos años el concepto de aplicación web empezó a llamar la atención y hoy son miles las personas que usan las apps para comunicarse, socializar, aprender, comprar, divertirse, etc.

Una persona preparada para ejercer la actividad de desarrollar, programador web, experto multimedia y tantas otras posiciones, no solo es un punto de fuerza en el mercado laboral si no un profesional capaz de cambiar la cosas con sus conocimientos. Innovar en tecnología es el objetivo tantas empresas de todos los tamaños y sectores y cada vez se dedican presupuestos mayores a estos fines. Objetivos que son conseguidos únicamente gracias a la presencia activa de personas con perfiles especializados que trabajan para lograrlos.

Al finalizar los estudios de FP en aplicaciones web, la persona egresada podrá ejercer su actividad tanto en el sector privado como en el público (ya que los estados se interesan cada vez por la tecnología: herramientas de comunicación, mejora de procesos, sistematización de actividades y gestiones, etc.). El profesional de aplicaciones web tiene un perfil que puede adaptarse a cualquier tipo de empresa y que, por ello, tiene muchas salidas en el mercado laboral.