97
summer reading 2.0 Jennifer Gal and Bridie Howell Hamilton Public Library designing an online summer reading experience in 4 easy steps

Summer Reading 2 0

Embed Size (px)

DESCRIPTION

Discover free web applications that can be used to create an inviting and interactive library summer reading program for kids, teens, or adults. Use polls, forums, online book reviews, and more... all without putting a dent in the budget or darkening the doorstep of the IT department!

Citation preview

Page 1: Summer Reading 2 0

summer reading 2.0

Jennifer Gal and Bridie Howell

Hamilton Public Library

designing an online summer reading experience in 4 easy steps

Page 2: Summer Reading 2 0

summer reading 2.0

- readers submit book reviews online,

earning prizes that can be picked up at

their local branch

- readers can also vote for their favourite

book from a selection of titles with the least

popular titles eliminated until a single book

remains – i.e. the “Next Top Novel”

- readers can review one of the selected

books to be entered in special prize draws

Page 3: Summer Reading 2 0

add book reviews find a space

add a shoutbox add a poll

Page 4: Summer Reading 2 0

find a space

www.blogger.com

Page 5: Summer Reading 2 0
Page 6: Summer Reading 2 0
Page 7: Summer Reading 2 0
Page 8: Summer Reading 2 0

If you plan on customizing your blog, select the simplest template to start with. “Minima” is a good option.

Page 9: Summer Reading 2 0

The HPL Teen Space Blog uses the “Minima” template customized with a header and background image.

Page 10: Summer Reading 2 0
Page 11: Summer Reading 2 0

select the

“Layout” tab

Page 12: Summer Reading 2 0

customize your site in the “Layout”

tab by adding “Gadgets”

Page 13: Summer Reading 2 0

add book reviews

www.wufoo.com

Page 14: Summer Reading 2 0
Page 15: Summer Reading 2 0
Page 16: Summer Reading 2 0

choose a generic URL if you plan

on creating multiple forms

Page 17: Summer Reading 2 0
Page 18: Summer Reading 2 0
Page 19: Summer Reading 2 0

the form name will be included

in the URL so make it simple

Page 20: Summer Reading 2 0

Wufoo has lots of

ready-made

form fields

Page 21: Summer Reading 2 0

insert a “Name” field

Page 22: Summer Reading 2 0

insert an “Email” field

Page 23: Summer Reading 2 0

insert a “Single Line Text”

field for the book title

Page 24: Summer Reading 2 0

indicate when a

field is required

Page 25: Summer Reading 2 0

insert a “Paragraph Text”

field for the book review

Page 26: Summer Reading 2 0

change the size of the field

Page 27: Summer Reading 2 0

use the “Multiple Choice” field for the rating

Page 28: Summer Reading 2 0
Page 29: Summer Reading 2 0

use a

“Dropdown” field to list

library branches

Page 30: Summer Reading 2 0
Page 31: Summer Reading 2 0
Page 32: Summer Reading 2 0

drag and drop to change the order

of your fields

Page 33: Summer Reading 2 0

select

“Form Settings” to setup email

confirmation

Page 34: Summer Reading 2 0

customize the

confirmation email

with prize info,

library hours etc.

Page 35: Summer Reading 2 0

setup email

notifications to alert staff to new

entries

Page 36: Summer Reading 2 0

you can include

as many email addresses as

needed

Page 37: Summer Reading 2 0

create a report

to compile and

sort your entries

Page 38: Summer Reading 2 0

create a report

to compile and

sort your entries

Page 39: Summer Reading 2 0

name your report

Page 40: Summer Reading 2 0

select your form

Page 41: Summer Reading 2 0

select “Datagrid”

to compile the

form information

Page 42: Summer Reading 2 0

select which

fields you want

included in the

report

Page 43: Summer Reading 2 0
Page 44: Summer Reading 2 0

sort your

information by

clicking on the

corresponding

heading

Page 45: Summer Reading 2 0

export your

report to Excel

Page 46: Summer Reading 2 0

select “Themes” to customize the

look of your

form

Page 47: Summer Reading 2 0

you can

customize a theme to match

your website

Page 48: Summer Reading 2 0

under the

“Forms” tab, select “Code” to share your form

Page 49: Summer Reading 2 0

use the URL if

you want to link to the form from

your website

Page 50: Summer Reading 2 0

copy the JavaScript code if

you want to embed the form

on your site

Page 51: Summer Reading 2 0

select “Add a Gadget”

Page 52: Summer Reading 2 0

select “HTML/JavaScript”

Page 53: Summer Reading 2 0

paste the code from Wufoo

Page 54: Summer Reading 2 0

paste the code from Wufoo

Page 55: Summer Reading 2 0

drag and drop this “Gadget” in

the desired location

Page 56: Summer Reading 2 0

drag and drop this “Gadget” in

the desired location

Page 57: Summer Reading 2 0

preview your

site with the

book review

form added

Page 58: Summer Reading 2 0

add a poll

www.polldaddy.com

Page 59: Summer Reading 2 0
Page 60: Summer Reading 2 0
Page 61: Summer Reading 2 0
Page 62: Summer Reading 2 0

create a poll

Page 63: Summer Reading 2 0

create a poll

Page 64: Summer Reading 2 0

add your titles,

using the green +

to add extra titles

Page 65: Summer Reading 2 0

select a closing

date for your poll

Page 66: Summer Reading 2 0

select “Media” to

add images,

i.e. book covers

Page 67: Summer Reading 2 0

select “Media” to

add images,

i.e. book covers

Page 68: Summer Reading 2 0

select one of the

ready-made

styles for your

poll

Page 69: Summer Reading 2 0
Page 70: Summer Reading 2 0
Page 71: Summer Reading 2 0

select

“Custom Style” to

design your own

Page 72: Summer Reading 2 0
Page 73: Summer Reading 2 0

copy the

JavaScript code for

your poll

Page 74: Summer Reading 2 0

select “Add a Gadget”

Page 75: Summer Reading 2 0

select “HTML/JavaScript”

Page 76: Summer Reading 2 0

paste the code from PollDaddy

Page 77: Summer Reading 2 0

paste the code from PollDaddy

Page 78: Summer Reading 2 0

if you don't name

your “Gadget” it

will appear as

“HTML/JavaScript”

Page 79: Summer Reading 2 0

preview your

site with the new

poll added

Page 80: Summer Reading 2 0

add a shoutbox

www.shoutmix.com

Page 81: Summer Reading 2 0

a “shoutbox”

allows users to

post comments

instantly

Page 82: Summer Reading 2 0

your Shoutbox ID

appears in the

URL for your

shoutbox

Page 83: Summer Reading 2 0

select

“Customize Size”

to adjust the width

and height

Page 84: Summer Reading 2 0

adjust the size to

fit your site

Page 85: Summer Reading 2 0

copy the

JavaScript code

for your shoutbox

Page 86: Summer Reading 2 0

select “Add a Gadget”

Page 87: Summer Reading 2 0

select “HTML/JavaScript”

Page 88: Summer Reading 2 0

paste the code from ShoutMix

Page 89: Summer Reading 2 0

paste the code from ShoutMix

Page 90: Summer Reading 2 0

drag and drop this “Gadget” in

the desired location

Page 91: Summer Reading 2 0
Page 92: Summer Reading 2 0
Page 93: Summer Reading 2 0
Page 94: Summer Reading 2 0
Page 95: Summer Reading 2 0
Page 96: Summer Reading 2 0

“anonymous”

can be so cruel

Page 97: Summer Reading 2 0

questions?