IdeLabs for Chrome

IdeLabs allowed selecting and running codes directoly from the browser leveraging the ideone.com API.

Presented for Browser-X competition at Techfest 2012

Transcript

1. IdeLabs For Chrome Techfest 2012 Saket Choudhary Indian Institute of Technology Bombay Saket Choudhary IdeLabs For Chrome 1/16
2. Introduction Internet is home to plethora of Codes! Saket Choudhary IdeLabs For Chrome 2/16
3. Introduction Internet is home to plethora of Codes! Saket Choudhary IdeLabs For Chrome 2/16
4. Introduction Code needs an interpreter or compiler to Run ! Your code can be in : • C/C++ Saket Choudhary IdeLabs For Chrome 3/16
5. Introduction Code needs an interpreter or compiler to Run ! Your code can be in : • C/C++ • Java Saket Choudhary IdeLabs For Chrome 3/16
6. Introduction Code needs an interpreter or compiler to Run ! Your code can be in : • C/C++ • Java • Python Saket Choudhary IdeLabs For Chrome 3/16
7. Introduction Code needs an interpreter or compiler to Run ! Your code can be in : • C/C++ • Java • Python • Ruby Saket Choudhary IdeLabs For Chrome 3/16
8. Introduction Code needs an interpreter or compiler to Run ! Your code can be in : • C/C++ • Java • Python • Ruby • .... Saket Choudhary IdeLabs For Chrome 3/16
9. Introduction Code needs an interpreter or compiler to Run ! Your code can be in : • C/C++ • Java • Python • Ruby • .... Saket Choudhary IdeLabs For Chrome 3/16
10. How We Learn To Code? How ? Saket Choudhary IdeLabs For Chrome 4/16
11. How We Learn To Code? How ? • Learn from A Book • Lectures • Friends • Internet ! Saket Choudhary IdeLabs For Chrome 4/16
12. The Internet Way of Learning Saket Choudhary IdeLabs For Chrome 5/16
13. The Internet Way of Learning The 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
14. Faster ways ? 6 steps before you see your code running ! We can try doing better! Saket Choudhary IdeLabs For Chrome 7/16
15. 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
16. Ideone.com : An Online Interpreter Saket Choudhary IdeLabs For Chrome 9/16
17. 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
18. ’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
19. IdeLabs for Chrome Steps Select Right Click Select Language Run:) Saket Choudhary IdeLabs For Chrome 12/16
20. How it Works ? Utilises contexMenu of Chrome to add an option to the right click 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
21. The Cherry! We have a Scilab interpreter too ! Scilab is a software used for numerical and scientific computations! Uses the API of our own Project : Scilab on Cloud http://scilab-test.garudaindia.in/cloud Saket Choudhary IdeLabs For Chrome 14/16
22. Powered by And Saket Choudhary IdeLabs For Chrome 15/16
23. The Logo! Saket Choudhary IdeLabs For Chrome 16/16
24. Questions? Saket Choudhary IdeLabs For Chrome 17/16