Primer vistazo al Proyecto Mulain

Ay, ay, ay... que malo es el trabajo cuando tienes un blog que actualizar, más aun cuando coincide con la compra de un videojuego como World of Warcraft al que estoy medianamente viciado (estaría viciado si no tuviera que ir al trabajo ni tuviera que ir a la autoescuela... y ni hubiera cine, ni amigos, ni festival de cine en Estepona, ni Salón Manga de Barcelona, etc).

Bueno, aun así he estado haciendo mis cosillas. El lenguaje con el que lo estoy programando no lo voy a decir todavía (aunque los mas listillos por la imagen seguro que lo adivinarán al instante) pero el diseño funcional está terminado. Son 4 o 5 hojas llenas de diagramas, imágenes toscas con bolígrafo y mucho texto casi indescifrable de mi puño y letra, pero lo importante ahora es como va quedando poco a poco el invento.


¿Horrible? ¡Por supuesto! No os voy a engañar. Aquí tenéis nada más y nada menos que 3 horillas de trabajo (y ya sabéis que las primeras horas cuesta bastante, más que nada por que es la primera vez que uso ese lenguaje), y ya está. Nada de florituras (o sea, de adornos) y prácticamente sin contenido salvo algunas noticias para comprobar que funciona tal sistema y la muestra aleatoria de 5 animes del presente año. Digamos que lo que veis es la versión 0.0000000001 pre-alpha. Le queda muchísimo recorrido todavía.

¿Que funciona? Lo dicho. El sistema de noticias está ya perfectamente implementado. Si, repito, se ve horrible, pero el funcionamiento, que es lo que me interesa, funciona a la perfección. Te muestra las 5 últimas noticias ordenadas por fecha descendente además de un correcto funcionamiento de la barra de navegación inferior. Las opciones de esa barra es ir directamente a la primera noticia, la última, las dos siguientes y las dos anteriores.

A la derecha podréis ver la parte de la ventana reservado para información resumida diversa donde aparece actualmente 5 animes de manera aleatoria del presente año donde el primero de ellos siempre muestra su carátula. También podéis ver las zonas reservadas para el banner y para el pié de la página. Estoy construyendo la web utilizando para ello la orientación a objetos, lo que me permite modularizar al máximo el contenido del portal, es decir, me preocuparé de diseñarlo cuando tenga que hacerlo, asegurándome que su programación será independiente al resto de la página.

Y ahora la pregunta del trillon de euros. ¿Qué es lo que falta? Pues tantas que ni siquiera os la podría listar. Entre ellas, hacerle un diseño agradable a la vista, inclusión de las opciones principales de búsqueda en la parte derecha de la ventana, mostrar los animes más y mejor valorados a la izquiera (justo abajo de los 5 animes aleatorios del año), enlaces directos a las fichas de estos animes, métodos para la insercción por parte de los usuarios de nuevos animes, el banner (lógico), el pié (también lógico)... en definitiva, muchas cosas. Lo que véis en la captura no se le parecerá en nada a la versión definitiva, pero como esto es un blog de desarrollo, es justo que sepáis como comenzó el proyecto y lo comparéis con su versión definitiva.

¿Y qué problemas me he encontrado en esta primerísima versión? Pués dos básicamente. El primero es que por defecto te muestra la codificación UTF-8 y se ve de manera incorrecta (sin tíldes ni carácteres especiales). Únicamente se soluciona si cambio la codificación del navegador manualmente a ISO-8859-15. No tengo muy claro si es una limitación del framework que estoy usando o bien por el editor que almacena los archivos fuente en un formato de texto más bien extraño comparado con otros editores. La solución pasa por incluir carácteres especiales HTML, encontrar el TAG que permita cambiar la codificación del navegador al llegar a la página (algo que ya he intentado y no lo he conseguido) o bien reconvertir la codificación de mis archivos fuente a ASCII normal.

Y el segundo es la manera de mostrar la carátula de uno de los animes mostrado de manera aleatoria. Por lo general, la carátula tiene un tamaño bastante grande (unos 300 pixels de alto). Al dimensionarlo a un tamaño mucho menor, los navegadores lo hacen de la manera mas cutre posible por alguna razón que desconozco. Quisiera encontrar un método de escalado con la menor pérdida de calidad posible. La primera idea era usar una función escrita en PHP. Esto no lo veo posible ya que no es el lenguaje que utilizo para esta página, y no quisiera juntar dos scripts dinstintos en un mismo puerto. La segunda posibilidad, y creo que la que tiene más papeletas para llevarse a cabo, es usar un flash terriblemente básico pero efectivo. Ese flash únicamente mostrará la imagen pasada como parámetro por el HTML, y lo mostrará con la mayor calidad posible. Prácticamente todos los navegadores usan flash, así que puede ser una muy buena solución al respecto.

Sugerencias, dudas y demás, comentario al canto.