Tag: CMS

Introduccion a Joomla 5: Potenciando la Web con Serfe

Ultima actualizacion 29 de noviembre de 2023

Bienvenido a la introducción más reciente sobre Joomla!, la plataforma de gestión de contenidos (CMS). En Serfe, nos enorgullece presentarte las innovaciones más recientes de Joomla! 5, la versión más avanzada hasta la fecha, diseñada para llevar tus experiencias web al siguiente nivel.

¿Qué es Joomla! 5?

Joomla! 5 es un sistema de gestión de contenidos (CMS) de código abierto, impulsado por PHP y respaldado por la licencia GPL. Desarrollado para crear sitios web dinámicos, utiliza una base de datos MySQL para ofrecer flexibilidad y rendimiento.

247drive

247Drive ofrece un servicio especial para aprender a conducir con clases online y así lograr obtener la licencia oficial en Virginia, USA.

Después de 3 años de trabajo conjunto, logramos una exitosa transformación del sitio web: migración de Drupal 7 a WordPress 6.

Fase de Inicio

El cliente inicialmente se puso en contacto con nosotros para resolver varios problemas críticos que afectaban a su sitio web y que habían comenzado a afectar la reputación de su negocio en 2020. Tras llevar a cabo una revisión exhaustiva, identificamos una serie de tareas necesarias para mejorar la experiencia del usuario y abordar los errores críticos.

Optimización de Rendimiento

Cuando asumimos el proyecto en el año 2020, quedó claro que el sitio web enfrentaba desafíos significativos, especialmente en las áreas de seguridad y rendimiento. En ese momento, ya habíamos determinado que la migración de la plataforma de eLearning a WordPress era la solución más adecuada. Esta transición representó una inversión sustancial para el cliente. Iniciamos un plan a largo plazo, centrándonos primero en mejorar la plataforma Drupal para que pudiera sostener el negocio. Después, comenzamos a considerar la migración.

A principios de 2023, comenzamos a trabajar en la nueva plataforma de eLearning impulsada por WordPress. Después de cinco meses de desarrollo web exhaustivo, lanzamos un sitio web renovado con un rendimiento excepcional. Aceptamos el desafío de mejorar el rendimiento del sitio web, y los resultados fueron sorprendentes. A través de esfuerzos de optimización meticulosos, logramos aumentar significativamente la velocidad del sitio web, alcanzando una impresionante puntuación de 98 en dispositivos móviles según la herramienta PageSpeed Insight y una calificación A en GTmetrix. Este logro marcó una mejora sustancial en la experiencia del usuario y los tiempos de carga de páginas, mejorando en gran medida el rendimiento general del sitio y su competitividad.

Aquí hay una captura de pantalla de ambas pruebas:

247drive.org PageSpeed 

247drive.org GTmetrix

Combinamos nuestros más de 15 años de experiencia trabajando en CMS y rendimiento con una configuración única utilizando un complemento que ofrece resultados notables. Puede obtener más información sobre nuestro .

Mejoras de Seguridad

Resolvimos problemas que impedían que los usuarios completaran cursos, lo cual también estaba relacionado con malas prácticas en el código fuente existente y anterior.

Uno de los pasos más cruciales fue la migración de Drupal 7 a WordPress 6. Reconocimos que el sitio funcionaba con PHP 5.6, lo que planteaba vulnerabilidades de seguridad. Para solucionar esto, actualizamos el núcleo de Drupal 7 y todos sus módulos a las versiones más recientes, garantizando un funcionamiento adecuado y una seguridad mejorada. Aplicamos meticulosamente parches de seguridad al núcleo y continuamos trabajando en cada módulo para garantizar una transición sin problemas.

Posteriormente, nos centramos en actualizar el código fuente para admitir varios módulos personalizados y garantizar la compatibilidad con PHP 7.4 y, posteriormente, actualizamos a PHP 8.1 en el entorno de WP Engine.

Mejoras de UI/UX

Después de resolver los problemas críticos, nuestro equipo se embarcó en una fase de rediseño. Durante esta etapa, no solo actualizamos el tema, sino que también colaboramos estrechamente con el cliente para implementar mejoras en el diseño. Estas incluyeron la creación de un nuevo encabezado, pie de página, y varias modificaciones destinadas a lograr un diseño receptivo. Nuestro objetivo era garantizar que los estudiantes pudieran acceder al curso desde cualquier dispositivo de manera fluida.

