Uso de los CMS en el diseño Web

8/8/2019 Uso de los CMS en el diseo Web

1/47

Uso de los CMS en el diseo Web

LI Jorge Luis Villa Paniagua


2/47


Diseo web


3/47


El diseo web es una actividad que consiste en laplanificacin, diseo e implementacin de sitiosweb y pginas web. No es simplemente unaaplicacin del diseo convencional, ya querequiere tener en cuenta cuestiones talescomo navegabilidad, interactividad, usabilidad,

arquitectura de la informacin y la interaccin demedios como el audio, texto, imagen y vdeo. Selo considera dentro del diseo multimedial.


4/47


Por lo que debemos preguntarnos comoharemos llegar nuestra informacion

Que informacion?Usuarios?Contenido multimedia?


5/47


Organizando nuestra web


6/47


La unin de un buen diseo con una jerarquabien elaborada de contenidos aumenta laeficiencia de la web como canalde comunicacin e intercambio de datos, quebrinda posibilidades como el contacto directoentre el productor y el consumidor de

contenidos, caracterstica destacable delmedio.


7/47


El diseo web ha visto amplia aplicacin en lossectores comerciales de Internetespecialmente en la World Wide Web.Asimismo, a menudo la web se utiliza comomedio de expresin plstica en s. Artistas ycreadores hacen de las pginas en Internet un

medio ms para ofrecer sus producciones yutilizarlas como un canal ms de difusin desu obra.


8/47


Que es un CMS?

El gestor de contenidos es una aplicacininformtica usada para crear, editar, gestionar ypublicar contenido digital en diversos formatos. Elgestor de contenidos genera pginas dinmicasinteractuando con el servidor para generar la

pgina web bajo peticin del usuario, con elformato predefinido y el contenido extrado de labase de datos del servidor.


9/47


Como funciona?Un sistema de administracin de contenido

siempre funciona en el servidor web en el queest alojado el portal. El acceso al gestor serealiza generalmente a travs del navegadorweb, y se puede requerir el uso de FTP parasubir contenido.


10/47


11/47


El mundo de los CMS estandard, y masconcretamente los libres, estn ya muyevolucionados .Existen una gran variedad ( D rupal, Liferay,Joomla, Prestashop, Wordpres, M agento,etc. ) para crear prcticamente cualquier tipode proyecto: Blogs, Webs corporativas,Intranets, Tiendas virtuales, etc.


12/47


Porque elegir un CMS? Partes de una base hecha

Partes de un proyecto inicial ya hecho yprobado. Adems tambin cuentas,normalmente, con una gran cantidad deThemes y M dulos/Pluggins que te ofrecen

una gran cantidad de funcionalidadesextra(Foros, Wikis, blogs, etc. ). Esto hacereducir mucho el tiempo de desarrollo .


13/47


D iseo del proyecto correcto y escalableEl hecho de que sea un CMS estandardmantenido por cientos de personas esobligatorio de que tenga una estructuraescalable y poco acoplada. La separaci nentre CMS , Themes y m dulos representa unpatr n de desarrollo muy bueno . Si no utilizasun CMS estandard un buen diseo tambindepende de un buen desarrollador.


14/47


D ocumentacin abundante

En Internet encuentras abundante material enforma de manuales, tutoriales, artculos, etc.F ormacin del equipo de desarrollo

Al ser estandard se reduce muchsimo el tiempoque se tarda en formar y hacer que un nuevomiembro del equipo de desarrollo empiece aproducir . Adems tambin permite buscarespecialistas en un CMS concreto.


15/47


E standarizacinEl hecho de que trabajemos en un marcoestandard permite que aparezcan empresas que

se especialicen en un sector concreto (Desarrollode Themes, Pluggins especificos, etc. ) y que secree un market place alrededor del CMS. Estohace mucho mas competitivo el sector.I ndependencia del desarrollador Al ser un CMS estandard da la garanta al clienteque puede cambiar de desarrollador en caso queno este satisfecho.


16/47


Gestin de usuarios

Dependiendo de la plataforma escogida se podrescoger diferentes niveles de acceso para losusuarios; yendo desde el administrador del portalhasta el usuario sin permiso de edicin, o creadorde contenido. Dependiendo de la aplicacin

podr haber varios permisos intermedios quepermitan la edicin del contenido, la supervisiny reedicin del contenido de otros usuarios, y etc.


17/47


El sistema de gestin de contenidos controla yayuda a manejar cada paso de este proceso,incluyendo las labores tcnicas de publicar losdocumentos a uno o ms sitios. En muchossitios con estos sistemas una sola personahace el papel de creador y editor, como por

ejemplo los blogs.


18/47


Los gestores de contenido se pueden clasificarsegn diferentes criterios:Por sus caractersticasSegn el lenguaje deprogramacin empleado, como porejemplo Active ServerPages, Java, PHP, ASP.NET, Ruby OnRails, PythonSegn la licencia: Cdigo abierto o Softwareprivativo


19/47


Por su uso y funcionalidad Blogs; pensados parapginas personales.Foros; pensados para compartir opiniones.

