El Ratón

El ratón, en inglés mouse, es un aparato que se usa para que el manejo del entorno de un ordenador sea más sencillo. Usualmente confeccionado de plastico y destinado para una de las manos. Detecta el movimiento por la superficie plana por donde se mueva y lo translada a movimiento relativo en 2 dimensiones, viendose reflejado generalmente a través de un puntero o flechita en la pantalla.
Aun con las nuevas tecnologías, como el universo táctil, el ratón sigue siendo el favorito entre los usuarios.
En un principio recibió el nombre de "X-Y Position for a Display System", pero su nombre actual fue dado por un equipo de la Universidad de Stanford durante su desarrollo por su forma, que recuerda a la de un ratón.

Los componentes principales del ratón son dos botones y otros opcionales como una rueda mas otros botones secundarios o distintas tecnologías que proporcionan una mejoria de sus posibilidades.
Se puede manejar con ambas manos por igual pero algunas empresas ofrecen ratones para zurdos. Aun así, la configuracion de los botones puede invertirse, facilitando su uso para personas zurdas.

Diseñado por Douglas Engelbart y Bill English en los años 60 en un laboratorio de la Universidad de Stanford llamado Stanford Research Institute. Fue evolucionado en Palo Alto por la compañía Xerox. Su invención surgió en un experimento que buscaba mejorar la comunicación entre el ser humano y la máquina. Su aparición logró dar el paso definitivo en el desarrollo de los primeros entornos e interfaces gráficas de usuario.

La primera maqueta se elaboró artesanalmente en madera. Su funcionamiento era el mismo que el de hoy en dia. Se adaptaba bien a la mano y disponia de dos ruedas de metal que al desplazarse por una superficie plana movían dos ejes, uno para el sentido horizontal del cursor y otro para el vertical. Además, disponía de un botón en la parte superior.

El primer modelo oficial del "mouse" se dio a conocer al público en San Francisco a finales de los 60. Mas o menos hora y medio duro una muestra de sus posibilidades multimedia y se daba a conocer el entorno gráfico basado en ventanas de los sistemas operativos modernos.

El 27 de abril del 81 salió al mercado el primer ordenador con un ratón, el Xerox Star 8010 con una potente interfaz que dependia en gran medida de este periférico, al igual que otros ordenadores que fueron saliendo como el Commodore Amiga, el Atari ST y el archiconocido Apple Lisa. Dos años más tarde, Microsoft muestra su prototipo de ratón, pero su alto coste y un sistema operativo que lo hacia poco aprovechable hizo que no tuviera demasiado exito.
Con la aparición de Macintosh en el 84, el ratón ganó popularidad, cuando Apple demandó un periférico seguro, barato y que pudiera producirse en serie fácilmente. Partieron del ratón diseñado con tecnología Xerox.
Aunque existen multiples variaciones desde entonces, cabe destacar la rueda lateral o central, el sensor de movimiento óptico por Led (Ambas de Microsoft) o el sensor basado en un láser invisible creado por Logitech (Empresa que hoy en dia se dedica a la fabricacion y desarrollo masivo de estos periféricos)

Tipos de ratón:

Mecánicos:
Con una esfera de plastico o goma en su interior que al moverse general impulsos de respuesta de movimiento. El software interpreta estos movimientos.

Ópticos:
Una variante que carece de esfera de goma. Se basa en un sensor óptico que fotografía la superficie sobre la que se encuentra y detectando las variaciones entre sucesivas fotografías, se determina si el ratón ha cambiado su posición. En superficies pulidas o sobre determinados materiales brillantes, el ratón óptico causa movimiento nervioso sobre la pantalla, por eso se hace necesario el uso de una alfombrilla de ratón o superficie que, para este tipo, no debe ser brillante y mejor si carece de grabados multicolores que puedan "confundir" la información luminosa devuelta.

Láser:
Más sensible y con más precisión que el anterior, usado especialmente entre diseñadores gráficos y jugadores. El haz de luz de tecnología óptica aquí es sustituido por un láser que deriba en un aumento de precisión y sensibilidad.

