browser x : techfest 2013
DESCRIPTION
Source code available at https://github.com/saketkc/ideone-chrome-extensionTRANSCRIPT
IdeLabs For Chrome
Techfest 2012Saket Choudhary
Indian Institute of Technology Bombay
Saket Choudhary IdeLabs For Chrome 1/16
Introduction
Internet is home to plethoraof Codes!
Saket Choudhary IdeLabs For Chrome 2/16
Introduction
Internet is home to plethoraof Codes!
Saket Choudhary IdeLabs For Chrome 2/16
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
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
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
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
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
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
How We Learn To Code?
How ?
• Learn from A Book• Lectures• Friends• Internet !
Saket Choudhary IdeLabs For Chrome 4/16
How We Learn To Code?
How ?• Learn from A Book• Lectures• Friends• Internet !
Saket Choudhary IdeLabs For Chrome 4/16
The Internet Way of Learning
Saket Choudhary IdeLabs For Chrome 5/16
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
Faster ways ?
6 steps before you see yourcode running !
We can try doing better!
Saket Choudhary IdeLabs For Chrome 7/16
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
Ideone.com : An Online Interpreter
Saket Choudhary IdeLabs For Chrome 9/16
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
’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
IdeLabs for Chrome Steps
Select
Right Click
Select Language
Run:)
Saket Choudhary IdeLabs For Chrome 12/16
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
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
Powered by
And
Saket Choudhary IdeLabs For Chrome 15/16
The Logo!
Saket Choudhary IdeLabs For Chrome 16/16
Questions?
Saket Choudhary IdeLabs For Chrome 17/16