Internet no para de evolucionar en todos y cada uno de los sentidos, aun en su tecnología. Hay cosas que se van poniendo de moda y luego, poquito a poco, se van dejando a un lado, otras en cambio llegan con suficiente fuerza como para que todos sepamos que marcan el "camino a proseguir".

El "Adaptable Design" o en castellano "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que permite que nuestras webs se adapten a la pantalla del usuario que está viéndolas. El Adaptable Design se ha puesto muy de moda con el apogeo de la navegación móvil, pero va considerablemente más allá, se trata de webs con diseños inteligentes (smart que dirían los ingleses) que facilitan la usabilidad de las webs en funcion de quien las observa.

Pero el Adaptable Design no son bien simples añadidos a una web, es una filosofía del desarrollo del front de la misma totalmetne diferente y que abarca tal cantidad de detalles que resulta impracticable para muchas empresas y realmente complejo para otras. Realmente yo a día de el día de hoy no aconsejo realizar webs en Adaptable Design, pues no estamos preparados para ello, pero si que podemos sacar determinados conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-adaptables y mejorar la experiencia del usuario. Quizá no hasta el nivel que los diseños adaptables que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos valga la pena.

Back to top

1) Por qué es complejo desarrollar webs en adaptable design

Básicamente por 2 motivos:

Usamos CMS (Gestores de contenidos) a fin de que puedas modificar tu web o bien incluir nuevo contenido desde tu panel de administración. Los facilitamos al máximo para que no tengas ningún problema, y te damos unas clases y asesoría constante, deja de preocuparte, en caso de que no puedas siempre y en toda circunstancia vamos a estar para que tu contenido sea incluido.

No confundir gestor de contenidos con el editor de contenidos. Este último es para dar formato a los textos de por ejemplo a un artículo de un weblog, tal y como si lo hicieramos en un archivo word. El gestor de contenidos sería en cambio la plataforma completa que se emplea para manejar toda la web.

No te amedrentes, la imagen sobre estás lineas no tiene nada que ver con la realidad, es todo considerablemente más sencillo ;).

En la actualidad existen muchos gestores de contenidos de código abierto, mas entre todos, resaltan tres.

Quizá la razón de su popularidad es que los tres están realizados en un lenguaje de programación tan popular como es PHP con sus consabidos beneficios como son su gran soporte, bajo costo (es gratis) y su madurez, lleva muchos años entre nosotros.

1) ¿Cuál es el mejor CMS?

Para nosotros el ganador es indudablemente Drupal, por la siguiente razón:

Todo lo que puedes hacer en WP o bien Joomla lo puedes hacer en Drupal, pero no al revés.

Hoy en día, las empresas deben contar con una página web para poder entrar en el mercado con garantías. Muchas personas que buscan progresar su marca personal también cuentan con un espacio en Internet. Por costos, sencillez de uso y posibilidades de autogestión, muchos apuestan por crear su sitio con un gestor de contenidos. Entre los más frecuentes, Drupal, Joomla, WordPress o bien Prestashop.

En este artículo vamos a analizar las posibilidades que ofrece cada uno, a fin de que de esta manera se pueda escoger el que mejor responde a las necesidades de cada uno de ellos.

Back to top

1) ¿Qué es un gestor de contenidos?

Empecemos por el principio. Los gestores de contenidos o bien CMS (por las siglas del inglés Content Management System) son aplicaciones on line que permiten administrar los contenidos de un sitio. Esto es, desde diseñar el aspecto, crear los contenidos y editarlos al gusto del usuario. Dejan crear nuevas pestañas y cambiar las existentes, usar galerías de imágenes, portfolios o redactar posts en el blog.

Si muchos se deciden por este método para crear las páginas webs personales o bien de su negocio es por los beneficios que ofrece su naturaleza.

Back to top

1) Introducción

El propósito de este artículo es estudiar las etapas del diseño de una web o bien una aplicación informática y analizar cuál es el modo perfecto de proceder al acometer un proyecto, teniendo en cuenta además el momento actual en el desarrollo de webs y aplicaciones informáticas en el que hay multitud de dispositivos, algo que previsiblemente se acentuará en el futuro. Además, realizaremos una introducción a las primordiales herramientas que un diseñador puede usar para progresar la calidad de su trabajo y de su productividad.

