Vamos, que levante la mano al que no le gustaba saltar en la cama. A mi desde luego que sí, pero luego venian tus padres y te chafaban toda la diversión. Bueno, hay quien no ha dejado de hacerlo y ha formado un grupo en flickr para que se cuelguen fotos de gente saltando en la cama, y por las caras, incluso de adulto debe de seguir siendo divertidísimo.

Flickr: Bed Jumpers

Pero aún hay más, en Bed Jumpers Headquarters cuelgan fotos de gente saltando en las camas de los hoteles. Hay saltos realmente impresionantes. Que se preparen los del próximo hotel al que vaya... (en casa paso, que mi cama es del Ikea y seguro que si salto encima la desmonto)

Bueno, esta entrada no es como las anteriores en el sentido de explicar nada sobre como hacer una web, pero como va a ser algo importante dentro del nuevo site, pues lo comento. Arriba teneis a dos de los protas de lo que será una tira, más o menos diaria, que se llamará "Pulgas del Infierno". La idea se le ocurrió a mi niña, que es más lista que yo, y me pareció tan grandiosa que de hecho ha pasado a ser lo que creo que será una de las grandes bazas de la página. ¡Son cutres! Lo sé y no es aposta, es porque no lo se hacer mejor, pero ¡me encanta! y puestos a ser cutres, qué mejor que un titulo de serie B? Al más puro estilo White Ninja ...

Y a modo de actualización, casi tengo el panel de administración terminado. Siguiente paso: LA WEB!!

Ah, por cierto, todavía no tienen nombre, todo llegará...

Esta fuente la hice hace mucho mucho tiempo, pero sigue bajándosela mucha gente en Deviant Art, donde la tenía colgada. Asi que, ¿por qué no traerla hasta aqui? Pues eso, aqui está.

No prentende ser un verdadera fuente japonesa, sino que sólo hay algunos caracteres (creo recordar que unos 26) y es más que nada para adornar.

Podeis descargarla haciendo click aqui .

Bien bien bien, así que ya tenemos pensado lo que queremos que haga la página y cómo queremos que se muestre la información, el siguiente paso es decidir cómo va a hacerlo.

El proceso de análisis es una parte del desarrollo, que a la hora de aplicarlo a la web muchas veces se obvia, y no debería ser así, ya que un análisis bien realizado y concienzudo nos permiitirá ahorrar mucho tiempo posteriormente, además de facilitarnos enormemente la tarea.
La metodología del análisis es un tema extremadamente amplio y que es imposible de abarcar aqui, por lo que si te interesa te recomiendo que busques información en internet. El análisis tiene muchas facetas, desde la planificación de la base de datos y de las funciones, hasta la realización de tests para encontrar bugs y fallos.

En este momento la parte del análisis que nos interesa es la que trata de la planificación del desarrollo, ya que debemos tener claro como vamos a programar nuestro site antes incluso de escribir una sóla línea de código, especialmente, aunque no es el único caso, si vamos a trabajar con un lenguaje de servidor como PHP o ASP.

Yo suelo comenzar con el diseño de la BD. Para ello, escribo todos y cada uno de los elementos que tendrá el sitio (si es tipo blog, las entradas, los comentarios, los links..., si es un portfolio, las imágenes, y si es un portal... bueno, pues muchas cosas) y comienzo a detallar todas y cada una de las tablas que compondrán la web, número de campos, nombre y tipos, tipo de relaciones entre tablas, etc.

Una vez tengo listas las tablas (y ya las he creado en el servidor) Detallo el árbol de archivos que voy a utilizar, y que código llevará cada archivo. No el código en sí, sino algo en plan: Aqui las funciones del usuario, aqui las funciones de sindicación, las de búsqueda... Al igual que con el IRU que vimos en el anterior artículo, esto tampoco es un encorsetado cerrado e inamovible, sino que se irá modificando según vayan surgiendo nuevas necesidades.
Por ejemplo, para la nueva versión de mi página yo me he decantado por una estructura de múltiples directorios con pequeños ficheros .php que contienen cada uno el código específico para una pequeña parte de la web. Este tipo de organización tiene alguna pega, como que todo está menos accesible fácilmente, y qu hay que trabajar mucho con rutas en el código, pero por otro lado permite tener claro dónde puedes encontrar cada código y función sin ncesidad de andar buceando entre miles de líneas. A esto se le llama modularidad.

Y una vez esté esto listo, pasaremos a programar y a crear la página. Esto ya es más general, por lo que a partir de ahora los artículos se centrarán en pequeñas funcionalidades en vez de en el trabajo en general.

Hasta la próxima!

Y te diré como eres. En ColorQuiz.com puedes saber más sobre tu personalidad en base a un test que se realiza mediante la elección de colores en el orden que te parezca más coherente. Por increíble que parezca, es bastante fiable!