Trackball:
Mueve el puntero, no el dispositivo. Por lo que trae incluida una bola que al colocar la mano encima se puede mover mediante el dedo pulgar, sin necesidad de desplazar el objeto de un lugar a otro, reduciendo el esfuerzo y la necesidad de espacio.

Inhalambrico:
Este tipo de ratón no necesita cable. Hay de 3 tipos. De Radio Frecuencia, de infrarojos y por Bluetooth.

Aquí dejo un interesante video sobre el manejo del ratón.

En mi opinión parece un periferico que pasa muy desapercibido ya que damos por hecho que un ordenador tiene que tener ratón. Pero a la hora de la verdad, la mayoria de la gente no sabría que hacer con un ordenador sin ratón. Es muy importante y facilita enormemente el manejo de nuestro ordenador.

Tutorial Dia a Noche

Tutorial Aquí

Web 1.0, 2.0 y 3.0

INTRODUCCIÓN:

Internet es una herramienta de información, comunicación y entretenimiento que ofrece muchas posibilidades a los usuarios. Sin embargo, no siempre ha sido como lo conocemos, sino que ha sufrido una evolución a lo lardo de los años. Aquí veremos desde sus inicios con la Web 1.0, pasando por la 2.0 hasta llegar a la versión más reciente 3.0. Comencemos.
Video Resumen del artículo: http://www.youtube.com/watch?v=C9Ng64IVB5w&feature=related

¿Qué es internet?

Red de computadoras, formada a su vez por muchas redes independientes ,que se pueden comunicar unas con otras, intercambiar mensajes y, compartir información en forma de archivos. Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o "la Web"), hasta el punto en que es habitual la confusión entre ambos términos (WWW e Internet).

¿Qué es la WWW?

La World Wide Web consiste en una interface simple y consistente para acceder a la inmensidad de los recursos de Internet. Es la forma más actual de ofrecer información, el medio más potente. La información se ofrece en forma de páginas electrónicas.

El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar a otro, eligiendo el que más nos convenga. Lo más interesante es que con pocos clicks, uno se puede mover por toda Internet.

El surgimiento de la World Wide Web ha ayudado a un crecimiento considerable de Internet en la actualidad. Compañías pequeñas, empresas grandes, ayuntamientos, estados, gobiernos de distintos países, universidades, bibliotecas, están presentes en Internet.

WEB 1.0 (1991-2003)

Se refiere a un estado de la WWW, y cualquier página web diseñada con un estilo anterior a la aparición del fenómeno Web 2.0.

Se trata de un sistema basado en hipertexto, que permite clasificar información de diversos tipos, conocido como “la gran telaraña mundial.” El usuario no puede interactuar con el contenido de la página (nada de comentarios, respuestas, citas, etc), estando totalmente limitado a lo que el Webmaster sube a ésta.

Considerado como el acceso más sencillo y comprensible al universo de la información disponible en Internet, web 1.0 enlaza páginas o documentos localizados en la red sin importar su ubicación física o geográfica

La Web 1.0 fue el primer navegador de texto estático conocido antes de 2001, momento en que Internet dio un giro inesperado a un desarrollo superior.

El software utilizado con Web 1.0 requería de su instalación para su aplicación. Se utilizaba HTML (Hyper text Markup Language) e imágenes de formato GIF (normalmente en una resolución de 88 x 31), incluyendo marcos o framesets , lo que generaba mayor número de visitas al sitio.

WEB 2.0

Término asociado a aplicaciones web que facilitan el compartir información, el diseño centrado en el usuario y la colaboración en la World Wide Web. Web 2.0 permite a los usuarios interactuar y colaborar entre sí como creadores de contenido generado por usuarios en una comunidad virtual, a diferencia de sitios web donde los usuarios se limitan a la observación pasiva de los contenidos que se ha creado para ellos. Como ejemplos de la Web 2.0 están los servicios de red social, alojamiento de videos, blogs, comunidades…

Las aplicaciones web son muy potentes y sencillas de manejar enfocadas al usuario final. Su desarrollo está basado en el CMS¹ (Sistemas de Gestión de Contenidos).

