SlideShare a Scribd company logo
Jimbo: A Collaborative Code Editor with Live Preview
Soroush Ghorashi, Carlos Jensen
Human-Computer Interaction Group, School of Electrical Engineering and Computer Science, Oregon State University

Jimbo Environment

Abstract
Traditional way of coding requires developers to take following steps in creating any kind of software artifact: write some code into a text editor
and then compile and run it. However before running the code and seeing the output, developers only have an imagination in their heads of what
are these lines of code are going to create. Moreover, after any changes they make to the code, they have to repeat these steps to see the new
results. But they need to see the effects of these modifications and decisions they are making during the coding process immediately. Thus they
need an immediate connection to whatever they are creating. This paper reports on Jimbo, a collaborative development environment that provides
this immediate connection as well as collaboration on the code and user awareness.

Problem
 Lack of immediate connection between
developers and the software
 Lack of collaboration in software development
 Communication problems in collaborative
environments for software development
 Lack of necessary awareness in such
environments

Features

 Collaboration
 Code editing
 Easy share
 Helper widgets (color, numerical)
 Communication
 Text-based chat
 Discussion threads
 Audio/Video chat

 Live preview
 User Awareness
 Code lock
 Code watch
 Push notifications
 Code change
 State change

Conclusion
Jimbo is a collaborative development environment that is built based on an important principle: immediate connection between the code
and its output. However this development tool needs to be evaluated by actual users to see how effective are its features in real practices
and will these feature streamline the current trends in software development models?

Jimbo Collaboration

Jimbo Communication

Technologies
 Backend-Server
 Node.js, Express.js
 Jade templating
 Stylus css meta-language
 Collaboration
 Wave protocol
 Operational transformation
 Frontend
 HTML 5, CSS 3, JavaScript
 Communications
 WebRTC (real-time communication)
 Browserchannel protocol
 Visualizations
 D3 library

Soroush Ghorashi
Research Assistant
HCI Group, School of EECS
Oregon State University
ghorashi@eecs.orst.edu
Carlos Jensen
Associate Professor
HCI Group, School of EECS
Oregon State University
cjensen@eecs.oregonstate.edu

More Related Content

What's hot

ABHIJIT_KHEDLEKAR_RESUME
ABHIJIT_KHEDLEKAR_RESUMEABHIJIT_KHEDLEKAR_RESUME
ABHIJIT_KHEDLEKAR_RESUME
abhikhedlekar
 
Career in Software Development
Career in Software Development  Career in Software Development
Career in Software Development
neosphere
 
updated resumee
updated resumeeupdated resumee
updated resumee
prashant praveen
 
Worst practices for domain-specific modelling
Worst practices for domain-specific modellingWorst practices for domain-specific modelling
Worst practices for domain-specific modelling
Mikhail Barash
 
CI/CD
CI/CDCI/CD
Yifu-Diao-resume
Yifu-Diao-resumeYifu-Diao-resume
Yifu-Diao-resume
visual_resume
 
VinayakSable_Resume
VinayakSable_ResumeVinayakSable_Resume
VinayakSable_Resume
Vinayak Sable
 

What's hot (7)

ABHIJIT_KHEDLEKAR_RESUME
ABHIJIT_KHEDLEKAR_RESUMEABHIJIT_KHEDLEKAR_RESUME
ABHIJIT_KHEDLEKAR_RESUME
 
Career in Software Development
Career in Software Development  Career in Software Development
Career in Software Development
 
updated resumee
updated resumeeupdated resumee
updated resumee
 
Worst practices for domain-specific modelling
Worst practices for domain-specific modellingWorst practices for domain-specific modelling
Worst practices for domain-specific modelling
 
CI/CD
CI/CDCI/CD
CI/CD
 
Yifu-Diao-resume
Yifu-Diao-resumeYifu-Diao-resume
Yifu-Diao-resume
 
VinayakSable_Resume
VinayakSable_ResumeVinayakSable_Resume
VinayakSable_Resume
 

Viewers also liked

Chirinos, reyes
Chirinos, reyesChirinos, reyes
Chirinos, reyes
Eduardo Reyes
 
La familia
La familiaLa familia
Sentença
SentençaSentença
Sentença
Tijolaco
 
Tarea 2 exposicion la medida y sus magnitudes
Tarea 2 exposicion la medida y sus magnitudesTarea 2 exposicion la medida y sus magnitudes
Tarea 2 exposicion la medida y sus magnitudes
Mitch Lopez
 
