web al plato

A la hora de comenzar un proyecto web son las formas en que se puede desarrollar, la idea de este post es básicamente definir cada una y así ayudar al cliente a definir cual se adapta más a su necesidad.

Sitios estáticos

Se caracterizan porque su contenido no puede ser administrado por el cliente. Al no ser administrable la estructura queda definida al inicio del proyecto y es poco flexible.

Si bien se puede generar nuevo contenido para un sitio estático el cliente queda ligado a la empresa de desarrollo ya que cada actualización tendrá que ser solicitada a la misma.

Pasos para el desarrollo:

• El cliente provee todo el material.
• Se definen las secciones y cantidad total de páginas del sitio.
• Se presupuesta en base a la cantidad de páginas solicitadas.
• Se presenta propuesta de diseño.
• Una vez aprobado un diseño se generan las páginas estáticas.
• Se publica el sitio.

Ventajas de un sitio estático:

• Menor costo.
• Rapidez de desarrollo.
• Permiten contratar cualquier hosting.
• Buena opción para microsites o sitios promocionales.

Desventajas:

• Poca flexibilidad para agregar nuevas secciones / contenidos.
• No es una buena opción para estrategias de posicionamiento en buscadores.
• Son generalmente sitios desactualizados.

Sitios dinámicos

El sitio se define con secciones estáticas y dinámicas. Las secciones dinámicas son administrables por el cliente desde una herramienta de control. Esta herramienta se instala en el mismo sitio y se accede mediante uso de usuario y contraseña. Generalmente a esta herramienta se la denomina sistema de administración de contenido o CMS por sus siglas en inglés (Content Management System).

CMS

En el mercado hay un gran número de CMS’s. Como destacados podemos nombrar a Wordpress altamente conocido en el mundo de los blogs o a Joomla un veterano y completo administrador de contenidos. Estos CMS’s nombrados y otros tantos son libres y gratuitos.

Por otro lado existen los CMS’s desarrollados a medida. Es decir, se desarrollan específicamente con las funcionalidades pedidas por el cliente para el sitio en cuestión.

Entonces nos encontramos con dos tipos de sitios dinámicos: los hechos a medida y los que usan un CMS’s popular para manejar su contenido.  Cada tipo con sus diferentes ventajas y desventajas, pero con un fin común, que el cliente tenga el control sobre el contenido del sitio.

Pasos para el desarrollo:

• El cliente presenta el material.
• Se definen las secciones estáticas y dinámicas.
• Se define la estructura de datos (Base de datos) a ser utilizada por las secciones dinámicas.
• Se presentan las propuestas de diseño.
• Una vez elegida la propuesta comienza el desarrollo. En este punto generalmente se realiza primero el CMS para que el cliente pueda cargar los datos mientras se avanza en la realización de la parte pública (la que acceden los usuarios del sitio).
• Se publica a modo de pruebas para ajustes finales.
• Se publica en producción.

Ventajas de un sitio dinámico:

• Facilidad de actualización (esto lo hace más atractivo para los visitantes).
• Gran flexibilidad.
• Son altamente recomendados para estrategias de posicionamiento en buscadores.
• Control total del cliente, solo en excepciones deberá acudir a la empresa de desarrollo.

Desventajas:

• Generalmente el costo es mayor al de un sitio estático.
• El tiempo de desarrollo es mayor.

Conclusión

El cliente deberá definir cómo será su estrategia en internet y el impacto que desea que ésta tenga sobre su negocio o actividad.

Posibles casos de uso para cada tipo de sitio:

• Estáticos: Sitios que no necesiten gran difusión, sitios descartables o para instituciones o empresas que sólo les interese tener presencia en internet.
  - Sitios promocionales (Microsites publicitando un producto / servicio)
  - Sitios institucionales pequeños. Pequeñas pymes con presencia pero que no apuestan decididamente a aumentar su cartera de clientes.
  - Sitios web de eventos.
• Dinámicos: Sitios con gran capacidad de crecer, generan interés en el visitante por su constante actualización.
  - Catálogos de productos on-line.
  - Sitios con aporte por parte de los visitantes.
  - Servicios on-line para socios.

Esperamos sobre todo que el artículo sea de ayuda para decidir sobre como llevar adelante su sitio y ante cualquier duda puede consultarnos.

El 2 de septiembre se llevará a cabo en Mendoza una Jornada de Marketing Digital organizada por B.I.B. Technology y Punto FOX.

