Introducing drupal-8

download Introducing drupal-8

If you can't read please download the document

Transcript of Introducing drupal-8

Introducing Drupal 8

Make something amazing, for anyone

Drupal - Digital Experience Framework

Inilah saya:
- Sudah mengenal drupal sejak 2010Register Drupal: 2011

Kesempatan saya berkenalan dengan Drupal: eCommerce Ubercart - 2010

Kontribusi:- fix bug di modul contrib- membantu translasi

Saat Ini bekerja sebagai Programmer di Sepulsa.com

Sepulsa.com

Inilah saya:
- Sudah mengenal drupal sejak 2010Register Drupal: 2011

Kesempatan saya berkenalan dengan Drupal: eCommerce Ubercart - 2010

Kontribusi:- fix bug di modul contrib- membantu translasi

Saat Ini bekerja sebagai Programmer di Sepulsa.com

Drupal ?

Apa itu Drupal?

Opensource.com Drupal with article content

Free and open source CMSCMS: sebuah paket software yang menyediakan tools untuk authoring, publishing, dan managing content pada website.

Content: news story, blog post, video, photograph, article, product description yang dijual, etc.

Typical CMS menyediakan banyak fitur seperti:Administrative interface, db repository for content, mekanisme untuk menampilkan informasi dari db sehingga tampil pada sebuah halaman web.

Tool untuk: authoring, publishing, dan managing content.

Define and apply theme (tema)

user management, security framework, social networking (forum, blog, wiki, surveys),

category, taksonomi

Written in PHP

Economist.com Drupal with news content

Free and open source CMSCMS: sebuah paket software yang menyediakan tools untuk authoring, publishing, dan managing content pada website.

Content: news story, blog post, video, photograph, article, product description yang dijual, etc.

Typical CMS menyediakan banyak fitur seperti:Administrative interface, db repository for content, mekanisme untuk menampilkan informasi dari db sehingga tampil pada sebuah halaman web.

Tool untuk: authoring, publishing, dan managing content.

Define and apply theme (tema)

user management, security framework, social networking (forum, blog, wiki, surveys),

category, taksonomi

Written in PHP

Fiji.travel Drupal with fotography content

Free and open source CMSCMS: sebuah paket software yang menyediakan tools untuk authoring, publishing, dan managing content pada website.

Content: news story, blog post, video, photograph, article, product description yang dijual, etc.

Typical CMS menyediakan banyak fitur seperti:Administrative interface, db repository for content, mekanisme untuk menampilkan informasi dari db sehingga tampil pada sebuah halaman web.

Tool untuk: authoring, publishing, dan managing content.

Define and apply theme (tema)

user management, security framework, social networking (forum, blog, wiki, surveys),

category, taksonomi

Written in PHP

Timex.com Drupal with product description content

Free and open source CMSCMS: sebuah paket software yang menyediakan tools untuk authoring, publishing, dan managing content pada website.

Content: news story, blog post, video, photograph, article, product description yang dijual, etc.

Typical CMS menyediakan banyak fitur seperti:Administrative interface, db repository for content, mekanisme untuk menampilkan informasi dari db sehingga tampil pada sebuah halaman web.

Tool untuk: authoring, publishing, dan managing content.

Define and apply theme (tema)

user management, security framework, social networking (forum, blog, wiki, surveys),

category, taksonomi

Written in PHP

Dries Buytaert

Sejarah

Dimulai dari projek mahasiswa bernama Dries Buytaert, proyek yang menyediakan cara untuk share news dan event.

Druplicon

Ketika sudah lulus, memerlukan cara untuk stay in touch, project online.

Dorp -> Village (dutch) => Drop.org

January 2001 that Dries release software di belakang drop.org.

He called the software "Drupal." Pronounced "droo-puhl," the name derives from the English pronunciation of the Dutch word "druppel," which means "drop."

Druplicon - a stylised drop with "infinity" eyes, a curved nose, and a mischievous smile.

Drupal 7 Release Januari 2011

5 Januari 2011 - Built for community, by community - https://www.drupal.org/drupal-7-released

PHP4-era Procedural - Array oriented

Powering 1,097,240 website - https://www.drupal.org/project/usage/drupal

Massive community - Nearly 1000 contributors

Very powerfull, but straining at the seams - dikemukakan oleh salah seorang kontributor