Recetario ricosaludable
Recetario ricosaludableRecetario ricosaludable
Recetario ricosaludable
paticomparan
 
Examenfinal
ExamenfinalExamenfinal
Examenfinal
sheylasp20
 
Juego y guia 2
Juego y guia 2Juego y guia 2
Juego y guia 2
Mitch Lopez
 
Tic’s y web 2
Tic’s y web 2Tic’s y web 2
Respuestas del tp de economía aprendiendo economía con los simpsons
Respuestas del tp de economía aprendiendo economía con los simpsonsRespuestas del tp de economía aprendiendo economía con los simpsons
Respuestas del tp de economía aprendiendo economía con los simpsons
caamigonzalez
 
Facultad de ciencias de la educacion (1)informatica
Facultad de ciencias de la educacion (1)informaticaFacultad de ciencias de la educacion (1)informatica
Facultad de ciencias de la educacion (1)informatica
YeSse Andrade
 
Fútbol canadiense.pptx. horacio german garcia
Fútbol canadiense.pptx. horacio german garciaFútbol canadiense.pptx. horacio german garcia
Fútbol canadiense.pptx. horacio german garcia
AntonioCabrala
 
El ford gt. antonio horacio stiuso
El ford gt. antonio horacio stiusoEl ford gt. antonio horacio stiuso
El ford gt. antonio horacio stiuso
AntonioCabrala
 
Erika inga trabajo de compu tercero c
Erika inga trabajo de compu tercero cErika inga trabajo de compu tercero c
Erika inga trabajo de compu tercero c
Erikapau
 
Boletim
BoletimBoletim
Boletim
lbmedeiros16
 
2256 7408-1-pb (1)
2256 7408-1-pb (1)2256 7408-1-pb (1)
2256 7408-1-pb (1)
iarabuture
 
Microeconomia
MicroeconomiaMicroeconomia
40 68
40 6840 68
Carga de baterías.pptx. horacio stiusso
Carga de baterías.pptx. horacio stiussoCarga de baterías.pptx. horacio stiusso
Carga de baterías.pptx. horacio stiusso
AntonioCabrala
 

Viewers also liked (19)

5700246764 exam cardreport
5700246764 exam cardreport5700246764 exam cardreport
5700246764 exam cardreport
 
Chirinos, reyes
Chirinos, reyesChirinos, reyes
Chirinos, reyes
 
La familia
La familiaLa familia
La familia
 
Sentença
SentençaSentença
Sentença
 
Tarea 2 exposicion la medida y sus magnitudes
Tarea 2 exposicion la medida y sus magnitudesTarea 2 exposicion la medida y sus magnitudes
Tarea 2 exposicion la medida y sus magnitudes
 
Recetario ricosaludable
Recetario ricosaludableRecetario ricosaludable
Recetario ricosaludable
 
Examenfinal
ExamenfinalExamenfinal
Examenfinal
 
Juego y guia 2
Juego y guia 2Juego y guia 2
Juego y guia 2
 
Tic’s y web 2
Tic’s y web 2Tic’s y web 2
Tic’s y web 2
 
Respuestas del tp de economía aprendiendo economía con los simpsons
Respuestas del tp de economía aprendiendo economía con los simpsonsRespuestas del tp de economía aprendiendo economía con los simpsons
Respuestas del tp de economía aprendiendo economía con los simpsons
 
Facultad de ciencias de la educacion (1)informatica
Facultad de ciencias de la educacion (1)informaticaFacultad de ciencias de la educacion (1)informatica
Facultad de ciencias de la educacion (1)informatica
 
Fútbol canadiense.pptx. horacio german garcia
Fútbol canadiense.pptx. horacio german garciaFútbol canadiense.pptx. horacio german garcia
Fútbol canadiense.pptx. horacio german garcia
 
El ford gt. antonio horacio stiuso
El ford gt. antonio horacio stiusoEl ford gt. antonio horacio stiuso
El ford gt. antonio horacio stiuso
 
Erika inga trabajo de compu tercero c
Erika inga trabajo de compu tercero cErika inga trabajo de compu tercero c
Erika inga trabajo de compu tercero c
 
Boletim
BoletimBoletim
Boletim
 
2256 7408-1-pb (1)
2256 7408-1-pb (1)2256 7408-1-pb (1)
2256 7408-1-pb (1)
 
Microeconomia
MicroeconomiaMicroeconomia
Microeconomia
 
40 68
40 6840 68
40 68
 
