Panama Canal Blog - Diseño Web

Diseño + Web + Interacción @ ACP

Notas, Comentarios, Actualizaciones y Exploraciones desde la Oficina Web de la Autoridad del Canal de Panamá

domingo, noviembre 14, 2010

Sitio Web con MegaMenu

En estos momentos estamos publicando el sitio con el rediseño de la navegación.
Hemos abandonado el sistema de "submenus" por el de "megamenu".  Y también, en esta misma ocación, rediseñamos las páginas iniciales de cada idioma.

Más detalles en un próximo post.

Etiquetas: ,

viernes, octubre 29, 2010

Nuevo Logo - Canal de Panamá

Hoy hemos publicado en la página inicial el  nuevo logo del Canal de Panamá.

Este logo ya ha aparecido, en medio televisivos, y hasta ahora hace su aparición en Internet.  Progresivamente estaremos actualizando distintas áreas del sitio donde el viejo logo aparece.

Etiquetas: , , ,

miércoles, junio 23, 2010

Evolución de la Webcam de las Esclusas de Miraflores

Las webcams del Canal de Panamá, por su contenido visual y actualización constante (por lo menos, cada 60 segundos), son uno de los atractivos más grandes de nuestro website.  Seguido por el Sistema de Licitaciones (SLI) y la página de Información para Empleo.

Ahora, un poco de historia de nuestra primera webcam, la de las Esclusas de Miraflores.

A través de los años, estas cámaras han publicado las imágenes que capturan en un folder dentro de un servidor web.  Estos folders y los servidores han cambiado con los años por motivos de capacidad, performance, bandwidth, etc... esta parece haber sido la evolución de la cámara web más vieja de PanCanal:










Así, la cámara web de Miraflores ha evolucionado, a tal punto que ahora existen dos. La que vemos arriba y una de mayor resolución.

Esta revisión, nos llevará tal vez a actualizar estos links "permanentes" que han quedado desactualizados, y que siguen siendo utilizados en programas (eg. Webcam-Watcher) o configuraciones viejas que no conocemos.  Una forma de alertar que hubo un cambio: es poniendo la nueva información en las imágenes (ver ejemplo), o mejor aún, redireccionando automáticamente (con una respuesta HTTP) a la ubicación nueva.

La solución que implementemos se verá con el tiempo, porque por el momento, no vemos que esto impacte enormemente a nuestros visitantes. O ¿sí?...

... si alguien necesita estos links actuales para algun proyecto interesante, aquí estan:

http://webcams.pancanal.com/webcam/miraflores.jpg
http://webcams.pancanal.com/webcam/hd-miraflores.jpg
http://webcams.pancanal.com/webcam/ampliacion.jpg
http://webcams.pancanal.com/webcam/cerro-luisa.jpg
http://webcams.pancanal.com/webcam/gatun.jpg
http://webcams.pancanal.com/webcam/hd-gatun.jpg

Etiquetas: , ,

lunes, junio 07, 2010

Nuevas mejoras en el Portal de Empleo

Continuando con las mejoras en el recién lanzado Portal de Empleo (antiguo sistema SASE) de la ACP.

Durante el transcurso de la mañana de hoy se publicaron nuevas mejoras para el entendimiento de nuestros visitantes. Entre ellas:
  • Imagén de guía "Paso 1" para iniciar el proceso de Registro
  • Mensaje de ayuda para Copiar/Pegar al hacer clic-derecho sobre la pantalla
  • Mensaje de ayuda para presionar Filtrar al seleccionar alguna otra área
  • Calendario más moderno para selección de fechas
  • Al finalizar el proceso, botón que le permite revisar su información, revisar o añadir más ocupaciones
Para los que no les gusta leer, aquí tomas de cada mejora (en desorden)*:
* Faltó una toma del nuevo calendario.

Para entrar al Portal de Empleo, acceda mediante esta página:

Estas mejoras hacen el uso del sistema más facil? Sus comentarios y sugerencias son siempre bienvenidos.

Etiquetas: , , , , , , ,

PanCanal crece a 1024