Drupal Project Usage

5 Januari 2011 - Built for community, by community - https://www.drupal.org/drupal-7-released

PHP4-era Procedural - Array oriented

Powering 1,097,240 website - https://www.drupal.org/project/usage/drupal

Massive community - Nearly 1000 contributors

Very powerfull, but straining at the seams - dikemukakan oleh salah seorang kontributor

Drupal 8 Release November 2015

Pengantar Drupal 8November 2015

PHP5-era - Architecturally OOP (drupal 8 is proof of the shift)

Modern standards

Embrace PIE

3x contributors (3000+ and counting).

What is new in drupal 8 - by Angela Byron a.k.a. WebchickWith over 200 new features and improvements.

Authoring Experience - WYSIWYG - CKEditor

Mobile Improvement: mobile first, responsive, front-end performance

Multilingual++

Improve site building tools: views in core, better blocks, more field type.

ship with enough functionality out of the box that for the first time site builders should be able to create fairly sophisticated sites without having to install 30+

What is new in drupal 8 - by Angela Byron a.k.a. WebchickWith over 200 new features and improvements.

Authoring Experience - WYSIWYG - CKEditor

Mobile Improvement: mobile first, responsive, front-end performance

Multilingual++

Improve site building tools: views in core, better blocks, more field type.

ship with enough functionality out of the box that for the first time site builders should be able to create fairly sophisticated sites without having to install 30+

What is new in drupal 8 - by Angela Byron a.k.a. WebchickWith over 200 new features and improvements.

Authoring Experience - WYSIWYG - CKEditor

Mobile Improvement: mobile first, responsive, front-end performance

Multilingual++

Improve site building tools: views in core, better blocks, more field type.

ship with enough functionality out of the box that for the first time site builders should be able to create fairly sophisticated sites without having to install 30+

What is new in drupal 8 - by Angela Byron a.k.a. WebchickWith over 200 new features and improvements.

Authoring Experience - WYSIWYG - CKEditor

Mobile Improvement: mobile first, responsive, front-end performance

Multilingual++

Improve site building tools: views in core, better blocks, more field type.

ship with enough functionality out of the box that for the first time site builders should be able to create fairly sophisticated sites without having to install 30+

What is new in drupal 8 - by Angela Byron a.k.a. WebchickWith over 200 new features and improvements.

Authoring Experience - WYSIWYG - CKEditor

Mobile Improvement: mobile first, responsive, front-end performance

Multilingual++

Improve site building tools: views in core, better blocks, more field type.

ship with enough functionality out of the box that for the first time site builders should be able to create fairly sophisticated sites without having to install 30+

Front End Developer Improvement: HTML5, new FE libraries and helpers (jQuery, Modernizr, Underscore, Backbone)

Improve accessbility -> lead to improve SEO.

New Theme System: Twig

R.I.P. IE 6, 7, and 8

Back End Improvement: Configuration Management System, Entities everywhere.

Web Services: Guzzle

Improved caching.

And more...

Front End Developer Improvement: HTML5, new FE libraries and helpers (jQuery, Modernizr, Underscore, Backbone)

Improve accessbility -> lead to improve SEO.

New Theme System: Twig

R.I.P. IE 6, 7, and 8

Back End Improvement: Configuration Management System, Entities everywhere.

Web Services: Guzzle

Improved caching.

And more...

Front End Developer Improvement: HTML5, new FE libraries and helpers (jQuery, Modernizr, Underscore, Backbone)

Improve accessbility -> lead to improve SEO.

New Theme System: Twig

R.I.P. IE 6, 7, and 8

Back End Improvement: Configuration Management System, Entities everywhere.

Web Services: Guzzle

Improved caching.

And more...

Front End Developer Improvement: HTML5, new FE libraries and helpers (jQuery, Modernizr, Underscore, Backbone)

Improve accessbility -> lead to improve SEO.

New Theme System: Twig

R.I.P. IE 6, 7, and 8

Back End Improvement: Configuration Management System, Entities everywhere.

Web Services: Guzzle

Improved caching.

And more...

PIE: Proudly Invented ElsewhereComposer - Dependency management tool for projects

17 Symfony2 components:

Doctrine, EasyRDF, Guzzle, Zend Feed, Twig for templating.

Your Next Drupal Hire Isn't a Drupal Hire

