Maneja tu negocio de Web Development como los expertos

Los que me conocen, saben que comencé a hacer web sites como en el año 1994, para los tiempos en que no existía Internet Explorer, y toda programación HTML debía hacerse a mano, utilizando Notepad, o cualquier otro editor similar.  En ese entonces, era muy limitado lo que se podía hacer, y todos los websites eran con background gris, letras grandes, y todo el texto centralizado.  Con el pasar de los años se fueron refinando lentamente, y la programación Web se ha ido complicando cada día más.  Esta complicación ha sido para mejor, y en estos días, tecnologías como CSS han logrado crear una capa de abstracción entre diseño y contenido y el HTML 5 promete permitir incluso ver vídeos de youtube sin necesidad de Flash (Firefox actualmente tiene problemas con esto debido al decodificador de MP4).

La industria del desarrollo de aplicaciones Web se ha ido desarrollando exponencialmente, haciendo Web Developers a artistas graficos, publicistas y entusiastas de tecnología en general.

A continuación te presentaré una serie de herramientas Open Source, que te pueden ayudar a que manejes tu negocio de desarrollo de páginas de Internet de una manera más oraganizada, asegurando la mayor efectividad y protegiendo sobre todo tu tiempo.

La gestión inicial

En ocasiones se subestima la visita inicial con el cliente.  El desarrollo de un sitio Web, es precisamente eso, un desarrollo, y puede ser comparado con desarrollos de construcción.

Si no se dialogan correctamente al principio los detalles con respecto a la ubicación de los cuartos y los baños, no sabremos exactamente donde se realizará la instalación de tuberías o electricidad.  Una vez se coloque el piso, ya estamos tarde.

Dialoga con tu cliente y obtén la mayor información posible.  Haz tu gestión de consutoría y dale alternativas y recomendaciones.

Crea un plan de trabajo

Proyecta estructura y profesionalismo, ofreciendo a tu cliente un plan de trabajo.  Este plan incluye las tareas necesarias para realizar el proyecto, las personas responsables de cada tarea, y la duración de cada gestión, entre otros detalles.  La aplicación Planner es muy fácil de usar, y te permite crear tu plan de trabajo de una manera rápida y eficiente.  Cuando crees tu plan de trabajo, en Planner haz un “Export as HTML”.  Esto generará una versión HTML de tu plan de trabajo.  Súbela a un servidor con acceso Web, y dale la dirección a tu cliente.  Según realices cambios al plan de trabajo, exporta nuevamente el plan y vuelve a subirlo al servidor.  De esa manera tu cliente te dejará trabajar, ya que la situación del proyecto está constantemente actualizada.

El prototipo de funcionalidad

Una vez tienes claro la necesidad y requisitos de tu cliente, todavía no estamos listos para comenzar a diseñar.  Es necesario poner en prueba nuestra idea de cómo el sitio funcionará.  El Pencil Project es una extensión para Firefox, que te provee una interfaz gráfica para diseñar un prototipo funcional.  El prototipo funcional no es otra cosa que un diagrama de posicionamiente de elementos en pantalla, acompañado de un esquema de navegación para el sitio Web.

El diseño gráfico

Si no tienes la posibilidad de obtener una licencia de Adobe Photoshop, no te preocupes.  El proyecto The GIMP te provee una alternativa totalmente Libre y Open Source, que realiza virtualmente las mismas funciones que Adobe Photoshop, incluyendo abrir o grabar archivos en formato PSD.  Proyectos derivados como GimpShop o GimPhoto, proveen aún más similaridad a su contraparte propietara, haciendo más fácil y rápida su adopción.

Montaje de tu sitio Web

Si prefieres los editores de HTML gráficos, posiblemente te viene a la mente Dreamweaver.  Si no tienes acceso a éste, puedes utilizar Nvu, un excelente editor gráfico de HTML, que te permitirá montar una página Web como si estubieras editando una carta.

Si en cambio prefieres editar el código directamente, o bien estás preparando una programación adicional en JavaScript, PHP, ASP u otro, te recomiendo Notepad++, el cual no tan sólo es Libre, si no que cuenta con una extensa librería de extensiones que harán mucho más fácil el proceso de programación.

Depuración de errores y validación final

En principio, te recomiendo que utilices el navegador Firefox.  No sólo ofrece mayor seguridad por encima Microsoft Internet Explorer, si no que cuenta con múltiples extensiones que te harán el proceso más rápido y efectivo.  Recuerda que las extensiones corren dentro de Firefox, por lo que no estás batallando con múltiples aplicaciones.  Esto demuestra que Firefox, más que un navegador de Web, es una plataforma de productividad.

Ya te hablé del Pencil Project, ahora te menciono las siguientes.

• Firebug – Extensión para análisis profundo de CSS, JavaScript, DOM y otros
• FireFTP – Extensión para conectar a servidores de FTP
• Colorzilla – Extensión para extraer códigos de colores de páginas Web
• Measureit – Extensión para tomar medidas de elementos en pantalla
• Webdeveloper toolbar – Extensión avanzada con múltiples utilidades relevantes al desarrollo Web
• IETab – Prueba tu sitio Web en Firefox y en Internet Explorer desde la pantalla de Firefox, sin tener que cambiar de navegador
• FireShot – Realiza capturas (screenshots) de tus sitios Web, y haz anotaciones sobre éstas
• Foxytunes – Controla cualquier Media Player desde Firefox

La profesión de desarrollo de sitios Web es muy excitante.  Diviertete mientras lo haces.  Organizate correctamente y asegúrate de manejar tu tiempo de la manera más eficientemente posible….tu cliente lo notará.

Agradecemos al equipo de desarrollo Web de Aranay Technology Corp. por su importante contribución en este artículo.