Difference between revisions of "Tutorials/d8otb/outline"

From LCA2015 Delegate wiki
Jump to: navigation, search
 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Trail|Programme|Tutorials|Drupal8_outta_the_box}}
+
{{Trail|Programme|Tutorials|Tutorials/Drupal8 outta the box}}
  
 +
[[session notes]]
  
== Planning to build a website ==
+
== Join the community ==
 +
We'll be working with Drupal8.  The training sites we're using were built against HEAD late last week.  So they're a little bit behind the bleeding edge, and they're very much in BETA.  So we're likely to hit some rough edges.  If you do, report them.  To do that, you'll need to have an account on Drupal.org
  
  
=== Purpose ===
+
=== Go to https://www.drupal.org/user/register ===
  
 +
It looks like this.
  
What job will this site have?
+
[[File:Screen_Shot_2015-01-12_at_11.50.21_am.png]]
* sell stuff?
+
* build a community?
+
* documentation?
+
* record an event?
+
  
 +
== Building a website with Drupal 8 ==
  
=== Audience ===
+
=== Training Sites ===
  
 +
http://d8.pnx.me/trainingNN
 +
where N = 01-100
  
Who will visit the website?
+
=== Basic site configuration ===
* Personas
+
[[File:D8otb-siteinfo.png|right]]
* Demographics
+
* Site name
* Language / Geography
+
* Site slogan
* Devices / Browsers
+
* Email address
 +
* Default front page, and error pages
  
 +
=== Nodes and other entities ===
  
 +
==== Default content types ====
  
=== Style / Design ===
+
* Article
 +
* Basic Page
  
We're using D8 Outta the box, so we'll be using Bartik.  Not doing a lot of design, but still, need to think about colour, images, logo.
+
Go to SITEURL/node/add to add content
* Logo
+
* Colour
+
* Images
+
  
 +
==== Custom content types ====
  
== Building a website with Drupal 8 ==
+
Go to SITEURL/admin/structure/types/add
  
=== Nodes and other entities ===
+
==== Users ====
 +
 
 +
* anon
 +
* auth
 +
* admin
 +
 
 +
===== Roles =====
 +
 
 +
===== Permissions =====
 +
 
 +
==== Taxonomy ====
  
 +
=== Menus ===
 +
[[File:d8otc-menus.png|right|400px]]
 +
We get a few menus out of the box
  
 +
But we can also add menus of our own
  
 
=== Views ===
 
=== Views ===
  
 +
Views.  The single most popular module for previous versions of Drupal, is now in core. It's a powerhouse. But complex. We'll start simple.
 +
Views is a list maker, a query generator. It lets you slice and dice your content in all sorts of wonderful ways.
  
 
=== Blocks ===
 
=== Blocks ===
Line 53: Line 73:
 
=== Mobile ===
 
=== Mobile ===
  
 +
= Appendix - Planning to build a website =
 +
 +
We won't be going through this section in detail in the tutorial.  We'll be building a sample site with a lot of this thinking already done. But if you want to use your own sample content, have a think about these things and come prepared!
 +
 +
Or if you want to choose your own dummy content, rather than use the samples provided... here's some fun sites to peruse.
 +
 +
'''Words'''
 +
 +
* http://mashable.com/2013/07/11/lorem-ipsum/
 +
* http://www.cupcakeipsum.com/ -- Cupcake ipsum is my favourite.
 +
 +
'''Pictures'''
 +
 +
* http://placehold.it/
 +
* https://placekitten.com/
 +
 +
=== Purpose ===
 +
 +
 +
What job will this site have?
 +
* sell stuff?
 +
* build a community?
 +
* documentation?
 +
* record an event?
 +
 +
Here's some quick examples ideas
 +
* a [[Tutorials/d8otb/fosswebsite | FOSS Website]]
 +
* a personal blog
 +
 +
=== Audience ===
 +
 +
 +
Who will visit the website?
 +
* Personas
 +
* Demographics
 +
* Language / Geography
 +
* Devices / Browsers
 +
 +
 +
 +
=== Content ===
 +
 +
Getting the information architecture right from the start is important.
 +
* Content Modelling
 +
* Navigation
 +
* Search
 +
* Taxonomy
 +
 +
This is the stuff your website is all about.  Here's some resources on creating compelling content for the web.
 +
 +
http://www.squiz.net/au/stories/insights/10-commandments-for-content-creation
 +
 +
=== Style / Design / Mockups / Wireframes ===
 +
 +
We're using D8 Outta the box, so we'll be using Bartik.  Not doing a lot of design, but still, need to think about colour, images, logo.
 +
* Logo
 +
* Colour
 +
* Images
 +
* Layout
 +
 +
Resources
 +
 +
https://wireframe.cc/
  
 +
=== Planning Tools ===
 +
There's a range of tools out there to help you plan your site.  (know any others? Add them here.)
  
=== RSS, Json and other feeds and streams ===
+
* https://www.jumpchart.com/

Latest revision as of 14:22, 15 January 2015

< Main Page < Programme < Tutorials < Tutorials/Drupal8 outta the box


session notes

Join the community

We'll be working with Drupal8. The training sites we're using were built against HEAD late last week. So they're a little bit behind the bleeding edge, and they're very much in BETA. So we're likely to hit some rough edges. If you do, report them. To do that, you'll need to have an account on Drupal.org


Go to https://www.drupal.org/user/register

It looks like this.

Screen Shot 2015-01-12 at 11.50.21 am.png

Building a website with Drupal 8

Training Sites

http://d8.pnx.me/trainingNN where N = 01-100

Basic site configuration

D8otb-siteinfo.png
  • Site name
  • Site slogan
  • Email address
  • Default front page, and error pages

Nodes and other entities

Default content types

  • Article
  • Basic Page

Go to SITEURL/node/add to add content

Custom content types

Go to SITEURL/admin/structure/types/add

Users

  • anon
  • auth
  • admin
Roles
Permissions

Taxonomy

Menus

d8otc-menus.png

We get a few menus out of the box

But we can also add menus of our own

Views

Views. The single most popular module for previous versions of Drupal, is now in core. It's a powerhouse. But complex. We'll start simple. Views is a list maker, a query generator. It lets you slice and dice your content in all sorts of wonderful ways.

Blocks

Wysiwyg

Mobile

Appendix - Planning to build a website

We won't be going through this section in detail in the tutorial. We'll be building a sample site with a lot of this thinking already done. But if you want to use your own sample content, have a think about these things and come prepared!

Or if you want to choose your own dummy content, rather than use the samples provided... here's some fun sites to peruse.

Words

Pictures

Purpose

What job will this site have?

  • sell stuff?
  • build a community?
  • documentation?
  • record an event?

Here's some quick examples ideas

Audience

Who will visit the website?

  • Personas
  • Demographics
  • Language / Geography
  • Devices / Browsers


Content

Getting the information architecture right from the start is important.

  • Content Modelling
  • Navigation
  • Search
  • Taxonomy

This is the stuff your website is all about. Here's some resources on creating compelling content for the web.

http://www.squiz.net/au/stories/insights/10-commandments-for-content-creation

Style / Design / Mockups / Wireframes

We're using D8 Outta the box, so we'll be using Bartik. Not doing a lot of design, but still, need to think about colour, images, logo.

  • Logo
  • Colour
  • Images
  • Layout

Resources

https://wireframe.cc/

Planning Tools

There's a range of tools out there to help you plan your site. (know any others? Add them here.)