Jepser Bernardino » proyectos

Mi nuevo tema de wordpress, Elporta

Jepser — Sat, 24 Jul 2010 06:42:10 +0000

Hoy es el día que después de mucho tiempo muestro lo que puede ser mi nuevo tema (a escala de grises aún).

El tema está pensado en ser un portafolio fácil de configurar y sobre todo estiloso, fuera de los temas que siempre vemos. Este tema estará disponible con todas las opciones que ofrece WP 3.0. Espero sus comentarios pues es muy importante saber su opinión.

¡Hola! Royal Estudios

Jepser — Sun, 13 Jun 2010 21:45:24 +0000

Mi nueva empresa que junto a mis 2 mejores amigos he creado. 3 jóvenes con buenas ideas que seguro harán crecer tu negocio. Los invito a conocer un poco más de ella Royal Estudios.

Mi nueva empresa que junto a mis 2 mejores amigos he creado. 3 jóvenes con buenas ideas que seguro harán crecer tu negocio.

PORQUE -

En Royal Estudios creemos en una buena imagen corporativa como punto de partida de una empresa. Sabemos que la meta siempre será crecer. Y antes de dar una opinión lo conocemos a usted y a su negocio. Pues realmente confiamos que así podremos avanzar, triunfar y emprender juntos.

COMO -

Somos amantes del buen diseño gráfico y usamos como base la estrategia conjunta. Nos arriesgamos a dar el primer paso y a poder sobre pasar los inconvenientes, dando soluciones efectivas a las situaciones que se presenten. Conociendo su marca, analizando su grupo objetivo e integrando herramientas que darán como resultado un cliente satisfecho, una empresa creciendo y una sonrisa sincera.

QUE -

Nos dedicamos a 3 áreas de trabajo: web, gráfico e impresos. Abarcando una gama de soluciones que seguro le interesarán conocer. Entregando proyectos de clase mundial.

Showcase — Sitios web de universidades de Guatemala

Jepser — Wed, 25 Nov 2009 01:12:29 +0000

Y todo esto empieza por que un día me encontré con el showcase de sitios web gubernamentales feos, donde Guatemala estaba listada junto a la mayoría de países. Y eso me decepciona pues hay mucho talento tanto en Guatemala como en otro países que aparecen, no se realmente que puede ser pero bueno, la prueba consiste en diseño, validación de código y desarrollo.

Universidad de San Carlos de Guatemala

Validación de markup | css | accesibilidad

A mi parecer, el ancho del sitio está bien, sin embargo está hecho con tablas. Solo le quita muchos puntos, sabemos que tablas = tabular datos. Es interesante que el menú principal está hecho con flash, no entiendo ¿por qué? Normalmente al menos hay una animación por algún lado, lo que veo es hover que se puede hacer fácilmente con css.

Tiene breadcrums, eso es bueno; lastimosamente el buscador es un custom search de Google que me saca a otra ventana. Eso sí, tienen ordenado el sitio pues encontré un mapa de sitio que me muestra la estructura del mismo.

Universidad Galileo

Validación de markup | css | accesibilidad

Aquí empiezo por darme cuenta que no tiene DOCTYPE, y también define una codificación UTF-8 en el header y luego en el meta la define como ISO-8859-1, esto puede causar un poco de problemillas con los exploradores.

Fuera de eso el sitio también está hecho en tablas. Lo bueno es que el menú no es flash y aún que las imágenes no tienen alt, ya es poco probable encontrar exploradores que no lean imágenes. A pesar que el búscador tiene problemas, la información del contenido la presentan de forma ordenada, eso es bueno y también tienen un sidebar con información relevante. El diseño está muy cuadrado, se pueden jugar con las figuras geométricas sin perder la seriedad de la institución. Además utliza url’s amigables con los búscadores.

Lo bueno es que utilizan RSS para mantener actualizados a sus suscriptores en diferentes áreas.

Universidad Rafael Landívar

Validación de markup | css | accesibilidad

Veo en la URL, un diseño de los 90′ cuando todo lo cuadrado estaba de moda, si embargo ya utilizan javascript para un acordeón para el menú. Además utilizan divs (aunque no tableless). Me gusta mucho que utilicen thumbnails para mostrar las noticias y también la imagen principal. ¡También utilizan twitter!

