Browser X : Techfest 2013
-
Upload
saket-choudhary -
Category
Education
-
view
250 -
download
2
description
Transcript of Browser X : Techfest 2013
![Page 1: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/1.jpg)
IdeLabs For Chrome
Techfest 2012Saket Choudhary
Indian Institute of Technology Bombay
Saket Choudhary IdeLabs For Chrome 1/16
![Page 2: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/2.jpg)
Introduction
Internet is home to plethoraof Codes!
Saket Choudhary IdeLabs For Chrome 2/16
![Page 3: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/3.jpg)
Introduction
Internet is home to plethoraof Codes!
Saket Choudhary IdeLabs For Chrome 2/16
![Page 4: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/4.jpg)
Introduction
Code needs an interpreteror compiler to Run !
Your code can be in :
• C/C++
• Java• Python• Ruby• ....
Saket Choudhary IdeLabs For Chrome 3/16
![Page 5: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/5.jpg)
Introduction
Code needs an interpreteror compiler to Run !
Your code can be in :
• C/C++• Java
• Python• Ruby• ....
Saket Choudhary IdeLabs For Chrome 3/16
![Page 6: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/6.jpg)
Introduction
Code needs an interpreteror compiler to Run !
Your code can be in :
• C/C++• Java• Python
• Ruby• ....
Saket Choudhary IdeLabs For Chrome 3/16
![Page 7: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/7.jpg)
Introduction
Code needs an interpreteror compiler to Run !
Your code can be in :
• C/C++• Java• Python• Ruby
• ....
Saket Choudhary IdeLabs For Chrome 3/16
![Page 8: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/8.jpg)
Introduction
Code needs an interpreteror compiler to Run !
Your code can be in :
• C/C++• Java• Python• Ruby• ....
Saket Choudhary IdeLabs For Chrome 3/16
![Page 9: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/9.jpg)
Introduction
Code needs an interpreteror compiler to Run !
Your code can be in :
• C/C++• Java• Python• Ruby• ....
Saket Choudhary IdeLabs For Chrome 3/16
![Page 10: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/10.jpg)
How We Learn To Code?
How ?
• Learn from A Book• Lectures• Friends• Internet !
Saket Choudhary IdeLabs For Chrome 4/16
![Page 11: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/11.jpg)
How We Learn To Code?
How ?• Learn from A Book• Lectures• Friends• Internet !
Saket Choudhary IdeLabs For Chrome 4/16
![Page 12: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/12.jpg)
The Internet Way of Learning
Saket Choudhary IdeLabs For Chrome 5/16
![Page 13: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/13.jpg)
The Internet Way of LearningThe Example looks good
How do i try it ?
Select
Copy
Come back to your desktop
Fire up your interpreter/compiler
Compile!
Run:)
Saket Choudhary IdeLabs For Chrome 6/16
![Page 14: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/14.jpg)
Faster ways ?
6 steps before you see yourcode running !
We can try doing better!
Saket Choudhary IdeLabs For Chrome 7/16
![Page 15: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/15.jpg)
IdeLabs For Chrome
Let us move to the Online Compilers and Interpreters!• You might not have the interpreter/compiler installed
locally• Probably faster ?
Saket Choudhary IdeLabs For Chrome 8/16
![Page 16: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/16.jpg)
Ideone.com : An Online Interpreter
Saket Choudhary IdeLabs For Chrome 9/16
![Page 17: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/17.jpg)
IdeLabs For Chrome
So What is it ?• A Simple Chrome Extension• Run your code from your Browser. Directly !
Saket Choudhary IdeLabs For Chrome 10/16
![Page 18: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/18.jpg)
’Traditional’ Way
Lets recap the Steps :
Select
Copy
Come back to your desktop
Fire up your interpreter/compiler
Compile!
Run:)
Saket Choudhary IdeLabs For Chrome 11/16
![Page 19: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/19.jpg)
IdeLabs for Chrome Steps
Select
Right Click
Select Language
Run:)
Saket Choudhary IdeLabs For Chrome 12/16
![Page 20: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/20.jpg)
How it Works ?
Utilises contexMenu of Chrome to add an option to the rightclick menu
A background.html page listens for requests
Receive selectedText request and fireup a fancybox
Fire a POST request to the ideone.com API
Get Response from the Server and voila!
s
Saket Choudhary IdeLabs For Chrome 13/16
![Page 21: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/21.jpg)
The Cherry!
We have a Scilabinterpreter too !
Scilab is a software used for numerical andscientific computations!
Uses the API of our own Project : Scilab onCloud http://scilab-test.garudaindia.in/cloud
Saket Choudhary IdeLabs For Chrome 14/16
![Page 22: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/22.jpg)
Powered by
And
Saket Choudhary IdeLabs For Chrome 15/16
![Page 23: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/23.jpg)
The Logo!
Saket Choudhary IdeLabs For Chrome 16/16
![Page 24: Browser X : Techfest 2013](https://reader038.fdocuments.net/reader038/viewer/2022103115/556c5a13d8b42acc228b4ce4/html5/thumbnails/24.jpg)
Questions?
Saket Choudhary IdeLabs For Chrome 17/16