Diseño de Portales Web y Recursos Multimedia

Conceptos Basicos

El uso del internet y de las paginas web ha ido creciendo vertiginosamente con el paso del tiempo. Forma parte de nuestra vida. Pero: _Sabemos que es la web? y que es una pagina web?.
Aquí te presento la respuesta a estas interrogantes y algo mas. te invito a ver este articulo.

Web: es un sistema que facilita el acceso a los diversos recursos y servicios que ofrece internet  a través de una interfaz basada en el hipertexto o texto con enlaces de referencias a otras partes del documento o a otros documentos.

Sitio web o web site: es un espacio en la www que contiene documentos organizados de forma jerárquica denominados páginas web. Es una página que integra a otras páginas, documentos de texto, gráficos, elementos multimedia audio, video, otros materiales dinámicos o estáticos y otros archivos asociados. Un sitio web está formado por un conjunto de páginas web. Cada sitio tiene una página de inicio (home page) o puerta de entrada que se habilita cuando el usuario escribe el nombre del dominio de un sitio web en un navegador (Mozilla, Internet Explorer, etc.). Los sitios Web, por lo general pertenecen a una persona, compañía y organización, quienes se encargan de gestionarlo, administrarlo y dar mantenimiento.

Una página web: es un documento creado en cualquier lenguaje de desarrollo web; HTML (el más popular, es un lenguaje estándar de marcas utilizado para el desarrollo de documentos de la world wide web), PHP, ASP, Javascript, etc. Una página web  es parte de un sitio web

Editor: es un programa utilizado para crear páginas web sin la necesidad de tener que aprender el lenguaje. Ej.: Microsoft Front Page, Macromedia Dreamweaver, Flash, etc.

Servidor: es una máquina conectada a Internet que provee el acceso y alojamiento a las páginas web.

Cliente FTP: es un programa que permite conectarse al servidor para publicar páginas web.

Dominio de los sitios web:

Se refiere al tipo de sitio o a la empresa que ofrece el servicio. Existen dominios públicos de acuerdo a la información que maneje el sitio.  Entre estos dominios están.

. edu (sitios educativos), ej: http://www.pucmm.edu.do/

.com (sitios comerciales), ej: http://www.google.com.do

.net (administración de red), ej: http://biblioteca.net.do

.mil(sitios militares), ej: http://www.fuerzaarea.mil.do

.gov, .gob(sitios gubernamentales), ej: http://see.gov.do

.org (organizaciones sin fines de lucro) ej: http://www.indotel.org.do

.aero (organizaciones de transporte aéreo), ej: http:// www.sita.aero

.coop (sitios cooperativos), ej: http://www.coopnama.coop.do

Historia de las páginas web

Desde el inicio de la World Wide Web en los años 90, con la creación del lenguaje de etiquetas HTML creado por Tim Berners-Lee en el CERN (Centro Europeo de Física de partículas), y fue popularizado por el navegador Mosaic desarrollado por la NCSA (National Center for Supercomputing Applications). Las empresas exponían y vendían sus productos con la visualización de textos, imágenes e hipervínculos a través del internet, naciendo así El Comercio Electrónico. Entre Las características de esta página están: eran páginas estáticas, cualquier persona podía ver la misma información, el usuario era pasivo solo tenia acceso a la búsqueda y lectura de información sin ningún tipo de interactividad denominada web 1.0 en 1991.

Debido al rápido crecimiento de la web, surgió la necesidad de crear un estándar para que tanto los autores como los navegadores pudieran reconocer cualquier versión de HTML. Luego se hicieron más dinámicas usando lenguajes de programación Perl, Asp, Python, para aplicar inteligencia al servidor. El javascript hacia las páginas más animadas.