En la Web 2.0 el usuario es el protagonista. Es característico por su participación y gran utilidad.

¿Qué es un CMS?₁

Sistema de Gestión de Contenidos (Content Management System), permite la creación y administración de contenidos principalmente en páginas web. Consiste en una interfaz que control a una o varias bases de datos donde aloja el contenido. El sistema permite manejar de manera independiente el contenido y el diseño.

WEB 3.0

Web 3.0 es un término que se utiliza para describir la evolución del uso y la interacción en la red hacia diferentes caminos. Ello incluye, la transformación de la red en una base de datos, un movimiento hacia hacer los contenidos accesibles por múltiples aplicaciones non-browser, el empuje de las tecnologías de inteligencia artificial, la web semántica, la Web Geoespacial, o la Web 3D. Frecuentemente es utilizado por el mercado para promocionar las mejoras respecto a la Web 2.0. El término Web 3.0 apareció por primera vez en 2006 en un artículo de Jeffrey Zeldman, crítico de la Web 2.0. Actualmente existe un debate considerable en torno a lo que significa Web 3.0, y cuál sea la definición más adecuada.

La Web semántica o Web 3.0 es la "Web de los datos". Se basa en la idea de añadir metadatos semánticos y ontológicos a la World Wide Web. Esas informaciones adicionales (que describen el contenido, el significado y la relación de los datos) se deben proporcionar de manera formal, para que así sea posible evaluarlas automáticamente por máquinas de procesamiento. El objetivo es mejorar Internet ampliando la interoperabilidad entre los sistemas informáticos usando "agentes inteligentes". Agentes inteligentes son programas en las computadoras que buscan información sin operadores humanos.

Con la web 3.0 se busca que los usuarios puedan conectarse desde cualquier lugar, cualquier dispositivo y a cualquier momento.

¿Cómo se caracteriza y diferencia la Web 3.0 de la Web 1.0 y de la Web 2.0?

• Web 1.0 - Personas conectándose a la Web
• Web 2.0 - Personas conectándose a personas - redes sociales, wikis, colaboración, posibilidad de compartir.
• Web 3.0 - Aplicaciones web conectándose a aplicaciones web, a fin de enriquecer la experiencia de las personas, a esto agrega: estado de conciencia del contexto en la Web Geoespacial, autonomía respecto del navegador y construcción de la Web Semántica.

Diferencias entre Web 2.0 y 3.0

Web 2.0

• Un software de escritorio transformado en una aplicación web.
• Web que respetan los estándares del XHTML.
• Separación de contenido del diseño con uso de hojas de estilo.
• Permite la Sindicación de contenidos.
• Se utiliza Ajax (Asincronical Javascript and XML).
• Implementación de Flash, Flex o Lazlo.
• Uso de Ruby on Rails para programar páginas dinámicas.
• Utilización de redes sociales al manejar usuarios y comunidades.
• Se da control total a los usuarios en el manejo de su información.
• Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
• Facilitar el posicionamiento con URL sencillos.

Web 3.0

• Aplicación Web con mucho AJAX.
• Podrán trabajar todas juntas.
• Serán relativamente pequeñas.
• Gestionarán datos que estarán "en la nube".
• Podrán ser ejecutadas en cualquier dispositivo (PC, teléfono móvil, etc).
• Serán muy rápidas y muy personalizables.
• Se podrán distribuir viralmente (correo electrónico, redes sociales, servicios de mensajerías, etc).

Tutorial After Effects Transformación y Mov.

Tutorial Aquí

Herramientas de Selección de Photoshop

Tutorial Herramientas de Selección

HTML5 VS Flash

Introducción:

HTML es el lenguaje de etiquetas que utiliza una Web, nace en la década de los noventa producto de Tim Berners-Lee, el hombre que inventó la Web. Se actualiza en varias versiones hasta que llegamos a la 4.01, que es el actual estándar en el año 1999. Pasa mucho tiempo hasta que HTML5 comienza a moldearse, a partir del año 2008 y en el 2009 comenzamos a ver el soporte en varios navegadores. Continua evolucionando, ya que aún no es estándar, se encuentra en Working Draft (Borrador de Trabajo), sin embargo ya podemos verlo en muchas webs importantes. Varias empresas importantes están apoyando el HTML5 e impulsando su estandarización y perfeccionamiento, entre ellas cabe destacar Google, Mozilla, Adobe y Microsoft, entre otras.

