The Drupal Ladder is an initiative to increase contributor participation in Drupal. It provides a series of steps and lessons to help users acquire skills to contribute. Users can participate in learn sprints to get set up or issue sprints focused on specific initiatives. The goal is to have every user group host an issue sprint and for 2% of active users to become identified contributors. Organizers are encouraged to run sprints and spread awareness of the Drupal Ladder resources.
This document provides an overview of PHP survival techniques for Drupal front end development. It discusses using square dancing as an analogy to explain PHP concepts. Some key points include:
- PHP and templating with PHPtemplate can be understood through analogies to deciding on a dance, choosing clothes, and then dancing.
- Important PHP concepts like variables, arrays, objects, and functions are explained using square dancing terminology like partners, calls and moves.
- Examples from the Drupal theme guide and books on front end Drupal development are used to demonstrate PHP snippets and template files.
- Conditionals, preprocessing functions, and the template.php file allow for customizing and extending themes. Understanding variables and how
The document discusses building a basic Drupal website quickly using common tools and techniques. It recommends choosing an install profile to match client needs, using Drush to install the site in a new subdirectory, enable relevant modules and features, apply a contributed theme, and create a client account. With these steps, the document claims the $500 website can be built in about 30 minutes once the developer has configured their Drupal "toolkit" with commonly used modules.
Does Git make you angry inside? In this workshop you will get a gentle introduction to working efficiently as a Web developer in small teams, or as a solo developer. We'll focus on real world examples you can actually use to make your work faster and more efficient. Windows? OSX? Linux? No problem, we'll get you up and running with Git, no matter what your system. Yes, this is an introductory session. This is for people who feel shame that they don't know how to "clone my github project", wish they too could "get the gist", and get mad when people say "just diff me a patch" as if it's something as easy as making a mai thai even though you have no rum. No, you don't have to have git installed to attend. You don't even need to know where the command line is on your computer.
DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services. It uses PhoneGap and Apache Cordova to package HTML, CSS, and JavaScript into native iOS and Android apps. DrupalGap inherits Drupal concepts like modules, blocks, menus, pages, and views, and it can be extended with contrib modules and custom functionality through services and plugins. Developers need knowledge of JavaScript, Drupal modules, and mobile app development to use DrupalGap.
The document provides an overview of theming in Drupal. It discusses:
- Drupal uses a "prepare and push" system where complete web pages are compiled from different sources in themes, unlike WordPress' "pull" system.
- Themes style individual Drupal elements like pages, blocks, and nodes, not the whole page.
- Creating a new theme involves choosing a base theme, creating a sub-theme folder, modifying template and style files, and launching a minimum viable theme.
- Key template files that can be modified include page.tpl.php, node.tpl.php, and block.tpl.php. Variables and content can be rearranged in these files
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)Laura Scott
This is now DEPRECATED. Please see Grok Drupal (7) Theming, February 11 Update
These are slides for my presentation at DrupalCon San Francisco, April 2010.
There is <a>audio/video of the presentation at the DCSF website</a>.
My apologies for the extraneous slides -- that's how Slideshare converted my Keynote file.
This document provides an overview of an introductory workshop on getting started with the content management system Drupal, covering topics such as content types, themes, modules, users and permissions. The workshop aims to help attendees become more familiar with Drupal terminology and learn how to manage a basic Drupal site. Hands-on activities are included throughout to help attendees start using Drupal.
The Drupal Ladder is an initiative to increase contributor participation in Drupal. It provides a series of steps and lessons to help users acquire skills to contribute. Users can participate in learn sprints to get set up or issue sprints focused on specific initiatives. The goal is to have every user group host an issue sprint and for 2% of active users to become identified contributors. Organizers are encouraged to run sprints and spread awareness of the Drupal Ladder resources.
This document provides an overview of PHP survival techniques for Drupal front end development. It discusses using square dancing as an analogy to explain PHP concepts. Some key points include:
- PHP and templating with PHPtemplate can be understood through analogies to deciding on a dance, choosing clothes, and then dancing.
- Important PHP concepts like variables, arrays, objects, and functions are explained using square dancing terminology like partners, calls and moves.
- Examples from the Drupal theme guide and books on front end Drupal development are used to demonstrate PHP snippets and template files.
- Conditionals, preprocessing functions, and the template.php file allow for customizing and extending themes. Understanding variables and how
The document discusses building a basic Drupal website quickly using common tools and techniques. It recommends choosing an install profile to match client needs, using Drush to install the site in a new subdirectory, enable relevant modules and features, apply a contributed theme, and create a client account. With these steps, the document claims the $500 website can be built in about 30 minutes once the developer has configured their Drupal "toolkit" with commonly used modules.
Does Git make you angry inside? In this workshop you will get a gentle introduction to working efficiently as a Web developer in small teams, or as a solo developer. We'll focus on real world examples you can actually use to make your work faster and more efficient. Windows? OSX? Linux? No problem, we'll get you up and running with Git, no matter what your system. Yes, this is an introductory session. This is for people who feel shame that they don't know how to "clone my github project", wish they too could "get the gist", and get mad when people say "just diff me a patch" as if it's something as easy as making a mai thai even though you have no rum. No, you don't have to have git installed to attend. You don't even need to know where the command line is on your computer.
DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services. It uses PhoneGap and Apache Cordova to package HTML, CSS, and JavaScript into native iOS and Android apps. DrupalGap inherits Drupal concepts like modules, blocks, menus, pages, and views, and it can be extended with contrib modules and custom functionality through services and plugins. Developers need knowledge of JavaScript, Drupal modules, and mobile app development to use DrupalGap.
The document provides an overview of theming in Drupal. It discusses:
- Drupal uses a "prepare and push" system where complete web pages are compiled from different sources in themes, unlike WordPress' "pull" system.
- Themes style individual Drupal elements like pages, blocks, and nodes, not the whole page.
- Creating a new theme involves choosing a base theme, creating a sub-theme folder, modifying template and style files, and launching a minimum viable theme.
- Key template files that can be modified include page.tpl.php, node.tpl.php, and block.tpl.php. Variables and content can be rearranged in these files
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)Laura Scott
This is now DEPRECATED. Please see Grok Drupal (7) Theming, February 11 Update
These are slides for my presentation at DrupalCon San Francisco, April 2010.
There is <a>audio/video of the presentation at the DCSF website</a>.
My apologies for the extraneous slides -- that's how Slideshare converted my Keynote file.
This document provides an overview of an introductory workshop on getting started with the content management system Drupal, covering topics such as content types, themes, modules, users and permissions. The workshop aims to help attendees become more familiar with Drupal terminology and learn how to manage a basic Drupal site. Hands-on activities are included throughout to help attendees start using Drupal.
Google Developer Days Brazil 2009 - Make your site social with Google Friend ...Patrick Chanezon
Examples and real world use case (Time.com, Huffingtonpost) of how to use Google friend Connect to make your site more social, using the javascript and rest APIs.
Mark Jarrell presented on building a mobile Drupal site for Austin Peay State University. He discussed evaluating different methods for developing a mobile site, choosing to use a separate mobile URL and redirect users. The process involved designing a theme, upgrading content to Drupal 7, and adding the jQuery Mobile module to optimize the interface for touchscreens. Key elements were lightweight content focused on quick actions, and utilizing HTML5 and jQuery Mobile features to improve the mobile experience.
jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck
This document outlines a presentation on beginning jQuery. It introduces jQuery, its history and core team. It also covers how to set up jQuery and explains its core functionality, including selecting elements, manipulating the DOM, AJAX, and events.
BuddyPress: A Social Network for your ClassroomJustin Shreve
The blogging and social network worlds are quickly growing in industries all over and education is no different. This session will allow attendees to learn how to safely set up an environment for both students and teachers to blog, communicate and learn. Attendees will be able see the setup and configuration of BuddyPress, hear use cases to take back to their classrooms and learn about new plugins that can really allow communities to take off.
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
The theme of your website has the capacity for beautiful, semantic markup...and also the hacky HTML soup. You can build a new theme by downloading a free theme and tearing out its guts--or you can learn how to become a theme surgeon.
In this session you will learn two key techniques needed to build a successful theme: crime scene investigation (identifying Drupal page elements in your design files) and power tools for copy-cat theming (things you need to recreate your design using Drupal). From start to finish we will transform a design file into a Drupal theme. With special attention given to your all-important questions: how do I save time with grid-based design? Should I use Panels? How do I make this bit of stuff appear next to that bit? Yah, but how do I start?
[This presentation was given at DrupalCon Chicago but the recording failed. Slides are available from http://www.slideshare.net/emmajane/forensic-theming-for-drupal]
About The Presenter
Emma Jane Hogbin is well known in the Drupal community for her engaging presentations and kickass theming book, Front End Drupal. She is currently working on her second book, Drupal: A user's guide which is due out shortly after DrupalCon. Through her training company, Design to Theme, emmajane has empowered thousands of people to create the Drupal site of their dreams.
Intended audience
Small business site builders who partner with graphic designers but have no idea how to make Drupal look like a design file. Intermediate themers who start with a free Drupal theme that looks "close" to the final site and then start hacking to make their theme. The audience currently does not use base themes and are frustrated at how complicated all of the code is. They are looking for shortcuts and some quick-fix solutions to make theming faster and more profitable.
Questions answered by this session
What are the key tools I need to use to make themeing Drupal easier?
How can I make Drupal markup less yucky?
Where should I start when building a new theme?
Yeah, but how do I theme *that thing*?
I want to see how you build a theme: show me!
Presented at: http://london2011.drupal.org/conference/sessions/forensic-theming-key-techniques-building-effective-drupal-themes
The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.
Display Suite is a Drupal module that allows users to take full control over how content is displayed using a drag and drop interface without having to work with template files. It provides predefined layouts and allows users to create custom layouts and view modes. Display Suite also features code fields to add custom variables and styles to control field formatting. The module is actively maintained and widely used with thousands of active sites.
Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps FasterDoris Chen
How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.
The document outlines an intro to hacking workshop on HTML, CSS, and PHP basics held in Miami Beach, FL in 2012. It provides information on setting up a local development environment with tools like WAMP or MAMP and text editors. It then covers topics that will be discussed, including HTML elements and tags, CSS selectors and rules to target content, and setting up basic HTML and CSS files. The workshop is powered by Ptah Dunbar and attendees are encouraged to tweet using the provided hashtags.
The document provides an overview of the basic steps for designing a theme for Drupal:
1. Create wireframes and specifications for the theme.
2. Establish a grid, color palette, and design elements using tools like GIMP.
3. Set up a base theme files and use version control.
4. Rebuild pixel-perfect designs in Drupal templates.
5. Theme by user experience rather than by module or specific template files.
The presenter emphasizes designing for individual elements rather than whole pages, provides examples of base themes to build from, and explains how to override styles through template files and variables.
This document provides an overview of WordPress child themes, including:
- What a child theme is and how it relies on a parent theme for structure but allows customizations.
- Why to use child themes to easily update the parent theme without overwriting customizations.
- Who should use child themes, such as web designers, multi-site users, and theme authors.
- How child themes work by looking for template files in the child theme directory first, then the parent theme.
The document summarizes new features in HTML5 including less header code needed, more semantic HTML tags, media tags for embedding video and audio, geolocation capabilities, the canvas element for drawing, new input types for forms, drag and drop, local storage, cross-domain messaging, web sockets, and the eventual ability to do 3D graphics with canvas. It provides examples and explanations of how to use many of these new features.
WP Framework is a WordPress theme framework created by Ptah Dunbar that aims to provide everything needed for building WordPress themes and nothing extra. It has design principles focused on being efficient, modular, extensible, and developer-friendly. Key features include organized folders, valid HTML/CSS, over 30 hooks and filters, and a goal of raising standards for WordPress themes. The future plans include a theme builder and growing the WP Framework community.
Drupal south 2014 - bootstrap vs foundation deathmatch - v.1.1Vladimir Roudakov
This document provides an overview and comparison of the Bootstrap and Foundation frontend frameworks for responsive design in Drupal. It discusses their installation and implementation in Drupal, various modules that integrate each framework, and differences in their coding styles, grids, and other features. The document concludes that while Bootstrap has more elements and examples currently, Foundation 5 was just recently released and may require some updating of modules.
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJLeonardo Balter
Slides apresentados no 16 EDTED, edição Rio de Janeiro, em 21 de Maio de 2011.
Aqui não tem vídeos, animações e códigos apresentados, mas tem os links. Logo passo o link completo.
This document summarizes a Drupal beginner training session. It introduces Drupal and content management systems. It discusses the Drupal business model, users, and history. It covers installing Drupal, the admin area, content and module workflows. It also summarizes setting up themes, views, panels, users, and favorite modules. The document emphasizes practicing Drupal skills and provides several resource links.
The document provides an introduction to theming in Drupal 7. It covers prerequisites for theming including HTML, CSS, and basics of Drupal and PHP. It then discusses theming concepts such as theme components, templates, overriding functions, and tools for theming. The document provides examples of how to create templates, add variables, and override functions to customize a Drupal theme.
Information architecture and content strategy are the foundation of any website but, when it comes to mobile, they can literally mean the life or death of a product. The truth is that even the best-designed and well-engineered mobile products can still fail if their IA is not sound, and that’s because mobile information architecture doesn’t only define the structure of content, but also determines how users will interact with it. And speaking of content, do you know what content should go on your mobile sites and apps? Are your users finding what they came for?In this talk we will take a look at the thought process that drives mobile content strategy, the specific challenges and opportunities of the mobile space and how information architecture and content strategy contribute to the creation of outstanding cross-channel experiences.
Webinar — May 28th, 2014
http://www.architecta.it/imparare/internet-in-tasca/
Tijdens het Drupal webinar lichten we Drupal toe: wat zijn de belangrijkste outlines? Meer info: http://eduvision.info/drupal
Dit webinar wordt je aangeboden door Eduvision Opleidingen
Eduvision verzorgt opleidingen binnen een groot aantal sectoren. We hebben o.a. gewerkt voor KLM, DTG, BNN-VARA, ING, de Belastingdienst, Gemeente Amsterdam, Interpolis, Nuon en de Atlant Zorggroep. Eduvision heeft als missie om actuele kennis te delen. Niet alleen in de vorm van cursussen, maar ook met webinars, whitepapers en blogs.
Sinds 2015 is Eduvision Opleidingen aanbieder van officieel gecertificeerde Big Data opleidingen (ISO 9001 & 17024). De Big Data Academy is de plek waar jij en/of jouw werknemers opgeleid worden tot gecertificeerd Big Data specialist.
Tijdens alle cursussen van Eduvision Opleidingen staan jouw wensen en informatiebehoefte centraal. Je past de kennis toe op jouw praktijkcase en zowel Eduvision als de docenten staan volledig tot jouw beschikking.
Google Developer Days Brazil 2009 - Make your site social with Google Friend ...Patrick Chanezon
Examples and real world use case (Time.com, Huffingtonpost) of how to use Google friend Connect to make your site more social, using the javascript and rest APIs.
Mark Jarrell presented on building a mobile Drupal site for Austin Peay State University. He discussed evaluating different methods for developing a mobile site, choosing to use a separate mobile URL and redirect users. The process involved designing a theme, upgrading content to Drupal 7, and adding the jQuery Mobile module to optimize the interface for touchscreens. Key elements were lightweight content focused on quick actions, and utilizing HTML5 and jQuery Mobile features to improve the mobile experience.
jQuery For Beginners - jQuery Conference 2009Ralph Whitbeck
This document outlines a presentation on beginning jQuery. It introduces jQuery, its history and core team. It also covers how to set up jQuery and explains its core functionality, including selecting elements, manipulating the DOM, AJAX, and events.
BuddyPress: A Social Network for your ClassroomJustin Shreve
The blogging and social network worlds are quickly growing in industries all over and education is no different. This session will allow attendees to learn how to safely set up an environment for both students and teachers to blog, communicate and learn. Attendees will be able see the setup and configuration of BuddyPress, hear use cases to take back to their classrooms and learn about new plugins that can really allow communities to take off.
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Nicholas Zakas
In the beginning, progressive enhancement was simple: HTML layered with CSS layered with JavaScript. That worked fine when there were two browsers, but in today's world of multiple devices and multiple browsers, it's time for a progressive enhancement reboot. At the core is the understanding that the web is not print - the same rules don't apply. As developers and consumers we've been fooled into thinking about print paradigms for too long. In this talk, you'll learn just how different the web is and how the evolution of progressive enhancement can lead to better user experiences as well as happier developers and users.
The theme of your website has the capacity for beautiful, semantic markup...and also the hacky HTML soup. You can build a new theme by downloading a free theme and tearing out its guts--or you can learn how to become a theme surgeon.
In this session you will learn two key techniques needed to build a successful theme: crime scene investigation (identifying Drupal page elements in your design files) and power tools for copy-cat theming (things you need to recreate your design using Drupal). From start to finish we will transform a design file into a Drupal theme. With special attention given to your all-important questions: how do I save time with grid-based design? Should I use Panels? How do I make this bit of stuff appear next to that bit? Yah, but how do I start?
[This presentation was given at DrupalCon Chicago but the recording failed. Slides are available from http://www.slideshare.net/emmajane/forensic-theming-for-drupal]
About The Presenter
Emma Jane Hogbin is well known in the Drupal community for her engaging presentations and kickass theming book, Front End Drupal. She is currently working on her second book, Drupal: A user's guide which is due out shortly after DrupalCon. Through her training company, Design to Theme, emmajane has empowered thousands of people to create the Drupal site of their dreams.
Intended audience
Small business site builders who partner with graphic designers but have no idea how to make Drupal look like a design file. Intermediate themers who start with a free Drupal theme that looks "close" to the final site and then start hacking to make their theme. The audience currently does not use base themes and are frustrated at how complicated all of the code is. They are looking for shortcuts and some quick-fix solutions to make theming faster and more profitable.
Questions answered by this session
What are the key tools I need to use to make themeing Drupal easier?
How can I make Drupal markup less yucky?
Where should I start when building a new theme?
Yeah, but how do I theme *that thing*?
I want to see how you build a theme: show me!
Presented at: http://london2011.drupal.org/conference/sessions/forensic-theming-key-techniques-building-effective-drupal-themes
The document discusses the evolution from Web 1.0 to Web 2.0, including defining characteristics of Web 2.0 sites like user participation, reusable data, and improving functionality as more users engage with the site. It also provides an overview of important Web 2.0 technologies like AJAX, microformats, mashups and recommendations for skills needed by web developers, such as JavaScript libraries, debugging tools, and techniques to improve page load speeds.
Display Suite is a Drupal module that allows users to take full control over how content is displayed using a drag and drop interface without having to work with template files. It provides predefined layouts and allows users to create custom layouts and view modes. Display Suite also features code fields to add custom variables and styles to control field formatting. The module is actively maintained and widely used with thousands of active sites.
Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps FasterDoris Chen
How to tackle real-world web platform performance problems in modern websites and apps? This session starts with a basic understanding of the web platform and then explores to a set of problem/solution pairs built from industry-standard performance guidance. In the talk, we will demonstrate performance tips and tricks that will help you improve the performance of your apps and sites today. We will discuss the following respond to network requests, speed and responsiveness, optimizing media usage, and writing fast JavaScript. These performance tips and tricks apply equally to web sites that run on standards based web browsers, as well as to modern apps.
The document outlines an intro to hacking workshop on HTML, CSS, and PHP basics held in Miami Beach, FL in 2012. It provides information on setting up a local development environment with tools like WAMP or MAMP and text editors. It then covers topics that will be discussed, including HTML elements and tags, CSS selectors and rules to target content, and setting up basic HTML and CSS files. The workshop is powered by Ptah Dunbar and attendees are encouraged to tweet using the provided hashtags.
The document provides an overview of the basic steps for designing a theme for Drupal:
1. Create wireframes and specifications for the theme.
2. Establish a grid, color palette, and design elements using tools like GIMP.
3. Set up a base theme files and use version control.
4. Rebuild pixel-perfect designs in Drupal templates.
5. Theme by user experience rather than by module or specific template files.
The presenter emphasizes designing for individual elements rather than whole pages, provides examples of base themes to build from, and explains how to override styles through template files and variables.
This document provides an overview of WordPress child themes, including:
- What a child theme is and how it relies on a parent theme for structure but allows customizations.
- Why to use child themes to easily update the parent theme without overwriting customizations.
- Who should use child themes, such as web designers, multi-site users, and theme authors.
- How child themes work by looking for template files in the child theme directory first, then the parent theme.
The document summarizes new features in HTML5 including less header code needed, more semantic HTML tags, media tags for embedding video and audio, geolocation capabilities, the canvas element for drawing, new input types for forms, drag and drop, local storage, cross-domain messaging, web sockets, and the eventual ability to do 3D graphics with canvas. It provides examples and explanations of how to use many of these new features.
WP Framework is a WordPress theme framework created by Ptah Dunbar that aims to provide everything needed for building WordPress themes and nothing extra. It has design principles focused on being efficient, modular, extensible, and developer-friendly. Key features include organized folders, valid HTML/CSS, over 30 hooks and filters, and a goal of raising standards for WordPress themes. The future plans include a theme builder and growing the WP Framework community.
Drupal south 2014 - bootstrap vs foundation deathmatch - v.1.1Vladimir Roudakov
This document provides an overview and comparison of the Bootstrap and Foundation frontend frameworks for responsive design in Drupal. It discusses their installation and implementation in Drupal, various modules that integrate each framework, and differences in their coding styles, grids, and other features. The document concludes that while Bootstrap has more elements and examples currently, Foundation 5 was just recently released and may require some updating of modules.
Realize mais com HTML 5 e CSS 3 - 16 EDTED - RJLeonardo Balter
Slides apresentados no 16 EDTED, edição Rio de Janeiro, em 21 de Maio de 2011.
Aqui não tem vídeos, animações e códigos apresentados, mas tem os links. Logo passo o link completo.
This document summarizes a Drupal beginner training session. It introduces Drupal and content management systems. It discusses the Drupal business model, users, and history. It covers installing Drupal, the admin area, content and module workflows. It also summarizes setting up themes, views, panels, users, and favorite modules. The document emphasizes practicing Drupal skills and provides several resource links.
The document provides an introduction to theming in Drupal 7. It covers prerequisites for theming including HTML, CSS, and basics of Drupal and PHP. It then discusses theming concepts such as theme components, templates, overriding functions, and tools for theming. The document provides examples of how to create templates, add variables, and override functions to customize a Drupal theme.
Information architecture and content strategy are the foundation of any website but, when it comes to mobile, they can literally mean the life or death of a product. The truth is that even the best-designed and well-engineered mobile products can still fail if their IA is not sound, and that’s because mobile information architecture doesn’t only define the structure of content, but also determines how users will interact with it. And speaking of content, do you know what content should go on your mobile sites and apps? Are your users finding what they came for?In this talk we will take a look at the thought process that drives mobile content strategy, the specific challenges and opportunities of the mobile space and how information architecture and content strategy contribute to the creation of outstanding cross-channel experiences.
Webinar — May 28th, 2014
http://www.architecta.it/imparare/internet-in-tasca/
Tijdens het Drupal webinar lichten we Drupal toe: wat zijn de belangrijkste outlines? Meer info: http://eduvision.info/drupal
Dit webinar wordt je aangeboden door Eduvision Opleidingen
Eduvision verzorgt opleidingen binnen een groot aantal sectoren. We hebben o.a. gewerkt voor KLM, DTG, BNN-VARA, ING, de Belastingdienst, Gemeente Amsterdam, Interpolis, Nuon en de Atlant Zorggroep. Eduvision heeft als missie om actuele kennis te delen. Niet alleen in de vorm van cursussen, maar ook met webinars, whitepapers en blogs.
Sinds 2015 is Eduvision Opleidingen aanbieder van officieel gecertificeerde Big Data opleidingen (ISO 9001 & 17024). De Big Data Academy is de plek waar jij en/of jouw werknemers opgeleid worden tot gecertificeerd Big Data specialist.
Tijdens alle cursussen van Eduvision Opleidingen staan jouw wensen en informatiebehoefte centraal. Je past de kennis toe op jouw praktijkcase en zowel Eduvision als de docenten staan volledig tot jouw beschikking.
This document discusses decoupling design from content by capturing design messages and patterns in a structured content model. It provides examples of how media organizations like MSNBC, The Guardian, and Angie's List model emphasis, narrative sequence, complexity, and other design priorities in their content. The document advocates identifying visual variations, determining what each communicates, and mapping those meanings to the existing content model or new properties/entities if needed. Various design patterns like templating, embedding, stacked components, and combined collections are presented as a "field guide." The overall message is that design communicates important messages that should be captured and respected through modeling in a structured content system.
Come approcciare il layer di theming in Drupal 8 (e non solo) utilizzando strumenti grazie ai quali possiamo ottenere tempi di sviluppo più breve.
Relatore: Evan Butera
Beyond the web: Mobile apps using Drupal & Ionic 2 - Drupal Dev Days Seville ...La Drupalera
This workshop was one of the musts on Drupal Dev Days 2017. Nacho González -Frontend developer- and Alejandro Gómez built an hybrid application on a live session by using Ionic 2 and a Drupal API with the aim to offer better user experiences. Live technology!
[drupalday 2017] - Accessibilità Web: Finalità, metodologie e strumenti.DrupalDay
Il talk sarà incentrato sul tema dell’accessibilità web. Sarà introdotta la tematica sia dal punto di vista generale (cos’è l’accessibilità, quali sono le leggi nazionali in materia), che delle metodologie utilizzate per la verifica dell’accessibilità (le WCAG, gli esperti ed i gruppi di valutazione), che degli strumenti a supporto dello sviluppo di siti accessibili (validatori e contrast checker), con una dimostrazione del loro funzionamento. Infine si discuterà dell’accessibilità in Drupal.
di Antonio Giovanni Schiavone
[drupalday2017] - Open Data con Drupal nella PA: considerazioni su licensing ...DrupalDay
Gli Open Data rappresentano il motore per l’innovazione, la crescita e la governance. Recentemente la Commissione Europea, nell’ambito delle azioni dell’Agenda Digitale, ha presentato un programma di azioni per il riutilizzo delle informazioni del settore pubblico che dovrebbe dare un contributo consistente all’economia. Sulla base di queste importanti indicazioni Sapienza ha sviluppato dei modelli web realizzati con Drupal per valorizzare il patrimonio dei dati di Ateneo mediante l'esposizione e il riutilizzo. Il licensing e la tutela dei dati personali sono gli strumenti necessari per gli sviluppatori interessati alla costruzione di servizi innovativi per le PA.
di Andrea Dori
The document provides best practices for developing with Drupal including getting Drupal from version control, updating modules, using revision control, module development practices like understanding prerequisites and hooks, input validation, avoiding direct database queries, theme development practices like available theme engines and template variables, and overriding themeable functions.
Web services tutorial slides from my session at DPC 2012 in Amsterdam. In this 3-hour session we built the simplest possible service, and then extended it, looking at RPC, REST and SOAP along the way.
[drupalday2017] - Cloud e integrazione per la PA: la sfida dell'Open Source t...DrupalDay
La razionalizzazione delle infrastrutture tecnologiche della PA centrale e locale non è solo l’occasione per ottimizzare la spesa ICT, ma anche una opportunità per migliorare i servizi alle imprese ed ai cittadini attraverso la condivisione delle piattaforme tecnologiche innovative. Questa evoluzione richiederà necessariamente delle considerazioni inerenti la proprietà intellettuale nell'ambito dell'open source e dei big data.
di Claudia Pavoletti e Michele Melchionda
[drupalday2017] - Drupal come frontend che consuma servizi: HTTP Client ManagerDrupalDay
Proviamo a gettare un nuovo standard per la gestione delle sorgenti e per la presentazione di dati nelle istanze Drupal che consumano servizi. Perchè ne abbiamo bisogno e come i Guzzle Service Description possono salvarci la vita.
di Adriano Cori
[drupalday2017] - Decoupled frontend con Drupal 8 e OpenUI 5DrupalDay
Lo sviluppo Frontend sta conoscendo una vera e propria rivoluzione, con l'introduzione e l'utilizzo di strumenti sempre più raffinati. In questo panorama, un attore relativamente recente sta guadagnando la meritata popolarità: OpenUI 5. Durante il talk faremo la conoscenza di questo nuovo toolkit e vedremo come costruire un frontend custom utilizzando le REST API di Drupal 8
di Donato Rotunno
[drupalday2017] - Speed-up your Drupal instance!DrupalDay
Perchè la tua istanza Drupal non performa e cosa puoi fare per invertire la rotta. D'altronde è una questione complessa: i moduli, la qualità del codice, l'uso delle cache, ma anche la versione di PHP, il proxy-cacher, il tuo hosting e, in ultimo, le cavallette...
di Daniele Piaggesi
Lazy Coder Camp (Edition 1)
The first edition of the camp is a daylong event that is totally free for IT enthusiasts and students to attend. We will be discussing about bootstrapping Drupal. The discussion will cover all aspects of Drupal installation, setting up a basic website and integrating all your social media streams to your basic site. The event will serve as a great learning opportunity for young professionals from other domains to come experience Drupal first hand with the PHP experts. The speakers will bring their unique experiences and insights to share with the audience and will be addressing all apprehensions related to taking up Drupal development.
This document summarizes some of the key capabilities and features of WordPress as a content management system (CMS). It outlines how WordPress has over 11 million downloads and over 3000 plugins available. It describes how themes work and the anatomy of themes. It also discusses how plugins can be used to extend WordPress functionality and provides examples of standard and popular plugins. Finally, it suggests ways WordPress can be used beyond basic blogs and provides examples of sites using WordPress as a CMS.
Sometimes distributions save site builders from having to make many difficult decisions by implementing proven best practices out-of-the-box in easy-to-install packages.
Check out the slides from my presentation from the December Victoria Drupal user group to learn about some of the most interesting distributions out there, built for purposes as diverse as community building, conference management, social networking and news portals. We will look at the strengths and weaknesses of various distributions, as well as tips and tricks for working with them efficiently.
This document introduces the Drupal Web Experience Toolkit (WxT) distribution. It provides concise overviews of the key features and functionality included in the distribution, such as content management, multilingual and responsive design support, and pre-configured modules, themes and content types. Instructions are also given for customizing the distribution to build out a new website that maintains the core accessibility and design standards of the Web Experience Toolkit.
This document provides an overview of Drupal, an open source content management system. It introduces the presenter as an experienced Drupal librarian and discusses key Drupal concepts like modules, themes, taxonomy, views and user permissions. Useful online resources for learning Drupal are also listed.
This document provides an introduction to theme development in Drupal. It discusses the roles of designers and developers in creating themes, and outlines some of the key considerations and tools involved in theme development, including file types, template naming conventions, overriding functions, and helpful modules. The document also provides many links to additional Drupal theme resources and examples.
Best Practices for Migrating a Legacy-Based CMS to DrupalAcquia
This document provides an overview of best practices for migrating a legacy content management system (CMS) to Drupal. It discusses preparing legacy content for import, understanding relevant Drupal concepts, and various methods for importing content into Drupal. It also includes a case study of In-Fisherman.com's migration from a proprietary CMS to Drupal and lessons learned.
Presentation by Brett Baker, Web Manager at The Children's Aid Society given at Drupal Camp Atlanta 2010 on October 2, 2010. The talk discussed how a single person or small team can leverage the Drupal CMS to tackle difficult deliverables.
This document summarizes a presentation on getting started with Drupal. The presentation introduces Drupal terminology and concepts, demonstrates how to create and manage content, set up user roles and permissions, and configure blocks, menus and themes. Attendees learn the basics of developing, maintaining and customizing a Drupal site for library use.
Drupal is an open source content management system built with PHP and MySQL. It can be used to create complex websites or simple blogs. This document provides an overview of Drupal including what skills are needed before and after installation, the main Drupal topics, and an introduction to Drupal core concepts. Essential modules like Views, CCK, and Filefield are described which extend Drupal's functionality. Best practices are outlined such as not hacking core, backing up data, and using modules directories properly. Resources for learning Drupal like documentation, books, and IRC channels are provided.
Drupal is an open source content management system (CMS) that allows users to easily create, edit, and organize website content without needing advanced technical skills. It has grown in popularity and is now used by many universities, news organizations, and government websites. The document provides an overview of Drupal, how to install it, and how to create basic content and configure site settings. It also discusses some popular Drupal modules and upcoming session topics.
Google provides resources to help webmasters optimize their sites for Google search. Webmasters can submit their sites to Google via sitemaps and add URLs, and use robots.txt files to block content from indexing. The Google Webmaster Tools dashboard provides insights into how Google views a site and its performance. It also has tools for communicating with Google, submitting sitemaps, and checking for issues. The Webmaster Central blog shares updates and the help forum answers webmaster questions. Proper formatting of titles, images and dynamic content helps with accessibility and discoverability.
Drupal is a flexible, open-source content management system, powering thousands of websites like those of The Onion, Bob Dylan and Amnesty International. In this introduction, you’ll learn the basic structure of a Drupal web site and find out how Drupal compares with other content management systems. We’ll also cover some common Drupal modules of specific interest for SEO, advertising and social media.
Wayne Eaker is a software developer and online strategy consultant, based in Ann Arbor, Michigan. Wayne is a key contributor to LA2M, and is LA2M’s website programmer.
Google provides resources to help webmasters optimize their sites for Google search. These include submitting sitemaps and URLs, using robots.txt files to block content from indexing, making content accessible to crawlers through text alternatives and descriptive file names. Webmaster Tools provides insights into how Google sees a site and its performance. The Webmaster Central blog shares announcements and Google recommends focusing on quality over quantity of links and creating great content to increase PageRank.
Site Manager rocks! This presentation goes up to 11.
Presentation I gave at the T44U conference in Dublin (12-13 November 2009).about our tops tips for using the Site Manager Web content management system (http://www.terminalfour.com/)
Released under a Creative Commons Attribution-Share Alike 2.5 UK: Scotland Licence.
http://creativecommons.org/licenses/by-sa/2.5/scotland/
The document provides an introduction to HTML and CSS for a WWW course. It discusses various HTML tags such as headings, paragraphs, lists, tables, and forms. It also covers CSS topics like the syntax, selectors, and properties for width and height. Students are assigned to improve their flower shop website by adding more pages that introduce the shop, showcases, and about page using images and various HTML elements and tags.
Best Practices and Tips on Migrating a Legacy-Based CMS to DrupalMediacurrent
Mediacurrent is an Atlanta-based web consultancy specializing in Drupal development. They provide full-service Drupal services including front-end and back-end development with a focus on enterprise implementations. They are an Acquia Gold Development Partner. Migrating legacy content to Drupal involves defining requirements, preparing content exports, importing using modules or scripts, and ensuring a successful import through testing and documentation.
Publishing strategies for API documentationTom Johnson
Most of the common tools for publishing help material fall short when it comes to API documentation. Much API documentation (such as for Java, C++, or .NET APIs) is generated from comments in the source code. Their outputs don’t usually integrate with other help material, such as programming tutorials or scenario-based code samples.
REST APIs are a breed of their own, with almost no standard tools for generating documentation from the source. The variety of outputs for REST APIs are as diverse as the APIs themselves, as you can see by browsing the 11,000+ web APIs on programmableweb.com.
As a technical writer, what publishing strategies do you use for API documentation? Do you leave the reference material separate from the tutorials and code samples? Do you convert everything to DITA and merge it into a single output? Do you build your own help system from scratch that imports your REST API information?
There’s not a one-size-fits-all approach. In this presentation, you’ll learn a variety of publishing strategies for different kinds of APIs, with examples of what works well for developer audiences. No matter what kind of API you’re working with, you’ll benefit from this survey of the API doc publishing scene.
- See more at: http://idratherbewriting.com
A tale of scale & speed: How the US Navy is enabling software delivery from l...sonjaschweigert1
Rapid and secure feature delivery is a goal across every application team and every branch of the DoD. The Navy’s DevSecOps platform, Party Barge, has achieved:
- Reduction in onboarding time from 5 weeks to 1 day
- Improved developer experience and productivity through actionable findings and reduction of false positives
- Maintenance of superior security standards and inherent policy enforcement with Authorization to Operate (ATO)
Development teams can ship efficiently and ensure applications are cyber ready for Navy Authorizing Officials (AOs). In this webinar, Sigma Defense and Anchore will give attendees a look behind the scenes and demo secure pipeline automation and security artifacts that speed up application ATO and time to production.
We will cover:
- How to remove silos in DevSecOps
- How to build efficient development pipeline roles and component templates
- How to deliver security artifacts that matter for ATO’s (SBOMs, vulnerability reports, and policy evidence)
- How to streamline operations with automated policy checks on container images
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024Neo4j
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfMalak Abu Hammad
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Climate Impact of Software Testing at Nordic Testing DaysKari Kakkonen
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
In the rapidly evolving landscape of technologies, XML continues to play a vital role in structuring, storing, and transporting data across diverse systems. The recent advancements in artificial intelligence (AI) present new methodologies for enhancing XML development workflows, introducing efficiency, automation, and intelligent capabilities. This presentation will outline the scope and perspective of utilizing AI in XML development. The potential benefits and the possible pitfalls will be highlighted, providing a balanced view of the subject.
We will explore the capabilities of AI in understanding XML markup languages and autonomously creating structured XML content. Additionally, we will examine the capacity of AI to enrich plain text with appropriate XML markup. Practical examples and methodological guidelines will be provided to elucidate how AI can be effectively prompted to interpret and generate accurate XML markup.
Further emphasis will be placed on the role of AI in developing XSLT, or schemas such as XSD and Schematron. We will address the techniques and strategies adopted to create prompts for generating code, explaining code, or refactoring the code, and the results achieved.
The discussion will extend to how AI can be used to transform XML content. In particular, the focus will be on the use of AI XPath extension functions in XSLT, Schematron, Schematron Quick Fixes, or for XML content refactoring.
The presentation aims to deliver a comprehensive overview of AI usage in XML development, providing attendees with the necessary knowledge to make informed decisions. Whether you’re at the early stages of adopting AI or considering integrating it in advanced XML development, this presentation will cover all levels of expertise.
By highlighting the potential advantages and challenges of integrating AI with XML development tools and languages, the presentation seeks to inspire thoughtful conversation around the future of XML development. We’ll not only delve into the technical aspects of AI-powered XML development but also discuss practical implications and possible future directions.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
Full-RAG: A modern architecture for hyper-personalizationZilliz
Mike Del Balso, CEO & Co-Founder at Tecton, presents "Full RAG," a novel approach to AI recommendation systems, aiming to push beyond the limitations of traditional models through a deep integration of contextual insights and real-time data, leveraging the Retrieval-Augmented Generation architecture. This talk will outline Full RAG's potential to significantly enhance personalization, address engineering challenges such as data management and model training, and introduce data enrichment with reranking as a key solution. Attendees will gain crucial insights into the importance of hyperpersonalization in AI, the capabilities of Full RAG for advanced personalization, and strategies for managing complex data integrations for deploying cutting-edge AI solutions.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
2. License
This work is licensed under the Creative Commons
Attribution-NonCommercial-ShareAlike 3.0 Unported
License. To view a copy of this license, visit
http://creativecommons.org/licenses/by-nc-sa/3.0/ or
send a letter to Creative Commons, 444 Castro
Street, Suite 900, Mountain View, California, 94041,
USA.
Download: http://training.acquia.com/hellodrupal
3. What we’ll do today
INTRODUCTION
Download: http://training.acquia.com/hellodrupal
4. What we’ll do today
Download: http://training.acquia.com/hellodrupal
5. What we’ll do
1. Short presentation 2. Quick demo 3. You try it
Concepts
and cases
Download: http://training.acquia.com/hellodrupal
12. Acquia Training
• Acquia is “your enterprise guide to Drupal”.
• Promoting best practices through training.
• http://training.acquia.com/
13. About you...
• What sector do you work in?
• What web projects do you have coming up?
• What are the key audiences for those
projects?
• How are you meeting those needs now?
23. A useful tool
• Sandbox for us today!
• Good for collaboration.
• Maintains the server.
Updates the software
• Implements improvements
in Drupal
• Provides support in the
forums (free) and tickets
(paid)
28. Levels of customization
Attribution 2.0 Generic (CC BY 2.0) Attribution 2.0 Generic (CC BY 2.0)
By Sirius™ By V&A Steamworks
http://www.flickr.com/photos/sontranphotos/6305186977/ http://www.flickr.com/photos/32482342@N05/6232526245/
29. Components v Kits
Attribution-NoDerivs 2.0 Generic (CC BY-ND 2.0) Attribution 2.0 Generic (CC BY 2.0)
by JuditK By creative.paradox
http://www.flickr.com/photos/juditk/5879492679/ http://www.flickr.com/photos/edmands/2771878770/
44. Why choose Drupal
1. Compared to other CMSs:
• Highly configurable functionality and UX.
• Extendable with API and custom themes.
2. Compared to frameworks:
• Time/effort saved with sub-systems.
• Time/effort saves with distributions.
3. A large ecosystem of service providers
and specialists.
4. Large and active community.
48. Sub-systems
Featured
News About Services Portfolio Contact
Content Users Taxonomy Comments
Content title D. Schrute
adventure Wow, can't
Germany city breakwait to get
dwight
city break 8 Sept started.
J. Halpert
Spain sailing
joe Me too!
shopping 8 Sept
text search
51. Active contribution
drupal.org
Data as of March 2012- Check Drupal.org for updates!
52. A growing community
50 150 750 1350 2250 4200 4751 3000 +
2005 2006 2007 2008 2009 2010 2011 2012
Antwerp Vancouver Barcelona Boston DC & San & Chicago & Denver
& Brussels & Sunnyvale & Szeged Paris Copenhagen London & Munich
53. Regional and niche
http://tinyurl.com/localdrupal
http://groups.drupal.org/events
56. The ***P stack
http://drupal.org/requirements
Drupal is flexible, but most tested on...
Linux *, Apache *, MySQL *, PHP
* works well with others
Creative Commons Attribution http://www.flickr.com/photos/ftmeade/6134210742/ By Fort Meade
68. CMSs - a step further
• Trusted users add
and edit content.
• Allow power users
to manage menus
and navigation.
• Further: Drupal can
be configured to let
users modify and
manage layouts.
91. Structured content
Compare
Title Title
In HTML: Image upload
Body text Body text
Tags
Location Location
Media (video,
images) Tags
92. Structured content
Web Page Title
http://domain.com Google
Title
Image
Body text
Location Web Page Title
http://domain.com Google
Tags
Author
Date
93. Structured content
Title Show 2 most recent.
Image as square thumbnail.
Image Body text up to 100 words
Web Page Title
http://domain.com Google
Body text
Location
Tags
Author
Date
94. Structured content
Title Show 9 per page with pagination.
Image as thumbnail.
Image Author link to profile. Short date.
Web Page Title
http://domain.com Google
Body text
Location
Tags
Author
Date
101. Integration
• Existing and popular services? Likely there’s
a module.
• A proprietary service? There may not be an
existing module.
• Your unique data source or custom
application will require scripting.
102. Drupal + Twitter
1 Link to account
2 Display feed & archive
3 Tweet this button
4 Login and tweet
library.acquia.com/articles/drupal-integration-twitter
103. Drupal + Facebook
developers.facebook.com/
1 Just add a “Like” button
docs/reference/plugins/like/
2 Use Facebook for login drupal.org/project/fbconnect
3 Develop FB applications drupal.org/project/fb
104. Integration
Third party services Social
http://drupal.org/project/salesforce http://drupal.org/project/twitter
http://drupal.org/project/adsense http://drupal.org/project/google_plusone
http://drupal.org/project/site_verify http://drupal.org/project/mailchimp
http://drupal.org/project/acquia_connector http://drupal.org/project/fb
http://drupal.org/project/opencalais
http://drupal.org/project/alfresco Mapping
http://drupal.org/project/millennium
http://drupal.org/project/geofield
Media
http://drupal.org/project/gmap
http://drupal.org/project/geocoder
http://drupal.org/project/media_youtube
http://drupal.org/project/openlayers
http://drupal.org/project/media_vimeo
http://drupal.org/project/flickr http://drupal.org/project/location
http://drupal.org/project/media_flickr
Visit
JQuery libraries
http://drupal.org/project/superfish
http://j.mp/3rdpartyD
http://drupal.org/project/jcarousel
for details on third party integration
http://drupal.org/project/addtoany
112. What else?
• Title length
• Summary text
• Whether tags appear or not
• Comment links
• Take it further: Display Suite
http://drupal.org/project/ds
120. “Projects”
• Module: Code that alters, extends or
enhances Drupal’s base functionality.
• Theme: Provides the look, feel, and UX for
your site.
• Distributions/Installation profiles:
Packaged Drupal + Modules, themes and
configuration for a use-case
121. Can Drupal do X?
This is the Title of the Video
Select a date One morning, when Gregor Samsa
woke from troubled dreams, he
December 2011 found himself transformed... More...
S M T W T F S
30 1 2 3 4 5 6 16:9 URL
7 8 9 10 11 12 13 Embed
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 1 2 3
0:00 / 4:59
Select Today
Slider Ratings
1 2 3
Item Title 1 Item Title 2 Item Title 3 Item
Subtitle 1 Subtitle 2 Subtitle 3 Sub
122. Modules
Software to extend the functionality of Drupal.
Here are some examples:
Fivestar: A content rating system
Webform: Submission form
Flag: All purpose content marker
123. What is it really?
Location in file hierarchy:
Drupal core folder/sites/all/modules/
131. Clicking together
• When choosing a
module, consider:
• Can you build with
existing tools?
• Build with Fields and
Views?
Puzzled
By brad montgomery
Attribution 2.0 Generic (CC BY 2.0)
132. More is less?
• Generic components means additional
modules.
Attribution-NoDerivs 2.0 Generic (CC BY-ND 2.0) Attribution 2.0 Generic (CC BY 2.0)
by JuditK By creative.paradox
http://www.flickr.com/photos/juditk/5879492679/ http://www.flickr.com/photos/edmands/2771878770/
133. Previous
Create + display events
Event module
• More generic, flexible
solution.
Drupal 7
• Don’t duplicate effort. Create "event content type"
• Standardize Content types
administration. and Field (core)
• Less dependence on Date field
custom code.
+
Display calendar or listing
Calendar Views
134. Take a
“maintenance first”
approach to project
selection
http://www.mediacurrent.com/blog/drupal-maintenance-challenge-and-how-manage-it-part-2
135. Key indicators
Reputation Reach Currency
Maintainers other Community around Recent commits
contributions and module? (last 4 weeks)?
involvement,
Related modules? Recent release?
IRC, word of (green/stable)
mouth, appearance Number of
in case studies and installations? Issue queue
blog posts. responsiveness
Integrate with other and maintenance?
modules?
144. Making a theme
• A combination of configuration and then
customizing with code.
• What theming in Drupal entails
• We’ll take a closer look
• What skills you need
HTML Advanced
CSS Advanced
Drupal Site-building Intermediate
PHP Beginner
161. Voila!
• Drupal first sees your theme’s
user-profile.tpl.php and renders it instead of
the core user-profile.tpl.php
162. Naming patterns
based on core template pattern custom template
node.tpl.php node--nodeid.tpl.php node--15.tpl.php
block.tpl.php block--region-delta.tpl.php block--sidebar-first.tpl.php
Docs: http://drupal.org/node/1089656
163. Use machine names
based on core template pattern custom template
node.tpl.php node--type.tpl.php node--article.tpl.php
164. Theming Tips
• Do not put SQL queries directly into the
theme. Not OK. (Make a module).
• Follow best practices for configuring content,
such as resizing images on the server, and
not with CSS.
• Do use Style Guide module to reveal the
styles used by Drupal.
166. Making a module
• Configure first and override.
• Reduce duplicate effort!
• Custom “glue” for sites.
• Skills required:
HTML Advanced
CSS Intermediate
Drupal Site-building Advanced
PHP Advanced
167. End-user experience
Products They use the product,
application or site
Functionality User testing
happens here
Building components
Get them
involved early
Platform
Web Framework
168. Editor experience
Products Trusted managers
Moderate content,
Functionality Alter layout,
configure the site
Building components
Make their
experience better!
Platform
Don’t forget to user
test with these folks!
Web Framework
169. Site building - 80-90%
Products Select, install and
configure modules
Functionality Configure themes
Building components Configure:
A survey
A forum
Platform A content type
Display of content
Web Framework
170. Custom coding 10-20%
Products Developing modules
CSS/HTML for theme
Functionality
Work with the platform
Building components Identify “hooks” -
Which events?
Platform Integrate with other
components, APIs
Web Framework
171. An event based system
Event (hooks)
A node has just been added ✔
A node is showing in an edit form ✔
A node is being deleted
A form is about to be displayed
A user has logged in ✔
A user page is about to be displayed ✔
A comment has been added ✔
Drupal’s API api.drupal.org/api/drupal
172. What can you do?
• Use or create hooks- a simple callback
function called on specific events.
• Check access control.
• Access data, from within Drupal or other
datasource.
• Insert, update and delete data.
• Generate blocks.
• Display results, or expose data to Views.
• Theme how results or outcomes appear.
173. Product v Framework
• Where do I interact with Drupal’s hook
system to make custom functionality?
• Watch “Taming the Burrito” by Jeff Eaton
j.mp/tamelayers
175. The drop is always moving.
• Update: Is a minor change, 7.12 > 7.15
• Upgrade: A major version 6.x > 7.x
• “We can break people's code, but not
people's data.”
• Drupal is not backward compatible.
• Data is maintained, upgrade paths available
for Drupal core and popular modules.
180. Upgrade process
Research Make a backup Perform upgrade
data disable non-core
Prepare
code replace new files
update all core upgrade
create a test site
login user/1 upgrade contrib
maintenance
mode
http://drupal.org/node/570162
181. Caveats
• A new version of a module does not mean
upgrade path for data.
• Sometimes old modules are not upgraded,
but moved to a more popular solution.
192. Drupal is built by people
Photos from code sprints
By muir.ceardach
http://www.flickr.com/photos/ceardach
Attribution 2.0 Generic (CC BY 2.0)
193. Open Source
do·o·cra·cy /dōˈäkrəsē/ Noun
Responsibilities and and rights granted
to those people who do the work rather
than elected officials.
http://www.communitywiki.org/DoOcracy
194. Meet a maintainer
Stella Power 2007 Founded in
First module 2010 and
Started in contributed. employs
Drupal as a 5 people
HOBBY! Now involved in
on 19 projects
On Drupal.org: stella http://drupal.org/user/66894
195. How you can help them:
Provide clear bug reports/screenshots.
Be respectful. Contribute what you can.
Stella Power Jacob Singh
Stella http://drupal.org/user/66894
JacobSingh http://drupal.org/user/68912
201. Skills in need
• Web languages: HTML/CSS/JavaScript
• PHP: For module development
• Sysadmin/Operations
• Performance/Scalability
• Visual design for CMSs
• User experience design
http://bit.ly/mad-skillz
205. Find your people
• If you haven’t already - create a user
account on Drupal.org
• Find a user group or a topical group
• http://tinyurl.com/localdrupal
215. How was this done?
Preview at http://allnews.drupalgardens.com
216. Go forth and build!
By Gábor Hojtsy Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0)
http://www.flickr.com/photos/gaborhojtsy/279354242
Editor's Notes
Ideally you will have sent them the &#x201C;before you arrive&#x201D; activity- to make an account and site on DG. \nAs people come in, make sure they have done the &#x201C;before you arrive&#x201D; activity. If not, hand them their manual, and show them to fire up their browser and create and site on Drupal Gardens. This lowers the risk of sites needing to queue. \n
\n
This is a short introduction. Main purpose is to get familiar with the audience, and make sure they know what you&#x2019;re going to do today. \n- Make sure people have their gardens site set up. If not, get them started in the manual.\n
This is a quick overview of what they will do today. Don&#x2019;t dwell on each slide. Just go through quickly!\n
Point out that the schedule is in the manual, or if you have revised any of the times. \nGo over any pedestrian details regarding lunch locations, where to loo is, etc. \n
We&#x2019;ll look at cases which demonstrate real-world examples of the same procedures you&#x2019;re learning. \n
There are a variety of new features and functionality. \n
1. Configure your site name and slogan. \n2. Create a static block of text.\n3. Add new content.\n4. Add a webform to collect information from visitors. \n5. If you have time, add a banner. \n
After this introduction section, the blue slides generally match to the &#x201C;UNITS&#x201D; in the manual. You can start a unit with a quick presentation and a demo if suitable.\n
Fill in information about your company!! Or ALT+TAB to your own site, or add in your own slides.\n
This slide left blank! Open up tabs in your browser of your own recent client projects and show of what YOU have been doing!\n
Please mention the training available. Mention how important feedback will be to us.\n
Ask about their previous experience.\nIf you have a small group, < 10 people, Have each person introduce themselves, and tell about a project they are currently working on where they think Drupal Gardens (or Drupal) may help.\n
\n
Do a check to make sure everyone has the right equipment. You may or may not be providing the environment for them. Make sure all the students have a local Drupal instance available and working.\n
If they haven&#x2019;t done these things, point this out in the manual under &#x201C;before we start&#x201D; and get them on it. \n
Lots and lots of people have questions about what Drupal Gardens is, and they need a comparison. \nWe had to include these slides about the service as it left new users with many many questions!\n
We&#x2019;ll be using a hosted version of Drupal. Drupal Gardens is simply, Drupal, but hosted so you you don&#x2019;t worry about upgrades to software. \n
New users are often confused by this! \nDrupal Gardens has a selection of popular modules. But you can&#x2019;t add your own. There are also small user interface differences, such as a &#x201C;Save Draft&#x201D; button. But if you like that, you can add that to your own site - because the modules are ALL open source. \n
Overall - the user interface looks almost exactly the same. \nWith Drupal Gardens, you get hosting, and you also get a &#x201C;Help&#x201D; link to a search tool, and a list of your sites. \nWhen you click on appearance you see the main differences. \n
This is only available in Drupal Gardens. You develop visual design using a themebuilder tool. This is not open source, and it&#x2019;s one of the features that makes the service sticky.\nHowever you CAN export your site and themes.\n
You can export, but currently you cannot import a site into Drupal Gardens.\nOn your &#x201C;my sites&#x201D; list you can export and host anywhere, bringing your data with you. You can also duplicate a site to make a new iteration, or use a base site to replicate. \n
\n
Direct participants to open their manual to the Welcome section, and locate &#x201C;Exercise: Change your site title&#x201D;. \n
Direct participants to open their manual, and locate &#x201C;Exercise: Change your site title&#x201D;. The title of your site will appear in the title bar of your browser and in search engine results. The slogan will appear on the front page title bar, and under the heading of the site. What will you call your site?\n
\n
The Drupal community often uses &#x201C;Lego bricks&#x201D; as the preferred metaphor for what Drupal is. \nhttps://twitter.com/#!/tom_eric/status/26847650412 \n
The metaphor is useful because we can think of some systems working well out of the box. Yet if you want to customize them, it&#x2019;s more difficult. With Drupal you can get more customization, but the individual pieces are more generic.\n
We can think of elements such as fields, content types and modules as individual components. The various distributions can be thought of as kits, with custom made components, with some assembly required.\n
Talk about what Drupal IS. \n
Drupal is many different things to many different kinds of organizations and companies.\n
Companies, museums and organizations such as the King Center use Drupal to maintain an online presence. \n
Drupal is a publishing platform. \n
Florida hospital uses faceted search to help patients find expert care. \n
Dev.twitter.com - used for discussions, documentation and knowledge sharing.\n
\n
\n
Drupal is widely used in academia as well. Both for online presence and as virtual learning environments.\n
\n
These sites for Warner music artists are built on Drupal gardens- they have a centralized way to manage many sites.\n
\n
Companies are building and hosting &#x201C;site builder&#x201D; services. \n
Digital agencies such as Commerce Guys can specialize in e-commerce, and released their code as open source. \n
\n
Compared to other CMS, especially proprietary and custom CMSs.\nWhile Drupal&#x2019;s core modules are flexible, there are a range of contributed modules to extend to most feature sets you need.\n
Compared to other CMSs....\nYou can build on top of a flexible, well documented API to save yourself hours of coding from the ground up.\n
You can improve your client&#x2019;s user experience with back end customization and themes.\nHere we see &#x201C;workbench&#x201D; which makes a more user friendly content administration UI. \nHere is also the Admin module which adds a sidebar and the Rubic admin theme.\n
Drupal does a few things out of the box...Menu system; Content type creation; User management; Taxonomy; Comments; search, content translation, etc etc... and more - in addition you can create unique functionality through coding... \n
Just check out the distribution packages which are specific products for a specific case. You can download them and have the beginning of your conference website, your online community or publishing platform.\n
Drupal&#x2019;s community has evolved with mature, experienced agencies with specialization in both technical areas and verticals such as education, commerce, small businesses, and drupal-specific services. \nAs a service provider yourself, you can find potential collaborators to compete for larger projects. \nThis is also attracting many new clients with specific needs.\n
Drupal has a highly active community of contributors. Just in Feb 2012, Drupal surpassed 16k actively contributing Developers! That doesn&#x2019;t count the many active users and advocates who help others. \n
Thousands converge for the conferences. Twice yearly in N. America and Europe, and soon annually in S. America. These show the combined numbers for the events. Went from 50 people in Antwerp in 2005, to averaging 4500 each year. At this time, we don&#x2019;t know yet how big Munich will be!\n
There are DrupalCamps happening all over the world, all throughout the year with numbers from 60-400 people. Each week, the Drupal Dojo hosts a virtual session. And You can find weekly or monthly meet-ups on local Groups in your area. \n
There are bi-annual conferences, one in the US, one in the EU- and soon in South America. This is a place to hire or be hired, to learn, to socialise. GREAT PLACE FOR NEW DRUPALISTS!!\n
This is an administration tour. There are specific activities in the manual for this. You can also rush through this as a presentation if you don&#x2019;t want to do the activities. Where this is an activity it says &#x201C;Try this...&#x201D;\n
Drupal plays well with others. PHP is pretty much the only requirement. \nDrupal can support other SQL databases, but needs additional support for noSQL databases.\n\n
The administration area is customizable. You can even change the way it looks or add your own administration pages.\n
There are basic content types, such as basic pages and articles. You will see how to make new content types. \n
The core block system has some basic layout and positioning tools. These can be extended with a number of other modules.\n
\n
\n
Drupal&#x2019;s theme system is one of overriding output. A minimum theme can be done with just a CSS overrides. \nSeparation of business logic and display from data using the theme system.\n
This section is for a LESS technical audience. You can skip this if you don&#x2019;t have that audience!\n
SKIP IF GROUP IS FAMILIAR WITH CMSs! Anyone remember &#x201C;The Webmaster&#x201D;\nFirst let&#x2019;s look back for a moment to see the problem Drupal was originally designed to solve. Sites were mainly text and images, with a hierarchical site structure. Sites were assumed to be accessed mainly from their front pages, before powerful search engines. Site maintenance consisted of updating text pages. \n
SKIP IF GROUP IS FAMILIAR WITH CMSs!\nCan anyone think of why this might be a problem?\nDesign updates?\nUser generated content?\nWe may think of the original way websites were designed. All the data and design was kept in one file. Sites became increasingly complex to update and redesign with data and presentation trapped in one file. \n\n
SKIP IF GROUP IS FAMILIAR WITH CMSs!\nNow database driven sites could be built off of templates. Business logic separated from templating logic. Now you had users, logging in and interacting. \n
SKIP IF GROUP IS FAMILIAR WITH CMSs!\nSites are more interactive, social and media rich than they were even 10 years ago. \nExpectations are that the site is driven by users, not by site owners.\nIn addition, Open source became very important, in large part because now files could be transferred more easily w/o disks!\n
\n
\n
The Economist had to do a major migration from a previous content management system. They have massive amounts of content. \nAt 1) We see a simple list of the latest blog posts, their authors, and how long ago they were done. \nAt 2) We see a static block of links. This might be maintained through just editing the HTML of a block for example.\n
Previous: Cold Fusion on Oracle Data base\nComplex data structure; Complex joins for simple relational cases\n
The fulcrum of this project was the migrate module. Migrate allowed incremental synchronization between systems.\n
Direct.gov hosts all public services in one place. This is NOT a Drupal site.\n
They made a microsite to allow participants to share prototypes of mashups in a collaborative digital environment with the open source development community. The addition of non-personal government data sources gave the community a chance to innovate alongside the government. \n
These are the basic requirements - to allow developers to submit apps and for others to share ideas. \n
The entire submission form is the same kind of form they use for adding other content, like blog posts. This one is extended with custom fields. \n
Direct participants to open their manual, and turn to the exercises in Session 1\n
First, we&#x2019;ll add a block. 2nd, we&#x2019;ll position the block in the sidebar. 3rd, we&#x2019;ll check to see the block.\n
When you get to the Block configuration page, also look at the other blocks were are available by default. These options appear depending on modules you have enabled, and how you configured modules. \n
We&#x2019;ll add news items with an image, which show up in the news list. If you have time, you can challenge yourself by adding a basic page. This static page, is a different content type, and is not configured to display on the front page. Direct participants to open their manuals and try these!!\n
\n
Do reviews optionally, if you are doing the 3 hour version, or if you want to reinforce some concepts.\n
Introduce the client. And also click on the inspiration link to review a site for some ideas. Step by step tutorials to excite people about reusing cast off materials in creative ways. Contributors can apply to be &#x201C;tutors&#x201D; and write articles. Contributors can submit videos to demonstrate techniques.\n1. Elicit: How they&#x2019;d make the slogan go to to the right? (Use CSS). \n2. Elicit: What content type is showing here? (A tutorial, but we only see the title and summary). \n3. How would they place this video and this photo of a user on the page? (They may not know this now, but pique their curiosity, and they will see more about this next. \n
\n
\n
In your mind, you may be thinking of a mental site map.... this model is so ingrained in us. Folders, documents... \nMake the document, add the content.\n
We tend to think this way- starting with the structure of the pages... \nDesign planning tends to focus on the front end - what is visible and visual. You may imagine this WHOLE page as one unit.\n
Then we think about how the content will fit in. We want to place the content directly. \nMaybe the top article is a featured article?\nMaybe the bottom ones are from specific authors or sections of the site?\n
You may have content appearing in different ways in different places on your site. \n
Instead, think Content first. Imagine your data storehouse of information. \n
Imagine if you had generic posts with a page title and body text. Your editors might put in any manner of content, such as text, images, location information, etc. \nIf you structure the content you have more control of what data gets saved when editors add content.\n
\n
\n
\n
Visit this site. It may look a little different from this image. Locate the poll block. \n
Enable the poll Module > Add a poll > Place block in the sidebar.\n\nThe twitter module probably works like this to. When you configure the twitter module, a block will be generated automatically. \n
Visit this site. Identify MENUS and BLOCKS\nLook at the components on the site. Some components come from modules: Poll module. Some might be custom blocks with HTML. \n
These are the same regions you see in your block display. Admittedly, this isn&#x2019;t intuitive. There are additional systems which provide drag and drop control. Mention Panels.\n
All themes in Drupal Gardens have the same regions available to them. These are arbitrary. \n
Often people wonder how Drupal integrates with other systems\n
\n
The level of integration will make the difference as to what solutions you use. \n1. Follow module\n2. Core aggregator, feeds, and others. \n3. Twitter provides a &#x201C;tweet&#x201D; button, but there are other services such as Add this, AddtoAny, etc. \n4. The Twitter module allows a login.\n
Again it depends on what level of integration you want. Do you just need a Like button? Do you want users to see who else is logged in? Do you want to develop an application?\n
There are so many different kinds of integration modules, it depends on your own needs. \n
Open up the http://opensource.com website. Show it to people - have them visit it to think of questions. \n
OpenSource.com is a high volume news site, with participation from multiple authors, and users who can add comments, and have profiles. In this example we can see the same content rendered in different ways in different places. \n1) On the front page, the image is smaller. 2) We see a medium size image on the topic page. 3) We see the full page view of the article.\n
Each content type comes with two displays by default. However you can get more specific kinds of display by selecting fields. \n
You can configure a thumbnail to be, for example, 100 x 100 pixels, and it will automatically update the thumbnail throughout the whole site. Let&#x2019;s look at this in more detail.\n(You don&#x2019;t need to read the slide to them!)\n
First, you&#x2019;ll extend your content type by adding an image field. This handles uploading the image and storing it. You will configure how many files per field, and where the image gets stored, and even a default image. \n
You&#x2019;d also need to configure how the image is going to be processed. You can rotate, crop, scale, desaturate. Here is the UI for configuring media styles. \n
When you configure display you can add a view modes to configure. In this case, Full content and Teaser modes. \nThen you can select the &#x201C;Image style&#x201D; from the list of configurable options.\nWant MORE display modes? Use Display Suite. \n
\n
So now, when you look at a great site like London.gov.uk you can understand how they manage to show content in different places in different ways. \n
Direct participants to open their manual, and turn to the exercises in Session 2\n
The options available depend on what modules you have enabled and installed. \n
Do reviews optionally, if you are doing the 3 hour version, or if you want to reinforce some concepts.\n
Introduce the client. And also client on the inspiration link to review a site for some ideas. Explain, this is a website for a special bijoux museum. The site helps keeps repeat visitors coming back again, while enticing potential visitors to see what is on offer. \n- Elicit: How many content types can they see suggested here? Point out the tabs. (Exhibitions, interviews, pages.) Tease out that a listing page: &#x201C;What&#x2019;s on&#x201D; might be different from a basic page &#x201C;About us&#x201D;. \n1. Elicit that the 3 &#x201C;current&#x201D; exhibitions display an image and a link, but no text. Draw out how this &#x201C;teaser&#x201D; mode may be configured, and how it knows which are &#x201C;current&#x201D;. \n2. Elicit that the buttons are probably just graphics and links in a static block.\n3. Elicit that this is a list of exhibitions which are not currently on. Elicit that this is a HTML list, and only a linked title.\n
\n
\n
\n
Contributed modules answer the question: Can Drupal do X? Most likely &#x201C;There is a module for that.&#x201D; \nModules extend the functionality of Drupal. These are some examples. \nFivestar for ratings, Date and Calendar for adding dates and displaying content in calendars.\nViews slideshow, or the &#x201C;ShareThis&#x201D; module which add quick links to social sites. \nYou could think of them as add-ons, or as plugins or extensions; or as applications which run on Drupal. \n
Modules extend the functionality of Drupal. You could think of them as add-ons, or as plugins or extensions; or as applications which run on Drupal. \n
Modules are mainly text and PHP files. And any supporting libraries, scripts, image or CSS files.\n\n(If anyone asks, this is Comment Allow Anonymous)\n
Drupal&#x2019;s theme system. Control visual look and final place to alter rendering markup, separate from the data. Components include CSS files & PHP files with HTML. \n
Themes are text files and any supporting libraries, scripts, image or CSS files.\n\nTemplate files are a mix of HTML and PHP. \n\n(If anyone asks, this is Danland). \n
Drupal &#x201C;core&#x201D; is a set of scripts which handles users, content, the menu system, taxonomy, translation, search. \n
In your &#x201C;sites&#x201D; folder you add your alterations. This can be done with contributed libraries, modules and themes, or custom modules and themes. Let Drupal do the easy stuff, and spend your time doing the really tricky custom stuff. \nNow we&#x2019;ll do some exercises to see how this works. \n
If there is one cardinal rule in Drupal, it is: Don&#x2019;t hack core!\n\nSee the red X there? - Don&#x2019;t be &#x201C;that guy&#x201D;\n\n
\n
Browsing through the module categories gives you a sense of the range available. Some are utility modules, some work at a system level, some at a user interface level.\n
You don&#x2019;t want a specialized module for events, posts, member profiles - when you can leverage the existing fields system and views which you are already using on your site. \nA good example is the Event module which used to do one thing: add and display events. now it&#x2019;s replaced by using several modules together. \nThis makes the solution more flexible.\n
Drupal used to have more &#x201C;all in one&#x201D; modules. Similar to a Joomla-approach.\nNow, developers collaborate on more abstract tools - to lessen duplicated effort and improve the over integration among modules.\n
Since Drupal 6 - Specific modules are being replaced by the combined features of more generic modules.\n
We&#x2019;ll go into module selection in more detail. but emphasis here, as again, that each module must be maintained.\n
The indicators also listed in their manual.\n
Search for specific modules, and sort by compatibility.\n
Go to an example project page, show what is information is available on the project page.\nWe&#x2019;ll look at 3 parts of a project page in more detail.\n
This information is at the bottom of the project page. Drupal is not backward compatible. What they can see from this listing? Elicit the major version update from 6.x-1.3 v 6.x-2.x. Elicit comparison of the -dev branch.\nThis is the Flag module.\n
Project information is a good indicator of health. \nCompare these two projects. What are some differences? \nElicit: Status, reported installs. One is a module one is an install profile. (First is Flag, second is Meetu.)\nJust because only two others use it, doesn&#x2019;t mean it&#x2019;s not a perfect solution for you.\n
Drupal is software which runs on a webserver. \nIt&#x2019;s written in PHP, accessing data in a database like this one pictured here. \nIn the core folder, you&#x2019;ll find a series of text files, such as PHP files, CSS and scripts. \n
You can search by version and see reviews here. \n\n
The similar modules review group on g.d.o might have comparisons available for you\n
This will take 10 minutes minimum.\nThis is an optional section of the presentation. Do this if you have people who have some HTML/CSS experience, or are front end people. \n\n
\n
Here is an example site with a customized theme. \n
Drupal Gardens has a managed theme system. This can be exported (and customized with a sub-theme).\nSo keep in mind it&#x2019;s different in Drupal gardens.\n
A basic theme can be made with a simple .info configuration file, saved into a folder of the same name. \nIn sites/all/themes\nIn this case, the theme is &#x201C;newlook&#x201D;. \n
When you go to &#x201C;Appearance&#x201D; in Drupal&#x2019;s admin area, you see the disabled theme listed there. \n
Enable the theme and set as default to see what happens.\n
As soon as you enable it, and view your site you notice something - a &#x201C;blank&#x201D; theme in Drupal doesn&#x2019;t yield a &#x201C;blank&#x201D; site.\nOther CMS use tag-based templating so you have to pull in all the content. \nWordpress- a blank theme yields nothing. WordPress is a pull system, where you have to specifically put in tags into templates to see your site. \nDrupal on the other hand is a push system. With this system, you are overriding the output.\n\n
In this case, Normalize is a third-party CSS file. And the others are custom.\nYou can add in CSS files this way, as well as JavaScript. \n
The CSS files you added to the .info file, are pulled into the system.\n
As a final step you&#x2019;ll make sure to &#x201C;aggregate and compress&#x201D; CSS files for performance. \n
The order of the regions as declared in you .info file will be the order in which they appear in your Blocks configuration screen.\n
\n
So far we&#x2019;ve seen how a basic Drupal theme, even with an .info file inherits the templates of the core and contributed themes. A base theme inherits the template files, CSS and settings of an identified parent theme. \n
Many core modules include template files which define how Drupal is rendered. For example the USER module has a user-profile.tpl.php\n
This template renders the user profile.\n
\n
\n
\n
Based on the naming patterns you can make new templates to add to your theme. What do you think these templates would do?\nRefer to your manual for the key documentation on this.\n
\n
Caveats of what not to do... putting in SQL queries. Bad. \n\n
This will take 10 minutes minimum.\nThis is an optional section of the presentation. Do this if you have people who are developers/coders.\n\n
You need to know Drupal site building before you build modules. Reduce duplicated effort and increase the ease of upgrading and maintenance. \n
Mostly, end-users interact with the finished products. It&#x2019;s important they get involved early. \n
Editors will be involved with moderating content, but also to some extent, even changing the layout. \n
About 80-90% of your work is configuration to create the end products. Selecting projects, configuring them.\n
And about 10-20% is going to be working with the platform to create custom functionality. \n
When you make a module you choose which events to interact with.\n
\n
This section is for a more technical audience. You can skip this if you don&#x2019;t have that audience!\n
\n
This is one of the key principles of the Drupal project.\n
Minor updates are straightforward, go to the &#x201C;Update tab&#x201D; on your modules list. You will also see Themes here. \nFirst, download the updates. If they are doing the activities on Drupal Gardens, point out the upgrading is managed for them.\n
Now you have a new version of the code files in your directory. This next step runs any require upgrade scripts. This may mean changes to the database, so make sure you backup. \n
After you run the scripts, your site will be taken out of maintenance mode.\n
Both minor and \n
First, you&#x2019;ll do research. Are the modules you need available? \nNext you&#x2019;ll prepare and make a backup. When you perform the upgrade you&#x2019;ll do this in phases, first upgrade core, then contrib. You&#x2019;ll test and backup as you go.\n
This is sometimes a good thing. Drupal encourages module maintainers to eliminate waste of duplicated effort. Often they can pool resources. \n
\n
This company, Varnish Software, uses their site to generate leads. For example, 1) after you provide your contact information in a webform here, you get access to a whitepaper. \nAt 2) We see a list of topics for browsing content across the site. \n
Telenet Group is the largest provider of broadband cable services in Belgium. This is the self-support site for their services. They use Apache Solr to build indexes of content.\nAt 1) We see category blocks. These are generated through Views.\nHowever, at 2) We see &#x201C;Also interesting for you&#x201D; a list of related articles generated from the Solr index. This is selected on-the-fly to show related articles based on an index. \nThe most important thing is to help their clients find related information quickly.\n
Direct participants to open their manual, and turn to the exercises in Session 3\n
Direct participants to open their manual. Do the activity to enable a new module and add a webform.\n
\n
Do reviews optionally, if you are doing the 3 hour version, or if you want to reinforce some concepts.\n
1. Elicit what this suggests: that editors look through dogs, and select specific ones. If you have a fast group, you might ask someone to search for a solution. After they understand the scenario, you can explain the Flag module. \n2. Elicit what this suggests: That tweets are slurped in. This could be an embedded widget from Twitter, or explain the Twitter module which brings in a feed. \n3. You can use this as a point of departure, and even talk about the things which they&#x2019;d find if they clicked the &#x201C;donate&#x201D; button. \n
\n
You can skip this if you don&#x2019;t think it&#x2019;s appropriate. \n
Modules, themes and install profiles/distros are contributed and maintained by people who do this work on a voluntary basis. Of people who use Drupal - 0.05% of people are actually contributing to the project. Now we&#x2019;ll learn a little bit more about the stories behind the projects. \n\nhttp://www.flickr.com/photos/ceardach/4550842375\nhttp://www.flickr.com/photos/ceardach/4551537132 \nhttp://www.flickr.com/photos/ceardach/4549904317\n\n
Open source is more than contributing lines of code, it&#x2019;s also building relationships and negotiating with others. The more you do in the community, the louder the voice you get. Sometimes we use the phrase &#x201C;scratch your own itch&#x201D; and this is often how contributed modules start. Let&#x2019;s look more closely. \n
Stella was a C/Perl/PHP software developer by day, making real-time financial transaction server software. She used Drupal on a personal sites she maintained for fun. She started with the avatar select module, and then took over the Lightbox 2 module to use on her photography site. She has co-organized local meet-ups and regional camps. There are many Drupal success stories like these. She is part of the security team. \n
So when you are in the issue queues for a particular module, think of people like Stella and Jacob. Both busy with their work, new companies or new babies, organizing local events and more. \nThere are many ways you can contribute besides code... forum help, issue queue triage, marketing, organizing events, donation, getting sponsorship.\n&#x201C;Module developers are not gods- they are people like you.&#x201D;\n\n
\n
This is DrupalCon in Brussels in 2005. (quickly to next).\n
The DrupalCamp recently in Dakar was about the same size.\n
And about the same size as this monthly Boston meet-up. \n
Cover this if you have a group of students or career switchers. \n
\n
There are many roles available. From site builders to coders, from visual design to systems administration. \n
This is a skills map for learning Drupal. It&#x2019;s important that everyone knows the Green and Yellow stuff. Then move on to customizations. http://j.mp/drupalskills\n
Direct participants to open their manual, and turn to the exercises in Session 4\n
\n
In addition to the community events mentioned earlier... here are some resources we recommend. \n
Starting off at the documentation will cover most bases.\n
Since you&#x2019;re starting out on Drupal Gardens, also check out the documentation on the service. \n
If you do purchase books, please do buy them from Drupal.org which gets affiliate bonuses from the purchases. \nD7 module development is a great resource if you are going to attempt custom coding. And the definitive guide is a good reference. It&#x2019;s VERY big. Recommend to buy it as an e-book. \n
If you prefer videos\n
Drupal training by Acquia partners is competitively priced compared to other commercial training. You learn with subject matter experts. Please mention training to people for follow on! http://training.acquia.com/ (surprising that many people were coming to Hello Drupal and not hearing that it was available in many places!)\n
\n
Please give us your feedback before we wrap up. Put this address on the white board so they can still see the link as you answer questions. \n
\n
If you find you have extra time - direct people to this site to try and figure out how it was done.\n