En el 2004 nace la web 2.0 con novedosas y llamativas aplicaciones, permitía que el usuario decidiera el tipo de información que deseaba obtener y además incorporar nueva información a la página. Dispone de una serie de servicios interactivos que facilitan que personas de intereses comunes, se conecten con otras para colaborar y compartir información a través de servicios como son: Google, Wikipedia, Ebay, YouTube, skype, blogger, podcasts, etc. Todas estas aplicaciones y sitios tienen como principal activo al usuario.

Web 3.0 es interactiva e informativa, introducido en 2009 con tecnologías diferentes que componen la web semántica, inteligencia artificial, procesamiento del lenguaje natural.

Web 4.0 La red móvil, nace con la difusión de la comunicación inalámbrica que conectan en cualquier tiempo y lugar físico y virtual, es decir integración en tiempo real.

Web 5.0 la red sensorial-emotiva. Posee tecnología que permite medir los efectos de las emociones. Un ejemplo es el sitio wefeelfine.org rastrea frases emotivas, las categoriza y registra la frecuencia y ubicación de “clusters” de sentimientos.

Actualmente la versión más usada es la 4.01, y la 5 y el XHTML en sus versiones 1 y 2.

Además de cada versión, cada una tiene variantes que siempre se tienen que definir en el documento HTML, por ejemplo las variantes del HTML 4.01 son

-          4.01 strict: el normal, donde se pueden usar etiquetas HTML 4.01, pero no se aceptan etiquetas obsoletas.

-          4.01 Transitional: este permite usar todo tipo de etiquetas de todas las versiones de HTML, no es recomendable.

-          4.01 Frameset: tiene soporte para frames, muy anticuado.

Requerimientos básicos para tener una pagina web

-  Registrar un dominio o nombre con una de las empresas que ofrecen el servicio

-  Contratar hosting (alojamiento u hospedaje); esto es colocar el sitio web en un servidor, desde el que los usuarios podrán descargar las páginas.

-  Diseño del sitio web, que consiste en la elaboración del diseño o proyecto

-  Programación del diseño del sitio en un lenguaje entendido por los navegadores.

-  Mantenimiento: actualización de textos, imágenes, etc.

-  Evaluación del sitio, verificando la visibilidad por el motor de búsqueda, accesibilidad, usabilidad, entre otras.

-  Posicionamiento web u optimización para los motores de búsqueda.

-  Promoción del sitio en buscadores como google, overture, etc.

Planificación de un sitio web

-       La arquitectura o estructura del sitio.

-       Sistema de gestión de contenido (Joomla o Wordpress).

-       Optimización del sitio.

-       El mapa del sitio (Sitemap), tomando en consideración el esquema de navegación del sitio.

-       Usabilidad del sitio.

-       Objetivos del sitio y perfil del público.

-       El publico al que va dirigido.

-       El tiempo de realización y el presupuesto.

 Herramientas para verificar el funcionamiento del sitio web

1.    Pingdom tolls: es una herramienta online gratuita que sirve para verificar el funcionamiento del sitio web, proporcionando información sobre el total de tiempo de carga de una página, el número de objetos necesarios para la optimización de la carga, entre otras características. Éste carga por completo un sitio html, incluyendo todos los objetos (imágenes, CSS, Javascript, RSS, Flash y frames/iframes).

2.    Google.com/analytics: esta herramienta muestra estadísticas detalladas y reportes del tráfico del sitio web. Es el servicio de monitoreo de estadísticas de google. Es necesario tener una cuenta en Gmail, para acceder a google analtics y sus herramientas.

3.    Total validator: realiza pruebas en la página web de ortografía, accesibilidad, codificación en thml y enlaces. Captura pantallas y visualiza el sitio en una variedad de navegadores y un plugin de Firefox.

4.    W3C markup validator: herramienta que no permite pasar errores, garantizando que el sitio cumple con todos los estándares web.

Servicios de la web:

· Google: posee un correo electrónico G-mail. Y un mapa mundial llamado Google maps.

· Wikipedia: enciclopedia libre donde los artículos se escriben, actualizan y modifican, mediante una aplicación llamada wiki que permite generar y editar el contenido en línea.

