GNU/Linux, Open Source, Cloud Computing, DevOps y más...

Sitio web de moda basado en Yii Framework

No hay comentarios
tecnologias-utilizadas-yii-framework-php-mysql-html5-css3-javascript-bootstrap-git-podio-linux

Tecnologías empleadas

En esta ocasión realizamos un completo sitio web basado en Yii Framework 1.1.13 con diseño responsive adaptable a todo tipo de dispositivos móviles y tabletas para una innovadora startup relacionada con el sector de la moda, www.trendmii.com, a la que también prestamos consultoría tecnológica y servicios de marketing online. La web consta de un frontal totalmente personalizado a medida, aunque inspirado en una mezcla de los temas para Bootstrap Vivid 2.0, Serenity y Maximum All in One, y de una parte de administración basada en el tema Ace Admin. Las tecnologías empleadas en ambos casos fueron HTML5, Bootstrap, CSS3 y jQuery.

01-homepage-trendmii02-articulos-moda-mujer

03-detalle-producto-mujer04-buscador-prendas-chaquetas

Además, se implementó un blog a medida partiendo de cero sin basarnos en ningún gestor de contenidos o CMS existente, lo cual permitió obtener unos resultados espectaculares y una satisfacción plena por parte del cliente.

05-categoria-blog-moda-mujer06-blog-moda-tendencias-hombre

Backend

En cuanto a las tecnologías de backend empleadas, la web se desarrolló en lenguaje PHP y Yii Framework, que es el que mejor se adaptaba a las necesidades del proyecto, pues el diseño de la base de datos no era tan complejo como para requerir un Data Mapper como Doctrine2, por ejemplo, pero sí presentaba un número considerable de entidades y consultas distintas, por lo que optamos por un framework MVC que siguiera el patrón ActiveRecord. Además debía ofrecer un buen rendimiento, aspecto en el que Yii Framework destaca especialmente. También fueron un factor de peso las características de scaffolding que ofrece Yii, las cuales nos permitieron agilizar bastante la generación de las operaciones CRUD de las numerosas entidades de las que consta la aplicación.

Este backend también presentaba una interfaz de usuario responsive basada en el tema de administración Ace Admin, también basado en Boostrap:

07-ace-admin-dashboard-trendmii08-admin-user-detail-view

09-ace-admin-blog-post-creation-form10-ace-admin-product-brands-advanced-search-form

Otra de las características interesantes del sitio web de www.trendmii.com es que es multiidioma, permitiendo en un principio sólo inglés y español, pero concebido para soportar una gran cantidad de idiomas distintos, no sólo a nivel de contenidos, sino también en casi todas las entidades de la base de datos y a nivel de rutas y URL’s, las cuales también podían ser traducidas a cualquier idioma.

11-capacidades-multiidioma-ingles      12-capacidades-multiidioma-ingles

También se integró el proceso de inicio de sesión y registro con los principales servicios de autenticación de redes sociales como Facebook, Twitter, Google y LinkedIn, haciendo uso de la librería HybridAuth, lo cual permitió conseguir un mayor número de conversiones al facilitar enormemente el proceso de registro.

13-registro-mediante-redes-sociales

Por último, para el formulario de contacto y suscripción a la newsletter de Trendmii se utilizaron formularios facilitados por Podio, lo cual permitió integrar de una forma sencilla diversas funciones CRM y otras relativas a la gestión del proyecto.

Otras capturas de pantalla del proyecto

14-blog-moda-mujer-trendmii15-seccion-moda-mujer-trendmii16-blog-moda-hombre-trendmii17-explorador-de-prendas-ropa-mujer

 

Sobre el autor

Daniel López Azaña
Arquitecto de soluciones Cloud

Emprendedor, generador de ideas y mente inquieta. Apasionado de las nuevas tecnologías, especialmente de los sistemas Linux y del software libre. Me gusta escribir además sobre actualidad tecnológica, Cloud Computing, DevOps, seguridad, desarrollo web y programación, SEO, ciencia, innovación, emprendimiento, etc.

DanielSitio web de moda basado en Yii Framework

Artículos relacionados

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *