Introducing drupal-8
-
Upload
kanser-tjr -
Category
Technology
-
view
192 -
download
0
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