Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Introducción a Drupal

Introducción al curso de Drupal en KMMX
by

Alejandro Mercado

on 30 June 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Introducción a Drupal


An Open Source Content Management System (CMS)

A social publishing website package

... or in plain terms,

A massivley extendible DIY blogging tool
¿Qué es Drupal?
¿en que corre Drupal?
¿Como organiza el contenido nuestro amigo Drupal?
¿Como es que Drupal ordena y despliega contenido?
Examples of other CMSs
Microsoft Sharepoint Server (Based on ASP.net)
Farcry (Based on ColdFusion)
Plone (Based on Python)

A standard webserver running either Apache, Lightty or IIS

The PHP script language to generate the html on the fly

A MySQL database to store settings, contents data and users


... pretty much the same as CampusMoodle

Every separate item of content (typically a html page with images) is treated as a separate node.

Nodes are classified into node type ( e.g. an image, a news story, an event, staff record, blog posting or shop item)

Nodes can be classified into categories called taxonomies which are further split
into volcabularies

... e.g. you can nominate a node as Front page content,
or (via taxonomies) tag as a 'news page -> Technology' news item
or as 'Gallery image -> flowers' image

Drupal will then sort the node accordingly.
Drupal
Node Types
Taxonomies
News page tags
Image galleries
Vocabulary
News page
Gallery Image
Science

The Arts

Lifestyle
Flowers

Architecture

Portrait
Aquí se muestra como Drupal categoriza

Drupal Core: Page templates i.e how to style specific html seen by user

Drupal Core: Publish to front page i.e. a main place to show it to users

Drupal Core: The visual themeing system i.e. site wide visual style via CSS, Images and prebuilt templates


Add-in Module: Views - Rules we create about how to filter and sort from a pool of nodes

Add-in Module: CCK (Content Construction Kit) i.e. create new node types with custom fields

Addin Module: Node Queue - Stacks of nodes selected by user i.e. more then one front page spotlight
http://127.0.0.1:4001/drupal
(only if using server2go, username/pass: root/password)
http://www.whitehouse.gov/briefing-room
Revisa estos Demos
Web Browser i.e. IE, Firefox or Safari
Javascript
CSS Code
HTML Code
Drupal

Theme System
User Modules
Core Modules
Core Subsystems
PHP Code
SQL Database
Webserver (Apache, Lightty, IIS)
Server Operating System
Drupal Backend
por Alejandro Mercado
amercado@kmmx.mx
Coordinador Académico
KMMX
Bienvenidos al curso de desarrollo de sitios y aplicaciones web con Drupal.
Duración 30 horas.
Nivel: Básico - Intermedio

http://www.medioyforma.info/es/periódico-veracruz-en-red
http://www.somoscoatepec.com
http://genero.te.gob.mx
http://www.mdzen.com
http://www.somosagua.mx
http://www.iabmexico.com

Otro caso interesante pero en Argentina
https://portland2013.drupal.org/session/buenos-aires-city-gov-drupal-implementation-strategy
Primera asignación
Vista el sitio de Obama, los Grammys, The economist, twitter developers, Ikea, para que el participante tenga una idea o primer acercamiento de las capacidades y flexibilidad de Drupal.
http://www.cmsmatrix.org
Compare
Content Management Systems
¿Cual CMS elegir?
http://coding.smashingmagazine.com/2009/03/05/10-things-to-consider-when-choosing-the-perfect-cms/
Choosing a content management system can be tricky. Without a clearly defined set of requirements, you will be seduced by fancy functionality that you will never use.

What then should you look for in a CMS?
Hidden costs?

The cost of training
The cost to quality
The cost to functionality
The cost of redundancy and flexibility
The cost of commitment
http://blog.teamtreehouse.com/the-5-hidden-costs-of-running-a-cms