Logros Clave e Integraciones en la Migración a WordPress

  • Integración con LearnDash: Integramos de manera fluida el sitio web con el plugin LearnDash, un sistema ampliamente utilizado conocido por sus robustas capacidades de eLearning.
  • Integración de Pagos con Stripe: Para facilitar métodos de pago seguros, integramos Stripe, agregando una capa adicional de conveniencia para los usuarios. Hemos integrado los siguientes productos de Stripe:
    • Pagos con Tarjeta (Stripe Payments) activando la opción de WooCommerce para procesar tarjetas de crédito/débito directamente en el checkout
    • que permite mostrar todas las opciones de pago
    • Apple Pay + Google Pay: integramos ambas opciones de pago para mejorar experiencia de usuario al momento de realizar la subscripción.
  • Desarrollo de Complementos Personalizados: Nuestro equipo desarrolló un complemento personalizado diseñado para ampliar la funcionalidad de LearnDash, abordando eficazmente desafíos comerciales específicos.
  • Optimización del Sitio Web: Optimizamos el rendimiento del sitio web, mejorando significativamente la experiencia del usuario y los tiempos de carga de páginas.
  • Cumplimiento de ADA: Para garantizar la inclusión, implementamos medidas de cumplimiento de la ADA, haciendo que el sitio sea accesible para todos los usuarios.
  • Tecnologías Utilizadas: Además de WordPress 6, nuestro proyecto involucró la integración de , la implementación de funcionalidades de registro de usuarios y la utilización del tema Astra para crear una experiencia de usuario fluida y visualmente atractiva. También instalamos y configuramos los siguientes complementos:
    • WP Online Active Users: seguimiento en tiempo real de usuarios conectados
    • Timeout por inactividad: implementamos un sistema de control que automaticamente cierra sesión luego de 10 minutos de inactividad.

DevOps y Mantenimiento Continuo

Además de los logros mencionados, también nos enfocamos en mejorar aún más la arquitectura del sitio web. Para lograrlo, tomamos la decisión estratégica de migrar el sitio desde un servidor shared a un Servidor Virtual Privado (VPS, virtual private server) a mediados de 2020.

Mas allá que esta fue una gran mejora para el antiguo sitio de Drupal, ya habiamos identificado el proximo paso para migrar a Wordpress y claramente el nuevo sitio sería aún más rápido utilizando WP Engine. Fue así que al publicar el nuevo sitio en 2023, migramos a este nuevo hosting. Los servicios de alojamiento gestionados (managed hosting) proporcionados por WP Engine no solo mejoraron la velocidad y el rendimiento del sitio, sino que también mejoraron la seguridad y la confiabilidad. Con el almacenamiento en caché avanzado y la red de entrega de contenido (CDN) de WP Engine, experimentamos tiempos de carga más rápidos, lo que resultó en una experiencia de usuario fluida. Las robustas características de seguridad y las actualizaciones automáticas garantizaron que el sitio estuviera protegido contra posibles amenazas, y la escalabilidad del alojamiento de WP Engine nos permitió acomodar fácilmente un aumento en el tráfico y el crecimiento.

Hoy, el sitio web es un testimonio de una transformación exitosa. Todos los errores críticos de Drupal se han resuelto en Wordpress y ahora la nueva plataforma de aprendizaje online funciona sin problemas. Continuamos trabajando en estrecha colaboración con el cliente, abordando nuevos requisitos y tareas a medida que surgen.

Didas Research

Didas Research es una firma de investigación independiente cuyo objetivo es ayudar a sus clientes a aprovechar las oportunidades de inversión a largo plazo. Su investigación se basa en un análisis riguroso de los elementos clave de rendimiento a largo plazo centrado en los motores de crecimiento de los beneficios sostenidos a través de un análisis objetivo de las decisiones de asignación de capital y modelos de negocio. Mediante la integración de desempeño financiero, industrial, competitivo y de las partes interesadas, se busca identificar las empresas mejor posicionadas para un crecimiento sostenido a largo plazo con valoraciones poco exigentes.

Detalles del dessarrollo

Para el desarrollo se utilizó WordPress. El sistema utiliza el panel de administración propio de WordPress para la gestión de las páginas internas del sitio.

Se implementó un nuevo plugin de Wordpress para la gestión y visualización de un gran volumen de datos empresariales y financieros. La informacion se sube a traves del adminsitrador del sitio utilizando archivos excel. El plugin se encarga de leer y procesar los datos para guardarlos en la base de datos. La informacion economica-financiera es visualizada en el sitio mediante diferentes tipos de gráficos implementados con librerias de jquery y páginas customizadas que muestran la información de una forma amigable y práctica. Hay métodos de filtrado que ofrece la posibilidad de discriminar los resultados por grupo, sector y región.

