Difference between pages "OGGB" and "Tutorials/d8otb/outline"

From LCA2015 Delegate wiki
(Difference between pages)
Jump to: navigation, search
m (Rearranged the order of the levels, for clarity)
 
(Building a website with Drupal 8)
 
Line 1: Line 1:
{{Trail|About|Venue}}
+
{{Trail|Programme|Tutorials|Tutorials/Drupal8 outta the box}}
  
== Address ==
 
Owen G Glenn Building, 12 Grafton Road, Grafton, Auckland, New Zealand, [https://plus.google.com/108286100098321417131/about Google+ page]
 
  
== Description ==
+
= Planning to build a website =
<section begin=description />Most activity at the conference will happen within this building, which is currently "the largest teaching space in New Zealand"<ref>From the [http://www.business.auckland.ac.nz/en.html University of Auckland] website.</ref>, and is named for ex-pat kiwi businessman [[wikipedia:Owen Glenn|Owen Glenn]]. We will mainly be using [[#Level_0|Level 0]] and [[#Level_1|Level 1]] of the OGGB for LCA2015. There is an internal connection between the OGGB and the [[FPAA|Fisher & Paykel Appliances Auditorium]].<section end=description />
+
  
== Level 1 ==
+
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!
We aren't using any of the rooms on Level 1 of OGGB for any events during LCA2015, but it is the main entrance way, with lifts to the parking levels.<br>
+
[[File:oggb-level1-all-rooms.png|800px]]
+
  
== Level 0 ==
+
Or if you want to choose your own dummy content, rather than use the samples provided... here's some fun sites to peruse.
<imagemap>
+
Image:oggb-level0-all-rooms.png|800px
+
rect 881 239 1023 378 [[FPAA|FPAA]]
+
rect 874 439 1021 610 [[260-098|260-098]]
+
rect 746 547 872 662 [[OGGB 3|OGGB 3]]
+
rect 698 408 827 515 [[OGGB 4|OGGB 4]]
+
rect 548 307 644 388 [[OGGB 5|OGGB 5]]
+
rect 763 317 848 380 [[Caseroom 2|Caseroom 2]]
+
rect 668 318 752 376 [[Caseroom 3|Caseroom 3]]
+
rect 594 410 673 498 [[260-071|260-071]]
+
rect 684 543 741 609 [[260-088|260-088]]
+
desc none
+
</imagemap>
+
  
== References ==
+
'''Words'''
<references />
+
 
 +
* 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?
 +
 
 +
 
 +
=== 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