Center for Digital Education CUNYIT15 presentation - Bootstrapping in the Cloud - Junior Tidal

BOOTSTRAPPING IN
THE CLOUD:
RESPONSIVE DESIGN
AND THE LIBRARY
WEBSITE
JUNIOR TIDAL
NEW YORK CITY COLLEGE OF
TECHNOLOGY
@JUNIORTIDAL

WHAT ARE WE TALKING ABOUT TODAY?
HISTORY OF THE CITY TECH LIBRARY
WEBSITE
RESPONSIVE DESIGN
BOOTSTRAP
THE CLOUD
USABILITY TESTING

HISTORY OF THE CITY TECH LIBRARY
WEBSITE

INITIAL SERVER CONFIGURATION
WINDOWS IIS SERVER
SHARED AMONG CITY TECH
DEPARTMENTS
LIMITED SOFTWARE

THE LIBRARY’S OWN SERVER
LAMP STACK
LIBRARIANS MAINTAIN AND
ADMINISTER THE SERVER

CONTENT MANAGEMENT SYSTEMS

THE MOBILE SITE

THE RESPONSIVE DESIGNED
SITE

HTTPS://LIBRARY.CITYTECH.CUNY.EDU

WHAT IS RESPONSIVE DESIGN?

“…the same content to all users on the
same URL, regardless of the device.”
- Matthew Reidsma

WHAT IS
BOOTSTRAP?

BOOTSTRAP IS A
POPULAR
RESPONSIVE WEB
FRAMEWORK
THAT USES CSS
AND JAVASCRIPT.

BOOTSTRAP WAS
CREATED BY TWO
TWITTER
DEVELOPERS,
MARK OTTO AND
JACOB
THRONTON

BOOTSTRAP IS
OPEN SOURCE

BOOTSTRAP
ALLOWS FOR
RAPID
DEPLOYMENT
USING COMMON
BUILT-IN WEB
COMPONENTS.

THE CLOUD

WHAT IS THE CLOUD?

WHY USE THE CLOUD?

THE CLOUD PROVIDES SCALABILITY

NO HARDWARE TO UPGRADE

LOWER COSTS THAN SELF
OR OFF-SITE HOSTING

REMOTE ACCESS
SCALABILITY
RELIABILITY

MANAGING THE SITE
IN THE CLOUD

VIRTUAL SERVERS

USABILITY TESTING

WHAT IS USABILITY
TESTING?

USABILITY TESTING IS A CONTINUAL PROCESS

(RE)DESIGN

IMPLEMENT
MODIFICATIONS

TEST USERS

EVALUATE
USER DATA

WHY CONDUCT
USABILITY TESTING?

USABILITY TESTING
DETERMINES
THE EFFECTIVENESS
OF THE TOOL

IDENTIFY WEAKNESSES IN THE
DESIGN
OR FUNCTION

PROVIDE DATA TO SUPPORT
DESIGN DECISIONS

USABILITY METRICS
TIME
CLICKS
USER FEEDBACK
THINK ALOUD PROTOCOL (TAP)

BOOTSTRAP, THE
CLOUD, AND
USABILITY
TESTING

EVALUATES
THE SITE AMONG
DIFFERENT DEVICES

THE CLOUD ALLOWS THE
IMPLEMENTATION OF
NEWER TECHNOLOGIES

WRAPPING UP
HISTORY OF THE CITY TECH
LIBRARY WEBSITE
RESPONSIVE DESIGN
BOOTSTRAP
THE CLOUD
USABILITY TESTING

QUESTIONS?

THANKS!