Wikis; pensados para el desarrollo colaborativo.Enseanza; plataforma para contenidos deenseanza on-line.Comercio electrnico; plataforma de gestin de

usuarios, catlogo, compras y pagos.Publicaciones digitales.Difusin de contenido multimedia.


20/47


Qu es Joomla?Joomla! es un Sistema de Administracin deContenidos Web (CMS ), esto es, una herramienta de

software utilizada para construir, administrar, ymantener sitios web de cualquier tipo y tamao .Joomla para tu propio sitio webSi tu sitio se desarrolla con Joomla!, cada contenido del

mismo podrs administrarlo desde un panel decontrol muy fcil de usar (no requieres deconocimientos ni habilidades tcnicas avanzadas ).


21/47


El contenido web de tu sitio puede ser cualquiertipo de recurso digital publicable en Internet, porejemplo: simple texto, fotos, msica, videos,documentos (PDF, Word, Excel, etc ),Joomla! te permitir gestionar completamente tusitio web utilizando tan solo un navegador

web conectado a Internet, y unos conocimientosbsicos sobre el manejo de la herramienta.


22/47


Qu podrs hacer con tu sitio web Joomla?actualizar todas tus pginas web,crear pginas nuevas, eliminar contenidos obsoletos,administrar los enlaces del men,publicar novedades o eventos de tu actividad,editar informacin de la cabecera o del pie de pgina de tusitio web,publicar banners o cualquier tipo de informacin en las

barras laterales de la web,administrar los formularios decontacto,... y mucho mucho ms.


23/47


A lgunos Beneficios y Ventajas de usar Joomla!Joomla! permite desarrollar y mantener al costoms bajo y con la mayor eficiencia posible , sitiosweb 100% profesionales puesto que cumple conlos ms altos estndares de calidad desoftware/aplicacin para sitios web de Internet.Es robusto y altamentefuncional (tiene l itera lm ente TODO lo quenecesita tener una herramienta de desarrolloweb )


24/47


Es escalable y extensible sin lmites (se puede hacercrecer un sitio web hecho con Joomla! tanto como sedesee )Su diseo/aspecto esttico es 100% personalizable (laapariencia visual o " l ook and fee l " de los sitios webhechos con Joomla! )Joomla est desarrollado siguiendo patrones de diseoestndares (MVC) que garantizan su calidad

Est preparado para altas exigencias de: arquitecturade la informacin, accesibilidad, usabilidad,rendimiento y velocidad, compatibilidadmultinavegador, etc


25/47


Caractersticas de Joomla!O rganizaci n del sitio web: Joomla est preparadopara organizar eficientemente los contenidos de tusitio en s eccione s y categora s , lo que facilita lanavegabilidad para los usuarios y permite crear unaestructura slida, ordenada y sencilla para losadministradores.Publicaci n de Contenidos: Con Joomla CMS podrscrear pginas ilimitadas y editarlas desde un sencilloeditor que permite formatear los textos con los estilose imgenes deseados. Los contenidos son totalmenteeditables y modificables.


26/47


Escalabilidad e implementaci n de nuevasfuncionalidades: Joomla ofrece la posibilidad deinstalar, desinstalar y administrar componentes ymdulos, que agregarn servicios de valor a los

visitantes de tu sitio web.A dministraci n de usuarios: Joomla te permitealmacenar datos de usuarios registrados y tambin laposibilidad de enviar E-mails masivos a todos ellos. Laadministracin de usuarios es jerrquica, y los distintosgrupos de usuarios poseen diferentes niveles defacultades/permisos dentro de la gestin yadministracin del sitio.


27/47


D iseo y aspecto esttico del sitio: Es posiblecambiar todo el aspecto del sitio web tan solocon un par de clicks, gracias al sistema detemplates que utiliza Joomla.N avegaci n y men: Totalmente editablesdesde el panel administrador de JoomlaA

dministrador de Imgenes: Joomla poseeuna utilidad para subir imgenes al servidor yusarlas en todo el sitio.


28/47


D isposici n de m dulos modificable: En un sitiocreado con Joomla, la posicion de mdulos(bloques perifricos ) puede acomodarse como se

prefiera.Encuestas: Joomla posee un sistema devotaciones y encuestas dinmicas con resultadosen barras porcentuales.Feed de N oticias: Joomla trae incorporado unsistema de sindicacin de noticias por RSS/XMLde generacin automtica


29/47


Algunas opciones de publicacin de pginas web enJoomla:A utomatizaci n en la publicaci n: Las pginas y

documentos de Joomla pueden programarse con fechade publicacin y fecha de caducidad.A rchivo e historial: Las pginas viejas o publicacionesque hayan perdido vigencia pueden enviarse a un"archivo" de almacenamiento, sin necesidad de tenerque borrarlas. Esto permite tambin dar la posibilidada los navegantes de consultar artculos viejos odocumentos anteriores en un historial.


30/47


Formatos de lectura: Cada documento esgenerado automticamente por Joomla enformato PD F , en versi n imprimible , y

