SlideShare a Scribd company logo
IdeLabs For Chrome


          Techfest 2012
         Saket Choudhary

   Indian Institute of Technology Bombay




     Saket Choudhary   IdeLabs For Chrome   1/16
Introduction



  Internet is home to plethora
            of Codes!



               Saket Choudhary   IdeLabs For Chrome   2/16
Introduction



  Internet is home to plethora
            of Codes!



               Saket Choudhary   IdeLabs For Chrome   2/16
Introduction

  Code needs an interpreter
     or compiler to Run !
  Your code can be in :
    • C/C++




                     Saket Choudhary   IdeLabs For Chrome   3/16
Introduction

  Code needs an interpreter
     or compiler to Run !
  Your code can be in :
    • C/C++
    • Java




                     Saket Choudhary   IdeLabs For Chrome   3/16
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
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
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
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
How We Learn To Code?


 How ?




          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 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
Faster ways ?



  6 steps before you see your
        code 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 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
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
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

More Related Content

ODP
BIS07 Application Development - I
PPTX
Cross Platform Development in C# (DDDNorth 2013)
PDF
Computer programming tools and building process
PPTX
Introduction to c#
DOC
Source-to-Source Compiler
PPTX
C++ vs java which is best for future
PPTX
Computer languages
PDF
Algorithm pseudocode flowchart program notes
BIS07 Application Development - I
Cross Platform Development in C# (DDDNorth 2013)
Computer programming tools and building process
Introduction to c#
Source-to-Source Compiler
C++ vs java which is best for future
Computer languages
Algorithm pseudocode flowchart program notes

Similar to Browser X : Techfest 2013 (20)

PDF
"Generating Types without climbing a tree", Matteo Collina
DOCX
Programming in c plus plus2
PDF
How to learn to code
PDF
Dependent things dependency management for apple sw - slideshare
PDF
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
PPTX
Dmitrii Dolzhenko: “С++ 2017 and Beyond, Deliberate Choice of Programming Lan...
PDF
UnDeveloper Studio
PDF
A Multiplatform, Multi-Tenant Challenge - Droidcon Lisbon 2023
PPTX
Diploma 1st Year Project Internship Presentation.pptx
PDF
Green flag Wrap up Google Solution Challenge.pdf
PPTX
Online- C -Compiler - Introduction2.pptx
PDF
Building an Open Source iOS app: lessons learned
PPT
Dayton webusers creatinghybridapps-webedition
PDF
Optimized Cross Platform Development
PDF
Web MIDI API - the paster, the present, and the future -
PPTX
Ruby in the Browser - RubyConf 2011
PPTX
GitHub_Copilot_Basics...........................pptx
PDF
Panther loves Symfony apps
PPTX
IBM Rational Rhapsody 8.4 install guide (including Cygwin and obtaining an ev...
PDF
12 tricks to avoid hackers breaks your CI / CD
"Generating Types without climbing a tree", Matteo Collina
Programming in c plus plus2
How to learn to code
Dependent things dependency management for apple sw - slideshare
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...
Dmitrii Dolzhenko: “С++ 2017 and Beyond, Deliberate Choice of Programming Lan...
UnDeveloper Studio
A Multiplatform, Multi-Tenant Challenge - Droidcon Lisbon 2023
Diploma 1st Year Project Internship Presentation.pptx
Green flag Wrap up Google Solution Challenge.pdf
Online- C -Compiler - Introduction2.pptx
Building an Open Source iOS app: lessons learned
Dayton webusers creatinghybridapps-webedition
Optimized Cross Platform Development
Web MIDI API - the paster, the present, and the future -
Ruby in the Browser - RubyConf 2011
GitHub_Copilot_Basics...........................pptx
Panther loves Symfony apps
IBM Rational Rhapsody 8.4 install guide (including Cygwin and obtaining an ev...
12 tricks to avoid hackers breaks your CI / CD
Ad

Recently uploaded (20)

PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
Computing-Curriculum for Schools in Ghana
PDF
01-Introduction-to-Information-Management.pdf
PDF
Classroom Observation Tools for Teachers
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
Orientation - ARALprogram of Deped to the Parents.pptx
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PPTX
Cell Types and Its function , kingdom of life
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
Paper A Mock Exam 9_ Attempt review.pdf.
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
UV-Visible spectroscopy..pptx UV-Visible Spectroscopy – Electronic Transition...
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
Computing-Curriculum for Schools in Ghana
01-Introduction-to-Information-Management.pdf
Classroom Observation Tools for Teachers
Microbial diseases, their pathogenesis and prophylaxis
Orientation - ARALprogram of Deped to the Parents.pptx
Supply Chain Operations Speaking Notes -ICLT Program
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Final Presentation General Medicine 03-08-2024.pptx
Cell Types and Its function , kingdom of life
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
A systematic review of self-coping strategies used by university students to ...
Paper A Mock Exam 9_ Attempt review.pdf.
STATICS OF THE RIGID BODIES Hibbelers.pdf
UV-Visible spectroscopy..pptx UV-Visible Spectroscopy – Electronic Transition...
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Ad

Browser X : Techfest 2013

  • 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