También tienen breadcrumbs, un punto a favor por ser sitios con mucha información. La verdad no está tan mal trabajo, pues también en las páginas internas utilizan una imagen principal que le da una mejor cara.

Universidad Rural

Validación de markup | css | accesibilidad

No tengo mucho que decir con este sitio, pues están con el concepto de la web, donde un logotipo volando y un contador eran la moda. Pienso que deberían re-organizar su menú y también chequear su compatibilidad en firefox y luego en internet explorer. Además de maquetar el sitio con div’s y no tablas.

Universidad San Pablo de Guatemala

Validación de markup | css | accesibilidad

Es increíble que aunque nunca haya escuchado de esta universidad (que no existe físicamente) aprobó las 2 validaciones; de markup y css. Además de un bonito diseño, ya está utilizando tecnologías open-source, pues utiliza Joomla!. A mi parece tiene un diseño coherente y despliega la información de una forma ordenada.

Universidad del Valle de Guatemala

Validación de markup | css (no aplica) | accesibilidad

Primero aclararé que la UVG no aplica a el validado de css puesto que no tiene alguna hoja de estilos; en pocas palabras, malo. Al ver este sitio se me viene una ironía pues, siendo ellos los representantes ante la ICANN, tienen un sitio feo y además es prácticamente solo imágenes. Pienso el webmaster debería empeñarse un poco más en mostrar una buena cara para esta institución. El RSS no sirve, un rediseño total sería bueno.

Universidad Mariano Gálvez de Guatemala

Validación de markup | css | accesibilidad

A decir verdad, el sitio de la UMG es uno de los mejores en los que he visto, sin embargo no veo un diseño inteligente. No se si su prioridad sea informar a los estudiantes o captar. Supongo que están enfocados a los estudiantes matriculados, no pienso que sea una buena idea tener el menú principal como menú de pie. El banner hace bien mostrando la información relevante. En general es sitio cumple con lo necesario.

Universidad Francisco Marroquin

Validación de markup | css | accesibilidad

Debo decir que es el mejor sitio entre las universidades. Me agrada el espacio entre los objetos y las tres columnas para la página principal. Tiene breadcrumbs, además de un menú facil y a pesar que casi todas las secciones están en sub-dominios me agrada el minimalista.

Universidad del Istmo

Validación de markup | css | accesibilidad

La Unis es otra universidad que no tiene un mal diseño, está bien utilizado el buscador personalizado de Google (con iframe). Un gran error, es el menú; pues son imágenes con un texto con Lucida Sans, una fuente que casi todas las máquinas tienen. El contenido está distribuido de forma ordenada y a pesar que hay un problema con los márgenes y paddings, el sitio esta bien.

Un aspecto positivo que veo es que la mayoría utiliza una url fácil de recordar y con una terminación adecuada (.edu.gt). Insto a que si conocen al creador, diseñador o director de proyecto de las universidades; comenten un rediseño para estar a la vanguardia y mostrar porque las casas de estudio son llamadas educación superior.

Revisión de rediseño, Siglo XII

Jepser — Fri, 06 Nov 2009 21:54:16 +0000

Esta vez me topé con un twitt, que criticaba el rediseño de un periódico con muy buen diseño en su versión impresa, Siglo XXI. No fue hasta que vi que habían hecho, cuando me decidí de escribir.

Realmente vemos con este rediseño, lo mal que están tanto las personas que asesoran el proyecto (desarrolladores) como el cliente (el periódico). Es un buen ejemplo para saber que NO hacer, pues, cuando las tendencias van a diseño tipo revista para sitios que tienen mucho contenido, ellos decidieron ir por Flex de Abobe.

Accesibiliad y usabilidad

Primero hagamos una prueba con el famoso wave, medidor de accesibilidad en un sitio.

Pero lastimosamente tiene un error de accesibilidad… ¡No tiene nada! Revisando el código (que no es mucho). Me encontré con lo siguiente:

