►
From YouTube: DSpace New UI Initiative - Angular 2 Prototype, Phase 1
Description
Demo of Phase 1 of the Angular 2 UI Prototype. The goal of Phase 1 was to build a simple, read-only prototype which could be used to validate SEO claims of Angular 2 (with Google Scholar).
https://github.com/DSpace-Labs/angular2-ui-prototype
A
Hello,
this
is
Tim
Donahue
and
in
this
video
I'm
going
to
show
you
the
phase
one
work
that
was
done
as
part
of
the
D
space,
new
UI
initiative
and
again
this
is
phase
one
of
the
you
angular
2
user
interface
prototype,
and
the
goal
of
this
phase
was
really
to
try
and
build
an
extremely
simple
version
of
D
space
within
angular
2.
So
it's
nothing
flashy,
nothing,
nothing!
Amazing!
A
So,
at
the
end
of
this
phase,
we
handed
everything
over
to
Google
Scholar
and
actually
asked
them
to
try
and
index
our
prototype
and
see
what
they
came
back
with
so
I'm
going
to
talk
through
a
little
bit
of
what
we
did
and
how
we
did
it
and
what
we
kind
of
came
across
in
terms
of
with
an
angular
2
prototype.
So,
as
you
can
see
here,
this
is
it
running
locally.
On
my
own
machine.
A
I've
got
my
settings
over
here
for
this
particular
browser
just
so
that
I
can
show
you
some
of
the
capabilities
of
angular
to
begin
with,
but
the
homepage
really
isn't
all
that
flashy.
We
just
got
our
list
of
top-level
communities.
You
can
browse
down
drill
down
any
of
these
communities.
Actually
I'll
go
back
here
and
I'll
show
that
you
can
actually
open
up
these
little
pluses
and
get
sub
communities
and
collections
loaded
dynamically
each
time.
A
I
do
this,
it's
making
a
call
via
the
rest
api
to
grab
information
underneath,
so
you
can
get
the
collections
and
communities
that
underneath
there
and
if
we
jump
down
into
one
of
these
communities
or
collections,
you
can
get
down
to
a
list
of
items.
Currently
we
don't
show
thumbnails
or
anything.
We
just
have
a
placeholder,
but
that
will
be
coming
in
a
in
a
future
version
of
this
prototype.
So
the
goal
here
was
really
just
to
build
this
basic
browse
interface.
A
Allow
you
to
get
down
to
individual
items,
see
that
files
exist
and
these
links
can
actually
go
and
download
the
file,
so
I
could
actually
go
and
download
this
test.
Pdf
and
it'll
go
grab
it
and
then
I
can
also
go
and
see
the
full
item
record
here
as
well,
so
that
I
can
see
all
the
metadata
associated
with
this
record
and
what
collections
that
appears
in
similar
to
a
dspace
sort
of
view
and
browse
experience.
A
That
is
not
JavaScript
from
your
website
and
from
your
web
server.
So
that's
why
I
have
these
settings
on
over
here.
So
we
got
this
ability
inside
chrome,
my
web
browser
here
to
actually
turn
off
JavaScript.
So,
as
you
probably
notice,
as
I
was
clicking
around
here,
things
are
pretty
speedy
overall
because
it's
all
running
locally
I'm
jumping
around
pretty
quick.
It's
doing
quick
calls
to
the
REST
API
to
just
grab
the
metadata
that
it
needs.
A
If
I
disable
javascript,
the
thing
you
will
notice
a
little
bit
here
is
that
it's
a
little
bit
slower
because
things
are
coming
back
from
the
server
side,
they're
being
built
by
the
web
server
instead
of
by
the
JavaScript
running
within
your
browser,
but
everything
still
works.
You
can
still
browse
page.
The
page
I
can
still
go
and
download
files.
A
I
can
go
back
and
go
back
up
to
our
dashboard
and
click
into
like
a
new
area
and
get
all
that
information
as
well.
So
it's
all
working
fine
without
JavaScript,
and
you
can
also
even
view
the
source
of
one
of
these
pages.
It's
a
little
bit
ugly
here
at
the
top,
but
you
can
get
down
and
see
that
that
there
is
actual
metadata
hear
about
the
communities
and
collections
so
that
hTML
is
coming
across
so
that
in
an
indexer
or
can
actually
crawl
this
site.
A
So
google,
scholar
or
whatever
else
that
is
crawling
the
site
can
actually
get
the
metadata
that
it
needs
and
that's
the
basics
I.
Think
of
what
I
wanted
to
show
today.
In
terms
of
where
we
started
at,
I
will
say
that
we
had
google
scholar
look
at
this
and
do
some
initial
indexing
and
the
feedback
back
was
very
positive.
They
were
able
to
actually
index
the
site.
They
were
able
to
go
down
to
individual
items
here.
A
Let's
go
to
a
I
tongue
to
our
electronic
theses
and
dissertations
and
let's
grab
an
item
page
and
still
I
got
doc.
Javascript
turned
off,
but
at
the
item
page
level
google
scholar
was
able
to
go
in
and
grab
out
the
meta
tags
that
are
normally
within
a
dspace
item.
So
we
embedded
all
those
meta
tags
in
that
it
would
allow
that
would
allow
google
scholar
to
actually
know
what
the
citation
data
is,
what
the
citation
authors
and
titles
are
and
the
citation
PDF
URL.
A
So
they
could
actually
attempt
to
index
this
as
if
it
was
a
dspace
site.
The
feedback
that
we
got
was
all
positive.
They
were
able
to
see
all
this.
The
indexer
was
able
to
work
at
a
very
basic
level.
Obviously
things
weren't
perfect,
though
so
there
was
feedback
and
how
we
can
improve
the
SEO
capabilities,
but
there
was
no
difficulty
and
actually
indexing
a
javascript-based.
You
interface
built
on
angular
2.