Browser X : Techfest 2013

Post on 01-Jun-2015

250 views 2 download

Tags:

description

Source code available at https://github.com/saketkc/ideone-chrome-extension

Transcript of Browser X : Techfest 2013

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