No tiene etiqueta
No tiene declarado el tipo de documento DTD
No tiene embebido el flash de una manera correcta
No entiendo porque tienen dos scripts de Google analytics dentro del sitio, y supongo que el swf le pasa las variables de url y visitas para poder tener estadísticas reales y conscisas

Luego que espero un buen rato para que cargue, en la página principal veo información relevante; que, en un tiempo estuviera en xhtml/css podría ser bueno.

No entiendo por que tengo 3 barritas de desplazamiento vertical, es decir, el del navegador y unos botoncitos para poder navergar en la noticia. Creo que hacer que el usuario haga tantos clicks para poder navegar ¡es atróz! No tiene opción de dejar el click y que empiece a bajar, sino que por clicks.

Le doy click a Nacional y tengo lo mismo que en portada, ¿será contenido duplicado? jeje

Al leer un artículo, me encuentro que los encabezados son del mismo tamaño que el contenido. No creo que eso sea bueno para distiguir en una buena lectura, subtemas. Además no pude terminar de leer pues el scroll de los botoncitos no se quedó a medias.

En la sección de Contáctanos, solo pulsé Enviar y el formulario se envió… No tenía validadores.

Intenté buscar algo, ¡pero sorpresa! No tiene botón para buscar y presionar la tecla enter, no funcionó.

Si la interactividad es uno de los objetivos del sitio, ¿Porqué no se puede opinar?

En suscripciones no sirven los scrolls, mal porque quería saber que había abajo. Otro bug que encontré sin querer fue el cambiar de suscripciones a otra sección, siendo este el resultado (una sobreposición):

En fín puede que hayan más cositas allí por arreglar.

Mi opinión

A mi parecer (como Oscar Mota también dijo), es un paso hacia atrás (más bien 100). Un medio masivo de información no se puede dar el lujo de cometer tan grandes errores, y el problema fue o del asesor tecnológico que encontró un nuevo juguetito flex y lo vendió a el encargado de tecnología que no sabe nada sobre usabilidad y accesibilidad. Pues el sitio no tiene RSS, una forma muy efectiva de publicar contenidos y notificar a los suscritos. Así también el social media.

Más que hacerlo en Flex, veo deficiencia en el trabajo final. Pues con los errores que encontré (y solo navegué por unos 5 minutos) ya no me dan ganas de regresar, imaginen a las personas que son regulares lectores en la red de este periódico.

Se puede regresar y componer el error, ¿como? Para eso sirven los CMS. El diseño no está mal, y es por eso que pueden rescatar tremendo desastre. Talvez soy un poco cruel, pero creanme, y disculpas si el que hizo el sitio lee esto. Pero donde cabe hacer una “aplicación” con Flex, donde no se requiere. En fin, www.sigloxxi.com hizo una super mala inversión.

Actualización

Este screenshot fue generado en Firefox 3.5.3 para Mac, gracias a (Ignacio Sagone)

Si tienen algo más que agregar, solo escríbanme y lo colocamos por acá. La idea no es hecharles sal como se dice en mi país, sino que mostrar por que se hizo mal y pues como componerlo.

Naturaleza, mi primer tema de wordpress

Jepser — Tue, 07 Jul 2009 22:26:48 +0000

Para todo hay una primera vez, y esta es la mía. Después de 2 meses (y lo siento) de mencionar que iba a sacar un tema para wordpress totalmente gratuito… Hoy es el día.

Todo empezo con querer contribuir de alguna manera a las personas (gracias) que visitan mi blog y las que comentantan también. Este tema está totalmente en español y esta basado en colores muy vivos, con un toque ambiental.

Entre las características del tema están:

xhtml/css3 validados
grid 960 para maquetado
soporta los plugins que vienen default en wordpress
un sidebar izquierdo
optimizado para los buenos exploradores (safari/mozilla/opera) e IE 7 y 8

No es nada del otro mundo, sin embargo tiene ese no se que lo hace especial. Espero que les guste y disfruten wordpress :)

Esta es la versión .8 en la próxima versión tengo pensado:

añadir soporte de twitter en el administrador con el plugin “twitter for wordpress”
añadir un sidebar en la parte inferior
unos efectos jquery (que son sorpresa)

Éxitos en todo y si tiene algún bug, diganmelo.