Carga de baterías.pptx. horacio stiusso
Carga de baterías.pptx. horacio stiussoCarga de baterías.pptx. horacio stiusso
Carga de baterías.pptx. horacio stiusso
 

Similar to Jimbo - A collaborative code editor with live preview

Pair Programming Explained By Shrikant Vashishtha
Pair Programming Explained  By Shrikant VashishthaPair Programming Explained  By Shrikant Vashishtha
Pair Programming Explained By Shrikant Vashishtha
ShriKant Vashishtha
 
Effective Collaborative Programming3@March 19th 2009
Effective Collaborative Programming3@March 19th 2009Effective Collaborative Programming3@March 19th 2009
Effective Collaborative Programming3@March 19th 2009
guest5d31a5
 
Programming vs Coding: Unveiling The Key Differences
Programming vs Coding: Unveiling The Key DifferencesProgramming vs Coding: Unveiling The Key Differences
Programming vs Coding: Unveiling The Key Differences
FredReynolds2
 
Software design.edited (1)
Software design.edited (1)Software design.edited (1)
Software design.edited (1)
FarjanaAhmed3
 
web development ppt by prakash bedage
web development ppt by prakash bedageweb development ppt by prakash bedage
web development ppt by prakash bedage
PrakashBedage
 
web development project prakash.pptx
web development project prakash.pptxweb development project prakash.pptx
web development project prakash.pptx
PrakashBedage
 
Lecture1422914635
Lecture1422914635Lecture1422914635
Agile Values, Principles and Practices
Agile Values, Principles and PracticesAgile Values, Principles and Practices
Agile Values, Principles and Practices
jackcrews
 
Effective Collaborative Programming3
Effective Collaborative Programming3Effective Collaborative Programming3
Effective Collaborative Programming3
Xebia IT Architects
 
Onine exam 1
Onine exam 1Onine exam 1
COMP6210 Web Services And Design Methodologies.docx
COMP6210 Web Services And Design Methodologies.docxCOMP6210 Web Services And Design Methodologies.docx
COMP6210 Web Services And Design Methodologies.docx
write31
 
Ensuring code quality
Ensuring code qualityEnsuring code quality
Ensuring code quality
MikhailVladimirov
 
The Future of Coding: Exploring Next-Gen Software Development Solutions
The Future of Coding: Exploring Next-Gen Software Development SolutionsThe Future of Coding: Exploring Next-Gen Software Development Solutions
The Future of Coding: Exploring Next-Gen Software Development Solutions
Tyrion Lannister
 
Machine Learning in Static Analysis of Program Source Code
Machine Learning in Static Analysis of Program Source CodeMachine Learning in Static Analysis of Program Source Code
Machine Learning in Static Analysis of Program Source Code
Andrey Karpov
 
Agile Engineering
Agile EngineeringAgile Engineering
Agile Engineering
John Lewis
 
A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010
adrian8three
 
.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx
EllenGracePorras
 
codex (1).ppt
codex (1).pptcodex (1).ppt
codex (1).ppt
ssuserdf52ca
 
EmbeddedRoundtable
EmbeddedRoundtableEmbeddedRoundtable
EmbeddedRoundtable
Aurindam Jana
 
TechArticle
TechArticleTechArticle
TechArticle
Aurindam Jana
 

Similar to Jimbo - A collaborative code editor with live preview (20)

Pair Programming Explained By Shrikant Vashishtha
Pair Programming Explained  By Shrikant VashishthaPair Programming Explained  By Shrikant Vashishtha
Pair Programming Explained By Shrikant Vashishtha
 
Effective Collaborative Programming3@March 19th 2009
Effective Collaborative Programming3@March 19th 2009Effective Collaborative Programming3@March 19th 2009
Effective Collaborative Programming3@March 19th 2009
 
Programming vs Coding: Unveiling The Key Differences
Programming vs Coding: Unveiling The Key DifferencesProgramming vs Coding: Unveiling The Key Differences
Programming vs Coding: Unveiling The Key Differences
 
Software design.edited (1)
Software design.edited (1)Software design.edited (1)
Software design.edited (1)
 
web development ppt by prakash bedage
web development ppt by prakash bedageweb development ppt by prakash bedage
web development ppt by prakash bedage
 
web development project prakash.pptx
web development project prakash.pptxweb development project prakash.pptx
web development project prakash.pptx
 
Lecture1422914635
Lecture1422914635Lecture1422914635
Lecture1422914635
 
Agile Values, Principles and Practices
Agile Values, Principles and PracticesAgile Values, Principles and Practices
Agile Values, Principles and Practices
 