La misma será abierta y gratuita. El lugar del evento es el Centro de Congresos y Exposiciones Emilio Civit ubicado en Peltier 611 de Ciudad a partir de las 16:30hs.

Luego habrá otras jornadas (3 y 4 de septiembre) dirigidas  a empresas, emprendedores y profesionales, las mismas serán cerradas.

Más información e inscripción.

Update: Nos hemos comunicado con los organizadores del evento y nos han permitido transmitirlo en vivo, el día del evento publicaremos la URL para verlo.

En el desarrollo web se entrelazan varias tecnologías (base de datos, XHTML, Javascript, Flash, XML, etc) y problemas comunes (internacionalización, codificación, flexibilidad de la estructura de datos, etc) .  Los frameworks se encargan  de manejar las tecnologías involucradas y brindar soluciones para facilitar el desarrollo.

Es así que nos proveen:

• Independencia del motor de base de datos que usemos
• Generadores de código XHTML
• Soluciones Javascript integradas
• Motor de plantillas
• Librerías para internacionalización
• Modelo orientado a objetos para facilitar el manejo de datos
• Etc.

Más allá de estas bondades que sin duda mejoran la productividad, el hacer uso de un framework mejora el trabajo en equipo ya que todos hablamos el mismo idioma y las aplicaciones muestran siempre la misma estructura.

La variedad de frameworks es bastante grande por tanto tuvimos que realizar un pequeño análisis de los más usados para llegar al que usamos actualmente.

El otro Seba probó CodeIgniter si bien era liviano y simple le faltaban mejoras en cuanto al modelo de datos, la documentación era muy buena.

Personalmente me tocó probar Symfony, con más fama ya que Yahoo! lo estaba usando para alguno de sus nuevos proyectos. La documentación es muy buena, personalmente creo que es el más poderoso y completo. Al ser tan completo para nuestro caso tenía dos desventajas:

• Larga curva de aprendizaje.
• Los proyectos web por lo general no tienen una gran envergadura, por tanto la complejidad termina siendo excesiva.

Fue así que le tocó el turno a CakePHP. Lo comenzamos a usar en su versión 1.1 con muchas deficiencias y muy muy poca documentación. Aún así nos atrajo su facilidad de uso y la rapidez con que se aprende.

Por estos días se publicó la RC 1.2, la misma ha tenido muchas mejoras y sobre todo los líderes del proyecto vieron que uno de los principales problemas era la documentación y también está mejorada.

CakePHP nos brinda:

• Independencia del motor de base de datos
• Fácil realización del modelo de datos con relaciones entre tablas.
• Modelo de datos orientado a objeto, la forma utilizada es de simple entendimiento por lo que se asimila rápidamente.
• Integra soluciones Javascript / AJAX.
• Manejo de plantillas y caché.
• Internacionalización totalmente integrada.
• Validación de datos.
• Ruteo dinámico y flexible.

Hemos realizado sitios con estructuras de datos básicas y sitios complejos con administración de pedidos, productos, categorías, etc. para todos los casos CakePHP nos ha brindado una solución efectiva.

Uno de los temas con el que nos enfrentamos muy a menudo en este negocio es la presentación de las propuestas de diseño a nuestros clientes. Además es uno de los aspectos que más dolores de cabeza suele traernos en el trato con el cliente.

Cuando confeccionamos los presupuestos de nuestra empresa generalmente acordamos con el cliente® la entrega de dos propuestas diferentes para el diseño de su sitio web. Pero si lo analizamos bien veremos que casi seguramente este no es el mejor camino para lograr un diseño estéticamente acertado y que sea funcional para el sitio web.

Problemas de presentar más de una propuesta de diseño

Algunos de los problemas con que podemos toparnos en esta instancia del proceso son los siguientes:

1. Dedicarle demasiado tiempo a una sola de ellas y que las demás no tengan la misma calidad.
2. ¡Peligro! del que el cliente® seleccione una de estas propuestas adicionales que no están bien terminadas.
3. ¡Peligro! de que el cliente® decida que quiere los colores de la propuesta A, las ilustraciones de la propuesta C y la diagramación de la propuesta B; creando de esta manera uno de los tantos Frankensteins web en que acaban a veces los proyectos.
4. Que el cliente no encuentre de su agrado ninguna de las propuestas y tengamos que hacer varias más para lograr algo que lo satisfaga. En este punto el tiempo que habíamos estimado dedicarle al diseño puede llegar a duplicarse, lo cual todos sabemos que no es bueno.
5. ¡Peligro! de obtener un sitio poco original y típico: Inicio – Quienes somos? – Qué hacemos?, etc.

