CMS[Content Management System]

DrupalVs

Wordpress

Mario Alberto Arredondo GuzmánVisibilidad Web - DCV

DGTIC - UNAM

Es una aplicación informática usada para crear, editar, gestiona r y publica r contenido digita l en diversos forma tos.

CMS, Content Management System

• Intuitivo (Fácil de entender y utiliza r).• Flexible en la persona lización.• Extensible a través de plugins y módulos.• Sin necesidad de tener conocimientos de

programación.• Optimizado pa ra un a lto rendimiento y

velocidad.• Implementa ca racterística s básicas de

seguridad.• Documentación y apoyo comunita rio.• Énfasis en estánda res web y buenas prácticas.

Características

Flujo típico

Flujo de trabajo de un CMS

Sitios Web de t o d o t ipo

● Buscadores

● Portales corporativos

● Portales de gobierno

● Educativos

● Redes sociales

● Medios de comunicación

● Blogs

● Bancarios

● Tienda en línea

● Aplicaciones web

● Multimedia

● Wiki o foros de comunidades

● Personales o portafolios

● Etc, etc ...

Tipos de CMS

● Webcontent management (WCM): WordPress, Joomla, Drupal…

● Learning Management Systems (LMS): Moodle, Canvas LMS…

● Enterprisecontent management (ECM): LifeRay, Typo 3, Sitecore CMS…

● CMS especializados en comercio electrónico: Magento, Shopify, Opencart, Prestashop, etc.

● CMS para crear Wikis: Mediawiki, TikiWiki…

● CMS con para foros: phpBB, vBbulletin….

Algunos de los más populares

• 1970’s Mainframe CM and ElectronicPublishing Repository

• 1977 PC, interface basada en texto

• 1984 Apple Macintosh, MacWrite, MacPublisher

• 1988 Aparece Google en escena

• 1991 Primer sitio web

• 1993 Mosaic Graphical Browser

• 1994 SoftQuad, HoTMetaL Pro

• 1997 Typo3’s Uno de los primeros CMS’s de código abierto.

• 2000 Se populariza PHP Nuke

Algunos hitos Web/CMS (i)

• 2001 Versión inicial de Drupal escrita por Dries Buytaert

• 2001 Aparece la versión 1.0.0 de Movable Type

• 2001 Aparece Wikipedia

• 2003 WordPress 0.71-gold Disponible en el sitio de WP

• 2003 MySpace

• 2005 Primer video en Youtube

• 2006 Aparece Twitter

• 2014 HTML5

• 2015 Google comienza a dar prioridad a sitios web responsivos, Responsive web design, UI, UX,...

• 2017 se anuncia el fin de Flash

Algunos hitos Web/CMS (ii)

Uso de CMS en los 10k sitios top

https://trends.builtwith.com/cms/traffic/Top-10k(octubre, 2021)

En México

https://trends.builtwith.com/cms/country/Mexico(octubre, 2021)

Constructores de sitios Web

● Se tiene control de todos los elementos.

● Acceso a la base de da tos.

● Se puede elegir una plantilla de presentación, incluso crea r una propia .

● Funciona lidades más robusta s y persona lizables.

● Las funciona lidades se pueden extender por medio de complementos o módulos.

● Muchos son de código abierto.

● Los a rchivos y BD son propiedad del dueño del sitio y se pueden mover de un servidor a otro.

● Facilidad de uso.

● Una gran cantidad de diseños y plantilla s prediseñadas.

● Muchos usan elementos de a rra stra r y solta r pa ra crea r sus diseños y contenido.

● Sin preocupación de la pla ta forma tecnológica .

● Hay muchos planes de a lojamiento pa ra elegir.

● Los planes incluyen a lojamiento, mantenimiento, seguridad, copia s de seguridad, estadística s, soporte.

CMS Websitebuilder

ventajas

● Hay que responsabilizarse del mantenimiento y seguridad, a sí como de actua liza r el CMS.

● Hay que tener los conocimientos mínimos necesa rios pa ra insta la r el CMS y modifica r el diseño.

● Hay que construirlo todo desde el principio.

● La persona lización es limitada a la s plantilla s disponibles.

● No se puede mover de hosting o proveedor.

● No siempre se es dueño rea lmente del sitio, inclusive de los contenidos.

CMS WebsitebuilderD

esventajas

La curva de aprendizaje

Antes que nada...

• Definir los objetivos del sitio.

• Definir la a rquitectura de la información.

• Publico objetivo, expecta tivas de los usua rios.

• ¿Qué estructura tendrá la página principa l?

• Tener un primer esquema de la s secciones que contendrá el sitio (mapa de navegación).

Planeación del sitio

• ¿Qué layoutse usará para la página principal y cuál para las internas?

• ¿Qué tipos de páginas o secciones habrá en el sitio?

• Es conveniente pensar en contenido modular dentro del sitio.

• ¿Cuál será el flujo editorial de publicación de contenido?

Planeación del sitio

Wordpress Vs Drupal

WordPress es un software de código a bierto que puedes usa r pa ra crea r un hermoso sitio web, blog o a pp.WordPress

https://es-mx.wordpress.org

WP

Wordpress es un sistema de gestión de contenidos (CMS):

● Gra tuito y de código abierto.● Basado en PHP y MySQL. ● Es el software de CMS más usado en el mundo.● Hace funciona r a más del 35% de los 10 millones de

sitios web más importantes.● Tiene una cuota de mercado estimada de casi el

62% de todas la s webs que han sido creadas usando un CMS.

● Está licenciado ba jo la Licencia pública genera l (GPLv2 o posterior).

Descripción de WordPress

