Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive...
Transcript of Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive...
![Page 1: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/1.jpg)
Building Responsive WebsitesNYU Computer Science Website Overview
Daniel Tsadok
Wednesday, January 30, 13
![Page 2: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/2.jpg)
Who Am I?Daniel Tsadok
Courant Web Developer, 2008-present
I write software for and managecs.nyu.edu
cims.nyu.edumath.nyu.edu
Wednesday, January 30, 13
![Page 3: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/3.jpg)
Types of Content
• News *
• Course Schedule *
• Office Hours *
• Contact Information
• Static Content
• Events/Colloquia *
• Final Exams *
• Department Calendar *
• Program Information
• User Content (Not covered)
* Dynamic
Wednesday, January 30, 13
![Page 4: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/4.jpg)
Dynamic Content
Wednesday, January 30, 13
![Page 5: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/5.jpg)
Content ManagementGoals:
• Consistent Layout
• Simple interface
• Version Control
• Access Control
• Addressable/Routable
Wednesday, January 30, 13
![Page 6: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/6.jpg)
CMS Live Demo
Wednesday, January 30, 13
![Page 7: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/7.jpg)
CMS Feeds
CMS Page
/events/17/foo
Feed
/events/CMS Page
/events/18/bar
CMS Page
/events/19/baz
Wednesday, January 30, 13
![Page 8: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/8.jpg)
Imported ContentRails App Server
DB
DB
Internal CS database (MSAccess...)
CoursesFinal Exams
Faculty ListingOffice Hours
csv import script (cron)
Wednesday, January 30, 13
![Page 9: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/9.jpg)
Architecture
Wednesday, January 30, 13
![Page 10: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/10.jpg)
Original
ApacheWeb Server
Static Files Clients
Wednesday, January 30, 13
![Page 11: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/11.jpg)
Original
ApacheWeb Server
Static Files Clients
Pros and Cons?
Wednesday, January 30, 13
![Page 12: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/12.jpg)
Current Architecture
ApacheWeb Server
Static Files
ClientsRails App Server
DBResponse
Dynamic Content
User pages
Home Directories
Wednesday, January 30, 13
![Page 13: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/13.jpg)
mod_proxy
ApacheWeb Server ClientsRails App Server
Request
ProxyPass /rails/(.*) http://rails/$1
Wednesday, January 30, 13
![Page 14: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/14.jpg)
Authentication
• Courant LDAP (CIMS account)
• NYU (ITS) LDAP (Net ID)
• before_filter in Rails
Wednesday, January 30, 13
![Page 15: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/15.jpg)
Why Rails?
Wednesday, January 30, 13
![Page 16: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/16.jpg)
Why Rails?Model:class Colloquium belongs_to :semester
Controller:@colloquia = @current_semester.colloquia.limit(5)
View:<% for colloquium in @colloquia %> <div><%= colloquium.title %></div><% end %>
Wednesday, January 30, 13
![Page 17: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/17.jpg)
Other Frameworks
Sinatra (simpler than Rails)
Torquebox: jruby on Rails with JBoss
Groovy on Grails (JVM)
Scala (JVM)
BackboneJS (MVC for client-side)
Wednesday, January 30, 13
![Page 18: Building Responsive Websitesrgrimm/teaching/sp13-web/PointOfDeparture.pdf · Building Responsive Websites NYU Computer Science Website Overview Daniel Tsadok Wednesday, January 30,](https://reader035.fdocuments.net/reader035/viewer/2022063013/5fcd9577caffa363bc4fbb77/html5/thumbnails/18.jpg)
Thank You
Wednesday, January 30, 13