Posibles soluciones

Algo que siempre rondó en mi cabeza era la idea de que sería mejor destinar parte de ese tiempo en estudiar y plantear el diseño de la estructura del sitio web, su usabilidad y hasta incluso hacer alguna evaluación de la respuesta de los usuarios. Cuando leí este artículo de Darren Hoyt me di cuenta que no era el único que se enfrentaba a lo mismo en cada proyecto.

Para que el cliente no crea que estamos haciendo menos trabajo procediendo de esta manera, podemos sumar al proceso lo siguiente:

1. Un prototipo de la estructura del sitio y de sus elementos más significativos. Para esto podemos utilizar la técnica de wireframes o “estructura de alambres”. Súmamente útil para establecer una base funcional para el sitio web. Lástima que no todos los clientes comprenden su utilidad, si no la web sería mejor para todos. Como no todos los clientes valoran esto, nosotros lo estamos aplicando en los proyectos internos que estamos desarrollando.
2. Hacerle notar al cliente que estamos dedicando tiempo a la organización de la información para proveer al usuario una experiencia mucho más amigable.
3. Una vez establecida la estructura del sitio web, podemos trabajar con mucha más dedicación el aspecto estético. Mi experiencia me ha echo notar que los diseños estéticamente logrados y ricos resultan de dedicarle mucho tiempo al pulido de los detalles. Cuidado, porque ya sabemos que el diablo está en los detalles!
4. Podemos proveer además propuestas del diseño de las secciones interiores del sitio web. Esto lo podremos realizar rápidamente porque ya contamos con una linea de diseño establecida y sólo deberemos trabajar con los contenidos de las mismas.  Además puede darle la impresión al cliente que el trabajo de diseño ha sido completo y se encuentra en estado avanzado.

Nuestra experiencia

Uno de los proyectos realizados por nuestro estudio en el que hemos podido aplicar esta metodología es Contratosweb que se dedica a la venta de modelos de contrato online. En este caso propusimos al cliente una estructura del sitio web estudiada en función del target de usuarios al que está dirigido, siempre teniendo como objetivo principal que los usuarios puedan encontrar el modelo de contrato que necesitan con facilidad.

También las etapas posteriores (compra, pago y descarga de los modelos) han sido estudiadas para que los usuarios con cualquier nivel de conocimientos del manejo de internet pudieran llevarlas a cabo sin mayores inconvenientes.

De a poco, y cuando la personalidad del cliente lo permite, estamos introduciendo en nuestro proceso esta manera de encarar los proyectos. Como nada está dicho, cuando tengamos más detalles de los resultados los iremos compartiendo aquí en este blog.

Podemos decir por el momento que poder aplicar esta metodología permite enfocar mejor todos nuestros esfuerzos a lograr un producto de calidad que funcione mejor para los usuarios y, por consecuencia, para nuestros clientes.

Con 3 borradores sin terminar y sin posts publicados últimamente me toca romper esta ausencia sin aviso para contarles que ha ingresado un nuevo integrante al equipo.

Desde los primeros días del mes nos acompaña Natacha Rodriguez. Naty, como aprendimos a llamarla, estudia Ingeniería en Sistemas de la Información en la UTN.

Le restan sólo 2 materias para recibirse, le gustan las películas “para pensar” y de ciencia ficción, la literatura fantástica, ir de paseo a la montaña y en cuanto a música Ricardo Montaner.

Sin más introducción, les presento a Naty.

Después de la data personal y la foto habrá alguno que está por escribir un comentario solicitando su mail, teléfono o alguna forma de contacto, casi disfrutando este momento, debo contarles que está felizmente de novia.

En cuanto a web (creo que esto es lo que debía contarles) tiene gran experiencia en PHP y nos ha venido a dar una mano con CakePHP que es nuestro actual framework de cabecera.

Naty (modo cholulo on) suerte !

Queremos comunicarle a todos nuestros clientes y amigos que hemos cambiado nuestro número telefónico. El mismo es:

(261) 423 8003

Por fin vamos a salir de la pesadilla que significó Telmex como proveedora de servicios de comunicación.