· Ebay: facilita la compra y venta de cualquier recurso.

· YouTube: para ver, cargar y descargar videos y audiovisuales.

· Skype: permite la iteración y comunicación de los usuarios a través de llamadas telefónicas, conferencias web, entre otras.

·      Blogs: un blog es un sitio web que recopila textos o artículos y  opiniones uno o varios autores. En cada articulo, los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo. Existe blogs de tipo personal, periodístico, empresarial o corporativo, tecnológico, educativo, etc.

Para crear un blog, se requieren dos componentes: un software de gestión de contenidos y un servidor conectado a internet para su instalación.

Seguir las siguientes instrucciones:

-   Entrar en un sitio que ofrece facilidades de crear blogs : http://www.bloger.com, o http://www.wordpress.com o en http://www.bloc.cat

-   Navega por la página y examina cómo se puede construir un blog.

-   Para crearlo se requiere de una cuenta con google (gmail) en el caso de blogger.com.

-   Asigna un nombre al blog

-   Escoge la plantilla deseada para el blog.

-   Escribir el artículo que se desea publicar en el blog.

· Blogger: aplicación utilizada para crear un webblog, publicar artículos, conectar clientes y proveedores.

· Podcasts: es un archivo audio digital generalmente mp3 con contenido diverso, como programas de conversación, música, sonidos ambientales, discursos, comentarios especializados de los más diversos temas, novelas habladas, clases de idiomas entre otras.

·      Herramientas ofimáticas en la web: facilitan el trabajo de oficina sin tener que instalar ningún paquete ofimático, ni comercial, ni de código abierto. Los miembros pueden almacenar documentos en un espacio reservado como un correo electrónico y los documentos estarán disponibles al ser compartidos, requieren de permiso del autor del sitio para acceder al documento y de una cuenta de correo de Gmail. Ej.: Google docs (http://docs.google.com ) o también http://mail.gmail.com. Otra herramienta es Zoho (http://www.zoho.com) para compartir documentos entre los usuarios de redes sociales como Facebook.

·      Redes Sociales: son formas de interacción social, o intercambio dinámico entre personas, grupos e instituciones. Es un sistema abierto que involucra a conjuntos que se identifican en las mismas necesidades, problemáticas e intereses y que se organizan para potencializar sus recursos. Surgen en 1995 con el sitio Classmates.com creado por Randy Conrads, el cual pretendía recuperar o mantener contacto con amigos o compañeros del colegio o universidad. Se hizo popular con la llegada en 2003 de MySpace y Xing.

·      Marcadores sociales: son servicios que facilitan la gestión personal, empresarial, social de la información. Permiten a los cibernautas, clasificar, compartir, valorar o comentar contenidos de la red. En los navegadores existe una herramienta denominada favoritos que conserva almacenada la dirección de las páginas más usadas a fin de recuperarlas cuando sea necesario.

·      Wikis: son sitios web de colaboración que pueden ser editados por diversos usuarios a través del navegador web. Estos pueden crear, editar, borrar o modificar el contenido de una pagina. La wiki mas conocida es la enciclopedia  libre Wikipedia, donde los navegantes pueden crear una cuenta para acceder a crear artículos de la enciclopedia. El primer wiki fue creado por Ward Cunningham.

Para crear un wiki, entra a http://www.wikispaces.com, abre una cuenta y comprueba cómo funciona el aplicativo.

Creación de una página web

Existe una gran variedad de recursos y programas para la creación de páginas web, como son dreamweaver, Macromedia Flash, entre otros. Internet ofrece una gran cantidad de información referente a la documentación, codificación en diferentes lenguajes y hasta simuladores para realizar las prácticas y ejecución de la codificación realizada por le diseñador web en lenguajes como: PHP, HTML, ASP, etc.

Lenguajes de programación web

Son lenguajes dinámicos que facilitan la interacción de los usuarios y su acceso a sistemas de bases de datos. Una página web dinámica es la que incorpora efectos como: texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.