BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4...
Transcript of BROWSING WITH OBILESTHE NEW YORK TIMES. Œbc õimcs Monday, 7, 2013 Last 99C (U.s.) FOR YOUR FIRST 4...
![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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/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.fdocuments.in/reader033/viewer/2022050304/5f6c8602bc4c9918766762e7/html5/thumbnails/25.jpg)
MOOC on M4D 2013
THANK YOU