En cambio, HTML5 es un lenguaje que llega con un conjunto de tecnologías que permiten construir la nueva Web. Como decíamos anteriormente, gran parte de este estándar aún está en Draft, es decir, en borrador, pero ha tenido que salir a la luz para brindar soluciones necesarias en el mundo de la telefonía móvil y en nuevas tecnologías.

Flash llega en la década de los noventa de la mano de Macromedia, empresa absorbida por Adobe en 2005. A diferencia de HTML, Flash no es un lenguaje de libre comercio, sino que es una aplicación de pago que funciona como un entorno de desarrollo multimedia, muy famosa sobre todo entre diseñadores. Flash crea películas en formato SWF que se reproducen en un navegador con el plugin adecuado. Su éxito se basó en la popularidad de este plugin, el reproductor de Flash, instalado en la mayoría de los navegadores de escritorio. Con la expansión de las plataformas móviles y la negativa de algunas empresas, con Apple a la cabeza, de incluir este reproductor entre sus dispositivos, Flash se encontró en una encrucijada difícil de salir ¿el desenlace? Hacia finales de 2011, en el mes de Noviembre, Adobe anunció que no habría nuevas versiones de Flash para móviles, y que pondrían sus energías y gran parte de su gente a trabajar en soluciones para HTML5. También se anunció que se redefinía el enfoque de Flash. Probablemente esta ha sido una de las grandes noticias para el mundo del desarrollo Web en el 2011 y aún hoy sigue siendo un tema controvertido.
Un aspecto que vale resaltar en esta historia es que Flash no está muerto aún, simplemente se ha redefinido su aplicación para enfocarse en juegos y algunas necesidades particulares, pero sí deja de tener peso en lo que a desarrollo Web se refiere.

¿Porqué es mejor HTML5? Simplemente porque es una instancia superadora a HTML4; porque llega de la mano de CSS3, una evolución notable de las hojas de estilo que conocíamos y porque revaloriza el papel de JavaScript en la Web, como el lenguaje que “sabe hablar” con las nuevas APIs que llegan con HTML5.
¿Porqué HTML5 puede reemplazar a Flash en nuestros desarrollos Web? Porque ofrece un soporte nativo para los nuevos navegadores, tanto mobile como desktop, y porque también existen opciones para que muchas de sus funciones tengan compatibilidad crossbrowser con navegadores antiguos. Claro que no todas las características pueden emularse con la misma fidelidad y performance, pero también es cierto que el IE6 countdown ya marca que Intenet Explorer 6 en Argentina solo tiene el 1,6% de la cuota del mercado, en Venezuela 2,5 y en Estados Unidos menos del 1%. La renovación de IE7 e IE8 también llegará y el problema de compatibilidad con versiones anteriores cada vez será menor.

------------------------------------

Concretamente, siete ejemplos demuestran la potencia del HTML5: un visor de vídeos que nos permite “jugar” con él, un editor de fuentes, una galería de imágenes y ejemplos de las posibilidades respecto a transiciones de imágenes, vistas de 360 grados y audio. Por supuesto todo esto sin necesidad alguna de instalar complementos adicionales y con unos consumos más que aceptables.

Algunos cambios más importantes del HTML5 son:

Audio y Video

La reproducción de video y audio, que se lleva a cabo mediante etiquetas como en los siguientes ejemplos:

Video:

<video id="video" width="640" height="480" volume=".7" controls autoplay>

  <source src="video.ogg" type="video/ogg"> </source>

</video>

y, en el caso del audio:

<audio>

  <source src="music.oga" type="audio/ogg">

</audio>

Nueva estructura

