►
From YouTube: Redesigning Coverflow: Enhancing the User Experience
Description
Presenter:
- Barbara Glassford Johnson (Bedford Public Library)
Slides:
- https://docs.google.com/presentation/d/16hnyfaGzCzcZ5cS7FndpCN2hB1ugiQpD/edit?usp=sharing&ouid=106844837026229096502&rtpof=true&sd=true
A
A
A
It
required
manual
updates
by
me,
and
so
that
took
some
time
and
I
would
also
get
involved
in
other
things
and
sort
of
forget
to
keep
it
as
current
as
as
it
needed
to
be.
At
times
it
was
a
little
buggy
and
so
I'd
have
to
kind
of
work
around
those
things.
There
would
be
times
where
the
Bender
would
have
an
issue,
and
so
then
I'd
walk
by
an
OPEC
in
my
public
library
and
there'd
be
a
big
blank
screen
because
it
wasn't
working
and
so
didn't
like
that.
A
A
So
this
is
what
a
typical
cover
flow
looks
like
there
are,
you
can
you
know
design
it
different
ways,
this
one
I'm,
not
sure
if
this
is
using
the
the
cover
flow
or
the
carousel,
but
there's
a
setting
for
it
for
how
it
looks,
and
so
this
wasn't
really
exactly
where
we
wanted
to
to
go.
We
weren't
really
a
fan
of
the
large
cover
in
the
center
with
the
angled
covers
on
the
sides.
A
B
A
So
after
we
thought
about
things,
we
realized
that
we
were
really
kind
of
wanting
a
gallery
type
display.
We
wanted
to
to
be
very
contemporary.
Looking
we
wanted
to
highlight
new
titles
from
specific
collections
in
our
library.
Whatever
we
did,
we
were
hoping
it
would
increase,
Patron,
Discovery
and
increase
circulation.
A
A
And
on,
if
you're,
using
an
iPad
in
landscape
view,
it's
going
to
switch
to
four
covers
across
with
six
rows,
and
if
you
use
your
iPad
in
portrait,
it's
going
to
be
three
across
and
eight
down
and
phone
is
two
across
and
12
down.
So
it's
still
the
same
number
of
covers,
but
it's
adjusting
depending
on
what
kind
of
device
you're
deciding
to
use.
A
So
in
order
to
do
this,
there
were
several
areas
in
koha
that
I
had
to
deal
with
so
I'm
going
to
go
through
each
of
them.
So
reports
we
have
to
deal
with
the
cover
flow.
Plugin
itself
do
some
HTML
and
the
OPEC
main
user
block
and
then
style
it
with
CSS
and
then
there's
a
little
bit
of
JS
in
there
to
add
some
functionality.
A
You
need
to
decide
on
the
number
of
covers
that
you
want
to
display
and
then
sorting
at
first,
when
we
did
this,
we
decided
to
sort
it
by
date,
accessioned
so
that
the
newest
items
would
display
first,
but
we
later
changed
it
to
random
so
that
when
the
page
is
refreshed,
you'll
get
a
new
set
of
covers
and
I'm,
not
sure,
we've
completely
decided
which
one's
better
but
we're
we've
tried
both
and
for
each
of
the
galleries.
You
need
a
separate
report
for
each
one
that
you
want
to
show.
A
So
this
was
the
basic
cover
flow
report.
We
started
from
I'm
a
big
fan
of
finding
something
that
works,
and
you
know
using
it
just
like
that,
if
that's
what
works
or
using
it
as
a
basis
for
making
it
into
something
new,
and
so
this
is
where
we
started
and
it's
bringing
in
the
the
biblio
number,
the
ISBN,
the
title
and
the
data
session
from
the
items
and
then
you'll
see
there
later
on.
It
has
limit
24.
A
So
that's
where
it's
bringing
in
that
it's
going
to
only
include
24
at
a
time
that
group
by
biblio
number
part
I
found
out
that
helped
me
prevent
duplicates.
So
if
I
had
10
James
Pattersons,
it
wasn't
showing
ten
James
Patterson's
in
the
display.
It
would
just
show
the
one
and
then
that
bottom
portion
is
sorting
it.
So
right
now
we're
doing
it
by
random,
but
you
can
do
it
by
data
accessions.
A
So
each
of
ours
were
basing
it
on
a
location,
so
I
used
permanent
location,
originally
I
used
just
the
location
and
that
FN
is
our
location
of
fiction.
New,
originally
I
just
used
the
regular
location,
but
we
used
the
I
guess
it's
the
cart
to
shelf
feature,
and
so
I
was
not
capturing.
The
items
that
we
have
we
call
it
recently
returned
is
what
the
language
is
in
the
catalog.
Those
would
fall
out
of
the
cover
flow
because
they
had
a
temporary
location
for
a
while,
so
we're
using
permanent
location.
A
A
A
A
Originally,
they
were
all
set
to
30
days
and
then
later
we
discovered
that,
depending
on
the
cataloging
workflow
during
the
year
and
and
what
we're
cataloging,
sometimes
we
needed
to
increase
that
to
make
sure
we
were
capturing
everything
and
we
didn't
end
up
with
a
cover
flow
that
would
only
show
like
18
covers
or
something
like
that
we
wanted.
We
always
want
it
to
have
the
24
so
that
it
looks
you
know
full
and
streamlined,
and
then.
A
A
It's
after
the
fact-
and
there
may
be
a
another
way
to
do
it,
but
I
found
if
I
actually
went
in
there
and
put
in
the
where
statement
to
have
the
biblio
number
not
equal
to
the
specific
biblio
number
of
that
title.
Then
that's
pulled
out
of
the
results
and
I
just
pull
that
out
of
the
you
know.
It
comes
out
of
the
cover
flow
because
I
really
don't
want
that.
A
I've
got
two
of
them
that
I
pulled
out
and
later,
if
I've
later,
those
will
drop
off
because
the
30
days,
you
know
those
won't
be
in
the
group
anymore,
but
it
doesn't
matter
and
then
later,
if
I
find
another
one
that
that's
the
case.
I
just
go
into
the
report
and
put
in
a
different
biblical
number
and
save
it,
and
then
that
one
will
get
pulled
out.
A
A
A
A
A
We
clicked
the
box
to
use
the
images
as
the
links
we
didn't
want
to
include
the
title,
because
we
wanted
this
to
have
a
really
clean
look.
You
can
probably
do
that
and
you
might
have
to
adjust
some
of
your
CSS
but
I'm
sure
that's
doable
and
then
the
next
part
of
the
configuration
is
the
image
options
and
we're
controlling
all
of
our
sizing
and
margins,
and
all
of
that
through
CSS,
so
I
have
left
that
part
blank.
A
A
Are
cover
flow,
Carousel,
Carousel,
wheel
or
flat,
and
we
had
tried
all
those
out
and
just
didn't
you
know,
didn't
want
any
of
those.
That's
what's
built
into
the
cover
flow,
so
I
wondered
if
I
used
something
else.
What
would
happen
so
I
just
put
in
Grid
thinking,
I
wonder
if
somehow
it
uses
that,
but
you
know
it's
not
documented
or
something,
and
of
course
it
didn't
really
do
anything,
but
that
was
sort
of
the
point.
A
The
typical
cover
flow,
the
spacing
is
something
like
negative
0.5
and
that's
I
think
what
controls
the
the
the
way
the
covers
sort
of
overlap
in
that
example,
I
had
earlier.
Well,
we
didn't
really
want
that
so
I
set
that
to
zero
and
then
the
auto
play
in
the
loop
we
didn't
want
it
to
move
around.
We
wanted
a
static
24
covers
on
the
screen,
all
the
time,
so
I
set
all
of
that
to
false.
A
A
It'll
be
under
HTML
customizations
in
tools,
if
you're
on
an
older
version,
I
think
you
still
find
it
under
news
and
that's
where
your
OPEC
main
user
block
would
still
be
in
the
news
section.
But
in
the
newer
versions
it's
under
HTML
customizations
and
then
I
go
in
there
and
I
find
my
OPEC
main
user
block.
A
So
this
is
the
part
where
you
have
an
idea
and
you
don't
exactly
know
how
to
get
there
and
you
don't
exactly
understand
everything
that's
in
there,
but
you
somehow
just
plug
away
and
in
the
end
it
all
worked
out.
So
I
don't
completely
understand
all
of
the
settings
in
here,
but
what
ended
up
happening
was
creating
the
main
tabs
on
the
page,
creating
the
sub
tabs
on
the
page
and
then
configuring
each
of
the
cover
flows.
So
that's
an
example
of
a
portion
of
what
I've
got
in
my
OPEC
main
user
block.
A
A
So
that
portion
I
somehow
came
up
with
this,
and
somehow
this
is
what
makes
it
look
good
on
all
the
different
devices
again.
Sometimes
it's
just
trial
and
error
and
I
think
it
goes
to
show
that
you
maybe
don't
always
have
to
understand
all
of
this
in
the
beginning,
you,
just
you,
have
a
vision
and
you
continue
on
and
you
plug
away,
and
you
end
up
with
something
new
in
the
end.
A
And
this
is
more
of
what's
in
the
main
user
block,
so
this
is
for
the
main
tabs,
the
large
ones
that
were
at
the
top
in
order
to
define
those
sections
of
new
adult
books,
new
teen
books,
and
it
shows
where
all
of
the
it's
referencing
adult
in
all
those
different
places
in
in
that
top
one.
So
I've
got
those
highlighted
in
Red,
so
you
can
see
it.
A
And
I
think
that
was
just
another
example
of
for
the
next
sub-tab
that
was
Teen.
You
know
I'm
I'm,
just
doing
this,
for
every
single
one
of
them
to
create
all
of
these
different
main
tabs
and
sub
tabs,
and
then
I
had
to
have
HTML
in
there
to
show
each
of
the
different
cover
flows.
And
so
that's
what
this
is
a
portion
of
showing
the
HTML
for
the
new
fiction
and
new
mystery.
A
So
then
we
get
to
the
OPAC
user
CSS,
so
you
may
have
noticed
that
our
main
cohort
page
spans
the
entire
screen,
which
is
not
the
way
everyone's
is
sometimes
you
use
some.
Some
of
them
are
in
like
three
columns
and
you
have
the
login
box
over
there
on
the
right.
We
have
never
had
the
big
login
box
over
there,
so
this
was
the
CSS
we're
using
to
make
it
span
the
entire
width
of
the
screen.
You
could
still
do
this.
A
You
could
still
have
the
login
box
on
your
screen
on
the
right
and
use
some
different
CSS
and
make
it
work
to
show
you
know.
Maybe
just
span
those
two
columns
and
if
you
remember,
Lucas
and
Jesse's
presentation
yesterday
on
their
demo
or
model
site,
Lucas
had
some
covers
that
were
in
a
gallery
type
display
and
he
had
the
login
box
on
the
right
and
he
had
a
smaller
sort
of
gallery
display.
So
they're
they're
all
ways
you
could
do
this.
A
A
So
this
is
what
we
ended
up
with
on
this
on
the
width
and
the
height
of
the
actual
covers,
and
again
also
with
the
margins
in
between
you
know
how
much
white
space
looked
good,
you
know
was
whatever
I
was
using,
you
know,
was
it
too
much?
Was
there
too
much
white
space?
Was
there
too
little
and
it
seemed
too
crowded?
So
we
just
played
around
with
this.
A
lot
to
you
know
get
a
something
that
we
felt
was
a
nice
presentation.
A
And
then
for
the
main
tabs
and
the
sub
tabs
I've
just
got
a
lot
of
CSS,
for
you
know
for
the
width,
the
margin
and
again
these
were
things
that
I,
don't
inherently
know,
but
I
played
around
with
I
do
have
a
test
server,
so
it
allowed
me
to
do
these
settings
see
what
it
looked
like
think.
Well,
that
looks
awful
I,
don't
want
that.
You
know
so.
A
A
And
we
I
did
struggle
I've,
always
struggled
with
making
something
look
good
on
all
devices.
You
know
so
I'm
sitting
at
my
desk
and
it
looks
great
on
my
desktop
and
then
I'd
look
at
it
on
a
phone
and
I
would
think
well
people
that
use
it
from
a
phone
this.
This
is
awful.
They
can't
access
everything.
They
can't
see
everything,
and
this
worked
pretty
well
across
devices,
but
I
did
add
a
little
bit
of
something
for
larger
screens,
and
this
was
for
the
sub
tabs.
I
didn't
want
them
to
go.
A
A
A
So
things
we
we'd
like
to
see
the
cover
flow
uses,
images
from
Amazon
or
it
may
use.
If
you've
got
the
Cosi
set
up,
does
it
use
it
from
there
or
is
it
just
Amazon
I'm,
not
sure?
But
anyway
we
use
synthetics
for
the
images
in
our
catalog
and
we
would
love
it
if
the
cover
flow
could
work
with
those
vendors
we
use.
Synthetics
I
know
a
lot
of
other
people
use
Baker
and
Taylor.
Those
are
paid
services,
but
they
have
images
for
items
that
Amazon
wouldn't
like.
We
have
playaway
audio
titles.
A
In
our
collection
we
have
Wonder
books
in
our
collection
and
typically
Amazon
is
not
going
to
have
cover
images
for
those
types
of
things.
Also,
we've
got
some
local
cover
images.
We
have
a
library
of
things,
collection,
we
have
stem
kits,
we
have
literacy
kits
and
so
in
the
catalog
we've
taken
photos
of
those
and
uploaded
them
to
those
bib
records,
so
that
it
looks
really
good
in
the
other
part
of
the
catalog.
But
we
can't
really
create
a
cover
flow
for
those
things
because,
first
off
they
don't
have
isbns
and
I.
A
Don't
think
you
can
Target.
Just
the
locally
uploaded
cover
images,
we'd
like
to
be
able
to
prevent,
eat
more
easily,
prevent
the
display
of
titles
that
have
no
cover
in
images,
so
I
don't
have
to
kind
of
do
my
little
back
door
after
the
fact
pulling
them
out
of
the
cover
flow
I
had
the
thought
of
being
able
to
do
a
report
that
would
maybe
be
able
to
Target
specific
subject
headings.
A
A
So
that
would
be
nice
when
working
with
the
cover
flow
plug-in.
Every
time
you
make
a
change
and
you
save
it.
It
goes
back
to
the
main
cover
flow
page.
So
there
was
a
lot
of
back
and
forth.
So
a
save
and
continue
button
on
the
cover
flow
setup
would
be
nice
and
for
our,
what
we
ended
up
with
was
20
cover
flows.
A
So
that's
a
lot
of
code
in
the
mapping
in
the
cover
flow
plugin
and
we
ended
up
heightening
the
box
where
all
of
that
is
with
some
CSS,
but
inherently
it's
it's
pretty
short,
and
so
I
was
doing
all
this
scrolling
up
and
down
to
find
my
settings
so
a
longer
taller
cover
flow
configuration
area
would
be
nice,
and
maybe
that's
only.
You
know
important
in
the
very
beginning
when
you're
setting
up,
because
now
that
it's
set
up
I,
don't
really
have
to
go
back
in
there.
A
Another
thing
you
can
do
which
we
haven't
yet
all
of
ours
are
based
on
a
location
code
in
the
report,
but
you
can
do
cover
flows
from
lists
and
we
haven't
gotten
there
yet.
You
know
we
might
create
a
list
of
specific
Awards
or
we
might
create
a
list
of
titles
that
are
for
a
holiday
season
or
something
like
that,
and
then
we
could
use
that
particular
cover
flow
and
put
that
on
our
main
page.
If
we
wanted
to,
we
haven't
done
that
quite
yet.
A
So
that's
it
that's
what
we
ended
up
with
and
it
was.
It
took
a
lot
of
back
and
forth
testing,
but
it
was
sort
of
a
matter
of
having
a
vision
in
the
beginning
and
wondering
how,
in
the
world
are
we
going
to
get
there
but
just
kind
of
plugging,
along
and
in
the
end
I
think
it
turned
out
pretty
nice.
So
any
questions.
B
A
They're
actually
pulling
from
my
location
codes,
and
we
I
think
some
libraries
use
collection
codes.
The
way
we
do
and
sometimes
sometimes
they're
kind
of
reversed,
so
I
mean
you
could
do
it
either
if
you
kind
of
Define
very
specifically
the
way
your
collection
is
through
your
collection
codes,
you
can
use
that
and
our
specificity
for,
what's
in
our
collection,
is
sort
of
more
by
the
location
code.
So
that's
what
we
used,
but
collection
code
would
work.
Fine,
okay,.
B
Do
we
do
we
want
to
eliminate
the
books
that
don't
have
covers,
or
do
we
want
to
do
something
else,
and
we
were
all
given
an
opportunity
to
just
create
a
static
image
where
we
just
took
a
really
cool
picture
of
one
of
our
rare
book
covers
they're
sort
of
rando
doesn't
have
a
title
on
or
anything,
and
we
just
populate
that
image
as
Whenever.
There
isn't
a
cover,
that's
the
cover
that
gets.
B
C
Yeah
I
like
to
make
a
little
advertisement
because
we
at
LMS
Cloud
actually
created
a
similar
solution
that
takes
most
of
the
boxes
on
your
wish
list
already
all
right
and
you
can.
For
example,
you
can
use
elasticsearch
queries
to
get
the
titles
that
you
want
to
display,
and
it's
it
supports
two
modes.
You
can
have
a
scrollable
list
that
Scrolls
sideways
and
this
Gallery
thing
that
you
showed
earlier
cool.
A
C
A
In
the
sequel
in
the
where
statement,
I
just
go
and
find
what's
the
actual
biblio
number
for
that
title
and
so
I
go
in
there
and
I
think
I'm,
saying
biblio
number
not
equal
to
and
then
I
plug
in
the
actual
biblio
number.
And
so
then
it
it's.
You
know
it's
like.
Oh,
you
don't
want
that
one,
so
it
just
pulls
it
out.
Okay,.
D
A
D
Your
question
yeah
my
report
that
I
do
for
our
cover
flows,
I
just
excluded
groups
of
of
things
that
I
knew
were
probably
not
going
to
have
images
in
whatever
set
that
we
were
pulling
from.
So
that
was
my
quick
and
dirty
solution,
but
it
would
be
nice
if
there
were
if
there
was
a
way
to
to
incorporate
those
those
built-in
images
that
that
we
upload
and.