Effective Collaborative Programming3
Effective Collaborative Programming3Effective Collaborative Programming3
Effective Collaborative Programming3
 
Onine exam 1
Onine exam 1Onine exam 1
Onine exam 1
 
COMP6210 Web Services And Design Methodologies.docx
COMP6210 Web Services And Design Methodologies.docxCOMP6210 Web Services And Design Methodologies.docx
COMP6210 Web Services And Design Methodologies.docx
 
Ensuring code quality
Ensuring code qualityEnsuring code quality
Ensuring code quality
 
The Future of Coding: Exploring Next-Gen Software Development Solutions
The Future of Coding: Exploring Next-Gen Software Development SolutionsThe Future of Coding: Exploring Next-Gen Software Development Solutions
The Future of Coding: Exploring Next-Gen Software Development Solutions
 
Machine Learning in Static Analysis of Program Source Code
Machine Learning in Static Analysis of Program Source CodeMachine Learning in Static Analysis of Program Source Code
Machine Learning in Static Analysis of Program Source Code
 
Agile Engineering
Agile EngineeringAgile Engineering
Agile Engineering
 
A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010A Lap Around Visual Studio 2010
A Lap Around Visual Studio 2010
 
.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx.Net Technologies Lesson 1.pptx
.Net Technologies Lesson 1.pptx
 
codex (1).ppt
codex (1).pptcodex (1).ppt
codex (1).ppt
 
EmbeddedRoundtable
EmbeddedRoundtableEmbeddedRoundtable
EmbeddedRoundtable
 
TechArticle
TechArticleTechArticle
TechArticle
 

Recently uploaded

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
tolgahangng
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceAI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
IndexBug
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Kumud Singh
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
Matthew Sinclair
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
Alpen-Adria-Universität
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
Neo4j
 

Recently uploaded (20)

GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
Serial Arm Control in Real Time Presentation
Serial Arm Control in Real Time PresentationSerial Arm Control in Real Time Presentation
Serial Arm Control in Real Time Presentation
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial IntelligenceAI 101: An Introduction to the Basics and Impact of Artificial Intelligence
AI 101: An Introduction to the Basics and Impact of Artificial Intelligence
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AIMind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
20240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 202420240605 QFM017 Machine Intelligence Reading List May 2024
20240605 QFM017 Machine Intelligence Reading List May 2024
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
GraphSummit Singapore | Neo4j Product Vision & Roadmap - Q2 2024
 

Jimbo - A collaborative code editor with live preview

  • 1. Jimbo: A Collaborative Code Editor with Live Preview Soroush Ghorashi, Carlos Jensen Human-Computer Interaction Group, School of Electrical Engineering and Computer Science, Oregon State University Jimbo Environment Abstract Traditional way of coding requires developers to take following steps in creating any kind of software artifact: write some code into a text editor and then compile and run it. However before running the code and seeing the output, developers only have an imagination in their heads of what are these lines of code are going to create. Moreover, after any changes they make to the code, they have to repeat these steps to see the new results. But they need to see the effects of these modifications and decisions they are making during the coding process immediately. Thus they need an immediate connection to whatever they are creating. This paper reports on Jimbo, a collaborative development environment that provides this immediate connection as well as collaboration on the code and user awareness. Problem  Lack of immediate connection between developers and the software  Lack of collaboration in software development  Communication problems in collaborative environments for software development  Lack of necessary awareness in such environments Features  Collaboration  Code editing  Easy share  Helper widgets (color, numerical)  Communication  Text-based chat  Discussion threads  Audio/Video chat  Live preview  User Awareness  Code lock  Code watch  Push notifications  Code change  State change Conclusion Jimbo is a collaborative development environment that is built based on an important principle: immediate connection between the code and its output. However this development tool needs to be evaluated by actual users to see how effective are its features in real practices and will these feature streamline the current trends in software development models? Jimbo Collaboration Jimbo Communication Technologies  Backend-Server  Node.js, Express.js  Jade templating  Stylus css meta-language  Collaboration  Wave protocol  Operational transformation  Frontend  HTML 5, CSS 3, JavaScript  Communications  WebRTC (real-time communication)  Browserchannel protocol  Visualizations  D3 library Soroush Ghorashi Research Assistant HCI Group, School of EECS Oregon State University ghorashi@eecs.orst.edu Carlos Jensen Associate Professor HCI Group, School of EECS Oregon State University cjensen@eecs.oregonstate.edu