Bien, llegados a este punto, es el momento de pasar a realizar los primeros bocetos en photoshop (por decir alguno, se puede usar casi cualquier programa como Paint Shop Pro, o incluso un programa de maquetación como inDesign, aunque esto lo recomiendo menos). A partir de los diseños preliminares que ya hemos hecho en papel, debemos crear ya con más detalle el aspecto que queremos que tenga la web. Hay que decidir que esquema de colores tendrá, las fuentes que vamos a usar, los iconos que utilizemos... en definitiva, se trata de crear una imagen lo más parecida posible a la estética definitva que tendrá nuestra web en el futuro.

El nivel de detalle al que podemos llegar depende de muchos factores, si la web es para un cliente es muy importante dejar el boceto lo más acabado posible, ya que es necesaria la aprobación de aquél para que luego no haya problemas ni malentendidos posteriores. Si la web la estamos haciendo para nosotros, debemos ser tan exigentes o más, aunque podemos permitirnos el no llegar a detallar tanto, ya que a medida que desarrollamos podemos ir adaptando el diseño a las nuevas ideas que vayan surgiendo.

Durante esta fase también deberíamos pensar, aunque sea por encima, en el código de la página, más que nada para no crear un diseño imposible de llevar a cabo en HTML, por supuesto esta limitación no existe como tal en una página flash, porque como ya sabemos, con flash puedes hacer lo que quieras (excepto conseguir que se indexe la página en los buscadores).
Yo recomiendo hacer varias versiones del boceto, aunque tampoco demasiadas, hay veces que das con ello a la primera, a veces necesitas 3 intentos, a veces 20, pero lo importante de verdad, es que a ti mismo te encante lo que ves.

También se debe hacer bocetos a varios niveles (páginas interiores, área de administración, etc) y no sólo de la home, ya que, dependiendo del tipo de diseño que busques, la home puede ser tan única que no puedas aplicar el mismo diseño a los interiores.

Después de que le hayas dado vueltas al tema y hayas conseguido algo que de verdad te guste, podemos pasar a la siguiente fase: el análisis

Todos hemos visto, y nos encantan, esas fotos hechas por miles de fotos pequeñitas (de hecho, hace un tiempo hice un poster así). Bueno, ¿y si las fotos que componen la foto, estuvieran compuestas por otras fotos? ¿y si estas otras fotos también estuvieran compuestas por más fotos y así hasta el infinito? Bien, pues en information puedes ver el resultado de esto. Es cojonudo.

Gracias a Dani por el link.

En el checklist de cosas que hacer cuando vas a programar una página, los primeros puestos deberían estar ocupados por decisiones a tomar con respecto a la página. Antes de maquetar nada, antes de programar una sóla línea, hay que pensar, y cuanto más mejor. Es mucho más fácil pensar con papel o lápiz, porque no estás limitado por ningún elemento externo, y puedes concentrarte más en cómo quieres las cosas en vez de pelearte con algún problema técnico externo.

Yo suelo decidir primero qué quiero que sea la página, ¿un portfolio? ¿un blog? ¿un portal? Después paso a decidir que tecnologías quiero utilizar ¿php y mysql? ¿ajax? ¿flash? ¿asp? ¿ruby?. Por supuesto esto son sólo los primeros bocetos, pero tener más o menos claro por donde van a ir los tiros ayuda en los siguientes pasos.

En este momento es cuando empiezo con los primeros bocetos, pero siempre a lápiz. Normalmente ya tengo una idea mental de cómo quiero que quede, pero ponerla en papel ayuda a reforzarla. No hay que llegar al detalle último, sólo nos hace falta decidir la estructura a grandes rasgos, 2 columnas, 3 columnas, 4 columnas, menu a la izquierda o a la derecha, dónde esta el contenido principal, la cabecera, si lleva barra de navegación, etc.

Y como último paso antes de empezar con el ordenador, a mi me gusta escribir en papel todas las funcionalidades que va a tener la página, algo que se llama "Informe de Requisitos de Usuario (IRU)" y que cuanto más detallado sea, más útil nos será posteriormente.
Hay que tener en cuenta que esto tampoco será una guía estricta, de hecho debería ser revisado cada x tiempo para añadir, quitar y modificar funcionalidades, y así ir ajustando poco a poco hasta que termine el desarrollo.
Aquí tmabién es donde especificaremos si queremos una barra de búsqueda, si queremos que se puedan enviar los artículos a un amigo, si habrá RSS, que tipo de páginas tendremos... en definitiva, lo que esperamos que ofrezca nuestra página.

Una vez esté todo esto listo, podemos pasar a la siguiente parte, el diseño del primer boceto.

Realizar una página web hoy en día puede ser un proceso largo y tedioso, o muy simple, y esto depende únicamente de el estándar de calidad que quieras fijarte.
Hay mil opciones para tener algo colgado en la red, desde lo más básico, que es hacerte una cuenta de wordpress, blogger, fotolog, etc y simplemente subir contenido, hasta programarte un sitio completo para ti mismo, pasando por hacerte una página en flash, usar o no bases de datos, o subir un script de manager de contenido como Joomla o Mambo.

Yo para la nueva versión de la página he vuelto a elegir el camino más hardcore, que es programarla desde 0 y así programarla de manera que haga exactamente lo que yo quiero sin tener que pelearme con scripts más o menos bien codificados que pueden o no cumplir con lo que yo tengo en mente.

