portafolio (lo más reciente)

PORTAFOLIO (Lo más reciente)

ULTIMINIO RAMOS GALANEnero 2010

COBICatálogo en línea de la Biblioteca de las Revoluciones de México del INEHRM - SEGOB

DESCRIPCIÓN:Aplicativo que controla el acervo bibliográfico, hemerográfico y multimedia, administra los préstamos de dichos materiales y genera gráficas estadísticas, reportes en Excel y PDF, así como la generación de código de barras dinámicos.

Periodo:Septiembre 2009 – Enero 2010

HERRAMIENTAS TECNOLÓGICAS:• Linux• Apache 2• PHP 5 - POO• CodeIgniter -MVC• ORM-Doctrine• jQuery • AJAX• Javascript• CSS 2• HTML 4.0• XML• MySql 5• PHPDesigner 7• Metodología RUP


DESCRIPCIÓN DE LA PANTALLA:

Menú gráfico del sistema.

En este sistema se tienen 2 tipos de menú, éste que es el “home” del aplicativo, y el textual que se ubica debajo de la pleca que contiene los logos.

Se cuenta con un esquema de control de roles o perfiles, con el cual se asegura que un usuario puede acceder a ciertas opciones del sistema, y se controla incluso, ciertas acciones dentro del cada pantalla.



La maquetación del sistema consiste en un template con diferentes regiones, una de ellas es el contenido dinámico de la aplicación.

El contenido dinámico es cargado siempre con Ajax, en este caso, se implementó un cargador que se dispara cuando se inicia una petición de tipo Ajax, y finaliza en el evento success o callback.



El framework de vista utilizado fue jQuery.

Se implementaron varios plug-ins para obtener diversos efectos que añadieran una mejor usabilidad al aplicativo, entre los que destacan:

Table sorter, Paginate, UI-Dialog, Impromtu, Validate, Superfish, UI_Accordion.

CONABASTO®

Control de Abasto de Insumos para la Salud

DESCRIPCIÓN:Sistema que controla los almacenes, caducidades, requisiciones de compra, cotizaciones, ventas y distribución de medicamentos e insumos para la salud.

Periodo:Abril 2008- Junio 2009

HERRAMIENTAS TECNOLÓGICAS:• Linux• Apache 2• MVC• PHP 5• Javascript• CSS• HTML• PostgreSql 8• Dreamweaver• Fireworks

CONABASTO®



Este es el Menú Principal.

Como plecas superiores, la identidad de la organización.

Del panel izquierdo, el menú completo, los botones tienen un efecto acordeón y solamente hay dos niveles de opciones. Según el perfil de usuario, se muestran ciertas opciones, en este caso, la pantalla fue capturada con un perfil de usuario denominado “Superusuario”.

En el panel principal, se muestra un tablero de anuncios, los cuales son configurables y administrables dentro del mismo sistema, y se pueden programar para que aparezcan un determinado tiempo y también para que se puedan descargar documentos o archivos.

CONABASTO®



Esta es una pantalla de consulta / impresión.

Del carril izquierdo, en la parte superior, siempre aparecerá la fecha y la hora a modo de reloj, tomando la fecha del servidor y no la de la PC.

Enseguida, un menú flotante (siempre visible) contextual, es decir, de acuerdo a la opción seleccionada, se muestran aquellas tareas que se agrupan por realizar alguna acción relacionada entre sí. Esto es ventajoso pues permite ir de una pantalla a otra sin tener que regresar al Menú Principal.

En el área de trabajo, se muestran en la parte superior la identidad de la organización, en seguida, una barra para la identidad del usuario, así como su ámbito de trabajo.

En esta pantalla, se muestran diferentes opciones de consulta, cabe mencionar que la lista desplegable del paso no. 2 es dependiente de la lista desplegable del paso no. 1. En este ejemplo, la consulta se puede enviar a una ventana del navegador, a un documento PDF o bien, a una hoja de calculo de Excel.

Del lado derecho, una caja de herramientas. Una característica de esta caja es que es transparente, y solamente cuando el apuntador del mouse se coloca sobre la caja de herramientas, ésta se convierte en sólida.

CONABASTO®



Esta es una ventana auxiliar.

Como encabezado, los criterios de la consulta.

En seguida, una tabla con los títulos de las columnas fijas, para que se mantengan siempre visibles en caso de que la información rebasara el límite de la pantalla.

A la extrema derecha se muestra la caja de herramientas con efecto transparente, con el objetivo de que permita ver la información que hay debajo.

CONABASTO®



Este es una pantalla de actualización y consulta de catálogos.

En este ejemplo, se muestra en el carril izquierdo, el menú contextual flotante.

En el área de trabajo, encima de la tabla, se muestran los números de páginas necesarias para recorrer toda la información, asimismo, nos muestra un datos informativo del total de filas o registros.

La tabla no es estática, haciendo clic en los encabezados se pueden ordenar los datos ascendiente o descendiente.

Al hacer clic en cualquiera de los datos, se permite modificar el dato, o bien eliminar el registro.

En la caja de herramientas hay un componente que permite filtrar la información por todos los campos con diferentes criterios.

FénixSistema de Abasto por Reposición de Consumo

