lunes, 9 de noviembre de 2015

Prototipado: wireframes, mockups y prototipos

 El desarrollo web se han mostrado las principales fases del desarrollo de un sitio web. En la segunda fase, "Planificación", aparecían los hitos "Wireframes" y "Revisión Wireframes".
En diseño web, un wireframe (en español se puede traducir por esquema de la página o plano de la pantalla, aunque no se suelen usar estos términos), es un dibujo o esquema que representa el esqueleto o estructura visual de un sitio web (un conjunto de páginas web) o de una página web concreta. El wireframe suele carecer de aspectos visuales como estilo tipográfico, colores e imágenes, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de un sitio web o de una página web.
En el siguiente vídeo se explican las diferencias que existen entre los wireframes, los mockups y los prototipos, se explica la importancia de prototipar una aplicación o sitio web antes de implementarla y se muestran los diferentes tipos de diagramas que se emplean para representar la navegación, la estructura y el funcionamiento de una aplicación o sitio web.

COMO SE ESCRIBE UNA PAGINA WEB





En la segunda fase, "Planificación", aparecían los hitos "Wireframes" y "Revisión Wireframes".


En diseño web, un wireframe (en español se puede traducir por esquema de la página o plano de la pantalla, aunque no se suelen usar estos términos), es un dibujo o esquema que representa el esqueleto o estructura visual de un sitio web (un conjunto de páginas web) o de una página web concreta. El wireframe suele carecer de aspectos visuales como estilo tipográfico, colores e imágenes, ya que su propósito es servir de apoyo para discutir el contenido, funcionalidad y comportamiento de un sitio web o de una página web.



En el siguiente vídeo se explican las diferencias que existen entre los wireframes, los mockups y los prototipos, se explica la importancia de prototipar una aplicación o sitio web antes de implementarla y se muestran los diferentes tipos de diagramas que se emplean para representar la navegación, la estructura y el funcionamiento de una aplicación o sitio web.





Direcciones Ip y Nombres de doninios DNS

DIRECCIONES IP

Los equipos comunican a través de Internet mediante el protocolo IP (Protocolo de Internet). Este protocolo utiliza direcciones numéricas denominadas direcciones IP compuestas por cuatro números enteros (4 bytes) entre 0 y 255, y escritos en el formato xxx.xxx.xxx.xxx. Por ejemplo,194.153.205.26 es una dirección IP en formato técnico.


Internet Protocol-Protocolo de Intenet


NOMBRES DE DOMINIOS

Cada equipo conectado directamente a Internet tiene al menos una dirección IP específica. Sin embargo, los usuarios no desean trabajar con direcciones numéricas, como por ejemplo194.153.205.26, sino con un no nombre dominio o más específicamente, con direcciones (llamadas direcciones FQDN) .
Es posible asociar nombres en lenguaje normal con direcciones numéricas gracias a un sistema llamado DNS (Sistema de Nombres de Dominio).
Esta correlación entre las direcciones IP y el nombre de dominio asociado se llama resolución de nombres de dominio (o resolución de direcciones).







viernes, 6 de noviembre de 2015

Hipertexto, Multimedia, Hipermedia, URL, DNS

Hipertexto


El hipertexto es una herramienta con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.
Es importante mencionar que el hipertexto no está limitado a datos textuales, podemos encontrar dibujos del elemento especificado o especializado, sonido o vídeo referido al tema. El programa que se usa para leer los documentos de hipertexto se llama navegador, browser, visualizador o cliente, y cuando seguimos un enlace decimos que estamos navegando por la web. El hipertexto es una de las formas de la hipermedia, enfocada en diseñar, escribir y redactar texto en una media.
Se muestra la analogia  de solo Texto y Hipertexto.

Multimedia


El término multimedia se utiliza para referirse a cualquier objeto o sistema que utiliza múltiples medios de expresión físicos o digitales para presentar o comunicar información. De allí la expresión multimedios. Los medios pueden ser variados, desde texto e imágenes, hasta animación,sonido, video, etc. También se puede calificar como multimedia a los medios electrónicos u otros medios que permiten almacenar y presentar contenido multimedia. Multimedia es similar al empleo tradicional de medios mixtos en las artes plásticas, pero con un alcance más amplio.

Hipermedia

Hipermedia es el término con el que se designa al conjunto de métodos o procedimientos para escribir, diseñar o componer contenidos que integren soportes tales como: texto, imagen, video, audio, mapas y otros soportes de información emergentes, de tal modo que el resultado obtenido, además, tenga la posibilidad de interactuar con los usuarios.


URL


Un localizador de recursos uniforme (conocido por la sigla URL, del inglés Uniform Resource Locator) es un identificador de recursos uniforme (Uniform Resource Identifier, URI) cuyos recursos referidos pueden cambiar, esto es, la dirección puede apuntar a recursos variables en el tiempo.

Para mejor explicacion te invito a ver este excelente video.

URL


Domain Name System o DNS (en español «Sistema de Nombres de Dominio») es un sistema de nomenclatura jerárquica para computadoras, servicios o cualquier recurso conectado a Internet o a una red privada. Este sistema asocia información variada con nombres de dominios asignado a cada uno de los participantes. Su función más importante, es traducir (resolver) nombres inteligibles para las personas en identificadores binarios asociados con los equipos conectados a la red, esto con el propósito de poder localizar y direccionar estos equipos mundialmente.

Te invito a ver el siguiente video con mas detalles.
Quizas muchos de nosotros como profesionistas no sabemos como es que funciona la Internet y la web. Con Este curso muy bueno de España se muestran los cursos de   Crear un sitio web usando un gestor de contenidos o mejor conocido como CMS.

Todo los conceptos plasmados en este Blog son conceptos vistos en este curso, te envito  no quedarte a tras y seguir con las lecturas en este curso.






25 AÑOS DE LA WEB

El 12 de marzo de 1989, el investigador británico Tim Berners Lee describió en un informe para el CERN el protocolo para la transferencia de hipertextos, lo que un año después sería la World Wide Web.
Tim Berners Lee, Fotografiado en 1999. Creador de la Web.

Berners-Lee no inventó Internet. La red global se diseñó a mediados de los 70 y empezó a funcionar oficialmente en 1983, fruto de un proyecto de origen militar. Internet es básicamente hierro: Enjambres de ordenadores conectados entre sí, que comparten un protocolo o normas de conexión: Algo así como la lingua franca que les permite entenderse unos con otros. Y gracias a eso pueden ofrecer ciertos servicios como el correo electrónico o la transferencia de datos.

La idea de la Web no fue fruto de una repentina inspiración. Berners-Lee había empezado a trabajar en el CERN en 1980. Allí trabajaban entonces unas 10.000 personas, diseminadas por muchos centros, que se comunicaban entre sí por los únicos medios disponibles: Simple correo electrónico o envío de ficheros.
El primer servidor de la Web fue un ordenador NeXT -un extraordinario diseño de Steve Jobs, posterior a su salida de Apple. Era una máquina adelantada a su época y que quizá por eso nunca tuvo mucho éxito comercial. Estaba instalado en el propio CERN y su dirección erahttp://info.cern.ch.


  1. *Quieo hacer mencion que la primera pagina web se dio de alta en el año 1990.
  2. Se explica que es el alojamiento web o Hosting web.