Este es un proyecto grande, porque mi idea es crear algo interesante y potente, mientras me lo paso bien haciéndolo. Por esto, comienzo una sección donde comentaré los pasos que voy dando a medida que creo la página, de este modo los que quereis animaros a hacer algo propio podeis conocer un método más, que puede ayudaros en algunos puntos del desarrollo.

Espero que os parezca interesante.

Quisiera pediros disculpas a todos los que me leeis habitualmente porque de ahora en adelante no voy a poder acyualizar tanto la página como hasta ahora. La razón de esto es que he comenzado el trabajo para programar la nueva versión de la página, con un montón de cosas nuevas, que aunque no sirvan para mucho, por lo menos yo me entretengo haciéndolo. Además ya hace tiempo que tengo que cambiar toda la parte de administración, ya que cuando la programé por primera vez todavía andaba yo un poco pez en estos asuntos del php.

Asi que nada, eso es en lo que voy a meter la cabeza ahora, es un pelín ambicioso, pero creo que el resultado puede merecer la pena. Os iré actualizando la situación a medida que vaya haciendo cosas, con pantallazos y demás.

La cuestión es que he estado dándole vueltas al asunto sobre si debía usar un script ya hecho como Movable Type o Wordpress y añadirle cosas, pero al final he decidido volver a programármela entera porque eso me da un nivel de control total.

Un saludo a todos!

Un jueguecito adictivo de esos que gustan: lanza una partícula por una pantalla con fuerza y angulo y consigue que no choque contra ninguna de las grande partículas hasta que no se acabe el tiempo objetivo.

Cuidado, que engancha mucho!

The Sect of Homokaasu - GasGames

Atención: Lo que viene a continuación es algo muy muy geek y es posible que el ciudadano de a pie no entienda un cagao. Para los que si que sabemos algo de programación, este artículo es cojonudo. Hace un tiempo que circulaba en formato email, aunque ahora lo han cogido y lo han actualizado con los lenguajes más modernos. Te partes la polla y hay algunos grandiosos!

How to Shoot Yourself in the Foot in Any Programming Language

ehow.com es un sitio con listados de como hacer cosas de todo tipo, desde donde ir a pagar impuestos, hasta como preparar una buena fiesta, o como limpiar las manchas de vino. Hay un montón de categorías y mucho contenido. Pero también hay cosas que... en fin, si de verdad necesitas un paso a paso para hacerte un sandwich de mantequilla de cacahuete con mermelada... pero lo curioso es que está contado con algo que incluso podríamos llamar profesionalidad...

"El texto que originó esta película fue publicado el 29 de Mayo de 1990 con el título 'EL informe del estado del Pueblo', y fue escrito por la ya fallecida Donella Meadows. Hoy en dia, el Instituto de Sostenibilidad, a través de la fundación DOnella continua con sus ideas y proyectos.
El proyecto The Miniature Earth fue publicado en 2001.

Las estadisticas se han actualizado en base a publicaciones especializadas y prinicipalmente en informes sobre la población mundial incluyendo informes de la ONU, PRB.org, y otros. Hay que tener en cuenta que esto son estadísticas y pueden ocurrir cambios de un mes para otro, o durante años.

Hay que verlo como una tendencia, más que como datos exactos."

The Miniature Earth

¿Quieres saber que velocidad tiene tu conexión DE VERDAD? En speedtest.net, un medidor de velocidad de conexión que ya tiene algun tiempo, te ofrecen una manera de calcularla con algo más de estilillo del habitual.

Speedtest.net - The Global Broadband Speed Test

Trailers trailers trailers y más trailers. Con lo que son últimamente la mayoría de las películas, muchas veces nos valdría con ver el trailer para quedar satisfechos. Pues bien, en esta página recopilan todos los trailers que se encuentran por la red para el disfrute y babeo de nosotros ante algunos de las grandes pelis que se avecinan.

TRAILERS - TheMovieBox.Net

El mundo es un concepto relativo, es algo que creamos nosotros mismo en base a nuestro entorno, nuestra sabiduría y nuestras acciones. Continuamente durante la vida reajustamos nuestro mundo en base a nuestras preferencias, reconfiguramos nuestra existencia día tras día, añadiendo y quitando pequeños trozos de realidad. A veces para eliminar partes usamos un pequeño bisturí, con el que seccionamos partes cuidadosamente y sin prisa, dejamos atrás trabajos, experiencias, familia. Otras veces es necesario usar un hacha y cortar por completo un pedazo de nuestro mundo porque es una parte cancerígena, y si no actuamos con decisión podría contagiar otras partes sanas. El mundo se hace más pequeño, pero lo que queda de él se vuelve más importante, duele mientras lo haces, pero termina siendo un alivio, desde ese momento puedes dedicar más atención a lo que más importa y así dejar de malgastar tiempo y energía en algo que ya de por sí estaba muerto.

Mi mundo es más pequeño, pero más feliz e intenso.