browsing with obilesthe new york times. Œbc õimcs monday, 7, 2013 last 99c (u.s.) for your first 4...
TRANSCRIPT
![Page 1: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/1.jpg)
MOOC on M4D 2013
BROWSING WITH MOBILES
Indian Institute of Technology Kanpur Commonwealth of Learning Vancouver
![Page 2: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/2.jpg)
MOOC on M4D 2013
T.V. Prabhakar
IIT Kanpur
![Page 3: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/3.jpg)
When the screen sizes change..
Browser HTTP HTTP Browser
![Page 4: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/4.jpg)
Let us see a few sites first
![Page 5: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/5.jpg)
MOOC on M4D 2013
New York Times
• http://www.nytimes.com/ • Horizontal scroll bar if I resize the window • mobile.nytimes.com • app
![Page 6: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/6.jpg)
MOOC on M4D 2013
![Page 7: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/7.jpg)
![Page 8: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/8.jpg)
![Page 9: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/9.jpg)
MOOC on M4D 2013
gmail
• Gmail desktop version – Changes the layout according to the size of the
window, but not all the way
• Gmail mobile version • Gmail app
![Page 10: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/10.jpg)
![Page 11: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/11.jpg)
![Page 12: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/12.jpg)
MOOC on M4D 2013
![Page 13: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/13.jpg)
MOOC on M4D 2013
![Page 14: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/14.jpg)
![Page 15: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/15.jpg)
MOOC on M4D 2013
App
![Page 16: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/16.jpg)
MOOC on M4D 2013
Boston Globe
• http://www.bostonglobe.com/ • Continuous adjustment • 3 columns become 2 and then 1 • Displays well on the mobile (all screen sizes) • There is an app for the mobile
![Page 17: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/17.jpg)
![Page 18: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/18.jpg)
![Page 19: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/19.jpg)
![Page 20: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/20.jpg)
![Page 21: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/21.jpg)
![Page 22: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/22.jpg)
![Page 23: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/23.jpg)
MOOC on M4D 2013
When the screen size changes
• Three ways to handle it 1. Same code – responsive 2. Detect user agent and send different code 3. App
![Page 24: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/24.jpg)
MOOC on M4D 2013
Home work
• Play with the sites that you visit to see if they are responsive or not
![Page 25: BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4 WEEKS SUBSCRIBE TO THE NEW YORK TIMES. Ebe York POLITICS NEW YORK BUSINESS DEALBOOK](https://reader033.vdocuments.us/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/25.jpg)
MOOC on M4D 2013
THANK YOU