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

Sitio web de moda basado en Yii Framework

No hay comentarios

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

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

Tecnologías empleadas

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.


Error: Your Requested widget " ai_widget-6" is not in the widget list.
  • [do_widget_area above-nav-left]
    • [do_widget_area above-nav-right]
      • [do_widget_area footer-1]
        • [do_widget id="wpp-4"]
      • [do_widget_area footer-2]
        • [do_widget id="recent-posts-4"]
      • [do_widget_area footer-3]
        • [do_widget id="recent-comments-3"]
      • [do_widget_area footer-4]
        • [do_widget id="archives-4"]
      • [do_widget_area logo-bar]
        • [do_widget id="oxywidgetwpml-3"]
      • [do_widget_area menu-bar]
        • [do_widget id="search-3"]
      • [do_widget_area sidebar]
        • [do_widget id="search-4"]
        • [do_widget id="ai_widget-2"]
        • [do_widget id="categories-5"]
        • [do_widget id="ai_widget-3"]
        • [do_widget id="ai_widget-4"]
        • [do_widget id="ai_widget-5"]
      • [do_widget_area sub-footer-1]
        • [do_widget id="text-4"]
      • [do_widget_area sub-footer-2]
        • [do_widget_area sub-footer-3]
          • [do_widget_area sub-footer-4]
            • [do_widget_area upper-footer-1]
              • [do_widget id="search-2"]
              • [do_widget id="recent-posts-2"]
              • [do_widget id="recent-comments-2"]
              • [do_widget id="archives-2"]
              • [do_widget id="categories-2"]
              • [do_widget id="meta-2"]
            • [do_widget_area upper-footer-2]
              • [do_widget_area upper-footer-3]
                • [do_widget_area upper-footer-4]
                  • [do_widget_area widgets_for_shortcodes]
                    • [do_widget id="search-5"]
                    • [do_widget id="ai_widget-6"]
                  • [do_widget_area wp_inactive_widgets]
                    • [do_widget id="wpp-2"]
                    • [do_widget id="text-1"]
                    • [do_widget id="recent-posts-3"]
                    • [do_widget id="categories-3"]
                    • [do_widget id="archives-3"]
                    • [do_widget id="icl_lang_sel_widget-3"]

                  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 AWS & Linux Sysadmin Freelance

                  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, AWSi, DevOps, DevSecOps, seguridad, desarrollo web y programación, SEO, ciencia, innovación, emprendimiento, etc.

                  DanielSitio web de moda basado en Yii Framework

                  Artículos relacionados

                  Deja una respuesta

                  Tu dirección de correo electrónico no será publicada.