Web Design & Hosting by Miguel Estrada

Remodelaciones de Sitios Web - Analogía July 30, 2008

Posted by developpeur in : Español, Internet Hispano, Web Development , add a comment

A veces es difícil explicarle a un cliente los procesos, terminologías y situaciones colaterales implícitas en el desarrollo web, las analogías son una forma de explicar de una manera más coloquial de tal forma que sea sencillo su entendimiento.

Para el caso de este post, o sea Remodelación de un Sitio Web, tomaremos como analogía la remodelación de una casa. Así que primeramente hay que contextualizarnos asignando equivalencias. Para el caso de esta analogía solamente tomaremos 3 elementos del proceso de construcción de una casa: Planos, Obra Negra y Acabados. Equiparándolos con los procesos de desarrollo web: Diseño, Programación, Integración.

Explico cada uno:

Planos (Diseño): Como nos gustaría que se viera la casa, donde va cada área, ubicar instalación eléctrica, agua, gas, etc. Lo mismo para un sitio web, como queremos que se vea, donde va cada sección, cuantas páginas, etc.
Obra Negra (Programación): Lo que sustenta lo casa, block, castillos, dalas, cemento, etc. Para un sitio web: código del frontend, el del backend, bases de datos, servidor, sistema operativo, etc.
Acabados (Integración): Piso de mármol o imitación madera, pintura económica o lavable, los detalles pues. Para un sitio web se refiere específicamente a la segmentación gráfica y la integración del CSS.

A fin de aclarar las situaciones que confunden en las remodelaciones, he asignado una escala de acuerdo al nivel de modificación que se requiera:

Nivel 1: Usualmente textos, es como cambiar las chapas o los grifos de una casa, son asuntos menores de muy bajo costo, no hace falta cambiar planos ni obra negra.
Nivel 2: Usualmente gráficos. A veces únicamente nos piden conservar la estructura de un sitio web pero cambiar su apariencia gráfica o alguna foto en cuestión, esto es relativamente sencillo, por supuesto tiene un costo mayor, pero equivale según el caso a cambiar desde el color de las paredes hasta un cambio de piso o detalles de acabados, no implica cambios en obra negra sin embargo se sugiere algo de maquetación para que el resultado sea lo más cercano a lo esperado, igualmente para los sitios web, una propuesta gráfica es recomendable.
Nivel 3: Modificaciones a la estructura del sitio, usualmente cuando queremos agregar una página nueva, una sección nueva o cambiar la distribución de los elementos y esto repercute en todo el sitio, su costo es más elevado. Bueno comparándolo con una casa esto equivale desde añadir una puerta, una recámara adicional, un segundo piso, etc., o sea cambios en la obra negra y por lo tanto lo ideal es recurrir a un plano para que el resultado sea cercano a lo visualizado.
Nivel 4: Rediseño de la estructura del sitio, usualmente una nueva versión mejorada sirviendo al mismo propósito que ya tenía el sitio. Equivale a tumbar la casa y hacer una nueva en el mismo predio. Un costo importante. Obvio planos y obra negra totalmente nuevos.
Nivel 5: Reingeniería. Usualmente implica un cambio de tecnología, plataforma, sistemas y se abre a la posibilidad de nuevos propósitos. Equivale a tumbar la casa, modificar las dimensiones del predio y hacer un condominio o locales comerciales.

Por lo anterior es sumamente importante al momento de crear o remodelar un sitio web (como lo es en una casa) observar los siguientes detalles:

Certeza en el diseño: para no estancarse, regresarse o equivocarse en las fases siguientes.
Estructura funcional: que sea resistente, bien armada y adecuada al propósito.
Futuras ampliaciones: dejar margen para crecer, si es posible de acuerdo a un plano.
Vista agradable: que el proyecto sea vistoso de acuerdo a su propósito.

Sphere: Related Content

Upgrading PostNuke from 0.762 to 0.764 February 19, 2008

Posted by developpeur in : English, PostNuke, Web Development , add a comment

From 0.762 to 0.764 there are no DB changes, so just replace all files EXCEPT third party modules, custom blocks, custom themes AND config.php

Process:

Backup files.
Set theme to extralite.
Delete all files.
Upload version 0.764
Place back third party modules, custom blocks, custom themes.
Place back your old config.php

Etiquetas en fotogramas de Flash January 29, 2008

Posted by developpeur in : Español, Flash , add a comment

Para hacer etiquetas (labels) o comentarios (comments) dentro de una Fotograma (Frame) en Flash:

Ir a la pestaña o ventana de Propiedades.
Escribir un texto donde dice “Fotograma”.
Seleccionar que tipo de etiqueta será.

Hay 3 tipos de etiqueta:

Nombre: Identifican a fotogramas clave en la Línea de Tiempo y se usan en vez del número de fotograma (que puede variar al crecer la animación) para indicar un fotograma de destino en “Acciones”.
Comentario: Observaciones para uno mismo o para otras personas que trabajan en el mismo documento.
Anclaje: Simplifican la navegación. Permiten usar los botones para avanzar y retroceder del navegador, para saltar de un fotograma a otro, o de una escena a otra.

En este link vienen otros aspectos generales del Flash

Sphere: Related Content

XML-RPC the pinging core November 8, 2007

Posted by developpeur in : Blogs, English, Web Development , add a comment

Ok. A fast note on XML-RPC just in case I ever need a server implementation of this kind, this application tracks changes to news-oriented websites. Should be useful when developing a blog’s directory or a pinging service.

XML-RPC it’s a spec and a set of implementations that allow software running on disparate operating systems, running in different environments to make procedure calls over the Internet.

It’s remote procedure calling using HTTP as the transport and XML as the encoding. XML-RPC is designed to be as simple as possible, while allowing complex data structures to be transmitted, processed and returned.

Also note that there are 2 methods: weblogUpdates.ping and weblogUpdates.extendedPing

Sphere: Related Content

Unzip and run SWF files in your hard drive November 6, 2007

Posted by developpeur in : English, Flash, Web Development, Xcelsius , add a comment

Ok. Here goes a small tutorial… I made a video of the process, then upload it to YouTube, and it got a little blury, anyway you may watch it here and I’ll describe the steps below (BTW all this happens on Windows XP):

You will need the latest WinZip version:
http://www.winzip.com/downwz.htm

And the latest Flash Player version:
http://www.adobe.com/products/flashplayer/

The steps to unzip and run:

Right-click the *.zip file and select “Extract to here”
A new folder will be created with the zip’s file name and folder stucture.
Open that new folder and find the SWF file.
Right-click the *.swf file find the “Open with” menu
Click on “Choose program” and scroll-down to “Macromedia Flash Player 8” (or higher version).
File should open.

You may also choose Internet Explorer 7 (IE7) instead of Macromedia Flash Player 8 for opening the file, which is usually the default option but it will probably take longer and send some security messages or errors, and maybe won’t open some linked elements in the SWF file.

I strongly recommend the Macromedia Flash Player option.

Sphere: Related Content