PIE: Proudly Invented ElsewhereComposer - Dependency management tool for projects

17 Symfony2 components:

Doctrine, EasyRDF, Guzzle, Zend Feed, Twig for templating.

Your Next Drupal Hire Isn't a Drupal Hire

Drupal Core

Drupal CoreEngine that power drupal-based website

a lot out of the box features:content, WYSIWYG- based content editor, file upload / downloads,

user account, roles and permissions,

discussion forum, views.

ModulesSymfony2 use frase Bundle
Semua Tinggal Pakai

Drupal use frase Module
Semua Tinggal Deploy

A lot of contributed modules: modules categories.

Drupal Extendable

Drupal CoreEngine that power drupal-based website

a lot out of the box features:content, WYSIWYG- based content editor, file upload / downloads,

user account, roles and permissions,

discussion forum, views.

Modules

Symfony2 use frase Bundle
Semua Tinggal Pakai

Drupal use frase Module
Semua Tinggal Deploy

A lot of contributed modules: modules categories.

Drupal Content Type

Content TypesA website without content is as interesting and informative as a book without words.

Bentuk content bisa bervariasi: news story, blog post, product description, company overview, forum post, photograph, wiki entry.

Basic: title & body.

Drupal can expand this.

Drupal Content Type

Content TypesA website without content is as interesting and informative as a book without words.

Bentuk content bisa bervariasi: news story, blog post, product description, company overview, forum post, photograph, wiki entry.

Basic: title & body.

Drupal can expand this.

Drupal User Management

Users ManagementUsers: anonymous and authenticated.

Roles: category of authenticated users.

Permissions: what user in a role can do.

Drupal User Management

Users ManagementUsers: anonymous and authenticated.

Roles: category of authenticated users.

Permissions: what user in a role can do.

Drupal User Management

Users ManagementUsers: anonymous and authenticated.

Roles: category of authenticated users.

Permissions: what user in a role can do.

Drupal User Management

Users ManagementUsers: anonymous and authenticated.

Roles: category of authenticated users.

Permissions: what user in a role can do.

Drupal Taxonomy

TaxonomyTagging: author to enter keyword that describe the content. The keyword displayed as link at the end of the article and can be used by site visitors to locate other content tagged with the same keywords.

Structured taxonomy: site admin membuat semua keyword yang dapat digunakan untuk mengkategorikan content. Memungkinkan adanya hierarki.

Drupal Theme

ThemesVisual layout and presentation of Drupal site is defined through theme.

A theme defined:Color on the page, font used for test, heading, links, and other elements.

Placement of image and graphics.

Layout of the page.

Drupal Theme, designed and developed using HTML, css and Twig templating engine.

Theme default drupal: bartik.

Theme available for purchase or free: http://drupal.org/project/project_theme

http://themeforest.net/category/cms-themes/drupal

Theme available for purchase or freehttp://drupal.org/project/project_themehttp://themeforest.net/category/cms-themes/drupal

ThemesVisual layout and presentation of Drupal site is defined through theme.

A theme defined:Color on the page, font used for test, heading, links, and other elements.

Placement of image and graphics.

Layout of the page.

Drupal Theme, designed and developed using HTML, css and Twig templating engine.

Theme default drupal: bartik.

Theme available for purchase or free: http://drupal.org/project/project_theme

http://themeforest.net/category/cms-themes/drupal

Drupal Theme Region

ThemesVisual layout and presentation of Drupal site is defined through theme.

A theme defined:Color on the page, font used for test, heading, links, and other elements.

Placement of image and graphics.

Layout of the page.

Drupal Theme, designed and developed using HTML, css and Twig templating engine.

Theme default drupal: bartik.

Theme available for purchase or free: http://drupal.org/project/project_theme

http://themeforest.net/category/cms-themes/drupal

Drupal Block

BlocksBlock atau widget adalah bagian dari content, atau menu, atau code.

Block ditempatkan pada region, yang didefinisikan oleh theme.

Block yang tersedia secara default:User login, search, whos online, whos new, and recent content.

Drupal Menu Management

MenusKey success of website: visitor can find information on your website.

ada 3 mekanisme basic yang disediakan Drupal:text link, images and button, menu.

Menu: horizontal or vertical list of text or image links.

Drupal Views

ViewsProvide an interface for selecting and displaying list of content.

Query generator.