en XM L (para compartir los contenidos con otrossitios o aplicaciones de lectura )Envo por E-mail : Los usuarios del sitio Joomlapodrn enviar automticamente a un amigo por

email cada documento publicado.Valoraci n de contenidos : Los visitantes del sitiopodrn votar la calidad de lo publicado.


31/47


DrupalLa forma de Drupal: la abstraccin manejable

Eficacia de diseo web est impulsada por lanecesidad de equilibrar la flexibilidad y lasimplicidad. Si un sistema es muy simple, slose puede utilizar para un solo propsito - perosi es demasiado flexible, puede ser demasiadodifcil para los nuevos usuarios a aprender.


32/47


Drupal se esfuerza por conciliar estos objetivosen conflicto, proporcionando a sus usuarios lasherramientas que necesitan para hacer su propiasolucin de gestin de contenidos, sin dejar deofrecer algunos componentes prediseados paraayudarles a empezar. Por lo tanto, puededescribirse tanto como un sistema de gestin decontenidos (CMS ) y un marco de gestin de

contenidos (CMF ) - un sistema que se esfuerzapara que las fortalezas de ambos, sin susdeficiencias.


33/47


La mayora de CMS son como un barco de juguete o camin de juguete - supuestosconcretos se han hecho sobre su uso, lashiptesis que sera difcil para que ustedpueda reemplazar. Marcos, por otro lado, seproporciona con materias primas - lo que

necesita saber un lenguaje de programacin, ytener una visin clara de diseo, paraponerlos juntos.


34/47


Drupal es como un juego deLego. desarrolladores cualificados ya hanhecho los bloques de construccin - en formade mdulos de terceros - que usted necesitapara crear un sitio que se adapte a susnecesidades, ya que es un sitio de noticias,

una tienda en lnea, una red social, blog, wiki,o algo ms por completo.


35/47


Para hacer el contraste entre Drupal y otrasconcretas CMS es ms, considere el ejemplode un sitio de noticias. Quieres ser capaz de

publicar artculos de prensa en el sitio, y deseaque la pgina de inicio para tener una seccincon los cinco ms recientes. A continuacin,usted decide que quiere aadir una seccin deblog, y poner una lista de enlaces a la msreciente de las entradas de blog en la pginaprincipal y cinco.


36/47


Si se utiliza una corriente de la CMS, lo primeroque se instala un plugin que manejan los artculosde noticias y podra poner publicidades cortas en

la pgina principal. A continuacin, usted instalarun plugin que realizar el seguimiento de losmensajes ms recientes del blog y poner una listade los que en la pgina principal. Cada plugin slo

sera responsable del seguimiento y la gestin deun determinado tipo de contenidos, y semantendra relativamente aislado de los dems.


37/47



38/47


Capa 1 En la base del sistema es la coleccinde nodos-el banco de datos. Antes decualquier cosa puede ser mostrada en el sitio,se debe introducir los datos.


39/47



40/47

Uso de los CMS en el diseo WebCapa 2 La siguiente capa es donde viven los mdulos. Los mdulosson complementos funcionales que son parte del ncleo de Drupal(que vienen con Drupal ) o que se aporten los elementos que hansido creadas por los miembros de la comunidad de Drupal. Losmdulos se basan en la funcionalidad del ncleo de Drupal, lo que

le permite personalizar los elementos de datos (campos ) de lostipos de nodo, se configura el e-commerce, programacin declasificacin y visualizacin de contenido (de salida personalizadoscontrolados por filtros de definir ), y ms. Hay miles de opcionesdiferentes en el rpido crecimiento del repositorio contribuidom dulos de D rupal . Ellos representan el esfuerzo de innovacin ycolaboracin de todos, desde individuos hasta grandescorporaciones.


41/47



42/47


Capa 3 En la siguiente capa, nos encontramos conbloques y mens. Los bloques proporcionan amenudo la salida de un mdulo o puede ser

creado para mostrar lo que quieras, y luego sepueden colocar en varios puntos de la plantilla(tema ) de diseo. Los bloques se puedenconfigurar para la produccin de diversas formas,

as como slo se muestran en determinadaspginas definidas, o slo para determinadosusuarios definidos.


43/47



44/47

Capa 4 A continuacin se muestran lospermisos de usuario. Aqu es donde estnconfigurados para determinar qu tipos deusuarios se permiten hacer y ver. Los permisosse definen para funciones diversas, ya su vez,los usuarios son asignados a estas funciones

con el fin de conceder los permisos definidos.


45/47



46/47


Capa 5 En la capa superior es el tema del sitio (la"piel" ). Este se compone fundamentalmente de XHTMLy CSS, con algunas variables PHP mezclados, por lo queel contenido generado por Drupal puede ir en loslugares adecuados. Tambin se incluye con cada temaes un conjunto de funciones que pueden utilizarse parareemplazar las funciones estndar de los mdulos conel fin de proporcionar un control completo sobre cmo

los mdulos generan sus marcas a la hora de salida. Lasplantillas tambin se pueden asignar en la marchasobre la base de permisos de usuario.


47/47


Uso de los CMS en el diseño Web

Documents

Transcript of Uso de los CMS en el diseño Web