CMS

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 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:

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 servicio de Optimización de Velocidad de WordPress.

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
  • Integración de Stripe 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 WooCommerce, 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.

En este proyecto, tuvimos la apasionante tarea de crear una plataforma de bolsa de trabajo dinámica y fácil de usar que atienda tanto a quienes buscan empleo como a los empleadores. Una característica esencial de nuestra plataforma es su compromiso de ayudar a los profesionales senior (mayores) a navegar en el mercado laboral, permitiéndoles conseguir roles que se alineen con su experiencia y aspiraciones.

Nos centramos en integrar funcionalidades y complementos clave que no solo mejoran la experiencia del usuario sino que también agilizan el proceso de gestión para los administradores del sitio.

A través de una cuidadosa selección e implementación de plugins y funcionalidades definidas, creamos una plataforma de bolsa de trabajo sólida y fácil de usar. La combinación de herramientas esenciales como JobBoard Light y GTranslate, junto con características críticas como la integración de PayPal y búsquedas de empleo personalizadas, garantiza que la plataforma no solo sea funcional sino también altamente efectiva para satisfacer las necesidades de sus usuarios. Los complementos y personalizaciones adicionales mejoran aún más el rendimiento, la seguridad y la usabilidad de la plataforma, convirtiéndola en una herramienta poderosa tanto para quienes buscan empleo como para los empleadores.

Complementos clave para una experiencia de usuario mejorada

En el corazón de la plataforma se encuentra el complemento JobBoard Light, una poderosa herramienta que facilita la gestión completa de empleos y empleadores. Elegimos este complemento por sus sólidas funciones que permiten a los administradores publicar, editar y administrar fácilmente ofertas de trabajo, así como también manejar perfiles de empleadores. Este sistema de gestión integral garantiza que tanto los solicitantes de empleo como los empleadores tengan una experiencia perfecta en la plataforma, lo que facilita a los usuarios encontrar el trabajo o candidato perfecto.

Para que la plataforma sea accesible a un público más amplio, implementamos el complemento GTranslate, que permite la traducción entre inglés y alemán. Esta elección fue particularmente importante ya que nos permitió atender a una base de usuarios multilingües, garantizando que las barreras del idioma no obstaculicen la experiencia del usuario. Al proporcionar contenido en varios idiomas, aumentamos significativamente el alcance y la usabilidad de la plataforma.

Para brindar a los administradores del sitio la capacidad de administrar y actualizar el contenido fácilmente, integramos Elementor. Este complemento fue seleccionado por su interfaz intuitiva de arrastrar y soltar, que permite incluso a usuarios no técnicos crear y personalizar páginas con facilidad. La flexibilidad que ofrece Elementor garantiza que la plataforma siga siendo visualmente atractiva y actualizada, sin requerir amplios conocimientos de codificación.

Implementación de funcionalidades esenciales

Una de las funcionalidades críticas que implementamos fue la integración de PayPal. Al habilitar el procesamiento de pagos seguro a través de PayPal, nos aseguramos de que los usuarios pudieran realizar transacciones sin esfuerzo, ya sea pagando por ofertas de trabajo o suscribiéndose a servicios premium. Esta integración no sólo mejora la confianza del usuario sino que también agiliza el flujo de ingresos de la plataforma.

Al comprender la importancia de una búsqueda de empleo precisa, personalizamos las listas de empleo con nuevas funciones que se pueden filtrar y buscar en la página de búsqueda de empleo. Esta personalización permite a los usuarios limitar sus resultados de búsqueda en función de criterios específicos, lo que les facilita encontrar trabajos relevantes rápidamente. Las opciones de filtrado mejoradas mejoran la satisfacción del usuario al ofrecer resultados de búsqueda más precisos y relevantes.

Complementos adicionales para un funcionamiento fluido

Facilitar la comunicación entre usuarios y empleadores es clave para esta plataforma, implementamos un pequeño chat asíncrono usando Contact Form 7. Este complemento es conocido por su simplicidad y flexibilidad, permitiéndonos crear formularios personalizados que satisfagan las necesidades específicas de la plataforma. Al proporcionar una forma confiable para que los usuarios se pongan en contacto, mejoramos la experiencia general del usuario y nos aseguramos de que cualquier consulta o problema pudiera resolverse rápidamente.

Para que el recorrido del usuario sea fluido, agregamos el complemento Menú Iniciar/Cerrar sesión. Este complemento nos permite agregar fácilmente enlaces de inicio y cierre de sesión al menú de navegación del sitio, brindando a los usuarios un acceso rápido a sus cuentas. Esta característica mejora la comodidad del usuario y ayuda a mantener la seguridad de la plataforma.

Para resguardar los datos de la plataforma, elegimos UpdraftPlus - Copia de seguridad/Restauración. Este complemento es una de las herramientas más confiables para crear copias de seguridad y restaurar el sitio en caso de cualquier problema. Al realizar copias de seguridad periódicas del sitio, nos aseguramos de minimizar la pérdida de datos y de que la plataforma pueda recuperarse rápidamente de cualquier evento imprevisto.

Diseño personalizado

El cliente ha seleccionado el tema Astra como base para la plataforma debido a su naturaleza liviana y altamente personalizable. Para garantizar que el tema se adaptara perfectamente a las necesidades de la plataforma, creamos un tema secundario personalizado donde aplicamos todas las personalizaciones necesarias. Este enfoque nos permitió mantener las funcionalidades principales de Astra y al mismo tiempo agregar características únicas que se alinean con la identidad de marca y los requisitos de funcionalidad de la plataforma.

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í

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.

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í