Drupal Views

ViewsProvide an interface for selecting and displaying list of content.

Query generator.

Drupal Views

ViewsProvide an interface for selecting and displaying list of content.

Query generator.

Drupal Multilingual

TranslationsDrupal provides multilingual capabilities:provide capabilities to render site in other language

provide translation interfaces

Drupal Multilingual

TranslationsDrupal provides multilingual capabilities:provide capabilities to render site in other language

provide translation interfaces

Drupal Multilingual

TranslationsDrupal provides multilingual capabilities:provide capabilities to render site in other language

provide translation interfaces

Drupal Multilingual

TranslationsDrupal provides multilingual capabilities:provide capabilities to render site in other language

provide translation interfaces

Command Line Tools

Drush & Drupal Consolea set of shell scripts (unix / linux) or bat scripts (windows), combined with PHP scripts that handle most of the common tasks for administering a Drupal site.

Clear Cache, Backup, Running Cron, Check log, Download modules, User Management, to SQL Query.

Drush & Drupal Consolea set of shell scripts (unix / linux) or bat scripts (windows), combined with PHP scripts that handle most of the common tasks for administering a Drupal site.

Clear Cache, Backup, Running Cron, Check log, Download modules, User Management, to SQL Query.

Distribution

https://www.drupal.org/project/project_distribution

https://www.drupal.org/documentation/build/distributions

Distributions are full copies of Drupal that include Drupal Core, along with additional software such as themes, modules, libraries, and installation profiles. Some provide: complete solutions for specialized use cases.a. Commerce Kickstart - Aims for ecommerce platform using Drupal Commerceb. Spark - Aims for authoring experience.

Drupal - Spark

https://www.drupal.org/project/project_distribution

https://www.drupal.org/documentation/build/distributions

Distributions are full copies of Drupal that include Drupal Core, along with additional software such as themes, modules, libraries, and installation profiles. Some provide: complete solutions for specialized use cases.a. Commerce Kickstart - Aims for ecommerce platform using Drupal Commerceb. Spark - Aims for authoring experience.

Drupal Commerce Kickstart

https://www.drupal.org/project/project_distribution

https://www.drupal.org/documentation/build/distributions

Distributions are full copies of Drupal that include Drupal Core, along with additional software such as themes, modules, libraries, and installation profiles. Some provide: complete solutions for specialized use cases.a. Commerce Kickstart - Aims for ecommerce platform using Drupal Commerceb. Spark - Aims for authoring experience.

Lalu apa selanjutnya?

Learning anything new takes practiceswith practice comes comfort

with comfort comes the ability to do new and exciting things.

Learning Drupal takes time, study, practice, and patience.

One of the best ways to learn Drupal is to find a real-world opportunity to build a website and do it Drupal

Drupal Showcases

Look at Other Drupal-Based Sites for Ideas

https://www.drupal.com/showcases

Drupal Showcases

Look at Other Drupal-Based Sites for Ideas

http://buytaert.net/tag/drupal-sites

Drupal Blog

Keep Tabs on Drupal and Contributed Modules

Look for latest / popular modules and updates posted to the site.

http://www.drupal.org/project/project_module

Developers: https://api.drupal.org/api/drupal

Contributed Module

Keep Tabs on Drupal and Contributed Modules

Look for latest / popular modules and updates posted to the site.

http://www.drupal.org/project/project_module

Developers: https://api.drupal.org/api/drupal

API Documentation for Developer

Keep Tabs on Drupal and Contributed Modules

Look for latest / popular modules and updates posted to the site.

http://www.drupal.org/project/project_module

Developers: https://api.drupal.org/api/drupal

Drupal Group Indonesia

Get Involved in Your Local Drupal Users Group

https://groups.drupal.org

https://groups.drupal.org/indonesia

Facebook Drupal Indonesia

Drupal Group Indonesia

Get Involved in Your Local Drupal Users Group

https://groups.drupal.org

https://groups.drupal.org/indonesia

Facebook Drupal Indonesia

Facebook Group: drupal.indonesia

Get Involved in Your Local Drupal Users Group

https://groups.drupal.org

https://groups.drupal.org/indonesia

Facebook Drupal Indonesia

Sumber

Drupal Site: drupal.org

Drupal Acquia Site: acquia.com

Dries Buytaert Site: buytaert.net

Terima kasih