A Web-Based IDE for Teaching with Any Language 2017

SIGCSE 2017

Transcript

1. A Web-Based IDE for Teaching with Any Language Dan Armendariz David J. Malan Nikolai Onken SIGCSE 2017
2. Slides cs50.ly/sigcse-2017
3. Agenda 1. Introductions 2. Background 3. Motivation 4. Tour a. Introduction to the Cloud9 IDE b. Tour of its features 5. Assignments a. Adapting and writing assignments b. Limitations and technical considerations 6. Developing customizations a. Architecture overview b. Plugin API, documentation, examples
4. Background 1. On-Campus Cluster 2. Off-Campus Cloud 3. On-Campus Cloud 4. Client-Side Appliance 5. Server-Side Container
5. Alternatives • Code::Blocks • Codio • CS50 Appliance • Eclipse • Koding • NetBeans • Visual Studio • Vocareum • ...
6. Deciding Factors • Code editor • File browser • Terminal window • Plugin model
7. Motivation • Standardize students' environment • Reduce technical difficulties • Reduce annual time sinks • Eliminate need for administrative privileges (in labs) • Develop pedagogical tools
8. Tour • Visit http://bit.ly/sigcse-2017-c9 • Create a workspace ◦ Select Harvard's CS50. ◦ Run `update50` in terminal • Overall layout of the GUI • Less-Comfortable Mode • Writing source code • Compiling programs • Debugging • Using the terminal • Collaboration options • Revision history • Using Cloud9 offline • Experimental features
9. Break
10. Assignments Adapting and writing assignments for Cloud9 • Limitations • Deploying assignments • Cloning workspaces • Technical considerations for web-based assignments
11. SPL github.com/cs50/spl
12. Emscripten kripken.github.io/emscripten-site/
13. Web Assembly webassembly.org/
14. Tools • debug50 • help50 • style50 • submit50
15. Customizing Cloud9 API • Developing Custom Plugins • Customization capability • Architecture overview • Runners • Documentation • Developer mode • Custom package repository
16. Cloud9: GUI made entirely of plugins
17. Developer Hub Documentation on development and many plugins cloud9-sdk.readme.io
18. Sample Plugins github.com/danallan/sigcse-c9-workshop Or clone danallan/sigcse workspace
19. Architecture Overview CDN Workspace Instance
20. Developer Mode Append to your workspace URL https://ide.c9.io/USER/WORKSPACE ?debug=2 https://ide.c9.io/USER/WORKSPACE ?debug=2&reset=1
21. Core SDK Great for offline, or Pull Requests for fixes github.com/c9/core
22. Education Plan c9.io/team/new?plan=School
23. Offline manual.cs50.net/cs50-ide/offline.html
24. Questions
25. Evaluation Form
26. A Web-Based IDE for Teaching with Any Language Dan Armendariz David J. Malan Nikolai Onken SIGCSE 2017