El sistema también le permite a los usuarios registrados guardar un listado de empresas para luego poder compararlas.

Visitar sitio web aquí

WebProjectIAI

Este sitio web proporciona información útil acerca de las investigaciones sobre la modelización climática regional con un enfoque en las interacciones entre la superficie terrestre y la atmósfera, su relación con los ciclos del agua y de la energía, y las posibles contribuciones a la comprensión de la previsibilidad del sistema hidro-climático. El sitio está liderado por el Dr. Hugo Berbery que está colaborando con los estudiantes e investigadores de diferentes instituciones.

Serfe fue solicitado para implementar alguno componentes específico para poder mostrar el pronóstico del tiempo de la región de América del Sur. Después de analizar diferentes alternativas se concluye que implementar una extensión personalizada para Joomla sería la mejor opción. Así, comenzamos a trabajar en el diseño web y la implementación de una nueva plantilla Joomla para ello. Hemos diseñado también el componente deseado en colaboración con el cliente, identificando la información y material necesario para el desarrollo. Sugerimos Joomla, ya que también proporciona funciones básicas de CMS tales como páginas de contenidos dinámicos, administrador de elementos de menú, página de contacto, SEO y mucho más.

Extensión de Joomla para Pronóstico

Implementamos el 100% de esta extensión que incluye un componente de Joomla, un módulo y un plugin. El componente proporciona toda la parte funcional de la aplicación, en el panel de gestión el administrador puede añadir, editar o eliminar las imágenes de satélite y sus valores. El módulo implementado se muestra en la página “Forecast” (pronóstico) y “Monitoring” (supervisión) para que el visitante pueda filtrar y elegir diferentes opciones para ver las imágenes en función del dominio y las variables. El plugin implementado se encarga de los efectos y la carga dinámica de cada imagen que se incluyen en un “slide” (presentación de diapositivas) dentro del contenido principal de cada página.

Plantilla de Joomla personalizada

Con el fin de ajustarse al diseño web personalizamos la plantilla básica de Joomla, incluyendo secciones de módulos específicos y cambiando de la estructura HTML. Esta plantilla funciona bien en PC de escritorio y algunas tabletas (para iPad 2 y superior ) y también se implementaron “override” en las plantillas para las paginas de artículos y categorías con el fin de no modificar archivos propios del core de Joomla.

The Inter-Agency Task Force

El sitio es una importante via de comunicación orientado a la comunidad judia estadounidense cuyas actividades son informar a la comunidad judía estadounidense sobre las relaciones de mayoría / minoría en Israel; aumentar la conciencia de las debilidades de servicios económicos, educativos y sociales que enfrentan las comunidades israelíes árabes.

Desarrollo

El sitio se implemento en Drupal 7. Se recibio un diseño web por parte del cliente, el cual fue aplicado en un tema utilizando Bootstrap y respetando los estandares de Drupal.

Uno de los principales requisitos era la creacion de entidades personalizadas (personas, articulos, eventos) que el administrador y los usuarios registrados podian gestionar, crear, editar o eliminar para generar el contenido que se mostraría en la pagina. Se desarrolló un modulo de Drupal con todas las funcionalidades necesarias para la gestión de estas entidades personalizadas. Cada entidad tenia sus propios atributos que fueron utilizados para poder filtrarlos en la funcionalidad de busqueda.

Entre las principales funcionalidades del sitio se requirió desarrollar un potente buscador que permita mostrar y filtrar las entidades del sitio mostrando resultados de forma customizada y optima. Dando así la posibilidad de aplicar filtros avanzados, utilizando palabras clave, etiquiteas y tipo de contenidos obteniendo como resultados un listado de articulos y eventos que coinsiden con el criterio de busqueda. Todos los filtros son dinámicos, se implementaron utilizando Ajax combinado con el API de Drupal.

Visite el sitio aquí

 

Serfe info(at)serfe.com https://www.serfe.com/images/serfe_logo_text.png https://www.serfe.com/images/serfe_logo_text.png FALUCHO 2032, S3016LDB, SANTO TOME, SANTA FE, ARGENTINA 1-305-5375397
Cookies & Privacy: 
This website uses cookies to ensure you get the best experience on our website.


Privacy Policy