Diseño del Proyecto Saturn

A pesar de que me manejo bien con el software de diseño (léase Photoshop =P), no me convence el diseño realizado, pero bueno, como todo proyecto esta preparado para cambiar fácilmente de “template”o “layout”, posiblemente solicite un diseño real a un diseñador grafico, especialmente para objetos que se utilizaran en el proyecto, pero bueno, eso lo veré mas adelante, por lo pronto el diseño esta hecho para la fase Beta (que aun queda lejos =/), y eh comenzado a escribir código…

Programando el juego…

Como explique en un post anterior, estoy desarrollando la aplicación bajo Zend Framework en su reciente y flamante versión 1.10 (a la fecha de publicación de este post), con el cual eh comenzado con el pie derecho, ya que recordaran que realice el salto de la versión 1.7 a la 1.10 con lo cual me costo trabajo volver a entender y dominar, pero pasando este punto el desarrollo toma velocidad y forma, con lo cual no creo que me lleve mucho tiempo el desarrollo, pero al final uno nunca sabe en este tipo de proyectos (enormes y sin ayuda, pero sobre todo proyectos personales), en este momento ya llevo desarrollado el modulo default con sus respectivos controladores (‘index’,’¿qué es Proyceto Saturn?’,’screenshots’,’registro’ y ‘contacto’), obviamente, lo que se puede desarrollar al 100%, ya que por ejemplo ‘screenshots’ no se podrá realizar hasta que el proyecto este maduro como para poder tomar los screenshots de las páginas necesarias.

También ya se desarrollo el sistema de mensajería, que aparte de enviar mensajes entre usuario se utilizará para avisos y mensajes del propio sistema del juego; ahora el desarrollo esta pasando sobre el modulo de planetas, esta va a ser de las mas complicadas, ya que el 70% a 80% de las actividades requeridas para jugar se realizaran en este modulo, por lo cual es el mas complejo y grande de todo, pero bueno, seguiré informando del avance del desarrollo del juego, posibles problemas o incluso, solicitar su opinión en cuanto alguna opción o acción dentro del juego.

Cabe mencionar que después de mucho meditar, eh optado por no dar soporte a “viejos” navegadores (léase IE 6), que únicamente entorpecen la programación de la interface al realizar lo que se les de la gana y no seguir las instrucciones indicadas, todos o al menos la mayoría sabe que IE6 es uno de los peores, si no es que el peor navegador existente, evitemos comentar sobre seguridad, estabilidad, etc., hablemos de como interpreta las instrucciones XHTML, CSS y Javascript, como es que se salta, malinterpreta o de plano hace lo que su regalada gana se le da, y después hay que estar “parcheando” el código para que mínimo se vea decente en el navegador con la correspondiente perdida de tiempo el cual se puede invertir en el desarrollo propio del juego.

Sin mas por el momento espero comentarios y/o sugerencias.

Proyecto Saturn [ Mockups ]

Después de realizar la investigación correspondiente mas creación y estudio de diagramas eh pasado a la fase de crear Mockups para la interface del proyecto, en esta fase es de vital importancia, ya que aquí es donde puede estar el rotundo éxito así como fracaso de la aplicación, porque?, muy sencillo, si se crea una interface difícil de entender y seguir el usuario por mas que quiera interactuar se sentirá frustrado y es muy posible que al final abandone y no vuelva a tu aplicación, después de varias pruebas al final quedo una interface muy sencilla (aunque al final puede variar cuando finalmente publique el proyecto).

mockups_publicoMockup para modulo “Planetas”

Después de crear varias propuestas y por fin decidirme comenzare a transformar el Mockup en un diseño real, para posteriormente implementarlo mediante XHTML, CSS y Javascript

Mozilla Firefox es para Linux ¿WTF!!!?

Visitando el querido “Foros del Web” y respondiendo en uno de los tantos temas que aquí se exponen surgió una respuesta un tanto sugerente para uno de los temas que estaba siguiendo, el tema en sí era sobre compatibilidades en HTML/CSS entre Mozilla Firefox e Internet Explorer, el cual no se veían igual en ambos navegadores, después de que varios usuarios (incluyéndome) contestamos a la usuaria que publico dicho tema surge una respuesta que indicaba que los problemas de compatibilidad que tenia eran porque Mozilla Firefox esta hecho para GNU/Linux, y obvio, Internet Explorer para Windows, así mismo, el hecho era que Mozilla Firefox en Windows no trabajaba igual que su contraparte en GNU/Linux, siguiendo leyendo la respuesta me encuentro que para tener un código 100% compatible y estándar tengo que “publicarlo” en HTML o PHP, mi pregunta es, ¿desde cuando PHP tiene que ver si el código generado es estándar y compatible?, sumando a esto, afirmar con tal seguridad que para tener código estándar uno tiene que olvidar de implementar Flash y CSS, ¿CSS?, ¿que no se supone que CSS esta echo para dar formato y vista a un sitio web teniendo código estándar y valido?, ahora, si uno inserta Flash con el código HTML generado desde el mismo Flash dará problemas ya que NO es código estándar y/o valido, pero para eso uno puede incrustarlo manualmente y asegurarnos que el código sea estándar y valido para cualquier versión de (X)HTML.

Es un poco triste como gente que no tiene idea de lo que esta hablando “recomiende” algo a personas que están comenzando en este mundo de diseño y programación con tal determinación que esa idea errada sigue creciendo y esparciéndose como pólvora en vez de informarse y dando una respuesta correcta y fundamentada.