Queremos contarle a todos que desde principios de este mes está formando parte de nuestro equipo el Sr. Didier Di Cesare, a quién pueden ver en la siguiente foto.

Aparentemente no quiere que la persona que lo abraza en la misma sea reconocida. No sabemos si es porque es una relación amorosa clandestina, una relación que fracasó o porque…. bueno, vaya a saber los verdaderos motivos pero no son importantes.

Didi aparte de estar introduciéndose en el mundo del desarrollo web tiene otras habilidades. Se dice que toca el bajo en alguna banda local aunque el dato estaría por confirmarse por el momento. Ver para creer.

Hemos valorado su gran potencial e iniciativa, se destaca por tratar de solucionar los problemas que se le presentan y ha avanzado mucho en muy poco tiempo. Deseamos que esto siga así por mucho tiempo.

Queremos desearle suerte y coraje para aguantarnos.

Debido a las malas experiencias, hemos decidido contratar un proveedor adicional para internet.

Por un lado pedimos Speedy el ADSL de Teléfonica y vamos a dar de baja definitivamente a Telmex. Speedy no es que sea muy bien visto por la comunidad de usuarios, pero la verdad que excepto algunos problemas esporádicos de conexión, posibles desajustes en la facturación y un sevicio técnico al que hay que tenerle mucha paciencia es lo mejorcito que hay por estos lados ofreciendo paquetes de telefonía + internet.

Si alguien lee este post desde otras latitudes (Llucky, David, Josep, Adrián, Xavis, Armand, Chris), le llamará mucho la atención que nos conformemos con tan poco. Acá es así, hay que contratar al menos “pior” (pior = peor, pobre, poor, bad, pitjor).

Bueno sin irme del tema, desde ayer tenemos contratada una línea adicional de internet. La ofrece CTI con tecnología 3G. Hablando con mi amigo Sebastián, coincidimos en que CTI ha ido al frente implementando esta tecnología, tomando ventaja de su competencia en nuestra provincia al menos y aplaudimos que apuesten a ampliar la cobertura.

En cuanto al servicio CTI Internet móvil por el momento funciona muy bien, es más lento que un ADSL de 1Mb, es estable, y el punto negativo es que todavía no ofrecen modems con puerto ethernet.

Compramos el modem HUAWEI E226 y nos pareció excelente (Sólo nos deben el puerto ethernet !), viene en un packaging pensado para ser transportado y no cuesta nada llevarlo a cualquier reunión, conectarlo a una notebook y tener internet. Es por esto que además de ser una necesaria línea de backup este servicio nos dá una portabilidad única y que hasta funciona.

“Sólo por hoy” recomendamos el servicio de CTI, esperemos que no caigan en el estúpido error de sobrevender la capacidad que tienen y nos obliguen a buscar otro proveedor.

Voy a dejar unas capturas de este momento (media mañana, por lo general es pico de consumo y las conexiones de este tipo, compartidas, caen en su rendimiento) para que tengan una idea del funcionamiento, ya que por más que insistimos antes de contratar el servicio, en CTI no contaban con una PC conectada para ver el funcionamiento.

Descarga http desde download.com:

Descarga FTP desde servidor en España:

Descarga FTP desde servidor en Argentina:

Upload FTP a servidor en España:

Upload FTP a servidor en Argentina:

Como se pueden apreciar las velocidades no son malas comparadas con otros servicios que hemos probado, en fin, esperemos que nuestra experiencia les sirva, así también serán bienvenidos comentarios con otras experiencias.
Así con Speedy y CTI Internet Móvil tenemos planeado al menos tener conexión todos los días.

Por estos días estamos diseñando un pequeño set de iconos para el diseño de una interface del sistema de un cliente. Como algunos me resultaron simpáticos me dieron ganas de mostrar algo.

Cabe aclarar que están en proceso y les hacen falta ajustes y correcciones, sobre todo en lo cromático.

Estamos urgidos de incorporar rápidamente a nuestro equipo un desarrollador web. Debe contar con conocimientos y algo de experiencia comprobable (se tomará un pequeño examen de maquetación y programación con bases de datos) en: PHP, MySQL, XHTML/HTML, CSS y Javascript. Valoraremos como positivo si además tienes conocimientos de: accesibilidad, usabilidad, buenas prácticas de desarrollo y manejo básico de herramientas gráficas como Photoshop, etc.

Si estás interesado y quieres saber más acerca de las condiciones del puesto pasa por aquí y contáctanos.