Drupal Meetup

Fecha: 10 de Marzo de 2016

Link taller drupal sitebuilding

• Los Jueves es mejor hacer los meetups, No hacerlo el mismo día que UX Nights

• Oswaldo responsable de los Meetups, una vez al més en Accenture.

Mañana Curso de D8 en Piso 3 de la Torre 2

---

Improving your D8 development workflow (Omers)

@omers nos recomienda

• Uso de composer
• Deploys por PR en vez de Branch

Ver:

• http://weknowinc.com/talks/2016/drupal8day/improving-your-drupal-8-development-workflow/#/4
• https://events.drupal.org/baltimore2017/sessions/improving-your-drupal-8-development-workflow

---

Why Drupal (Eduardo)

• Gartner's Magic Quadrant for WCM

  • Drupal vs Wordpress

• Sitios:

  • Twitter
  • Pinterest
  • Nih
  • Weather
  • Taboola

• De donde vienen los nuevos adeptos:

  • Wordpress
  • Joomla

• En Páginas pequeñas no deberíamos usar Drupal: DB crea lentitud

• FE con Json :)

• Basado en symfony, es el Papa

  • Ahora es OOP

• Empleo Positivo: Demanda bestial de Drupal

• Out-topic: Competencia: Laravel es como el Ruby de PHP, más bonito

México

• Le da miedo Drupal por

• ser gratis

• ser php

• México no quiere arriesgar, es proteccionista

• Trabajo duro para quitar esos miedos

---

Theming (Ramiro)

• Desde la UI puedes crear todo el sitio web

Theming en D8

• Responsivo por defecto

• Breakpoints: Módulo, para definir escalación. Tipo Image Styles. Configuración desde la UI.

• Twig, Yaml, Backbone.js

• Formatos

  • SMACSS
  • BEM

Sitebuilding

• El trabajo del Sitebuilder es que no haya trabajo para el programador (FE, BE)

El Cliente

• Hay que educar al cliente. Más que nunca es importante el UX, la experiencia del usuario. Definir la web desde lo que se necesita en realidad.

Regiones

Definirlas en el info. Mostrarlas en los twig's

Debug

Uso: desde el fichero services.yml

debug: true

Módulos Dev

• Devel
• Kint

---

Integrar Drupal con una App móvil usando iconicframework (Miriam)

ionicframework

• Desde Drupal prácticamente no tengo que hacer ningún cambio
• Con ionic puedo aplicar ese desarrollo a algo "casi" nativo
• exponer las vistas vía json

Ejemplo

Tengo Una app de sistema de signos para las personas que no pueden escuchar (sordos):

• Content Types: Nodos
  • Signals
• Taxonomías
  • Signal Categories
• Módulos (Core)
  • REST UI
  • RESTful Web Services
  • Vistas con Json

Muestro mi contenido en Vistas con json

Esto es cómo un picasutra pero para signos :)

Getting Started con ionic

npm para instalar

# Correr servidor de ionic
ionic serve

# Levantar mi app
ionic start myapp

• En el controlador consumimos las URL de drupal
• En el servicio le decimos como obtener los datos (GET)
• En el template le decimos como mostrar los datos

Ahora tengo página web basada en angular

Una vez que le meta cordoba ya me la convierte a app de celular.

npm install cordoba

Exposed Filters

Podemos filtrar desde la propia URL. Podemos meterle exposed filters, abajo en la vista de la misma hay una opción para ponerle en la url variables.

---

Taller Drupal Sitebuilding by Omers

Fecha: 11 de Marzo de 2016

Que es Drupal

Porque Drupal

Instalacion de Drupal

• Con la GUI
• Con el CLI

Contribuir a la Consola

• Me gustaría contribuir con documetnación. Si esta bien porque sólo somos 4 personas.

Drupal Console

 drupal site:new
 drupal site:install

Composer. Pasos:

• 1 Instalar composer
• 2 Instalar drupal console con composer
• 3 Instalar Drupal con drupal console

---

Nos loggeamos a la UI

Vista de la Interfaz

Vemos las opciones una a una Desde Content hasta Reports

Creamos Contenido prueba

Ahora tenemos edición avanzada de contenido

• revisiones
• menu link
• comentarios
• sticky y promoted

Podemos hacer preview, con los view modes. WOW!!!

Uso de Google Maps con sitebuilding

• Vamos a hacerlo con Menu Link

Entidades

• Ahora todo son Entidades.
• Es cómo la estructura de la estructura.

Creación de CT

• Vemos cada opción

• Creamos campo

  • hablamos sobre los yml de configuraciones de drupal

• Referencia a Vocabulario desde CT

• Avanzado: Vista de Taxonomias para formulario tipo referencia

Choose the view and display that select the entities that can be referenced.
Only views with a display of type "Entity Reference" are eligible.

Display

Display Modes. Dos por defecto

Estilos de Imágen

Configuracion / Media / Image Style

Breakpoints

(...)

Regiones y Bloques

Añadimos un bloque de "who's online" en el sidebar.

• hacemos un timeline de user de twitter con codigo emebido

https://publish.twitter.com/#

• Creamos un bloque de menus de social media

Vistas

Roles