Hoy actualizamos al nuevo *ancho* de pantalla las páginas de http://www.pancanal.com/.
El nuevo estandar apunta a pantallas de 1024 pixeles de ancho.

Con esto ganamos más espacio que estaba inutilizado en los monitores de la mayoría de nuestros visitantes. (De esto nos dimos cuenta en Octubre del año pasado, cuando iniciamos el análisis de visitas con Google Analytics).

De igual forma, aumentamos proporcionalmente el tamaño de ciertas fuentes y títulos, también ampliamos y ajustamos el sistema de menués y sub-menués. (Aunque próximamente será reemplazado).

Como siempre, sus comentarios y sugerencias son bienvenidos.

Etiquetas: , ,

jueves, junio 03, 2010

Google Custom Search

Hoy hemos cambiado el Google Search que tenía el sitio por el Google Custom Search.

El link de Búsqueda o Search esta siempre disponible en la parte superior de todas las páginas del sitio.
O, lo pueden acceder con estos enlaces:
Estaremos monitoreando esta nueva adición e investigando formas de mejorar la búsqueda en nuestro sitio con este servicio de Google.

Etiquetas: , ,

viernes, mayo 21, 2010

Twitter y la Feria Tecnológica de la ACP

Hoy estamos experimentando el uso de Twitter con el evento de Tecnología que se esta llevando acabo en el Centro de Capacitación Ascanio Arosemena de la ACP. Para darle seguimiento, pueden ver más en el Twitter de Pancanal.


De igual manera pueden acceder directamente al webcast en el siguiente enlace: Feria Tecnológica de la ACP.  (La transmisión terminará junto con el evento, tal vez el link no este disponible entonces).

Esta es la primera prueba donde tratamos de narrar poco a poco las presentaciones de un evento cuando se estan dando. Pero nos preguntamos, ¿es necesario tanto nivel de detalle de un evento de ACP?

Como siempre, sus comentarios y sugerencias son bienvenidos.

Etiquetas: , , , ,

jueves, mayo 13, 2010

Portal de Empleo

Hoy hemos lanzado el nuevo Portal de Empleo de la ACP.

Este es un sitio de ocupaciones en la ACP para que cualquiera pueda registrarse y así ser considerado, o también, para aplicar a puestos vacantes en momentos que hay disponibles.

El Portal de Empleo esta disponible desde el enlace "Información para Empleo":
http://www.pancanal.com/esp/hr/info-empleo.html

Este sistema reemplaza al SASE, y hemos trabajado para que fuera mejor que este antiguo sistema. Comentarios o sugerencias son siempre bienvenidas.

Etiquetas: , , , , , ,

martes, septiembre 22, 2009

Multiple Definition List FAQ Toggle (TJK_DL)

En PanCanal y algunos sitios de nuestra Intranet hemos implementado la presentación de información en forma de FAQ (Frequently Asked Questions). Básicamente es mostrar listado largo de items que al ser cliqueados expandan más la información, en este caso la respuesta a una pregunta.  Un ejemplo público esta en Canal FAQs, y esto, lo implementamos rápidamente en ese entonces con el Javascript DL Toggle de TJK_DL.

Pero, -que pasa cuando las cosas se ponen más complejas? Digamos múltiples Listas de Definición (DLs) en una misma página.

La solución a ese problema es sencilla. En vez de poner el id="TJK_DL" a cada DL: <dl id="TJK_DL">, le ponemos el id="TJK_DL" a un wrapping DIV: <div id="TJK_DL">  fuera de todo conjunto de Definition Lists de la página.

Código ejemplo:





<div id="TJK_DL">

<h2>2009</h2>

<dl>


<dt>Agosto 2009</dt>

<dd>

<ul>

<li><a href="#">27 de Agosto: 09-04</a></li>

</ul>

</dd>


<dt>Julio 2009</dt>

<dd>

<ul>

<li><a href="#">30 de Julio: 09-03</a></li>

<li><a href="#">14 de Julio: 09-02</a></li>

</ul>

</dd>

</dl>


<h2>2008</h2>

<dl>


<dt>Diciembre 2008</dt>

<dd>

<ul>