¿Qué opinan ustedes?

Fuente: Diferencias entre Mozilla Firefox e IE

Como reconocer a un buen programador…

Desde los confines de “Mi carrera laboral en informática  y tecnología” hay un pequeño articulo muy bueno sobre como reconocer a un buen programador…

Indicadores positivos:

  • Siente pasión por la tecnología
  • Programar es un hobby
  • Si comienzas a hablar de un tema técnico se engancha enseguida
  • Desarrolla numerosos proyectos personales a través de los años
  • Aprende nuevas tecnologías por su cuenta
  • Tiene una opinión formada acerca de las tecnologías que son mejores para diferentes usos
  • Se siente muy incómodo ante la idea de trabajar con una tecnología que considera inadecuada en un determinado proyecto
  • Claramente inteligente, puede tener una gran conversaciones sobre una variedad de temas
  • Comenzó a programar mucho antes de la universidad/trabajo
  • El conocimiento de una gran variedad de tecnologías no relacionadas al ámbito laboral (generalmente no las incluye en su CV)

Indicadores negativos:

  • Considera a la programación como un trabajo rutinario
  • Aprende nuevas tecnologías sólo en los cursos dictados en su trabajo
  • Está feliz de trabajar con cualquier tecnología que le ha tocado en suerte, “todas las tecnologías son buenas
  • Comenzó a programar en la universidad
  • Toda su experiencia en programación está en su CV
  • Se centra principalmente en uno o dos ramas de la tecnología (por ejemplo, todo lo relacionado con el desarrollo de una aplicación java), sin experiencia aplicada en otro entorno o herramienta.

Fuente: Mi carrera laboral en informática  y tecnología

Mensaje oculto gracias a CSS 3 (aNieto2k)

Desde los rincones de aNieto2k nos muestra el “Mensaje oculto” que puedes generar gracias a las nuevas propiedades de CSS 3 (de momento para Firefox y Safari), la verdad increible, ya no puedo esperar para poner en practica esta las nuevas bondades de CSS 3…

javascript wordpress css ajax php java jsp innerHTML jquery mootools prototype

Sigue las instrucciones que en el post se indican.

Publicado en Desarrollo Web, Diseño. Etiquetas: . 1 Comment »

Shadowbox con JQuery

A pesar de que me gustaba bastante utilizar lightbox, un plugin de JQuery eh de reconocer que desde que descubri Shadowbox en el blog de aNieto2k eh cambiado a utilizar Shadowbox para todo, desde las galerias de imagenes hasta para reproducir video flash, el uso de Shadowbox es extremadamente sencillo, basca con cargar los js y un css se puede utilizar en tantas cosas como uno quiera, desde mostrar imagenes, como mostrar video flash, Quicktime, Windows Media Player, ningun otro “box” tiene tanta facilidad de uso.

Aquí les enseño un pequeño tutorial para su uso con JQuery

Primero cargamos los archivos de Shadowbox

<link type="text/css" rel="stylesheet" href=".shadowbox.css"/>
<script type="text/javascript" src="jquery_con.js"></script>
<script type="text/javascript" src="shadowbox.js"></script>

Despues de cargar los archivos hay que activar shadowbox

<script type="text/javascript">
$(document).ready(function() {
var option = {
var option = {
resizeLgImages: true,
displayNav: true,
handleUnsupported : 'remove',
keysClose: ['c', 27]
};

Shadowbox.init(option);
});
</script>

Hay que tomar en cuenta la variable option el cual tiene varios parametros para configurar shadowbox, los parametro completos puedes checarlos aquí

Ahora simplemente tienes que indicarle a shadowbox que elementos son los que se mostraran en el box.

Para una imagen

<a href="imagen.jpg" title="imagen de muestra" rel="shadowbox"><img src="imagen.jpg" border="0" alt=""></a>

Para un video de YouTube

<a href="http://www.youtube.com/v/wbzLpteC8ng&autoplay=1" title="David Beckham" class="option" rel="shadowbox;width=405;height=340">YouTube</a>

Asi de sencillo funciona Shadowbox, simpremente agregando el tag rel=”shadowbox” uno puede indicar que elemento funcionará con shadowbox.

[Pagina oficial]

Motor sencillo para el manejo Modulos

Después de un tiempo de estar desarrollando páginas web se dan uno cuenta que mucho trabajo acaba siendo repetido varias veces, consumiendo tiempo que podría usarse para otra cosa, mucho de este tiempo es para utilizar el mismo diseño en una y otra pagina únicamente cambiando el tema de este, es por eso que muchos programadores adoptaron el sistema modular, el cual únicamente se programa un sencillo motor el cual conforme a la configuración del motor puede cargar uno u otro diseño a un mismo modulo, siendo esto una ayuda bastante en caso de sitios con muchas secciones o con muchas páginas que la mayoría si no es que todas comparten el mismo diseño, ahora a esto le sumamos el momento en el que queremos actualizar nuestro diseño de todo el sitio la tarea se hace realmente tediosa y a la vez costosa (en el caso de que sea actualizar el sitio a un cliente por ejemplo), pero con este sistema modular nos ayuda a mantener nuestro código limpio y sobre todo una facilidad para cambiar el diseño de todo el sitio o, como en algunos casos reales, cambiar el diseño a solo una parte del sitio.

Lee el resto de esta entrada »