www.radiovagon.com

Las innovaciones tecnológicas y la creación de la internet, ha traido consigo que los medios de comunicación de masas tengan que optar por utilizar las herramientas que el world wide web (www) ofrece para poder tener una mayor captación del público.

Por ello se inició un proyecto con el nombre de "radiovagon.com"

Radiovagon.com se fundó en el año 2008 tras la intención de hacer y crear una radio por la web. Carlos Daniel Piñango, junto a un equipo de jovenes, son los encargados de llevar los mejores espacios musicales y de entretenimiento a todos los oyentes, tanto de los altos mirandinos, como a nivel nacional e internacional.


Tras el slogan "La emisora joven", este gran proyecto lleva 2 años en excelente funcionamiento y con aspiraciones de crecer.

Radiovagon.com a pesar de sentirse satisfecho con la labor que ha llevado desde la web, busca ampliar su captación en los altos mirandinos a través de la ubicación de un dial en FMCenter.

Y como este proyecto, se avesinan muchos más. Éxito es lo que le sobra a este gran y talentoso grupo y esperamos que nos sigan diviertiendo, entreteniendo e informando como lo han venido haciendo. No sólo por su radio web, sino por su revista virtual www.elvagon.com.ve

Resutado en dreamweaver














Este es resultado que se obtuvo luego de culminar las guías pautadas. Es fácil trabajar con este programa, sólo que hay que prestar mucha atención a lo que se hace porque por un error, lo siguiente, por ende, sale mal.
Luego de la adquisición de estos conocimientos, empezaré a trabajar con mi página web. Poco a poco les iré informando.

Japan Japanese








Como lo he mencionado, por la falta de tiempo en la materia se decidió hacer una sola página web. Sin embargo, lo importante que se debe resaltar es el conocimiento que se adquirió para poder trabajar con dreamweaver.


Se construyó la página de un restaurant llamado "Japan Japanese" siguiendo varios pasos que fueron elaborados en una serie de guías.

Dreamweaver: un poco más

Dreamweaver ha tenido un gran éxito desde finales de los 90 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la platafoma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.

Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código.

Algunos desarrolladores web criticaban esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C).

No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.

Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.

Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Accesss, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP (Active Server Pages), ASP.NET, ColdFusion, JSP (JavaServer Pages) y PHP sin necesidad de tener experiencia previa en programación.

Un aspecto de alta consideración de Dreamweaver es su arquitectura extensible. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra.

También podría decirse, que para un diseño más rápido y a la vez fácil podría complementarse con fireworks en donde podría uno diseñar un menú o para otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola, en donde ya llevara los vínculos a un dicho sitio en especifico que uno le haya dado.(MRR - U.P.C.).

Una nueva herramienta: Dreamweaver

Para poder crear la página web que se quiere, Dreamweaver es excelente. Por el factor tiempo, por quedar muy pocas semanas para culminar el primer año académico de mi carrera, se recurrió a hacer sólo una página igual a través de guías. Pero no se preocupen, "Radio en la web" se creará dentro de poco. Sin embargo, empecemos a conocer a este programa.

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Micrisift Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervinculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino, rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.

Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.

Características que debe tener un sitio web para ser amigable con el usuario

Diseño Básico

Un Sitio Web debe tener una homepage de presentación a partir de la cual se pueda recorrer la información existente. El número de páginas depende del tipo de empresa y del material que se quiera presentar en la red.

Además existen elementos que prestan mucha utilidad como lo son: un contador de visitantes o counter que se encuentra en la página inicial, gráfica que indique al navegante como ir a todos los puntos de la página y por supuesto fotos, dibujos, que muestren los productos, proyectos, etc.

Uso de Frames

Existen diferentes diseños en cuanto al formato de la página web que va desde el más sencillo al más complejo como aquellos donde se usan frames, marcos o divisiones.

El uso de frames o divisiones de la pantalla es reciente ya que versiones antiguas de visualizadores de páginas web no soportan este estilo (por ejemplo, sólo desde las versiones 2.0 de Netscape e Internet Explorer 3.0 ). Se trata de dividir la pantalla en dos o más sectores, distribuidos de la forma más conveniente, de manera de que cada división se comporte independiente de las otras, pero con una relación entre si. Así se puede, por ejemplo, mantener un menú de selección siempre disponible en una parte de la pantalla mientras que los cambios se realizan en la otra parte.