Consideration of features is an important part of the process of selecting a CMS, but it is not everything. It is also important to consider issues such as licensing, support, accessibility, security, training and much more.
I leave you with a word of warning: don’t let your list of requirements become a wish list. Keep your requirements to a minimum, but at the same time keep an eye on the future. It’s a fine line to walk. On the one hand, you don’t want to pay for functionality you will never use. On the other, you don’t want to be stuck with a content management system that no longer meets your needs.
Conclusion
http://www.computerworld.com/s/article/9236648/Choosing_an_open_source_CMS_part_1_Why_we_use_Drupal
Asignación
Leer el siguiente articulo y comentarlo a la clase
(10 min a 15 min)
http://cmsreport.com
http://www.goodwebpractices.com/other/wordpress-vs-joomla-vs-drupal.html
drupal gardens
OK OK OK

!
Manos a la obra
¡
Creación de Drupal
Dries Buytaert (19 de noviembre de 1978) es quién comenzó el desarrollo de Drupal, un popular sistema de gestión de contenidos distribuido como software libre. Egresado de la Universidad de Amberes en Bélgica, realizaba desarrollo web con CGI y servidores, pero luego comenzó a estudiar más sobre PHP y MySql.
Luego del desarrollo inicial de Drupal, fundó la Asociación Drupal, una organización sin fines de lucro con base en Bélgica que busca promocionar y organizar conferencias, y también fundo Acquia, una compañía que ofrece productos, servicios y soporte para Drupal.

Todo comenzó cuando Buytaert diseñó un sistema interno de mensajes para utilizar con sus compañeros de dormitorio y organizar de manera efectiva sus actividades estudiantiles, coordinar horarios de reuniones, cenas, entrenamientos, etcétera. Cuando se graduó decidió mudarlo de un servidor interno a Internet, y comenzó a transformarlo en una página de noticias y discusiones: Drop.org.
Lanzamiento inicial 1 de enero de 2001
Última versión estable 7.121 2 -- 1 de febrero de 2012
Programado en: PHP
Sistema operativo: Multiplataforma
Licencia: GPLv2/GPLv3
Estado actual: Activo
Multilenguaje y por supuesto en español.
http://sampler.drupalgardens.com
!Si!
bastante bueno, ¿no es asi?
Acerca de mi
Desarrollador web y multimedia
Ahora mobile
De mi pasado
SAP Portals consultant
AstraZeneca Webmaster
Sofftek developer
Consultor en el BID
otros
...hoy trabajo en KMMX
Mis Credenciales
BlackBerry Elite Member
Titanium Certified Expert
SAP Netweaver Certified Consultant
PHP Certified Engineer
Adode Certified Instructor
Expectativas del curso
¿y tu?
Temario, son 8 importantes areas:
Entendiendo Drupal
Instalación
Administración y guía de seguridad
Manejo de usuarios , contenido y ejecución de respaldos y actualizaciones
Estructura de Drupal
Agregando Funcionalidad
Multilenguaje
Creación de Temas (look & feel)
KMMX
Centro de capacitación en TI, Web y Mobile
Partners oficiales de capacitación de
Adobe Systems
Appcelerator Inc
Zend Technologies
10gen (empresa creadora de MongoDB)
C/C++ Institute
Corona Labs
Agente Capacitador Externo avalado por la STPS
Somos parte del programa Mexico First
Mayor información revisa nuestro sitio web http://www.kmm.mx
San Luis Potosí 211, col.Roma Sur México DF Tel.52645422
KMMX® es marca registrada 2013
Que NO se ve en este curso
Mobile
Drupal Development
PHP
jSON, jQuery, HTML5, CSS3
MySql, PostGresql, SQLite
Por si ocupas
http://kmmx.mx/index.php/cursos
El proyecto del día de hoy
La empresa Modern Office Planning nos ha solicitado la construcción de su sitio web. Después de entrevistarnos con el comité ejecutivo, se asentaron los objetivos y necesidades del sitio.
Encuentra a tu gente
Si no lo has hecho aún crea una cuenta de usuario en
Drupal.org
Y encuentra un grupo de usuarios o un grupo que hable
de un tema en particular
http://tinyurl.com/localdrupal
Documentación + Planeta
drupal.org/planet
Una comunidad creciente
¿lo puede hacer?
2013 KMMX Capacitación en TI, Web y Mobile
Más documentación y recursos
DrupalCON
http://bit.ly/mad-skillz
1. El logo de la empresa siempre debe estar visible.
2. Un fácil contacto con nosotros, siempre debe procurarse.
3. Se deberá tener un mecanismo de autenticación de usuarios ya que no todo el contenido será de uso publico.
4. Una zona de noticias para comunicar lo más relevante.
5. Algo de - eye-candy - para que el sitio web sea atractivo y no se sienta pesado.
6. Implementar una navegación clara e intuitiva para tener un sitio web sin complicaciones.
Es importa la relevancia de las redes
sociales en el mundo.
Opcional
Integrar con Twitter
Conceptos Generales
El módulo (module) es un software que extiende las funcionalidades y/o características de Drupal. Viene con módulos precargados según la versión, a los cuales se les puede añadir los que se necesite según la funcionalidad que tenga el sitio.
Módulo.

