Difference between pages "Presenters Resource Page" and "Tutorials/d8otb/outline"

From LCA2015 Delegate wiki
(Difference between pages)
Jump to: navigation, search
(added links to lca2015 logos)
 
(Building a website with Drupal 8)
 
Line 1: Line 1:
Page of resources for miniconf organisers and presenters at miniconfs
+
{{Trail|Programme|Tutorials|Tutorials/Drupal8 outta the box}}
  
=== lca2015 logos ===
 
  
[http://lca2015.linux.org.au/wiki/File:LCA_2015_logo-xparent.png lca2015 logo on transparent background], 
+
= Planning to build a website =
[http://lca2015.linux.org.au/wiki/File:LCA_2015_logo-reverse.png lca2015 logo in reverse], and
+
[http://lca2015.linux.org.au/wiki/File:LCA_2015_logo-reverse-xparent.png lca2015 logo in reverse + transparent background]
+
  
Linking to page with the image and not displaying images here so you don't have to load the image each time you load this page.
+
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!
  
=== Slide Lint ===
+
Or if you want to choose your own dummy content, rather than use the samples provided... here's some fun sites to peruse.
  
* 2 versions: Web called [http://slidelint.net/ slidelint site] and command line, called slidelint.
+
'''Words'''
* Both by Tim 'mithro' Ansell.
+
  
* Slidelint site:
+
* http://mashable.com/2013/07/11/lorem-ipsum/
** Newer + better version than slidelint.
+
* http://www.cupcakeipsum.com/ -- Cupcake ipsum is my favourite.
** No installations required.
+
** [http://youtu.be/io9P5fZdqcE Tim's lightning talk at PyconAu 2014]. First 1:25 is on slidelint site.
+
  
* Slidelint:
+
'''Pictures'''
** [http://lists.lca2014.linux.org.au/pipermail/chat_lists.lca2014.linux.org.au/2014-January/000630.html Info] - incl why it was created, how to install + use.
+
** [http://youtu.be/1bkbyfP--BM lca2014 lightning talk on slidelint]
+
  
* GitHub for [https://github.com/mithro/slidelint slidelint] and [https://github.com/timvideos/slidelint_site slidelint site].
+
* http://placehold.it/
 +
* https://placekitten.com/
  
=== Web based lightning talk timer ===
+
=== Purpose ===
* Tim Ansell's web based lightning talk timer http://lightningtimer.info/ or http://lightningtimer.cc/ or http://lightningtimer.io/   
+
 
* [https://github.com/mithro/lightningtimer GitHub] page has info on how to use it.
+
 
 +
What job will this site have?
 +
* sell stuff?
 +
* build a community?
 +
* documentation?
 +
* record an event?
 +
 
 +
 
 +
=== 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.)
 +
 
 +
* https://www.jumpchart.com/
 +
 
 +
== 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.
 +
 
 +
 
 +
 
 +
 
 +
== Building a website with Drupal 8 ==
 +
 
 +
=== Basic site configuration ===
 +
[[File:D8otb-siteinfo.png|right]]
 +
* 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 ===
 +
[[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.  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 ===
 +
 
 +
 
 +
 
 +
=== RSS, Json and other feeds and streams ===

Revision as of 09:50, 12 January 2015

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


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?


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.)

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.



Building a website with Drupal 8

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

RSS, Json and other feeds and streams