https://es-mx.wordpress.org/support/article/wordpress-features/

Sitios que usan WP

University of Washington

La casa Blanca

www.whitehouse.gov

Creative Commons

creativecommons.org

Sony Musicwww.sonymusic.com

The RolLing Stones

rollingstones.com

www.washington.edu

Harvard Universitywww.harvard.edu

Algunos ejemplos

Drupal

Drupal es un software de gestión de contenido. Se utiliza para crear muchos de los sitios web y aplicaciones que usa todos los días. Drupal tiene excelentes características estándar, como creación de contenido sencilla, rendimiento confiable y excelente seguridad. Pero lo que lo distingue es su flexibilidad; la modularidad es uno de sus principios fundamentales . Sus herramientas le ayudan a crear el contenido estructurado y versátil que necesitan las experiencias web dinámicas.

https://www.drupal.org/about

Descripción de Drupal

● Software libre (Licencia GNU/GPL).● Modular.● Multipropósito.● Es un sistema dinámico.● Escrito en PHP.● Comunmente usa MySQL.● Ampliamente adoptado.● Diseño modular que permite la expansión del

sistema.● Capa de abstracción de datos.● Seguridad.● Permite escalamiento del sistema.● Flexibilidad en el manejo de contenidos.● Integración con otros sistemas.

Sitios que usan Drupal

Tesla motorsUniversity of Virginia (UVA)

www.virginia.edu

Pfizerwww.pfizer.com

El gobierno de Londreswww.london.gov.uk

Naciones unidaswww.un.org

www.tesla.com

university of Oxfordwww.ox.ac.uk

Algunos ejemplos

¿Por qué usar WP?

El método de instalación es sencillo.

¿Por qué usar WP?

● Se adapta a cualquier tipo de sitio web.

● Se puede hacer un CMS especializado en algún tipo de contenido mediante el uso de Plugins: Comercio electrónico con WooComerce, WP Ecommerce, Easy Digital, etc

¿Por qué usar WP?

● Fácil administración

● Admite casi cualquier tipo de medio

○ Imágenes○ Documentos○ Audio○ Video

● Se puede escalar mediante el uso de Plugins

● 53,000+ plugins gratuitos y muchos otros premium.

● 5,000+ temas gratuitos y muchos otros premium.

● Vistas y Tipos de contenido personalizables.

● Controles de a cceso y permisos de usua rio.

● Uso de Ta xonomía s pa ra ca tegoriza r e l contenido.

● En su directorio oficia l, Drupa l conta biliza :

○ 40,000+ módulos

○ 2,977+ tema s

● Drupa l es uno de los CMS menos a ta ca dos y con ma yor segurida d. Drupa l la nza sus reportes de segurida d periódica mente .

¿Por qué usar Drupal?

Plugins en WP

Plugins en WP

Módulos en Drupal

Escritorio WP

Escritorio Drupal

Nueva página WP

Nueva página Drupal

Biblioteca de Medios WP

Medios en Drupal

Menús en WP

Menús Drupal

● Seguridad. Pueden ser tan seguros como otras pla ta forma s.

● Usa n la misma pla ta forma tecnológica (típica mente : LAMP).

● Una gra n y a ctiva comunida d de desa rrolla dores.

● SEO (Sea rch Engine Optimiza tion). Con los módulos y configura ciones correcta s.

● Ba jo costo de implementa ción.

● Mobile -friendly. Se puede publica r y consulta r desde dispositivos móviles.

Similitudes

Elegir el CMS correcto es evitar muchos conflictos futuros y es un paso para propiciar el éxito del sitio web.

En cuanto a la facilidad de uso: WP es claramente el ganador.

Implementación de nuevas funcionalidades: Drupal es fácilmente extensible en este aspecto.

Personalización gráfica: WP es bonito por dentro y por fuera.

Seguridad: ¿WP es menos seguro que Drupal?

ConclusiONES (i)

WP es ideal para sitios web sencillos sin funcionalidades muy a va nza da s.

Cua lquie r usua rio que ha ya envia do un correo e lectrónico es ca pa z de publica r contenido en WP.

Con WP se pueden crea r pá gina s web comple ja s en su diseño.

Sin emba rgo pa ra ca sos donde se requie ra una persona liza ción ma yor, se rá necesa rio e l uso de plugins. Complica do pa ra sitios web comple jos, má s a llá de l tema grá fico.

Drupa l es especia lista en ca mbia r de forma y sa berse a da pta r a los contenidos: Flexibilida d.

Drupa l permite crea r sitios complica dos, gra ndes y potentes.

ConclusiONES (ii)

Usar Drupal cuando:

● Se tiene contenidos estructura dos e inte rre la ciona dos, como un ca tá logo de cursos, multiples nive les de permisos, contenido pa ra dife rentes roles de usua rio.

● Se tienen requerimientos pa rticula res de persona liza ción.

● Se necesita crea r a plica ciones Web: Se pueden crea r cosa s comple ja s, ma ne ja ndo la lógica y tipos de contenido.

ConclusiONES (iii)

Usar WP cuando:

● Pa ra pequeños/media nos sitios empresa ria les, persona les, de publica ciones o a socia ciones civiles.

● eCommerce

● Drupa l tiene la ca pa cida d de crea r cosa s má s comple ja s, pero ha ce todo má s comple jo ta mbién. Si no se tiene la necesida d de ta nta comple jida d ha y que e legir Wordpress.

ConclusiONES (iv)

¿CMS o Framework?

¿Qué CMS es mejor?

¿Qué CMS funciona mejor pa ra mi proyecto?

A final de cuentas. . .

</Gracias>

Mario Alberto Arredondo Guzmánmalag@unam.mx