Core (nucleo): son los módulos provistos por Drupal al instalarse, algunos de ellos fueron contribuciones de la comunidad de Drupal que se incorporaron.
Contributed (contribuídos): son los módulos que son compartidos para la comunidad de Drupal, están bajo GNU de Licencia Pública (GPL).
Custom (personalizados): son los módulos creados por el desarrollador del sitio.
Existen tres tipos de módulos de Drupal, llamadas las "3 C":
Cada visitante del sitio que tenga ingreso al mismo o no (como visitante anónimo) es considerado un Usuario para Drupal. Se pueden definir los tipos de usuario desde el núcleo de Drupal en la parte de Perfil (profile) y los campos asociados a cada usuario.
Usuario, Permiso, Rol
El Nodo (node) es un término genérico para cada pieza de contenido del sitio. Algunos ejemplos de nodos pueden ser: páginas en libros, temas de discusión en foros, entradas en blogs, nuevos artículos, etc.
Nodo.
La información de Drupal depende de la base de datos, cada información se encuentra en una tabla dentro de la base de datos. Por ejemplo, la información básica de los Nodos se encuentra en la tabla de Node.

BBDD (MySQL, Postgre).
Base de datos.
Cuando se visita un sitio con Drupal, una parte de la dirección de URL es conocida como path. Es la información enviada por el navegador a la base de datos. Si se esta viendo la página.
Path.
La Plantilla (theme) controlará cómo se visualizará el sitio, el diseño y los colores. Consiste en uno o más archivos en PHP que definen la salida HTML, con uno o más archivos en CSS definiendo las fuentes, colores y otros estilos.
Plantilla.
Drupal se encuentra dividido en Regiones (regions) que pueden incluír la cabecera, el pie, las barras laterales, la sección principal de contenido. Los Bloques (blocks) es la información que se visualiza en las diferentes regiones, pudiendo tomar la forma de menús (como el menú de navegación) o visualizaciones de módulos (como los contenidos más vistos del foro) o información estática o dinámica que fue creada por un usuario (como eventos). Existen tres menús estandar en Drupal: Enlaces primarios, Enlaces secundarios y Menú de navegación. Los primarios y secundarios son construídos a criterio de los administradores y mostrados automáticamente.
Región, Bloque, Menú.
Temas
Define las regiones para la presentación organizada de contenido.
Es dinámicamente la estética del sitio.
Drupal usa "CSS (Cascading Style Sheets)" para la creación de los temas.
Bloques.
Es una forma conveniente de presentar la salida de un módulo o de datos creados a medida por el webmaster.
Diseño y Presentación.
REGIONES
Diseño y Presentación.
Es la presentación de Diseño de la pagina Web.
Ejemplos de Diseños.
Despues de realizar el diseño de la pagina web, podemos observar las regiones generadas en codigo.
Codigo de Diseño.
Clasificación de Regiones.
Style- Diseños.
Integración de Usuarios.
Estructura de Desarrollo.
Instalación
¿ comentarios?
Veamos el paso a paso de la
Full transcript