DESCRIPCIÓN:Sistema que controla el abastecimiento y consumo de medicamentos y materiales de curación para los hospitales del Gobierno del Distrito Federal.

Periodo:Diciembre 2007- Octubre 2008

HERRAMIENTAS TECNOLÓGICAS:• Linux• Apache 2• MVC• PHP 5• Javascript• CSS• HTML• XML• PostgreSql 8• Flash• Dreamweaver• Fireworks



El Menú Principal. Se controla mediante perfiles de usuario y dependiendo del perfil, son las opciones que se muestran en el menú. El concepto de este menú es tener todo a la vista y acceder a la información o pantallas de trabajo en un máximo de dos “clics”.

Las tres plecas superiores identifican a la organización, el objeto del contrato por el cual el sistema subsiste, y los identificadores del usuario y su ámbito de trabajo.



Este es una pantalla de operación

En este ejemplo, se registra los insumos médicos y de curación que se suministran a los pacientes cuando están hospitalizados o que ingresan por consulta externa.

El encabezado de la tabla de detalle está fijo, y permite que aunque la cantidad de filas supera el área de visión, se puede hacer scroll sin perder de vista las cabeceras.



Este es una pantalla de consultas ejecutivas.

Se proporcionan elementos de criterios que permiten acotar la consulta.

Se despliega un gráfico dinámico el cual es un componente desarrollado en flash . Una rutina escrita en PHP genera un archivo XML al cual el componente de Flash accede para desplegar el gráfico.

Este gráfico tiene la característica de hacer scroll horizontal si el eje de las X supera la dimensión disponible en pantalla.



Este es una pantalla de consultas ejecutivas.

Se proporcionan elementos de criterios que permiten acotar la consulta.

Se despliega un gráfico dinámico el cual es un componente desarrollado en flash . Una rutina escrita en PHP genera un archivo XML al cual el componente de Flash accede para desplegar el gráfico.

Este gráfico es interactivo, se pueden manipular las rebanadas con el apuntador del mouse.

EnciclomediaEnciclomedia. Desarrollé un total de 50 aplicaciones en Flash y Java en un periodo comprendido entre Mayo de 2006 y

Agosto 2007.

DESCRIPCIÓN:Aplicación para generar crucigramas a partir de un diccionario de palabras introducidas por el usuario. Capaz de armar varias configuraciones de cruces de un mismo diccionario.

HERRAMIENTAS TECNOLÓGICAS:• Flash• ActionScript• HTML• Dreamweaver• Fireworks• Photoshop• Metodología propia de Enciclomedia• Metodologías de Usabilidad y

Accesibilidad• Pizarrón electrónico

EnciclomediaEnciclomedia

DESCRIPCIÓN GLOBAL DEL PROYECTO:Tuve un grupo de trabajo conformado por 12 programadores y 3 diseñadores gráficos, todos ellos seleccionados y reclutados por mí personalmente.

El ILCE (Instituto Latinoamericano para la Comunicación Educativa) fue el organismo responsable de los desarrollos multimedia. Nos indicaban lineamientos de desarrollo y nos daban tiempos de entrega que generalmente no debían desfasarse.


DESCRIPCIÓN DE LA PANTALLA:Como todos los desarrollo debían funcionar con el uso de un pizarrón electrónico, se colocan los elementos de navegación en la parte inferior de las pantallas.

Este sistema en particular tiene unos algoritmos matemáticos que permiten generar rápidamente, diversos formatos de cruces partiendo de una misma colección de palabras.

Permite grabar en la PC los crucigramas nuevos y cuenta con una biblioteca precargada de crucigramas a resolver.

EnciclomediaEnciclomedia. Desarrollé un total de 50 aplicaciones en Flash y Java en un periodo comprendido entre Mayo de 2006 y Agosto

2007.

DESCRIPCIÓN:Aplicación que ilustra el movimiento de las capas tectónicas y sus efectos en la superficie de la tierra. Provee al usuario de actividades que fortalecen los conceptos.

HERRAMIENTAS TECNOLÓGICAS:• Flash• ActionScript• HTML• Dreamweaver• Fireworks• Photoshop• Metodología propia de Enciclomedia• Metodologías de Usabilidad y

Accesibilidad• Pizarrón electrónico


DESCRIPCIÓN GLOBAL DEL PROYECTO:Tuve un grupo de trabajo conformado por 12 programadores y 3 diseñadores gráficos, todos ellos seleccionados y reclutados por mí personalmente.

El ILCE (Instituto Latinoamericano para la Comunicación Educativa) fue el organismo responsable de los desarrollos multimedia. Nos indicaban lineamientos de desarrollo y nos daban tiempos de entrega que generalmente no debían desfasarse.


DESCRIPCIÓN DE LA PANTALLA:Como todos los desarrollo debían funcionar con el uso de un pizarrón electrónico, se colocan los elementos de navegación en la parte inferior de las pantallas.

Aquí se manejan capas o layers que se pueden mostrar y ocultar para trabajar con el planisferio.

También se puede hacer un acercamiento (zoom) para mirar o trabajar a detalle alguna región del mapa.

El interactivo tiene varias actividades y también genera archivos de trabajo en texto plano para guardar lo que se hace en el mapa para su uso en sesiones de trabajo posteriores.

portafolio (lo más reciente)

Documents