Gráfica Personalizada

La gráfica es muy importante tanto de un punto de vista estético como de orientación al usuario. El uso de imágenes que indiquen como enviar correo electrónico, flechas que muestren como volver hacia la página anterior, botones con leyendas de los temas que están incluidos en la página, son una forma útil de dar atractivo al sitio web.

Si agregamos que esta gráfica puede incluir logos, productos, etc. que identifiquen a la empresa, hace que su página web tenga un mayor efecto comunicacional.

Página Web Interactiva

Se refiere a que el usuario, mediante herramientas de comunicación contenidas en la página, pueda contactarse con su empresa. Estas herramientas son:

  • Correo electrónico: con esta se ofrece la posibilidad de comunicación directa entre la empresa y el usuario, dejando un espacio abierto donde enviar sugerencias, comentarios, pedir cotizaciones o cualquier otro tipo de información.
  • Formularios: mediante los formularios se puede guiar al usuario con el tipo de información que busca y a la vez generar bases de datos de potenciales clientes. Esta información puede ir directamente al correo electrónico de, por ejemplo, un ejecutivo de ventas.
  • Servicio en línea: esto significa dar la posibilidad al usuario de obtener información, comprar, realizar reservas, etc. directamente desde su página web y en forma automática. El sistema funciona mediante bases de datos y programas que hacen interactuar ésta con lo solicitado.

Animaciones

Las animaciones hacen que su página sea más atractiva. Se pueden realizar en diferentes formatos como Gif animados y Java. En nuestros proyectos siempre consideramos al menos una animación. Además agregamos otras tecnologías que no sólo aportan movimiento al sitio web, sino además utilidad práctica.

Logos, elementos que se quieran destacar o de orientación pueden animarse.

Sonido

Sonido en Internet es un área, al igual que el video, de reciente desarrollo. Para poder escuchar sonidos es imprescindible que el equipo cuente con una tarjeta de sonido.

En General, se clasifican en tres tipos:

  • Sonido (ambientes, eventos)
  • Música (genera una atmósfera propicia para el mensaje)
  • Voz (discursos, locuciones)

Arquitectura de información

Acercándonos a lo que es la creación de una página web, como lo será la de nuestra radio, nos encontramos con una serie de características que debe poseer para poder ser agradable al usuario.

Arquitectura de la Información (AI) es la disciplina y arte encargada del estudio, análisis, organización, disposición y estructuración de la información en espacios de información, y de la selección y presentación de los datos en los sistemas de información interactivos y no interactivos.

En relación a las páginas de internet (www), la arquitectura de información es definida como el diseño estructural en entornos de información compartida. Teniendo como principal característica promover la usabilidad y la buscabilidad (la capacidad de poder buscar y encontrar un sitio).

El término Arquitectura empieza a utilizarse por primera vez en el ámbito de la informática en el año 1959 en el trabajo de Lyle R. Jonson y Frederick P. Brook de IBM. No obstante hay que esperar hasta 1970 cuando Xerox reunió a un grupo de científicos del ámbito de las Ciencias de la Información y las Ciencias naturales a los que dio la misión de crear una "Arquitectura de la Información"

La "arquitectura de la información" es un proceso iterativo, transversal, que se da a lo largo de todo el diseño del sitio y en cada una de sus fases, para asegurarse de que los objetivos de su producción y del desarrollo de la interfaz se cumplen de manera efectiva.

La Arquitectura de la Información como disciplina no busca definir una metodología de diseño universal sino articular un conjunto de técnicas para ayudar al desarrollo y producción de espacios de información como los sitios web.

Con el fin de que la asimilación de contenidos por parte del usuario sea eficiente y efectiva, y para que el sitio sea accesible y usable, la Arquitectura de la Información como proceso en general, se encarga, durante el desarrollo de definir:

  • El objeto, propósito y fines del sistema de información o sitio
  • La definición del público objetivo y los estudios de la audiencia.
  • La realización de análisis competitivos.
  • El diseño de la interacción.
  • El diseño de la navegación, esquemas de organización.
  • El etiquetado o rotulado de los contenidos para acceder a la información.
  • La planificación, gestión y desarrollo de contenidos.
  • La facilidad de búsqueda y el diseño de la interfaz de búsqueda.
  • La usabilidad.
  • La accesibilidad
  • El feedback del resultado y los procesos de reingeniería del sitio.