Antes de nada, veremos qué es y que no es un sketch, un wireframe , un mockup y un prototipo, conceptos sobre los que hay bastante confusión y no deben ser confundidos unos con otros y sobre los que es complicado hallar información precisa. Esta confusión es singularmente relevante entre wireframe y mockup ya que muchos programas de ayuda en el diseño dejan hacer las dos actividades en exactamente el mismo programa. No sólo hay diferencias ideales entre unos y otros, sino también hay que tener en consideración pueden existir repercusiones económicas en un proyecto, puesto que usar uno u otro influye en la cantidad de horas de invertidas en el desarrollo/diseño y por tanto acrecentar los costes asociados.

Todos estos pasos son parte integral del proceso de diseño UX, y así a cada uno hay que darle la debida atención

Antes de pasar a la fase de desarrollo de un sitio o bien aplicación, es conveniente pasar por estas etapas preliminares. Estas etapas también permiten al equipo de trabajo y, a veces, para grandes proyectos, que algunos usuarios o los denominados beta-tester pongan a prueba la apariencia, estructura y funcionalidad antes de su lanzamiento.

Lo ideal es que estas etapas preliminares permitan localizar cualquier problema mientras está todavía en fase inicial y afinar así su diseño, estructura o bien funcionalidad, para comunicar su mensaje con más claridad.

Antes de continuar, hay que aclarar el significado de UX, si bien es algo conocido por los diseñadores, no lo es tanto por las personas que se están empezando en este sector.

Encontrar una definición consensuada para UX o experiencia de usuario(Usuario experience ), un concepto de tan reciente aparición en el campo del diseño no resulta fácil. Para Arhippainen y Tähti la Experiencia del Usuario es simplemente como la experiencia que consigue el usuario cuando interactúa con un producto en condiciones particulares. No obstante Knapp Bjerén la define como «el conjunto de ideas, sensaciones y valoraciones del usuario resultado de la interacción con un producto; es resultado de los objetivos del usuario, las variables culturales y el diseño del interfaz».

 

Back to top

1) Abstract

En los últimos tiempos ha surgido con mucha fuerza el término de ‘web services’, aun afirmándose que el mismo cambiaría la forma de programar las aplicaciones orientadas a Internet cara una arquitectura orientada a servicios. Todo esto se ha visto potenciado luego del anuncio de Microsoft de su nueva estrategia .NET que está basada en el modelo de web services.

 

Este documento describe que son los web services y como es la arquitectura general del modelo, de forma adicional se provee una introducción de los estándares en los cuales se fundamenta este modelo como ser SOAP, WSDL y UDDI.

 

Back to top

2) ¿Qué es un web service?

Un web service es una aplicación que puede ser descrita, publicada, localizada y también invocada a través de una red, por norma general Internet. Combinan los mejores aspectos del desarrollo basado en componentes y la Web.

Al igual que los componentes, los web services son funcionalidades que se encuentran dentro de una caja negra, que pueden ser vueltos a utilizar sin preocuparse de cómo fueron incorporados. En contraste a la presente tecnología de componentes, no son accedidos a través de protocolos específicos del modelo de objetos como ser RMI, DCOM o IIOP; sino que son accedidos utilizando protocolos web como ser HTTP y XML.

La interface de los web services esta definida en términos de los mensajes que el mismo acepta y regresa, por lo cual los consumidores de los web services pueden ser incorporados en cualquier plataforma y en cualquier lenguaje de programación, solo tiene que poder crear y consumir los mensajes definidos por la interfaz de los web services.

 

Back to top

3) El modelo de web services.

La arquitectura básica del modelo de web services describe a un consumidor, un distribuidor y ocasionalmente un corredor (broker). Relacionados con estos agentes están las operaciones de publicar, encontrar y enlazar.

La idea básica consiste en que un proveedor publica su servicios en un corredor, luego un consumidor se conecta el corredor para hallar los servicios deseados y una vez que lo hace se efectúa un nudo entre el consumidor y el distribuidor.