Teniendo en cuenta la utilización que dan a algunos elementos div con identificadores muy comunes, los desarrolladores crearon una nueva estructura de elementos que cambiarán la manera de elaborar el contenido (sobre todo de blogs) y la manera en que los buscadores lo analizan.
Se trata de las etiquetas:

article : Una entrada independiente en un blog, sitio o revista.

footer : El final de la página, donde se incluyen los modos de contacto, etc.

header : No el elemento head, sino la cabecera de una determinada página.

nav : Una colección de vínculos a otros sitios o páginas.

section : Una sección determinada que incluye su propio encabezamiento.

Mark, Aside y Time

Mark se utiliza para dar importancia a un texto en concreto:

<p>La <mark>etiqueta mark</mark> es utilizada para llamar la atención.</p>

Quizás no hayan reinventado la rueda con esta etiqueta, pero con <aside> podremos definir un bloque que representa una nota o explicación, relacionado con alguna otra parte del contenido.
Por otro lado, han creado una etiqueta que mejora el manejo de fechas y horas (esto se hacía en HTML4 mediante la etiqueta abbr):

<time datetime="2010-03-29">Marzo</time>.

<time>09:00</time>

Mejoras en <input type…>

Se han añadido nuevos tipos de ingreso de texto, ahora se puede especificar si se trata de una url o un email, un entero, una fecha, etc. Algunos ejemplos:

<input type="email">

<input type="url">

<input list="title-list"> 

<datalist id="title-list">

  <option value="...">

</datalist>

Además, la validación de los datos ingresados también será más sencilla gracias a otras nuevas etiquetas.

Cuadro de diálogo

Con la etiqueta <dialog> podemos incluir cualquier tipo de diálogo.

<dialog>

 <dt> Usuario 1:

 <dd> Hola!

 <dt> Usuario 2:

 <dd> Hola! :)

</dialog>

Barra de progreso, canvas y puntuación

Con la etiqueta <progress> podremos incluir el progreso de una tarea que se esté ejecutando, mas trabajando en conjunto con JavaScript podremos incluir también una barra de progreso visual.

<progress>

  <span id="objprogress">76</span>%

</progress>

y con <meter> insertamos un valor fraccional de una medida escalar, que seguramente usaremos junto a JavaScript para incluir de manera muy simple el típico gráfico de una a cinco estrellas.
Con <canvas>, implementado por primera vez por Apple para sus widgets, podremos dibujar gráficos dinámicos e interactivos.
Finalmente, la etiqueta <device> permitirá al cliente acceder a varios dispositivos, como puede ser una webcam, en tanto con <embed> podemos determinar contenido embebido, como por ejemplo un plug-in.

Adobe: Historia, Productos...

En 1982 nace Adobe gracias a dos emprendedores llamados John Warnock y Charles Geschke. El nombre de la empresa se debe a un arroyo que pasa por detrás de la casa de uno de sus fundadores. Para empezar, lanza un nuevo producto con el nombre de Adobe Ilustrator, un programa que se volverá indispensable para los diseñadores gráficos. Más tarde, a principios de los 90, sale al mercado Adobe Photoshop, que se convertiría en la insignia de la empresa. Acrobat, y el formato PDF tardaron en calar en los usuarios, pero consiguió integrarse y hoy en día el PDF es uno de los formatos digitales más usados y conocidos a lo largo y ancho del mundo.

En 1994 adquiere Aldus para desarrollar una aplicación DTP que compitiera con QuarkXPress, pero no fue suficiente. En 1999 desarrolla InDesign, diseñado para la edición y maquetación de libros, pero no ha conseguido superar a Quark en el mercado.

En 2003, Adobe compra Cool Edit Pro y lo mejora bajo el nombre de Adobe Audition, que actualmente es uno de los más completos y cómodos editores de sonido.

En 2005, Adobe compra Macromedia, distribuidora de los programas Flash, Dreamweaver, Director, Fireworks, y Freehand entre otros.

