Completed

Pasaje del maquetado de Foundation 4 a Bootstrap 3.2

Published on the September 23, 2014 in IT & Programming

About this project

Open

AluGuest.com es una empresa joven en crecimiento que está buscando solucionar uno de los problemas legacy debido a un mal inicio con un grupo de maquetadores que si bien no quisieron cobrar por su trabajo lo que hicieron impactó fuertemente en el mantenimiento de la plataforma.

La plataforma cuenta con las siguientes áreas:

"Sitio": las partes que no requieren login (O sea donde el fondo del encabezado es blanco)
"Panel": las partes que requieren login (O sea donde el fondo del encabezado es oscuro)
"Gestión Interna": Se accede desde otra URL y permite la gestión del sitio.
"Servicios": Procesos que corren independientemente del web server.

Actualmente lo que queremos modificar es el "Sitio". Queremos que tenga:
* Maquetado Responsive en Twitter Bootstrap de todo el "Sitio", sin el "Panel" ni "Gestión Interna", es decir donde está Foundation pasar a Bootstrap.
* Cambios en el maquetado de la Home (ver PSD) comparado con la actual versión productiva.

Para el maquetado utilizamos:
* HTML 5 (tiene que funcionar en IE8 e IE 9 pero puede verse mal, aunque debería ser funcional)
* jQuery 1.11 (La versión 2 no soporta ie 8 y 9)
* css 3 (aunque tiene que tener compatibilidad hacia atrás)

esperamos soporte en: firefox (última versión), chrome (última versión -60% del tráfico-), ie 8+, perfecto en ie 11, safari (última versión).

El desarrollo del sitio está basado en PHP 5.4 con un versión de CodeIgniter 2.1.4 mejorada por nosotros, a saber:
* Usamos Smarty 3.1 (www.smarty.net) como motor de templates.
* Nuestro propio Model.

Es imperativo que el HTML se haga con los tags de Smarty ya que el sitio tiene traducción en varios idiomas y Smarty permite mantener separado el html del php (luego los compila y los junta) permitiendo modificar de forma simple el html y utilizar estructuras de repetición para los bloques similares.

Smarty es muy fácil de usar para cualquiera con mínimos conocimientos de programación y HTML.

En general esto no debería afectarles demasiado ya que el header es un archivo, el footer otro, la home otro y así.
El javascript está íntimamente ligado a jQuery y está separado en otros archivos que están en la cabecera de los HTML.

Las funcionalidades que hay que reemplazar de Foundation son "Reveal" (en todo el sitio, usado para Login, Registración, Enviar un mensaje al anfitrión, para solicitar una reserva y en los filtro adicionales del listado) y "Orbit" (sólo en la home), "Reveal" puede modificarse por "ColorBox" que ya estamos usando o con la versión de Bootstrap si lo encuentran mejor.

Se espera el uso de las buenas prácticas en el javascript.
El CSS puede ser complicado a veces, debido al último maquetador que no le gustaba usar frameworks, no duden en consultar igualmente. No hace falta cambiar los botones nos gusta el maquetado actual.

El "Sitio" tiene su archivo CSS separado.
La persona que realice el trabajo se espera que reciba el cambio completo del diseño del Panel en el futuro.

Al entorno de desarrollo se accede a travez de LogMeIn Hamachi, así que es un plus si ya lo usaron.

Es importante que trabajen comunicándose para no hacer retrabajo o si se traban porque no encuentran algo. Serán acompañados por personas que conocen íntimamente cada parte de la plataforma.
Sean realistas en sus propuestas, no queremos ahorrar porque "sale barato" queremos ahorrar porque "está bien hecho y no hay que hacerlo de nuevo".

Category IT & Programming

Delivery term: September 24, 2014

Skills needed