Cada entidad puede jugar alguno o bien todos y cada uno de los papeles.

 

Por todo lo precedente hay ciertos requerimientos a la hora de desarrollar o consumir un web services:

• Una forma estándar de representar los datos.

XML es la opción obvia para este requerimiento.

Cuando alguien me pregunta: -Jesús, ¿cuál es el costo de una web?. Yo les suelo responder con otra pregunta, para que puedan ententer la disparidad que existe entre los diferentes costes de páginas.

¿Cuál es el costo de una casa?, ¿y una tienda?

Las webs al igual que las tiendas o bien las casas, tienen distintos precios en función de lo que necesites:

• Tamaño: Una casa de 50m o bien una de 200m.
• Estilo: Como de moderna sea, los materiales que se empleen para su construcción, los acabados de exactamente la misma, etc.
• Calidades: Existen distintas calidades entre unos mismos materiales, en las páginas web asimismo.
• Empresa: Existen diferentes costos entre empresas que ofrecen el mismo o prácticamente exactamente el mismo servicio.

Esto nos lleva a una enorme variabilidad de precios, y es que en las webs personalizadas NO existen costes estándar porque no son productos homogéneos como los billetes de lotería o los lapiceros.

Ahora que tienes una visión global sobre por qué razón varían tanto los costes de las páginas veremos de qué forma valorar estas variables y lograr elegir la mejor página web según tu presupuesto y necesidades.

El "Adaptable Design" o en castellano "Diseño adaptativo", es una de estas últimas. Un sistema basado en los estándares web actuales que permite que nuestras webs se adapten a la pantalla del usuario que está viéndolas. El Adaptable Design se ha puesto muy de moda con el apogeo de la navegación móvil, pero va considerablemente más allá, se trata de webs con diseños inteligentes (smart que dirían los ingleses) que facilitan la usabilidad de las webs en funcion de quien las observa.

Pero el Adaptable Design no son bien simples añadidos a una web, es una filosofía del desarrollo del front de la misma totalmetne diferente y que abarca tal cantidad de detalles que resulta impracticable para muchas empresas y realmente complejo para otras. Realmente yo a día de el día de hoy no aconsejo realizar webs en Adaptable Design, pues no estamos preparados para ello, pero si que podemos sacar determinados conocimientos sobre estas aplicaciones para hacer nuestras webs seudo-adaptables y mejorar la experiencia del usuario. Quizá no hasta el nivel que los diseños adaptables que vamos viendo nos marcan pero si con suficiente calidad como para que el ratio "mejoría/coste" nos valga la pena.

Back to top

1) Por qué es complejo desarrollar webs en adaptable design

Básicamente por 2 motivos:

• Porque es una tecnología verde, donde las diferentes opciones para su aplicación uso aun no están lo suficientemente desarrolladas para saber "cual es la mejor". Aunque no paran de aparecer novedades al respecto, No hay un framework ganador ni un estándar sobre como resolver la mayoría de dificultades.
• Porque un diseño adaptativo no nace en la tecnología, sino en el diseño de la web. No se trata solo de que una vez tengamos nuestro diseño terminado debamos diseñar como cambiará con distintas pantallas y dispositivos, sino que de manera directa hay que diseñar las webs pensando como se comportará. Esto, resulta extremadamente complejo para diseñadores que no saben precisamente como reacciona cada elemento a su adaptabilidad duplicando o tresdoblando el trabajo del maquetador que lo hace efectivo.

En definitiva, precisamos más tiempo para que la mayor parte puedan permitirse trabajar con diseños adaptativos. Precisamos que los conocimientos globales del campo (maquetadores, diseñadores, programadores e inclusive el personal comercial y de marketing) evolucionen en este sentido. Solo así vamos a poder acortar los tiempos de desarrollo de un diseño responsive y hacerlo práctico para su uso en webs normales. La realidad es que a día de hoy puede resultar mucho más rápido sacar una nueva versión de la página web para moviles que rediseñarla para que sea amoldable.