Zalando: Bootstrapping a Cassandra Cluster in a Dynamic Cloud Environment
BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud...
Transcript of BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud...
![Page 1: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/1.jpg)
BOOTSTRAPPING IN THE CLOUD:
RESPONSIVE DESIGN AND THE LIBRARY
WEBSITE JUNIOR TIDAL
NEW YORK CITY COLLEGE OF TECHNOLOGY @JUNIORTIDAL
![Page 2: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/2.jpg)
WHAT ARE WE TALKING ABOUT TODAY? HISTORY OF THE CITY TECH LIBRARY WEBSITE RESPONSIVE DESIGN BOOTSTRAP THE CLOUD USABILITY TESTING
![Page 3: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/3.jpg)
HISTORY OF THE CITY TECH LIBRARY WEBSITE
![Page 4: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/4.jpg)
INITIAL SERVER CONFIGURATION WINDOWS IIS SERVER SHARED AMONG CITY TECH DEPARTMENTS LIMITED SOFTWARE
![Page 5: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/5.jpg)
THE LIBRARY’S OWN SERVER LAMP STACK LIBRARIANS MAINTAIN AND ADMINISTER THE SERVER
![Page 6: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/6.jpg)
CONTENT MANAGEMENT SYSTEMS
![Page 7: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/7.jpg)
THE MOBILE SITE
![Page 8: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/8.jpg)
THE RESPONSIVE DESIGNED SITE
![Page 9: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/9.jpg)
HTTPS://LIBRARY.CITYTECH.CUNY.EDU
![Page 10: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/10.jpg)
WHAT IS RESPONSIVE DESIGN? “…thesamecontenttoallusersonthesameURL,regardlessofthedevice.”
- Matthew Reidsma
![Page 11: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/11.jpg)
WHAT IS BOOTSTRAP?
![Page 12: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/12.jpg)
BOOTSTRAP IS A POPULAR RESPONSIVE WEB FRAMEWORK THAT USES CSS AND JAVASCRIPT.
![Page 13: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/13.jpg)
BOOTSTRAP WAS CREATED BY TWO TWITTER DEVELOPERS, MARK OTTO AND JACOB THRONTON
![Page 14: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/14.jpg)
BOOTSTRAP IS OPEN SOURCE
![Page 15: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/15.jpg)
BOOTSTRAP ALLOWS FOR RAPID DEPLOYMENT USING COMMON BUILT-IN WEB COMPONENTS.
![Page 16: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/16.jpg)
THE CLOUD
![Page 17: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/17.jpg)
WHAT IS THE CLOUD?
![Page 18: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/18.jpg)
WHY USE THE CLOUD?
![Page 19: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/19.jpg)
THE CLOUD PROVIDES SCALABILITY
![Page 20: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/20.jpg)
NO HARDWARE TO UPGRADE
![Page 21: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/21.jpg)
LOWER COSTS THAN SELF OR OFF-SITE HOSTING
![Page 22: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/22.jpg)
REMOTE ACCESS SCALABILITY RELIABILITY
![Page 23: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/23.jpg)
MANAGING THE SITE IN THE CLOUD
![Page 24: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/24.jpg)
VIRTUAL SERVERS
![Page 25: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/25.jpg)
USABILITY TESTING
![Page 26: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/26.jpg)
WHAT IS USABILITY TESTING?
![Page 27: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/27.jpg)
USABILITY TESTING IS A CONTINUAL PROCESS
(RE)DESIGN
TEST USERS
EVALUATE USER DATA
IMPLEMENT MODIFICATIONS
![Page 28: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/28.jpg)
WHY CONDUCT USABILITY TESTING?
![Page 29: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/29.jpg)
USABILITY TESTING DETERMINES
THE EFFECTIVENESS OF THE TOOL
![Page 30: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/30.jpg)
IDENTIFY WEAKNESSES IN THE
DESIGN OR FUNCTION
![Page 31: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/31.jpg)
PROVIDE DATA TO SUPPORT DESIGN DECISIONS
![Page 32: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/32.jpg)
USABILITY METRICS
TIME CLICKS USER FEEDBACK THINK ALOUD PROTOCOL (TAP)
![Page 33: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/33.jpg)
BOOTSTRAP, THE CLOUD, AND USABILITY TESTING
![Page 34: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/34.jpg)
EVALUATES THE SITE AMONG
DIFFERENT DEVICES
![Page 35: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/35.jpg)
THE CLOUD ALLOWS THE IMPLEMENTATION OF
NEWER TECHNOLOGIES
![Page 36: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/36.jpg)
WRAPPING UP HISTORY OF THE CITY TECH LIBRARY WEBSITE RESPONSIVE DESIGN BOOTSTRAP THE CLOUD USABILITY TESTING
![Page 37: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/37.jpg)
QUESTIONS?
![Page 38: BOOTSTRAPPING IN THE CLOUD: RESPONSIVE DESIGN AND … · responsive design bootstrap the cloud usability testing . history of the city tech library website . initial server configuration](https://reader036.fdocuments.us/reader036/viewer/2022071009/5fc7035300451f24d0445f78/html5/thumbnails/38.jpg)
THANKS!