<li><a href="#">27 de Diciembre: 08-04</a></li>

</ul>

</dd>


</dl>


<h2>2007</h2>

<dl>


<dt>Noviembre 2008</dt>

<dd>

<ul>

<li><a href="#">30 de Noviembre: 08-03</a></li>

<li><a href="#">14 de Noviembre: 08-02</a></li>

</ul>

</dd>


<dt>Octubre 2008</dt>

<dd>

<ul>

<li><a href="#">1 de Octubre: 08-01</a></li>

</ul>

</dd>


</dl>

</div>







Claro, que lo óptimo sería sentarnos a buscar esta solución con YUI que es la librería que utilizamos ahora... 

Etiquetas: , , ,

martes, enero 20, 2009

Galería de Fotos del Canal de Panamá y Cooliris

Hemos re-publicado la galería de fotos del sitio en PanCanal. Una de las novedades, es que se pueden ver las fotos con el espectacular plug-in de Cooliris.

Para los que no conocen Cooliris, es un programa que permite navegar una gran cantidad de fotos fácilmente, presentadas en una pared tridimencional. Visite su sitio para conocer más de Cooliris.

La Galería de Fotos del Canal esta disponible en estos enlaces:

Anteriormente, cada albúm de foto abría en una animación Flash que demoraba en cargar. En esta ocación las fotos se pueden expandir a un tamaño mucho mayor que antes, y que abarca gran parte de una monitor a una resolución estándar. La razón de esto es la imagen superpuesta del logo de la ACP.

Etiquetas: , , , ,

martes, agosto 07, 2007

Alternación de Estilos

Estamos utilizando el script (\common\scripts\striper.js) para alternar (dos o más) estilos dentro de cualquier elemento HTML.

Esto lo pueden apreciar en acción bajo:

Etiquetas: ,

miércoles, agosto 01, 2007

Indicador en Submenus

Los submenus con subopciones aparecen con un identificador para notar que se pueden expandir más.

Etiquetas: , ,

viernes, julio 27, 2007

El regreso de los submenus

Hoy se publicaron en PanCanal opción de submenus bajo cada opción del menú global.
Esto debe brindarle a los usuario un acceso más expedito a cualquier parte del sitio.

Aplicados en inglés y español.
Véanlos http://www.pancanal.com

Etiquetas: , , ,

miércoles, octubre 25, 2006

Nuevas Versiones de Browsers

La semana pasada salió la versión final de Internet Explorer 7, y ayer salió la versión Firefox 2.0.

Etiquetas:

martes, agosto 15, 2006

Newsticker en Flash

Hoy reemplaza el Newsticker applet de los homepage en inglés y español por uno desarrollado en Flash.

Esto debe agilizar el tiempo de display de estas páginas. (Anteriormente, el Java applet demoraba el display de la página por varios segundos.)

El Newsticker se integra con el backend de las Noticias, que genera un XML de las últimas 10 noticias.

http://www.pancanal.com/esp
http://www.pancanal.com/eng

Etiquetas:

lunes, agosto 15, 2005

PanCanal.com 2005

El sitio rediseñado de www.pancanal.com esta "live".

Etiquetas: ,

miércoles, agosto 03, 2005

Gatun Webcam

Ya la webcam de Gatún ahora tiene nuevas dimensiones...

Etiquetas: , ,

viernes, julio 01, 2005

Nuevas dimensiones de Webcams

Desde ayer, las webcams de Miraflores y Cerro Luisa (que apunta generalmente al Puente Centenario) tienen nuevas dimensiones 640x480. Próximamente en Gatún será igual.

Clic aquí para direcciones en Español e

Etiquetas: , ,

viernes, abril 08, 2005

Congratulations!

Información que llegó mientras estuve de vacaciones...

Your site at: Panama Canal has been selected to receive The American Association Of Webmasters, "Gold" Award. We see all the hard work and dedication that you have put into constructing your web site and your efforts are well deserved. Your site displays: A nice clean Design and Layout of Website, with quality content and informative information for your visitors.

American Association Of Webmasters

Etiquetas: ,

martes, marzo 08, 2005

SiDMAR