Mediante esta compra, los planes de Adobe pasan por intentar potenciar el desarrollo y la colaboración entre sus tecnologías, muy extendidas sobre todo en la Red. Los accionistas de Macromedia reciben 0,69 acciones de Adobe en un intercambio libre de impuestos, lo que supone un precio de 41,86 dólares por cada acción según la cotización de finales del 2006 y una prima del 25%. Los accionistas de Macromedia controlan aproximadamente el 18% del grupo resultante. El consejero delegado de Adobe, Bruce Chizen, que mantiene su cargo en el nuevo grupo, subrayó que los clientes están demandando aplicaciones de software integradas que les permitan crear, gestionar y suministrar un amplio rango de contenidos y aplicaciones, y que la combinación de ambas compañías, junto a la "funcionalidad complementaria" de PDF y Flash, dará a Adobe "la oportunidad de dar vida a esta visión con una plataforma tecnológica con capacidad para definir la industria". El presidente y director ejecutivo de Adobe, Shantanu Narayen, mantiene su cargo, y el presidente y consejero delegado de Macromedia, Stephen Elop, pasa a formar parte del grupo como presidente mundial de operaciones.

Tabla con la historia de Photoshop desde sus inicios, hasta el año 2005.

Productos:

Adobe produce aplicaciones de nivel profesional destinadas, como se dijo anteriormente, al retoque fotográfico (Photoshop), dibujo vectorial (Illustrator), maquetación (InDesign), edición de vídeo y audio (After Effects, Premiere Pro, Audition, Soundbooth), documentos digitales (Acrobat), contenido web y multimedia (Dreamweaver, Fireworks y Flash), entre otros. Sus productos se pueden adquirir por separado o en paquetes que incluyen varias aplicaciones que se integran entre sí, como el Adobe Creative Suite.

Breves descripciones de algunos de sus productos:

ADOBE PHOTOSHOP:

Adobe Photoshop es un programa que se encarga de la creación, edición y retoque de imágenes digitalmente. Desarrollado por la compañía Adobe Systems, se creó en un principio para computadoras Apple, sin embargo, más tarde se continuó para la plataforma Windows.

Este programa se ha hecho muy popular, incluso fuera del ámbito informático, llegándose incluso a usar la palabra "photoshop" para hacer referencia a una foto que ha sido retocada digitalmente. De hecho se ha llegado a emplear la palabra "photoshop" como verbo: photoshopear (photoshopping en inglés).

Los formatos propios de Photoshop son PSD y PDD, que guardan capas, canales, guías y en cualquier modo de color.

ADOBE PREMIERE:

Se trata de una aplicación en forma de estudio destinado a la edición de vídeo en tiempo real.

Es parte de la familia Adobe Creative Suite, un conjunto de aplicaciones de diseño gráfico, edición de vídeo y desarrollo web desarrollado por Adobe Systems. En ocasiones se distribuye gratuitamente como software OEM con tarjetas de vídeo de gama alta.

Hay que tener en cuenta que el video es muy complejo, así que se necesita bastante espacio para almacenar todo lo que se capture para la edición, y también se necesita que la computadora cuente con una tarjeta de video para que pueda mostrar con fluidez la previsualización y todo se pueda reproducir sin cortes ni ralentizaciones.

ADOBE AUDITION:

Adobe Audition (anteriormente conocido como Cool Edit Pro) es un programa en forma de estudio de sonido destinado a la edición de audio digital de Adobe Systems Incorporated que permite tanto un entorno de edición mezclado de ondas multipista no-destructivo como uno destructivo, es considerado el huevo de oro del audio digital por su versatilidad. No es DAW, sino un editor de sonido. Durante un tiempo desapareció para ser continuado bajo en nombre de Adobe Soundbooth.

ADOBE AFTER EFFECTS:

Adobe After Effects es una aplicación en forma de estudio destinado para la creación o aplicación en una composición (realización de gráficos profesionales en movimiento) de efectos especiales y grafismo de video, que desde sus raíces han consistido básicamente en la superposición de imágenes. Adobe After Effects es uno los softwares basado en Linea de tiempo más potentes del mercado junto con Autodesk Combustion y Eyeon Fusion.

Dirigido a diseñadores gráficos, productores de vídeo y a profesionales en multimedia.