Expertiza_Wiki - User contributions [en]

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-05-05T17:05:00Z

Zxie4: /* Set topics staggered deadline */

E1524. Refactor staggered-deadline assignments

=='''Overview'''==
===Introduction to Expertiza===
[http://expertiza.ncsu.edu/ Expertiza] is a web application where students can submit and peer-review learning objects (articles, code, web sites, etc). It is used in select courses at NC State and by professors at several other colleges and universities<ref>[https://github.com/expertiza/expertiza Expertiza. Github]</ref>.

===Staggered Deadlines===
Staggered deadlines involve planning alternate submission dates for papers, projects, or exams when a student has conflicting due dates for these. The key part of staggered deadlines is the planning. Staggered deadlines are always established well in advance of the scheduled due date. It is the advanced planning of these deadlines that makes them "staggered deadlines" rather than extensions<ref>[http://pages.vassar.edu/accessingvassar/2013/01/15/difficulties-with-staggered-deadlines/ Elmichaels. ''Difficulties with Staggered Deadlines''. Jan 15, 2013]</ref>.

__TOC__

=='''Documentation'''==
'''Controller'''
* [https://github.com/expertiza/expertiza/blob/5c7c8579b6fe44e19f96183af43fab26cd26d1d1/app/controllers/sign_up_sheet_controller.rb sign_up_sheet_controller.rb]
* [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb]

'''Model'''
* [https://github.com/expertiza/expertiza/blob/142a9134a18bd7cc552c6937fe5c93a1e0f4947d/app/models/assignment_form.rb assignment_form.rb]
* [https://github.com/expertiza/expertiza/blob/72b61129c70a88d1c1ae814a53cb83b6a15a3fa8/app/models/assignment.rb assignment.rb]

'''View'''
* [https://github.com/expertiza/expertiza/blob/3443fe119ee4ae02c676131b07cd42c2771f88e5/app/views/sign_up_sheet/add_signup_topics_staggered.html.erb add_signup_topics_staggered.html.erb]
* [https://github.com/expertiza/expertiza/blob/651176622bff84b09c7de9f745a246279501deb8/app/views/tree_display/actions/_assignments_actions.html.erb _assignments_actions.html.erb]
* [https://github.com/expertiza/expertiza/blob/f2495041c0d66ee5d35c3da23d45e043072f7a1c/app/views/sign_up_sheet/_table_header.html.erb _table_header.html.erb]

=='''Problem Statement'''==
==='''Background'''===
In this semester's 517 class. Wiki 1a and Wiki 1b are structured as separate assignments, with separate signup sheets, teams, and reviews. But really, since only one of the two was done by any student, it would've been better to have a single assignment. Still, some topics could be done soon after the course started, whereas others were better done after we had studied related topics in class.

==='''Staggered-deadline Assignment'''===
This raises the idea of a ''staggered-deadline assignment'', where different topics have different submission and review deadlines, rather than all topics having the same deadline.

==='''Benefit'''===
* '''Easy to manage.''' Because in the past, instructor has to build two separate assignments for Wiki 1a and 1b, now one assignment for Wiki is enough.

* '''Increase flexibility.''' For instance, when an OSS team facing a much more difficult problem than other teams, instructor may postpone their deadline several days. It will make Expertiza more humanize.

* '''Take time to do calibration.''' We find that two Wiki assignments started at Jan. 28th and ended at Feb. 25th, which takes too much time. And with staggered-deadline assignment, we can distribute less time on them. And we can take redundant time to do calibrating. Because we find that many students actually do not know how to evaluate other ones' work, even there are some rubrics offered. So we recommend to let students grade sample assignments first, then calibrate their grading behaviors. Although it will take some time, we consider it is important to help students distinguish good assignments from common ones.

=='''Product Verion Functionality'''==
* In production version, instructor can set ''Submission deadline'', ''Review deadline'' and ''Metareview deadline'' for each topic.

[[File:Staggered-deadline_assignments_M.png‎ |frame|center|Set different deadline for each topic]]

* Also, instructor can set the dependencies of different topics. And there is a dependency graph generated automatically.

[[File:Staggered-deadline_assignments1_M.png‎ |frame|center|Dependency graph for all topics]]

=='''Design Pattern'''==
* '''MVC'''
**Model–view–controller (MVC) is a software architectural pattern for implementing user interfaces. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user.<ref>[http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller. ''Model–view–controller''. Wikipedia]</ref>
**We need to modify model, view and controller in order to fix this functionality.

* '''Publish-subscribe'''
**In software architecture, publish–subscribe is a messaging pattern where senders of messages, called publishers, do not program the messages to be sent directly to specific receivers, called subscribers. Instead, published messages are characterized into classes, without knowledge of what, if any, subscribers there may be. Similarly, subscribers express interest in one or more classes, and only receive messages that are of interest, without knowledge of what, if any, publishers there are.<ref>[http://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern. ''Publish–subscribe pattern''. Wikipedia]</ref>
** When instructor set an assignment as staggered-dealine assignment, in theory, all the students will know.

=='''Use Case'''==

* '''Use Case #1: Create staggered-deadline assignment'''
** '''Actor:''' Instructor
** '''Actions:'''
*** Instructor logs in Expertiza.
*** Instructor creates a new staggered-deadline assignment.

* '''Use Case #2: Peer review only'''
** '''Actor:''' Student finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Hand in assignment.
*** Peer review.
*** Write author feedback to reviewer.

* '''Use Case #3: Peer review and still work on assignments'''
** '''Actor:''' Student not finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Work on assignment.
*** Peer review.

[[File:UseCaseDiagram1_M.png‎ |frame|center|Use Case Diagram]]

=='''Error Message Present'''==
* First, login expertiza, in the "Manage Content" page, create a new assignment. Then, as shown below, choose the "pencil" icon to edit the assignment.

[[File:assignment1.jpg |frame|center|Assignment panel 1]]

* Check"Has topics?" and "Staggered deadline assignment?" two checkbox, and create new topics in "Topics" panel, click "save".

[[File:assignment2.jpg |frame|center|Create Topics]]

* Back to the "Manage Content" page, choose the "Edit signup sheet" icon.

[[File:assignment3.jpg |frame|center|Assignment panel 2]]

* Error: can't write unknown attribute 't_id'.

[[File:assignment4.jpg |frame|center|Error]]

=='''Problem Analysis'''==
* After discussing with professor, the "sign up sheet" icon in assignment pop up panel should be moved. Because that icon has the same functionality as "topic" panel in assignment edit window. These work has already done by [http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Spring_2015/oss_E1509_lds OSS1509]. So we have to move all the staggered-deadline realted code to the [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb] and [https://github.com/expertiza/expertiza/blob/rails4/app/views/assignments/edit.html.erb assignments/edit.html.erb].

* In "sign_up_sheet_controller", there are several errors and confusions in function "add_sign_up_topic". The function is used to display a page that lists all the available topics for a staggered-deadline assignment. 
See the function code below:
<pre>
def add_signup_topic
load_add_signup_topics(params[:id])

@review_rounds = Assignment.find(params[:id]).get_review_rounds
@topics = SignUpTopic.where(assignment_id: params[:id])

#Use this until you figure out how to initialize this array
@duedates = SignUpTopic.find_by_sql("SELECT s.id as topic_id FROM sign_up_topics s WHERE s.assignment_id = " + params[:id].to_s)

unless @topics.nil?
i=0
@topics.each { |topic|

@duedates[i]['t_id'] = topic.id
@duedates[i]['topic_identifier'] = topic.topic_identifier
@duedates[i]['topic_name'] = topic.topic_name

for j in 1..@review_rounds
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('submission').id).first
duedate_rev = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('review').id).first
if !duedate_subm.nil? && !duedate_rev.nil?
@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
else
#the topic is new. so copy deadlines from assignment
set_of_due_dates = DueDate.where(assignment_id: params[:id])
set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, 0, topic.id)
}

@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
end

end
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('metareview').id).first
@duedates[i]['submission_'+ (@review_rounds+1).to_s] = !(duedate_subm.nil?)?(DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")):nil
i = i + 1
}
end

end
</pre>
The main confusions are:
* In line 8, the variable "duedates" are declared as type "SignUpTopic". The naming is quite confusing.
* In line 14, the SignUpTopic class doesn't have a column "t_id", it raises an error. We think it should be "topic_id".
* From the code we can guess the variable "duedates" is used to store the deadline for each topic. The class "DueData" does exist, but it does not have column "topic_identifier" or "topic_name". It only stores the deadline for a single assignment.

=='''Puzzle'''==
* If there is more than one round, which means students can submit their assignments more than once, so the staggered-deadline should refer to which deadline?
'''[Professor]''' In a staggered-deadline assignment, there is one submission deadline and one review deadline per round. These are always set on a per-topic basis.
If the view currently works (and I think it might), as soon as you make an assignment a staggered-deadline assignment, the Signup Sheet (Topics) page will have a link at the bottom to show deadlines for each topic. Click it, and you will see a separate text box for each deadline for each topic.

* If staggered-deadline of one assignment is even later than the second-round review, is it means that that assignment do not need peer review and go directly into meta-review stage?
'''[Professor]''' No, there are also separate meta-review deadlines for a staggered-deadline assignment.
I think in the current implementation, only submission deadlines, review deadlines, and meta-review deadlines vary by topic. In a more complete implementation, there would be a way for ANY deadline to vary by topic. This would include signup deadlines, drop-topic deadlines, team-formation deadlines, and any other kind of deadline that is defined later.

* When to set staggered-deadline assignments? Create assignment or Before submission?
'''[Professor]''' Basically, the staggered-deadline is set at the same time when an assignment is created. But if one team cannot hand in their work with sufficient reasons, instructor may extend the deadline of their topic.

* What is the meaning of "dependencies" between topics?
'''[Professor]''' The ''dependencies'' of topics means one topic cannot start until another topic finishes. For instance, ''Ruby'' topic must be finished before ''Rails'' topic.

=='''Workflow'''==

==='''Set topics staggered deadline'''===
At very beginning, we find that the type of <code>due_date</code> variable <code>SignUpTopics</code>. However, we found that many attributes used not belonging to <code>SignUpTopics</code> class. So we decide to use hash tables instead. In order to keep update the staggered deadline, we put this variable in session. We also comprehended the relationship of corresponding tables. The original due dates are stored in <code>due_date</code> table. And staggered-deadlines are stored in <code>TopicDeadline</code> table. This table also stores different deadline types.

Below is <code>save_topic_deadlines</code> method after refactoring.
def save_topic_deadlines
#session[:duedates] stores all original duedates info
#due_dates stores staggered duedates
due_dates = params[:due_date]
topics = SignUpTopic.where(assignment_id: params[:assignment_id])
review_rounds = Assignment.find(params[:assignment_id]).get_review_rounds
# j represents the review rounds
j = 0
topics.each { |topic|
for i in 1..review_rounds
topic_deadline_type_subm = DeadlineType.find_by_name('submission').id
topic_deadline_subm = TopicDeadline.where(topic_id: session[:duedates][j]['id'].to_i, deadline_type_id: topic_deadline_type_subm, round: i).first
topic_deadline_subm.update_attributes({'due_at' => due_dates[session[:duedates][j]['id'].to_s + '_submission_' + i.to_s + '_due_date']})
flash[:error] = "Please enter a valid " + (i > 1 ? "Resubmission deadline " + (i-1).to_s : "Submission deadline") if topic_deadline_subm.errors.length > 0
topic_deadline_type_rev = DeadlineType.find_by_name('review').id
topic_deadline_rev = TopicDeadline.where(topic_id: session[:duedates][j]['id'].to_i, deadline_type_id: topic_deadline_type_rev, round:i).first
topic_deadline_rev.update_attributes({'due_at' => due_dates[session[:duedates][j]['id'].to_s + '_review_' + i.to_s + '_due_date']})
flash[:error] = "Please enter a valid Review deadline " + (i > 1 ? (i-1).to_s : "") if topic_deadline_rev.errors.length > 0
end
topic_deadline_subm = TopicDeadline.where(topic_id: session[:duedates][j]['id'], deadline_type_id: DeadlineType.find_by_name('metareview').id).first
topic_deadline_subm.update_attributes({'due_at' => due_dates[session[:duedates][j]['id'].to_s + '_submission_' + (review_rounds+1).to_s + '_due_date']})
flash[:error] = "Please enter a valid Meta review deadline" if topic_deadline_subm.errors.length > 0
j = j + 1
}
redirect_to_assignment_edit(params[:assignment_id])
end

==='''Save topics dependency and show dependency graph'''===
In edit signup sheet for assignment, we want to save topic dependency and show the depandency graph, as show below:
[[File:save_denpendency.jpg |frame|center|Assignment panel 1]]
In order to show the dependency graph, we must first save topics dependency and save the topic dependency graph under <code> public/assets/staggered_deadline_assignment_graph </code> path. We first add new method in 'due_date' model:
<pre>
def self.assign_start_due_date(assignment_id, set_of_topics)

#Remember, in create_common_start_time_topics function we reversed the graph so reverse it back
set_of_topics = set_of_topics.reverse

set_of_topics_due_dates = Array.new
i=0
days_between_submissions = Assignment.find(assignment_id)['days_between_submissions'].to_i
set_of_topics.each { |set_of_topic|
set_of_due_dates = nil
if i==0
#take the first set from the table which user stores
set_of_due_dates = DueDate.where(assignment_id)
offset = 0
else
set_of_due_dates = TopicDeadline.where(set_of_topics[i-1][0])
set_of_due_dates.sort_by { |a, b| a.due_at <=> b.due_at }
offset = days_between_submissions
end

set_of_topic.each { |topic_id|
#if the due dates have already been created and the save dependency is being clicked,
#then delete existing n create again
prev_saved_due_dates = TopicDeadline.where(topic_id)

#Only if there is a dependency for the topic
if !prev_saved_due_dates.nil?
num_due_dates = prev_saved_due_dates.length
#for each due date in the current topic he want to compare it to the previous due date
for x in 0..num_due_dates - 1
#we don't want the old date to move earlier in time so we save it as the new due date and destroy the old one
if DateTime.parse(set_of_due_dates[x].due_at.to_s) + offset.to_i < DateTime.parse(prev_saved_due_dates[x].due_at.to_s)
set_of_due_dates[x] = prev_saved_due_dates[x]
offset = 0
end
prev_saved_due_dates[x].destroy
end
end

set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, offset, topic_id)
}
}
i = i+1
}
end
</pre>

Then, change the <code>save_topic_dependencies</code> method in <code> sign_up_sheet_controller.rb </code>:
<pre>
- redirect_to_sign_up(params[:assignment_id])
+ redirect_to :action => 'add_signup_topics_staggered', :id => params[:assignment_id]
</pre>

Since we use <code>RGL:Graph#write_to_graphic_file</code> method to turn the dependency graph into <code>jpg</code> file, we need to install graphviz in our gems. Otherwise, the RGL will uses <code>dot</code> files as an intermediary format to produce image formats. If we download the <code>GraphViz</code> packege, RGL will invoke it to produce a <code>jpg</code> file.
<pre>
gem 'graphviz'
</pre>
Then, after we click the <code>Save dependency</code> button, and click <code>show dependency graph</code> button, the dependency graph is shown below:
[[File:show_denpendency.jpg |frame|center|Assignment panel 2]]

==='''Test'''===
Since we have done several modifications to the Expertiza program, some new tests are needed to test the features.
We use the stub to simulate an authorized login (as instructor).
<pre>
ApplicationController.any_instance.stub(:current_role_name).and_return('Instructor')
ApplicationController.any_instance.stub(:undo_link).and_return(TRUE)
</pre>
Each time the program executes the <code>current_role_name</code> function, it gets "instructor".
In the test, we mainly test two things: staggered assignments and their corresponding dependency graph.
* Test the staggered assignment
<pre>
it "should be able to create topic for assignment" do
get :create, id: @assignment.id, topic: {topic_name: "New Topic", max_choosers: 2, topic_identifier: "Ch1", category: "Programming"}
expect(response).should redirect_to(edit_assignment_path(@assignment.id) + "#tabs-5")
end

it "should be able to edit topic" do
get :edit, id: @topic.id
expect(response).to be_success
end

it "should be able to delete topic" do
delete :destroy, id: @topic.id, assignment_id: @assignment.id
expect(response).should redirect_to edit_assignment_path(@assignment.id) + "#tabs-5"
end
</pre>
* Test the dependency graph.
<pre>
it "should be able to generate topic dependency" do
post :save_topic_dependencies, assignment_id: @assignment.id
expect(File).to exist("public/assets/staggered_deadline_assignment_graph/graph_#{@assignment.id}.jpg")
end

it "should be able to detect cycles" do
post :save_topic_dependencies, assignment_id: @assignment.id,
('topic_dependencies_' + @topic1.id.to_s)=>{"dependent_on"=>[@topic2.id.to_s]},
('topic_dependencies_' + @topic2.id.to_s)=>{"dependent_on"=>[@topic1.id.to_s]}
expect(flash[:error]).to eq("There may be one or more cycles in the dependencies. Please correct them")
end
</pre>

==='''Deploy on VCL'''===

* Visit http://vcl.ncsu.edu/ > Make a Reservation
* Select Ruby on Rails / Expertiza from the "Please select the environment ..." dropdown, select a duration, and then click Create Reservation
* Once the reservation is available, click Connect
* Follow the instructions on the connect screen (connect via SSH and then VNC). Connecting to SSH starts up VNC, the graphical environment to which you will connect.
* When connecting for the first time, it will prompt you for a password to access your (VNC) desktop. You can use any password, and it will be saved for later sessions.
* Follow the instructions given to connect to VNC. It is recommended to use [https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CB0QFjAA&url=https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fvnc%25C2%25AE-viewer-for-google-ch%2Fiabmpiboiopbgfabjmgeedhcmjenhbla&ei=LEY7Veq8C8GNNrvhgegI&usg=AFQjCNGxB1W4GwZrwQWHyBfik1cbjvXMkw VNC Viewer for Google Chrome].
* Once connected to VNC, you should see Rubymine running.
* Open a terminal (Applications > Accessories > Terminal), try hitting <ctrl>-C to kill pending task if your terminal does not work properly.
* Ensure you have at least 20M disk quota available: fs lq . You can allocate more space at https://sysnews.ncsu.edu/tools-bin/usmdb-quota
* Clone the git repository: git clone (expertiza repository URL)
* Change to the directory (cd expertiza). You may create a "database.yml" file based on "database.yml.example".
* Use rvm use (ruby version) to switch to proper ruby version. Then run bundle install (you may need to downgrade the bundler to avoid bundle install failure) and rake db:migrate to set up development environment.
* Use "rails s -b 0.0.0.0" to start server which allows the access outside VCL by using url: VCL_ip:3000.

=='''Related materials'''==
*An [http://research.csc.ncsu.edu/efg/expertiza/reports/Instructor_documentation.doc instructor manual], explaining how to create an deploy an assignment in Expertiza.
*An [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/instructor.swf instructor video], slightly dated, showing how to create and deploy an assignment
* A guide for [[Creating_Custom_Rubric]]
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.pdf PDF] presentation explaining how to submit and review an assignment with Expertiza.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/student.swf video] showing how to use the system to submit and review an assignment.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.pdf PDF] presentation explaining how to submit and review wiki pages with Expertiza.
*For students, a [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.ppt Powerpoint] or [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.pdf PDF] presentation explaining how to form teams and sign up for topics<ref>[http://wikis.lib.ncsu.edu/index.php/Expertiza Expertiza. Wolfwikis]</ref>.

=='''References'''==
<references/>

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-25T08:16:35Z

Zxie4: /* Deploy on VCL */

E1524. Refactor staggered-deadline assignments

=='''Overview'''==
===Introduction to Expertiza===
[http://expertiza.ncsu.edu/ Expertiza] is a web application where students can submit and peer-review learning objects (articles, code, web sites, etc). It is used in select courses at NC State and by professors at several other colleges and universities<ref>[https://github.com/expertiza/expertiza Expertiza. Github]</ref>.

===Staggered Deadlines===
Staggered deadlines involve planning alternate submission dates for papers, projects, or exams when a student has conflicting due dates for these. The key part of staggered deadlines is the planning. Staggered deadlines are always established well in advance of the scheduled due date. It is the advanced planning of these deadlines that makes them "staggered deadlines" rather than extensions<ref>[http://pages.vassar.edu/accessingvassar/2013/01/15/difficulties-with-staggered-deadlines/ Elmichaels. ''Difficulties with Staggered Deadlines''. Jan 15, 2013]</ref>.

__TOC__

=='''Documentation'''==
'''Controller'''
* [https://github.com/expertiza/expertiza/blob/5c7c8579b6fe44e19f96183af43fab26cd26d1d1/app/controllers/sign_up_sheet_controller.rb sign_up_sheet_controller.rb]
* [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb]

'''Model'''
* [https://github.com/expertiza/expertiza/blob/142a9134a18bd7cc552c6937fe5c93a1e0f4947d/app/models/assignment_form.rb assignment_form.rb]
* [https://github.com/expertiza/expertiza/blob/72b61129c70a88d1c1ae814a53cb83b6a15a3fa8/app/models/assignment.rb assignment.rb]

'''View'''
* [https://github.com/expertiza/expertiza/blob/3443fe119ee4ae02c676131b07cd42c2771f88e5/app/views/sign_up_sheet/add_signup_topics_staggered.html.erb add_signup_topics_staggered.html.erb]
* [https://github.com/expertiza/expertiza/blob/651176622bff84b09c7de9f745a246279501deb8/app/views/tree_display/actions/_assignments_actions.html.erb _assignments_actions.html.erb]
* [https://github.com/expertiza/expertiza/blob/f2495041c0d66ee5d35c3da23d45e043072f7a1c/app/views/sign_up_sheet/_table_header.html.erb _table_header.html.erb]

=='''Problem Statement'''==
==='''Background'''===
In this semester's 517 class. Wiki 1a and Wiki 1b are structured as separate assignments, with separate signup sheets, teams, and reviews. But really, since only one of the two was done by any student, it would've been better to have a single assignment. Still, some topics could be done soon after the course started, whereas others were better done after we had studied related topics in class.

==='''Staggered-deadline Assignment'''===
This raises the idea of a ''staggered-deadline assignment'', where different topics have different submission and review deadlines, rather than all topics having the same deadline.

==='''Benefit'''===
* '''Easy to manage.''' Because in the past, instructor has to build two separate assignments for Wiki 1a and 1b, now one assignment for Wiki is enough.

* '''Increase flexibility.''' For instance, when an OSS team facing a much more difficult problem than other teams, instructor may postpone their deadline several days. It will make Expertiza more humanize.

* '''Take time to do calibration.''' We find that two Wiki assignments started at Jan. 28th and ended at Feb. 25th, which takes too much time. And with staggered-deadline assignment, we can distribute less time on them. And we can take redundant time to do calibrating. Because we find that many students actually do not know how to evaluate other ones' work, even there are some rubrics offered. So we recommend to let students grade sample assignments first, then calibrate their grading behaviors. Although it will take some time, we consider it is important to help students distinguish good assignments from common ones.

=='''Product Verion Functionality'''==
* In production version, instructor can set ''Submission deadline'', ''Review deadline'' and ''Metareview deadline'' for each topic.

[[File:Staggered-deadline_assignments_M.png‎ |frame|center|Set different deadline for each topic]]

* Also, instructor can set the dependencies of different topics. And there is a dependency graph generated automatically.

[[File:Staggered-deadline_assignments1_M.png‎ |frame|center|Dependency graph for all topics]]

=='''Design Pattern'''==
* '''MVC'''
**Model–view–controller (MVC) is a software architectural pattern for implementing user interfaces. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user.<ref>[http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller. ''Model–view–controller''. Wikipedia]</ref>
**We need to modify model, view and controller in order to fix this functionality.

* '''Publish-subscribe'''
**In software architecture, publish–subscribe is a messaging pattern where senders of messages, called publishers, do not program the messages to be sent directly to specific receivers, called subscribers. Instead, published messages are characterized into classes, without knowledge of what, if any, subscribers there may be. Similarly, subscribers express interest in one or more classes, and only receive messages that are of interest, without knowledge of what, if any, publishers there are.<ref>[http://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern. ''Publish–subscribe pattern''. Wikipedia]</ref>
** When instructor set an assignment as staggered-dealine assignment, in theory, all the students will know.

=='''Use Case'''==

* '''Use Case #1: Create staggered-deadline assignment'''
** '''Actor:''' Instructor
** '''Actions:'''
*** Instructor logs in Expertiza.
*** Instructor creates a new staggered-deadline assignment.

* '''Use Case #2: Peer review only'''
** '''Actor:''' Student finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Hand in assignment.
*** Peer review.
*** Write author feedback to reviewer.

* '''Use Case #3: Peer review and still work on assignments'''
** '''Actor:''' Student not finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Work on assignment.
*** Peer review.

[[File:UseCaseDiagram1_M.png‎ |frame|center|Use Case Diagram]]

=='''Error Message Present'''==
* First, login expertiza, in the "Manage Content" page, create a new assignment. Then, as shown below, choose the "pencil" icon to edit the assignment.

[[File:assignment1.jpg |frame|center|Assignment panel 1]]

* Check"Has topics?" and "Staggered deadline assignment?" two checkbox, and create new topics in "Topics" panel, click "save".

[[File:assignment2.jpg |frame|center|Create Topics]]

* Back to the "Manage Content" page, choose the "Edit signup sheet" icon.

[[File:assignment3.jpg |frame|center|Assignment panel 2]]

* Error: can't write unknown attribute 't_id'.

[[File:assignment4.jpg |frame|center|Error]]

=='''Problem Analysis'''==
* After discussing with professor, the "sign up sheet" icon in assignment pop up panel should be moved. Because that icon has the same functionality as "topic" panel in assignment edit window. These work has already done by [http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Spring_2015/oss_E1509_lds OSS1509]. So we have to move all the staggered-deadline realted code to the [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb] and [https://github.com/expertiza/expertiza/blob/rails4/app/views/assignments/edit.html.erb assignments/edit.html.erb].

* In "sign_up_sheet_controller", there are several errors and confusions in function "add_sign_up_topic". The function is used to display a page that lists all the available topics for a staggered-deadline assignment. 
See the function code below:
<pre>
def add_signup_topic
load_add_signup_topics(params[:id])

@review_rounds = Assignment.find(params[:id]).get_review_rounds
@topics = SignUpTopic.where(assignment_id: params[:id])

#Use this until you figure out how to initialize this array
@duedates = SignUpTopic.find_by_sql("SELECT s.id as topic_id FROM sign_up_topics s WHERE s.assignment_id = " + params[:id].to_s)

unless @topics.nil?
i=0
@topics.each { |topic|

@duedates[i]['t_id'] = topic.id
@duedates[i]['topic_identifier'] = topic.topic_identifier
@duedates[i]['topic_name'] = topic.topic_name

for j in 1..@review_rounds
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('submission').id).first
duedate_rev = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('review').id).first
if !duedate_subm.nil? && !duedate_rev.nil?
@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
else
#the topic is new. so copy deadlines from assignment
set_of_due_dates = DueDate.where(assignment_id: params[:id])
set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, 0, topic.id)
}

@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
end

end
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('metareview').id).first
@duedates[i]['submission_'+ (@review_rounds+1).to_s] = !(duedate_subm.nil?)?(DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")):nil
i = i + 1
}
end

end
</pre>
The main confusions are:
* In line 8, the variable "duedates" are declared as type "SignUpTopic". The naming is quite confusing.
* In line 14, the SignUpTopic class doesn't have a column "t_id", it raises an error. We think it should be "topic_id".
* From the code we can guess the variable "duedates" is used to store the deadline for each topic. The class "DueData" does exist, but it does not have column "topic_identifier" or "topic_name". It only stores the deadline for a single assignment.

=='''Puzzle'''==
* If there is more than one round, which means students can submit their assignments more than once, so the staggered-deadline should refer to which deadline?
'''[Professor]''' In a staggered-deadline assignment, there is one submission deadline and one review deadline per round. These are always set on a per-topic basis.
If the view currently works (and I think it might), as soon as you make an assignment a staggered-deadline assignment, the Signup Sheet (Topics) page will have a link at the bottom to show deadlines for each topic. Click it, and you will see a separate text box for each deadline for each topic.

* If staggered-deadline of one assignment is even later than the second-round review, is it means that that assignment do not need peer review and go directly into meta-review stage?
'''[Professor]''' No, there are also separate meta-review deadlines for a staggered-deadline assignment.
I think in the current implementation, only submission deadlines, review deadlines, and meta-review deadlines vary by topic. In a more complete implementation, there would be a way for ANY deadline to vary by topic. This would include signup deadlines, drop-topic deadlines, team-formation deadlines, and any other kind of deadline that is defined later.

* When to set staggered-deadline assignments? Create assignment or Before submission?
'''[Professor]''' Basically, the staggered-deadline is set at the same time when an assignment is created. But if one team cannot hand in their work with sufficient reasons, instructor may extend the deadline of their topic.

* What is the meaning of "dependencies" between topics?
'''[Professor]''' The ''dependencies'' of topics means one topic cannot start until another topic finishes. For instance, ''Ruby'' topic must be finished before ''Rails'' topic.

=='''Workflow'''==

==='''Set topics staggered deadline'''===

==='''Save topics dependency and show dependency graph'''===
In edit signup sheet for assignment, we want to save topic dependency and show the depandency graph, as show below:
[[File:save_denpendency.jpg |frame|center|Assignment panel 1]]
In order to show the dependency graph, we must first save topics dependency and save the topic dependency graph under <code> public/assets/staggered_deadline_assignment_graph </code> path. We first add new method in 'due_date' model:
<pre>
def self.assign_start_due_date(assignment_id, set_of_topics)

#Remember, in create_common_start_time_topics function we reversed the graph so reverse it back
set_of_topics = set_of_topics.reverse

set_of_topics_due_dates = Array.new
i=0
days_between_submissions = Assignment.find(assignment_id)['days_between_submissions'].to_i
set_of_topics.each { |set_of_topic|
set_of_due_dates = nil
if i==0
#take the first set from the table which user stores
set_of_due_dates = DueDate.where(assignment_id)
offset = 0
else
set_of_due_dates = TopicDeadline.where(set_of_topics[i-1][0])
set_of_due_dates.sort_by { |a, b| a.due_at <=> b.due_at }
offset = days_between_submissions
end

set_of_topic.each { |topic_id|
#if the due dates have already been created and the save dependency is being clicked,
#then delete existing n create again
prev_saved_due_dates = TopicDeadline.where(topic_id)

#Only if there is a dependency for the topic
if !prev_saved_due_dates.nil?
num_due_dates = prev_saved_due_dates.length
#for each due date in the current topic he want to compare it to the previous due date
for x in 0..num_due_dates - 1
#we don't want the old date to move earlier in time so we save it as the new due date and destroy the old one
if DateTime.parse(set_of_due_dates[x].due_at.to_s) + offset.to_i < DateTime.parse(prev_saved_due_dates[x].due_at.to_s)
set_of_due_dates[x] = prev_saved_due_dates[x]
offset = 0
end
prev_saved_due_dates[x].destroy
end
end

set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, offset, topic_id)
}
}
i = i+1
}
end
</pre>

Then, change the <code>save_topic_dependencies</code> method in <code> sign_up_sheet_controller.rb </code>:
<pre>
492 - redirect_to_sign_up(params[:assignment_id])
493 + redirect_to :action => 'add_signup_topics_staggered', :id => params[:assignment_id]
</pre>

Since we use <code>RGL:Graph#write_to_graphic_file</code> method to turn the dependency graph into <code>jpg</code> file, we need to install graphviz in our gems. Otherwise, the RGL will uses <code>dot</code> files as an intermediary format to produce image formats. If we download the <code>GraphViz</code> packege, RGL will invoke it to produce a <code>jpg</code> file.
<pre>
gem 'graphviz'
</pre>
Then, after we click the <code>Save dependency</code> button, and click <code>show dependency graph</code> button, the dependency graph is shown below:
[[File:show_denpendency.jpg |frame|center|Assignment panel 1]]

==='''Test'''===

==='''Deploy on VCL'''===

* Visit http://vcl.ncsu.edu/ > Make a Reservation
* Select Ruby on Rails / Expertiza from the "Please select the environment ..." dropdown, select a duration, and then click Create Reservation
* Once the reservation is available, click Connect
* Follow the instructions on the connect screen (connect via SSH and then VNC). Connecting to SSH starts up VNC, the graphical environment to which you will connect.
* When connecting for the first time, it will prompt you for a password to access your (VNC) desktop. You can use any password, and it will be saved for later sessions.
* Follow the instructions given to connect to VNC. It is recommended to use [https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CB0QFjAA&url=https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fvnc%25C2%25AE-viewer-for-google-ch%2Fiabmpiboiopbgfabjmgeedhcmjenhbla&ei=LEY7Veq8C8GNNrvhgegI&usg=AFQjCNGxB1W4GwZrwQWHyBfik1cbjvXMkw VNC Viewer for Google Chrome].
* Once connected to VNC, you should see Rubymine running.
* Open a terminal (Applications > Accessories > Terminal), try hitting <ctrl>-C to kill pending task if your terminal does not work properly.
* Ensure you have at least 20M disk quota available: fs lq . You can allocate more space at https://sysnews.ncsu.edu/tools-bin/usmdb-quota
* Clone the git repository: git clone (expertiza repository URL)
* Change to the directory (cd expertiza). You may create a "database.yml" file based on "database.yml.example".
* Use rvm use (ruby version) to switch to proper ruby version. Then run bundle install (you may need to downgrade the bundler to avoid bundle install failure) and rake db:migrate to set up development environment.
* Use "rails s -b 0.0.0.0" to start server which allows the access outside VCL by using url: VCL_ip:3000.

=='''Related materials'''==
*An [http://research.csc.ncsu.edu/efg/expertiza/reports/Instructor_documentation.doc instructor manual], explaining how to create an deploy an assignment in Expertiza.
*An [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/instructor.swf instructor video], slightly dated, showing how to create and deploy an assignment
* A guide for [[Creating_Custom_Rubric]]
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.pdf PDF] presentation explaining how to submit and review an assignment with Expertiza.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/student.swf video] showing how to use the system to submit and review an assignment.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.pdf PDF] presentation explaining how to submit and review wiki pages with Expertiza.
*For students, a [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.ppt Powerpoint] or [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.pdf PDF] presentation explaining how to form teams and sign up for topics<ref>[http://wikis.lib.ncsu.edu/index.php/Expertiza Expertiza. Wolfwikis]</ref>.

=='''References'''==
<references/>

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-25T07:50:57Z

Zxie4: /* Deploy on VCL */

E1524. Refactor staggered-deadline assignments

=='''Overview'''==
===Introduction to Expertiza===
[http://expertiza.ncsu.edu/ Expertiza] is a web application where students can submit and peer-review learning objects (articles, code, web sites, etc). It is used in select courses at NC State and by professors at several other colleges and universities<ref>[https://github.com/expertiza/expertiza Expertiza. Github]</ref>.

===Staggered Deadlines===
Staggered deadlines involve planning alternate submission dates for papers, projects, or exams when a student has conflicting due dates for these. The key part of staggered deadlines is the planning. Staggered deadlines are always established well in advance of the scheduled due date. It is the advanced planning of these deadlines that makes them "staggered deadlines" rather than extensions<ref>[http://pages.vassar.edu/accessingvassar/2013/01/15/difficulties-with-staggered-deadlines/ Elmichaels. ''Difficulties with Staggered Deadlines''. Jan 15, 2013]</ref>.

__TOC__

=='''Documentation'''==
'''Controller'''
* [https://github.com/expertiza/expertiza/blob/5c7c8579b6fe44e19f96183af43fab26cd26d1d1/app/controllers/sign_up_sheet_controller.rb sign_up_sheet_controller.rb]
* [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb]

'''Model'''
* [https://github.com/expertiza/expertiza/blob/142a9134a18bd7cc552c6937fe5c93a1e0f4947d/app/models/assignment_form.rb assignment_form.rb]
* [https://github.com/expertiza/expertiza/blob/72b61129c70a88d1c1ae814a53cb83b6a15a3fa8/app/models/assignment.rb assignment.rb]

'''View'''
* [https://github.com/expertiza/expertiza/blob/3443fe119ee4ae02c676131b07cd42c2771f88e5/app/views/sign_up_sheet/add_signup_topics_staggered.html.erb add_signup_topics_staggered.html.erb]
* [https://github.com/expertiza/expertiza/blob/651176622bff84b09c7de9f745a246279501deb8/app/views/tree_display/actions/_assignments_actions.html.erb _assignments_actions.html.erb]
* [https://github.com/expertiza/expertiza/blob/f2495041c0d66ee5d35c3da23d45e043072f7a1c/app/views/sign_up_sheet/_table_header.html.erb _table_header.html.erb]

=='''Problem Statement'''==
==='''Background'''===
In this semester's 517 class. Wiki 1a and Wiki 1b are structured as separate assignments, with separate signup sheets, teams, and reviews. But really, since only one of the two was done by any student, it would've been better to have a single assignment. Still, some topics could be done soon after the course started, whereas others were better done after we had studied related topics in class.

==='''Staggered-deadline Assignment'''===
This raises the idea of a ''staggered-deadline assignment'', where different topics have different submission and review deadlines, rather than all topics having the same deadline.

==='''Benefit'''===
* '''Easy to manage.''' Because in the past, instructor has to build two separate assignments for Wiki 1a and 1b, now one assignment for Wiki is enough.

* '''Increase flexibility.''' For instance, when an OSS team facing a much more difficult problem than other teams, instructor may postpone their deadline several days. It will make Expertiza more humanize.

* '''Take time to do calibration.''' We find that two Wiki assignments started at Jan. 28th and ended at Feb. 25th, which takes too much time. And with staggered-deadline assignment, we can distribute less time on them. And we can take redundant time to do calibrating. Because we find that many students actually do not know how to evaluate other ones' work, even there are some rubrics offered. So we recommend to let students grade sample assignments first, then calibrate their grading behaviors. Although it will take some time, we consider it is important to help students distinguish good assignments from common ones.

=='''Product Verion Functionality'''==
* In production version, instructor can set ''Submission deadline'', ''Review deadline'' and ''Metareview deadline'' for each topic.

[[File:Staggered-deadline_assignments_M.png‎ |frame|center|Set different deadline for each topic]]

* Also, instructor can set the dependencies of different topics. And there is a dependency graph generated automatically.

[[File:Staggered-deadline_assignments1_M.png‎ |frame|center|Dependency graph for all topics]]

=='''Design Pattern'''==
* '''MVC'''
**Model–view–controller (MVC) is a software architectural pattern for implementing user interfaces. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user.<ref>[http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller. ''Model–view–controller''. Wikipedia]</ref>
**We need to modify model, view and controller in order to fix this functionality.

* '''Publish-subscribe'''
**In software architecture, publish–subscribe is a messaging pattern where senders of messages, called publishers, do not program the messages to be sent directly to specific receivers, called subscribers. Instead, published messages are characterized into classes, without knowledge of what, if any, subscribers there may be. Similarly, subscribers express interest in one or more classes, and only receive messages that are of interest, without knowledge of what, if any, publishers there are.<ref>[http://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern. ''Publish–subscribe pattern''. Wikipedia]</ref>
** When instructor set an assignment as staggered-dealine assignment, in theory, all the students will know.

=='''Use Case'''==

* '''Use Case #1: Create staggered-deadline assignment'''
** '''Actor:''' Instructor
** '''Actions:'''
*** Instructor logs in Expertiza.
*** Instructor creates a new staggered-deadline assignment.

* '''Use Case #2: Peer review only'''
** '''Actor:''' Student finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Hand in assignment.
*** Peer review.
*** Write author feedback to reviewer.

* '''Use Case #3: Peer review and still work on assignments'''
** '''Actor:''' Student not finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Work on assignment.
*** Peer review.

[[File:UseCaseDiagram1_M.png‎ |frame|center|Use Case Diagram]]

=='''Error Message Present'''==
* First, login expertiza, in the "Manage Content" page, create a new assignment. Then, as shown below, choose the "pencil" icon to edit the assignment.

[[File:assignment1.jpg |frame|center|Assignment panel 1]]

* Check"Has topics?" and "Staggered deadline assignment?" two checkbox, and create new topics in "Topics" panel, click "save".

[[File:assignment2.jpg |frame|center|Create Topics]]

* Back to the "Manage Content" page, choose the "Edit signup sheet" icon.

[[File:assignment3.jpg |frame|center|Assignment panel 2]]

* Error: can't write unknown attribute 't_id'.

[[File:assignment4.jpg |frame|center|Error]]

=='''Problem Analysis'''==
* After discussing with professor, the "sign up sheet" icon in assignment pop up panel should be moved. Because that icon has the same functionality as "topic" panel in assignment edit window. These work has already done by [http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Spring_2015/oss_E1509_lds OSS1509]. So we have to move all the staggered-deadline realted code to the [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb] and [https://github.com/expertiza/expertiza/blob/rails4/app/views/assignments/edit.html.erb assignments/edit.html.erb].

* In "sign_up_sheet_controller", there are several errors and confusions in function "add_sign_up_topic". The function is used to display a page that lists all the available topics for a staggered-deadline assignment. 
See the function code below:
<pre>
def add_signup_topic
load_add_signup_topics(params[:id])

@review_rounds = Assignment.find(params[:id]).get_review_rounds
@topics = SignUpTopic.where(assignment_id: params[:id])

#Use this until you figure out how to initialize this array
@duedates = SignUpTopic.find_by_sql("SELECT s.id as topic_id FROM sign_up_topics s WHERE s.assignment_id = " + params[:id].to_s)

unless @topics.nil?
i=0
@topics.each { |topic|

@duedates[i]['t_id'] = topic.id
@duedates[i]['topic_identifier'] = topic.topic_identifier
@duedates[i]['topic_name'] = topic.topic_name

for j in 1..@review_rounds
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('submission').id).first
duedate_rev = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('review').id).first
if !duedate_subm.nil? && !duedate_rev.nil?
@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
else
#the topic is new. so copy deadlines from assignment
set_of_due_dates = DueDate.where(assignment_id: params[:id])
set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, 0, topic.id)
}

@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
end

end
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('metareview').id).first
@duedates[i]['submission_'+ (@review_rounds+1).to_s] = !(duedate_subm.nil?)?(DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")):nil
i = i + 1
}
end

end
</pre>
The main confusions are:
* In line 8, the variable "duedates" are declared as type "SignUpTopic". The naming is quite confusing.
* In line 14, the SignUpTopic class doesn't have a column "t_id", it raises an error. We think it should be "topic_id".
* From the code we can guess the variable "duedates" is used to store the deadline for each topic. The class "DueData" does exist, but it does not have column "topic_identifier" or "topic_name". It only stores the deadline for a single assignment.

=='''Puzzle'''==
* If there is more than one round, which means students can submit their assignments more than once, so the staggered-deadline should refer to which deadline?
'''[Professor]''' In a staggered-deadline assignment, there is one submission deadline and one review deadline per round. These are always set on a per-topic basis.
If the view currently works (and I think it might), as soon as you make an assignment a staggered-deadline assignment, the Signup Sheet (Topics) page will have a link at the bottom to show deadlines for each topic. Click it, and you will see a separate text box for each deadline for each topic.

* If staggered-deadline of one assignment is even later than the second-round review, is it means that that assignment do not need peer review and go directly into meta-review stage?
'''[Professor]''' No, there are also separate meta-review deadlines for a staggered-deadline assignment.
I think in the current implementation, only submission deadlines, review deadlines, and meta-review deadlines vary by topic. In a more complete implementation, there would be a way for ANY deadline to vary by topic. This would include signup deadlines, drop-topic deadlines, team-formation deadlines, and any other kind of deadline that is defined later.

* When to set staggered-deadline assignments? Create assignment or Before submission?
'''[Professor]''' Basically, the staggered-deadline is set at the same time when an assignment is created. But if one team cannot hand in their work with sufficient reasons, instructor may extend the deadline of their topic.

* What is the meaning of "dependencies" between topics?
'''[Professor]''' The ''dependencies'' of topics means one topic cannot start until another topic finishes. For instance, ''Ruby'' topic must be finished before ''Rails'' topic.

=='''Workflow'''==

==='''Set topics staggered deadline'''===

==='''Save topics dependency and show dependency graph'''===
In edit signup sheet for assignment, we want to save topic dependency and show the depandency graph, as show below:
[[File:save_denpendency.jpg |frame|center|Assignment panel 1]]
In order to show the dependency graph, we must first save topics dependency and save the topic dependency graph under <code> public/assets/staggered_deadline_assignment_graph </code> path. We first add new method in 'due_date' model:
<pre>
def self.assign_start_due_date(assignment_id, set_of_topics)

#Remember, in create_common_start_time_topics function we reversed the graph so reverse it back
set_of_topics = set_of_topics.reverse

set_of_topics_due_dates = Array.new
i=0
days_between_submissions = Assignment.find(assignment_id)['days_between_submissions'].to_i
set_of_topics.each { |set_of_topic|
set_of_due_dates = nil
if i==0
#take the first set from the table which user stores
set_of_due_dates = DueDate.where(assignment_id)
offset = 0
else
set_of_due_dates = TopicDeadline.where(set_of_topics[i-1][0])
set_of_due_dates.sort_by { |a, b| a.due_at <=> b.due_at }
offset = days_between_submissions
end

set_of_topic.each { |topic_id|
#if the due dates have already been created and the save dependency is being clicked,
#then delete existing n create again
prev_saved_due_dates = TopicDeadline.where(topic_id)

#Only if there is a dependency for the topic
if !prev_saved_due_dates.nil?
num_due_dates = prev_saved_due_dates.length
#for each due date in the current topic he want to compare it to the previous due date
for x in 0..num_due_dates - 1
#we don't want the old date to move earlier in time so we save it as the new due date and destroy the old one
if DateTime.parse(set_of_due_dates[x].due_at.to_s) + offset.to_i < DateTime.parse(prev_saved_due_dates[x].due_at.to_s)
set_of_due_dates[x] = prev_saved_due_dates[x]
offset = 0
end
prev_saved_due_dates[x].destroy
end
end

set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, offset, topic_id)
}
}
i = i+1
}
end
</pre>

Then, change the <code>save_topic_dependencies</code> method in <code> sign_up_sheet_controller.rb </code>:
<pre>
492 - redirect_to_sign_up(params[:assignment_id])
493 + redirect_to :action => 'add_signup_topics_staggered', :id => params[:assignment_id]
</pre>

Since we use <code>RGL:Graph#write_to_graphic_file</code> method to turn the dependency graph into <code>jpg</code> file, we need to install graphviz in our gems. Otherwise, the RGL will uses <code>dot</code> files as an intermediary format to produce image formats. If we download the <code>GraphViz</code> packege, RGL will invoke it to produce a <code>jpg</code> file.
<pre>
gem 'graphviz'
</pre>
Then, after we click the <code>Save dependency</code> button, and click <code>show dependency graph</code> button, the dependency graph is shown below:
[[File:show_denpendency.jpg |frame|center|Assignment panel 1]]

==='''Test'''===

==='''Deploy on VCL'''===

* Visit http://vcl.ncsu.edu/ > Make a Reservation
* Select Ruby on Rails / Expertiza from the "Please select the environment ..." dropdown, select a duration, and then click Create Reservation
* Once the reservation is available, click Connect
* Follow the instructions on the connect screen (connect via SSH and then VNC). Connecting to SSH starts up VNC, the graphical environment to which you will connect.
* When connecting for the first time, it will prompt you for a password to access your (VNC) desktop. You can use any password, and it will be saved for later sessions.
* Follow the instructions given to connect to VNC. It is recommended to use [https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CB0QFjAA&url=https%3A%2F%2Fchrome.google.com%2Fwebstore%2Fdetail%2Fvnc%25C2%25AE-viewer-for-google-ch%2Fiabmpiboiopbgfabjmgeedhcmjenhbla&ei=LEY7Veq8C8GNNrvhgegI&usg=AFQjCNGxB1W4GwZrwQWHyBfik1cbjvXMkw VNC Viewer for Google Chrome].
* Once connected to VNC, you should see Rubymine running.

=='''Related materials'''==
*An [http://research.csc.ncsu.edu/efg/expertiza/reports/Instructor_documentation.doc instructor manual], explaining how to create an deploy an assignment in Expertiza.
*An [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/instructor.swf instructor video], slightly dated, showing how to create and deploy an assignment
* A guide for [[Creating_Custom_Rubric]]
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.pdf PDF] presentation explaining how to submit and review an assignment with Expertiza.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/student.swf video] showing how to use the system to submit and review an assignment.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.pdf PDF] presentation explaining how to submit and review wiki pages with Expertiza.
*For students, a [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.ppt Powerpoint] or [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.pdf PDF] presentation explaining how to form teams and sign up for topics<ref>[http://wikis.lib.ncsu.edu/index.php/Expertiza Expertiza. Wolfwikis]</ref>.

=='''References'''==
<references/>

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-25T07:48:32Z

Zxie4: /* Deploy on VCL */

E1524. Refactor staggered-deadline assignments

=='''Overview'''==
===Introduction to Expertiza===
[http://expertiza.ncsu.edu/ Expertiza] is a web application where students can submit and peer-review learning objects (articles, code, web sites, etc). It is used in select courses at NC State and by professors at several other colleges and universities<ref>[https://github.com/expertiza/expertiza Expertiza. Github]</ref>.

===Staggered Deadlines===
Staggered deadlines involve planning alternate submission dates for papers, projects, or exams when a student has conflicting due dates for these. The key part of staggered deadlines is the planning. Staggered deadlines are always established well in advance of the scheduled due date. It is the advanced planning of these deadlines that makes them "staggered deadlines" rather than extensions<ref>[http://pages.vassar.edu/accessingvassar/2013/01/15/difficulties-with-staggered-deadlines/ Elmichaels. ''Difficulties with Staggered Deadlines''. Jan 15, 2013]</ref>.

__TOC__

=='''Documentation'''==
'''Controller'''
* [https://github.com/expertiza/expertiza/blob/5c7c8579b6fe44e19f96183af43fab26cd26d1d1/app/controllers/sign_up_sheet_controller.rb sign_up_sheet_controller.rb]
* [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb]

'''Model'''
* [https://github.com/expertiza/expertiza/blob/142a9134a18bd7cc552c6937fe5c93a1e0f4947d/app/models/assignment_form.rb assignment_form.rb]
* [https://github.com/expertiza/expertiza/blob/72b61129c70a88d1c1ae814a53cb83b6a15a3fa8/app/models/assignment.rb assignment.rb]

'''View'''
* [https://github.com/expertiza/expertiza/blob/3443fe119ee4ae02c676131b07cd42c2771f88e5/app/views/sign_up_sheet/add_signup_topics_staggered.html.erb add_signup_topics_staggered.html.erb]
* [https://github.com/expertiza/expertiza/blob/651176622bff84b09c7de9f745a246279501deb8/app/views/tree_display/actions/_assignments_actions.html.erb _assignments_actions.html.erb]
* [https://github.com/expertiza/expertiza/blob/f2495041c0d66ee5d35c3da23d45e043072f7a1c/app/views/sign_up_sheet/_table_header.html.erb _table_header.html.erb]

=='''Problem Statement'''==
==='''Background'''===
In this semester's 517 class. Wiki 1a and Wiki 1b are structured as separate assignments, with separate signup sheets, teams, and reviews. But really, since only one of the two was done by any student, it would've been better to have a single assignment. Still, some topics could be done soon after the course started, whereas others were better done after we had studied related topics in class.

==='''Staggered-deadline Assignment'''===
This raises the idea of a ''staggered-deadline assignment'', where different topics have different submission and review deadlines, rather than all topics having the same deadline.

==='''Benefit'''===
* '''Easy to manage.''' Because in the past, instructor has to build two separate assignments for Wiki 1a and 1b, now one assignment for Wiki is enough.

* '''Increase flexibility.''' For instance, when an OSS team facing a much more difficult problem than other teams, instructor may postpone their deadline several days. It will make Expertiza more humanize.

* '''Take time to do calibration.''' We find that two Wiki assignments started at Jan. 28th and ended at Feb. 25th, which takes too much time. And with staggered-deadline assignment, we can distribute less time on them. And we can take redundant time to do calibrating. Because we find that many students actually do not know how to evaluate other ones' work, even there are some rubrics offered. So we recommend to let students grade sample assignments first, then calibrate their grading behaviors. Although it will take some time, we consider it is important to help students distinguish good assignments from common ones.

=='''Product Verion Functionality'''==
* In production version, instructor can set ''Submission deadline'', ''Review deadline'' and ''Metareview deadline'' for each topic.

[[File:Staggered-deadline_assignments_M.png‎ |frame|center|Set different deadline for each topic]]

* Also, instructor can set the dependencies of different topics. And there is a dependency graph generated automatically.

[[File:Staggered-deadline_assignments1_M.png‎ |frame|center|Dependency graph for all topics]]

=='''Design Pattern'''==
* '''MVC'''
**Model–view–controller (MVC) is a software architectural pattern for implementing user interfaces. It divides a given software application into three interconnected parts, so as to separate internal representations of information from the ways that information is presented to or accepted from the user.<ref>[http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller. ''Model–view–controller''. Wikipedia]</ref>
**We need to modify model, view and controller in order to fix this functionality.

* '''Publish-subscribe'''
**In software architecture, publish–subscribe is a messaging pattern where senders of messages, called publishers, do not program the messages to be sent directly to specific receivers, called subscribers. Instead, published messages are characterized into classes, without knowledge of what, if any, subscribers there may be. Similarly, subscribers express interest in one or more classes, and only receive messages that are of interest, without knowledge of what, if any, publishers there are.<ref>[http://en.wikipedia.org/wiki/Publish%E2%80%93subscribe_pattern. ''Publish–subscribe pattern''. Wikipedia]</ref>
** When instructor set an assignment as staggered-dealine assignment, in theory, all the students will know.

=='''Use Case'''==

* '''Use Case #1: Create staggered-deadline assignment'''
** '''Actor:''' Instructor
** '''Actions:'''
*** Instructor logs in Expertiza.
*** Instructor creates a new staggered-deadline assignment.

* '''Use Case #2: Peer review only'''
** '''Actor:''' Student finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Hand in assignment.
*** Peer review.
*** Write author feedback to reviewer.

* '''Use Case #3: Peer review and still work on assignments'''
** '''Actor:''' Student not finish work for first round
** '''Actions:'''
*** Sign up topic.
*** Work on assignment.
*** Peer review.

[[File:UseCaseDiagram1_M.png‎ |frame|center|Use Case Diagram]]

=='''Error Message Present'''==
* First, login expertiza, in the "Manage Content" page, create a new assignment. Then, as shown below, choose the "pencil" icon to edit the assignment.

[[File:assignment1.jpg |frame|center|Assignment panel 1]]

* Check"Has topics?" and "Staggered deadline assignment?" two checkbox, and create new topics in "Topics" panel, click "save".

[[File:assignment2.jpg |frame|center|Create Topics]]

* Back to the "Manage Content" page, choose the "Edit signup sheet" icon.

[[File:assignment3.jpg |frame|center|Assignment panel 2]]

* Error: can't write unknown attribute 't_id'.

[[File:assignment4.jpg |frame|center|Error]]

=='''Problem Analysis'''==
* After discussing with professor, the "sign up sheet" icon in assignment pop up panel should be moved. Because that icon has the same functionality as "topic" panel in assignment edit window. These work has already done by [http://wiki.expertiza.ncsu.edu/index.php/CSC/ECE_517_Spring_2015/oss_E1509_lds OSS1509]. So we have to move all the staggered-deadline realted code to the [https://github.com/expertiza/expertiza/blob/rails4/app/controllers/assignments_controller.rb assignments_controller.rb] and [https://github.com/expertiza/expertiza/blob/rails4/app/views/assignments/edit.html.erb assignments/edit.html.erb].

* In "sign_up_sheet_controller", there are several errors and confusions in function "add_sign_up_topic". The function is used to display a page that lists all the available topics for a staggered-deadline assignment. 
See the function code below:
<pre>
def add_signup_topic
load_add_signup_topics(params[:id])

@review_rounds = Assignment.find(params[:id]).get_review_rounds
@topics = SignUpTopic.where(assignment_id: params[:id])

#Use this until you figure out how to initialize this array
@duedates = SignUpTopic.find_by_sql("SELECT s.id as topic_id FROM sign_up_topics s WHERE s.assignment_id = " + params[:id].to_s)

unless @topics.nil?
i=0
@topics.each { |topic|

@duedates[i]['t_id'] = topic.id
@duedates[i]['topic_identifier'] = topic.topic_identifier
@duedates[i]['topic_name'] = topic.topic_name

for j in 1..@review_rounds
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('submission').id).first
duedate_rev = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('review').id).first
if !duedate_subm.nil? && !duedate_rev.nil?
@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
else
#the topic is new. so copy deadlines from assignment
set_of_due_dates = DueDate.where(assignment_id: params[:id])
set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, 0, topic.id)
}

@duedates[i]['submission_'+ j.to_s] = DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
@duedates[i]['review_'+ j.to_s] = DateTime.parse(duedate_rev['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")
end

end
duedate_subm = TopicDeadline.where(topic_id: topic.id, deadline_type_id: DeadlineType.find_by_name('metareview').id).first
@duedates[i]['submission_'+ (@review_rounds+1).to_s] = !(duedate_subm.nil?)?(DateTime.parse(duedate_subm['due_at'].to_s).strftime("%Y-%m-%d %H:%M:%S")):nil
i = i + 1
}
end

end
</pre>
The main confusions are:
* In line 8, the variable "duedates" are declared as type "SignUpTopic". The naming is quite confusing.
* In line 14, the SignUpTopic class doesn't have a column "t_id", it raises an error. We think it should be "topic_id".
* From the code we can guess the variable "duedates" is used to store the deadline for each topic. The class "DueData" does exist, but it does not have column "topic_identifier" or "topic_name". It only stores the deadline for a single assignment.

=='''Puzzle'''==
* If there is more than one round, which means students can submit their assignments more than once, so the staggered-deadline should refer to which deadline?
'''[Professor]''' In a staggered-deadline assignment, there is one submission deadline and one review deadline per round. These are always set on a per-topic basis.
If the view currently works (and I think it might), as soon as you make an assignment a staggered-deadline assignment, the Signup Sheet (Topics) page will have a link at the bottom to show deadlines for each topic. Click it, and you will see a separate text box for each deadline for each topic.

* If staggered-deadline of one assignment is even later than the second-round review, is it means that that assignment do not need peer review and go directly into meta-review stage?
'''[Professor]''' No, there are also separate meta-review deadlines for a staggered-deadline assignment.
I think in the current implementation, only submission deadlines, review deadlines, and meta-review deadlines vary by topic. In a more complete implementation, there would be a way for ANY deadline to vary by topic. This would include signup deadlines, drop-topic deadlines, team-formation deadlines, and any other kind of deadline that is defined later.

* When to set staggered-deadline assignments? Create assignment or Before submission?
'''[Professor]''' Basically, the staggered-deadline is set at the same time when an assignment is created. But if one team cannot hand in their work with sufficient reasons, instructor may extend the deadline of their topic.

* What is the meaning of "dependencies" between topics?
'''[Professor]''' The ''dependencies'' of topics means one topic cannot start until another topic finishes. For instance, ''Ruby'' topic must be finished before ''Rails'' topic.

=='''Workflow'''==

==='''Set topics staggered deadline'''===

==='''Save topics dependency and show dependency graph'''===
In edit signup sheet for assignment, we want to save topic dependency and show the depandency graph, as show below:
[[File:save_denpendency.jpg |frame|center|Assignment panel 1]]
In order to show the dependency graph, we must first save topics dependency and save the topic dependency graph under <code> public/assets/staggered_deadline_assignment_graph </code> path. We first add new method in 'due_date' model:
<pre>
def self.assign_start_due_date(assignment_id, set_of_topics)

#Remember, in create_common_start_time_topics function we reversed the graph so reverse it back
set_of_topics = set_of_topics.reverse

set_of_topics_due_dates = Array.new
i=0
days_between_submissions = Assignment.find(assignment_id)['days_between_submissions'].to_i
set_of_topics.each { |set_of_topic|
set_of_due_dates = nil
if i==0
#take the first set from the table which user stores
set_of_due_dates = DueDate.where(assignment_id)
offset = 0
else
set_of_due_dates = TopicDeadline.where(set_of_topics[i-1][0])
set_of_due_dates.sort_by { |a, b| a.due_at <=> b.due_at }
offset = days_between_submissions
end

set_of_topic.each { |topic_id|
#if the due dates have already been created and the save dependency is being clicked,
#then delete existing n create again
prev_saved_due_dates = TopicDeadline.where(topic_id)

#Only if there is a dependency for the topic
if !prev_saved_due_dates.nil?
num_due_dates = prev_saved_due_dates.length
#for each due date in the current topic he want to compare it to the previous due date
for x in 0..num_due_dates - 1
#we don't want the old date to move earlier in time so we save it as the new due date and destroy the old one
if DateTime.parse(set_of_due_dates[x].due_at.to_s) + offset.to_i < DateTime.parse(prev_saved_due_dates[x].due_at.to_s)
set_of_due_dates[x] = prev_saved_due_dates[x]
offset = 0
end
prev_saved_due_dates[x].destroy
end
end

set_of_due_dates.each { |due_date|
create_topic_deadline(due_date, offset, topic_id)
}
}
i = i+1
}
end
</pre>

Then, change the <code>save_topic_dependencies</code> method in <code> sign_up_sheet_controller.rb </code>:
<pre>
492 - redirect_to_sign_up(params[:assignment_id])
493 + redirect_to :action => 'add_signup_topics_staggered', :id => params[:assignment_id]
</pre>

Since we use <code>RGL:Graph#write_to_graphic_file</code> method to turn the dependency graph into <code>jpg</code> file, we need to install graphviz in our gems. Otherwise, the RGL will uses <code>dot</code> files as an intermediary format to produce image formats. If we download the <code>GraphViz</code> packege, RGL will invoke it to produce a <code>jpg</code> file.
<pre>
gem 'graphviz'
</pre>
Then, after we click the <code>Save dependency</code> button, and click <code>show dependency graph</code> button, the dependency graph is shown below:
[[File:show_denpendency.jpg |frame|center|Assignment panel 1]]

==='''Test'''===

==='''Deploy on VCL'''===

* Visit http://vcl.ncsu.edu/ > Make a Reservation
* Select Ruby on Rails / Expertiza from the "Please select the environment ..." dropdown, select a duration, and then click Create Reservation
* Once the reservation is available, click Connect
* Follow the instructions on the connect screen (connect via SSH and then VNC). Connecting to SSH starts up VNC, the graphical environment to which you will connect.
* When connecting for the first time, it will prompt you for a password to access your (VNC) desktop. You can use any password, and it will be saved for later sessions.
* Follow the instructions given to connect to VNC. It is recommended to use VNC Viewer for Google Chrome.
* Once connected to VNC, you should see Aptana RadRails running.

=='''Related materials'''==
*An [http://research.csc.ncsu.edu/efg/expertiza/reports/Instructor_documentation.doc instructor manual], explaining how to create an deploy an assignment in Expertiza.
*An [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/instructor.swf instructor video], slightly dated, showing how to create and deploy an assignment
* A guide for [[Creating_Custom_Rubric]]
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_documentation.pdf PDF] presentation explaining how to submit and review an assignment with Expertiza.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/videos/student.swf video] showing how to use the system to submit and review an assignment.
*For students, a [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.ppt Powerpoint] or [http://research.csc.ncsu.edu/efg/expertiza/presentations/student_wiki_documentation.pdf PDF] presentation explaining how to submit and review wiki pages with Expertiza.
*For students, a [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.ppt Powerpoint] or [http://courses.ncsu.edu/csc517/common/homework/topic-signup-team-formation.pdf PDF] presentation explaining how to form teams and sign up for topics<ref>[http://wikis.lib.ncsu.edu/index.php/Expertiza Expertiza. Wolfwikis]</ref>.

=='''References'''==
<references/>

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:19:26Z

Zxie4: /* Puzzle */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:18:58Z

Zxie4: /* Puzzle */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:18:11Z

Zxie4: /* Initial Analyse */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:16:22Z

Zxie4: /* Error Message Present */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:14:50Z

Zxie4: /* Benefit */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:13:54Z

Zxie4: /* Background */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-04-01T02:13:22Z

Zxie4: /* Background */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-03-31T06:46:12Z

Zxie4: /* Documentation [http://wikis.lib.ncsu.edu/index.php/Expertiza] */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-03-31T06:42:28Z

Zxie4: /* Documentation */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-03-31T06:39:58Z

Zxie4: /* Problem Statement */

CSC/ECE 517 Spring 2015 S1524 FSZZ

2015-03-31T06:16:58Z

Zxie4: /* Initial Analyse */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:23:59Z

Zxie4: /* Conclusion */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: [http://en.wikipedia.org/wiki/Front_and_back_ends front and back ends]. The frontend is usually written in Javascript, using [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX] methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace, click start editing to start coding.
[[File: Cloud9_4.jpeg]]

*Step5: Then you can use command line to compile and run your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friends according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet on the same project, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs <ref>http://www.hongkiat.com/blog/cloud-ide-developers/</ref> ==

=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed development is playing a more and more important role in the programmers' coordination to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:22:31Z

Zxie4: /* Conclusion */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: [http://en.wikipedia.org/wiki/Front_and_back_ends front and back ends]. The frontend is usually written in Javascript, using [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX] methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace, click start editing to start coding.
[[File: Cloud9_4.jpeg]]

*Step5: Then you can use command line to compile and run your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friends according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet on the same project, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs <ref>http://www.hongkiat.com/blog/cloud-ide-developers/</ref> ==

=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed development is playing a more and more important role among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:20:24Z

Zxie4: /* Example */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: [http://en.wikipedia.org/wiki/Front_and_back_ends front and back ends]. The frontend is usually written in Javascript, using [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX] methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace, click start editing to start coding.
[[File: Cloud9_4.jpeg]]

*Step5: Then you can use command line to compile and run your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friends according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet on the same project, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs <ref>http://www.hongkiat.com/blog/cloud-ide-developers/</ref> ==

=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:19:02Z

Zxie4: /* Example */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: [http://en.wikipedia.org/wiki/Front_and_back_ends front and back ends]. The frontend is usually written in Javascript, using [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX] methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace, click start editing to start coding.
[[File: Cloud9_4.jpeg]]

*Step5: Then you can use command line to compile and run your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet on the same project, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs <ref>http://www.hongkiat.com/blog/cloud-ide-developers/</ref> ==

=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:13:24Z

Zxie4: /* Some other Online IDEs */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: [http://en.wikipedia.org/wiki/Front_and_back_ends front and back ends]. The frontend is usually written in Javascript, using [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX] methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs <ref>http://www.hongkiat.com/blog/cloud-ide-developers/</ref> ==

=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:10:05Z

Zxie4: /* Technical basis */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: [http://en.wikipedia.org/wiki/Front_and_back_ends front and back ends]. The frontend is usually written in Javascript, using [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX] methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:06:59Z

Zxie4: /* Kodingen */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== [https://koding.com/ Koding] ===

Koding is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Koding is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:06:29Z

Zxie4: /* See also */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community.<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref> Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:05:11Z

Zxie4: /* Sourcekit */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== [https://chrome.google.com/webstore/detail/sourcekit/iieeldjdihkpoapgipfkeoddjckopgjg Sourcekit] ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://koding.com/ Koding]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:04:16Z

Zxie4: /* eXo Cloud IDE */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://koding.com/ Koding]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==
<references/>

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:02:23Z

Zxie4: /* Codeanywhere */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)<ref>http://readwrite.com/2014/06/24/distributed-development-open-source-colocation</ref>

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== [https://codeanywhere.net/ Codeanywhere] ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://koding.com/ Koding]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T21:01:30Z

Zxie4: /* See also */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* [https://shiftedit.net/ ShiftEdit]
* [http://www.erbix.com/js/ Erbix]
* [https://super.neutrondrive.com/ Neutron IDE]
* [https://code.google.com/p/collide/ Collide]
* [http://eclipse.org/orion/ Orion]
* [http://pythonfiddle.com/ Python Fiddle]
* [https://codenvy.com/ Codenvy]
* [https://koding.com/ Koding]
* [https://www.pythonanywhere.com/ PythonAnywhere]
* [https://www.sourcelair.com/home sourceLair]
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have a long way to go.

== Reference ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:49:37Z

Zxie4: /* See also */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* Coderun Studio
* ShiftEdit
* Akshell
* Erbix
* Neutron IDE
* Collide
* Orion
* Python Fiddle
* Codenvy
* Koding
* PythonAnywhere
* sourceLair
* YouOS
* [http://codebox.io Codebox]

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model. Additionally, during coding process using cloud 9, we agree to that the loading stage of cloud 9 is a bit long, not to mention we access it through a high-speed wifi. Think about team members with low network access speed, everything they see was delayed which is detrimental to the development team. Maybe the online IDE and distributed development would replace the traditional development method, but it still have long way to go.

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:45:52Z

Zxie4: /* Background */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Technical basis ===

An Online IDE, like most websites, is usually composed of two pieces: a frontend and a backend. The frontend is usually written in Javascript, using AJAX methods to communicate with the backend using a HTTP API, although in some cases, a browser extension or desktop application serves as the frontend and communicates with the backend without the need for a browser. The backend takes care of creating, saving, and opening files, as well as running any terminal commands if the IDE supports it.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* Coderun Studio
* ShiftEdit
* Akshell
* Erbix
* Neutron IDE
* Collide
* Orion
* Python Fiddle
* Codenvy
* Koding
* PythonAnywhere
* sourceLair
* YouOS

== Conclusion ==
According to its specific advantages, Online IDE and Distributed developments is playing a more and more important role in the among the programmers' coordinating to handle various tasks. However, we can still see that most of the software companies or Network companies still prefer to the traditional development model.

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:37:00Z

Zxie4: /* Some other Online IDEs */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

=== See also ===

* Coderun Studio
* ShiftEdit
* Akshell
* Erbix
* Neutron IDE
* Collide
* Orion
* Python Fiddle
* Codenvy
* Koding
* PythonAnywhere
* sourceLair
* YouOS

== Conclusion ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:31:56Z

Zxie4: /* Some other Online IDEs */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

=== Kodingen ===

Kodingen is one of the first Cloud editors to really do web-based IDEs the right way. It allows developers to code in PHP, Python, Perl and Javascript while working with popular frameworks like Django, Ruby on Rails and Node.js. Kodingen is bolstered by the rich and diverse community of users that patronize the service, which makes collaboration and sharing in the Cloud fairly convenient.

== Conclusion ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:26:45Z

Zxie4: /* Some other Online IDEs */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

=== Sourcekit ===

Sourcekit is a Textmate like lightweight programmer's text editor right inside of Chrome. It saves files directly to Dropbox. Supported languages include all the majors you'd expect, such as C/C++/C#, PHP, Python, Javascript, MySQL, Java and Ruby. As far as lean browser IDEs are concerned, Sourcekit is an extremely attractive option.

== Conclusion ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:25:28Z

Zxie4: /* eXo Cloud IDE */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it's a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

== Conclusion ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:25:03Z

Zxie4: /* Codeanywhere */

='''Online IDEs and Distributed Development'''=

An online IDE, also known as Web IDE or cloud IDE, is an [http://en.wikipedia.org/wiki/Integrated_development_environment integrated development environment] (IDE) that is hosted in a browser, which allows for software development or web development. An online IDE can be accessed from a web browser, such as Google Chrome or Internet Explorer, allowing for a portable work environment. An online IDE does not usually contain all of the same features as a traditional, or desktop, IDE, although all of the basic IDE features, such as syntax highlighting, are typically present.

The idea of [http://en.wikipedia.org/wiki/Distributed_development Distributed Development] is a project development model where members in the same team spreading across geographical lines contribute to collaborate on applications or softwares and communicate through the Internet. Actually, the distributed development stems from [http://en.wikipedia.org/wiki/Open-source_software open source software] community. Also the appearance of [http://en.wikipedia.org/wiki/GitHub Github] and [http://en.wikipedia.org/wiki/Wiki Wiki] more facilitates the booming of distributed development.

[https://docs.google.com/a/ncsu.edu/document/d/1TgBtp7flIPKJwkkShgtcIkt--mtHuwVHsQX6Tpzj1rc/edit# Writing Assignment 1A]

__TOC__
== Background ==
=== Motivation ===

It has always been difficult for programmers to organize and work on projects across a variety of locations, computers, and devices – especially when you work in teams. When you store your code on one computer at one location, you become tied down to that one computer, finding yourself running back to that machine each time you're hit with coding inspiration. Worse, if you're working in a team, each member of the team has to send their code to every other member, each step of the way, creating organizational distractions and unnecessary delays. This is the problem that online IDEs have solved, and the programming world will never be the same.

In the past, in order to deal with big projects, in-house collaboration is the main stream of the people cracking projects. As the world goes more international, and a growing number of software startups spring up like mushrooms in the world, people begin to work across regional bounds and be accustomed to work remotely for different purposes. Vice versa, quite a bit of the programmers are more willing to work from home rather than being forced to relocate for demands of face-to-face discussion. Under this circumstance, online IDEs and distributed development start to step into the public's vision.

With an online IDE you can store your code online, allowing you the freedom to program from any computer (or device) with a connection to the internet. With an online IDE, you and your team can work on the exact same set of files, regardless of where your team members are, allowing you to work better as a team and keep your projects organized.

=== Pros and Cons ===

==== Benefits ====
*Access from anywhere or any computer (with Internet access).
*Minimal configuration needed, no Operating Systerm restriction.
*Allows for development from inexpensive machines, even portable devices.
*Enable team members updated to the latest changes in code, and keep projects organized.
*Help companies, especially startups save money on office facilities.
*Available for local resources like customer feedback
*More comfortable and less pressed environment which is good for innovation and inspiration
==== Limitations ====
*Must have (good) Internet access.
*If not self hosted, possible outside security issues.
*Possible server downtime.
*Most do not support smart phones or tablets well.
*Much less business compulsion
*Different personal schedules makes it hard for on-time communication
*Less coordinative and productive (not adopted by many large companies, including Facebook)

== Example ==

Here is an brief introduction of using an online IDE to conduct a real-time distributed development.

[https://c9.io/ Cloud9]provides an open source integrated development environment in the cloud. It supports more than 40 languages, with class A support for PHP, Ruby, Python, JavaScript/Node.js, and Go. It enables developers to get started with coding immediately with pre-setup environments (workspaces), collaborate with their peers with collaborative coding features, and web development features like live preview and browser compatibility testing.

*Step1: go to cloud 9 official website and you need to sign up first of all
[[File: Cloud9_1.jpg]]

*Step2: sign in the cloud 9 and you'll see the dashboard
[[File: Cloud9_2.jpg]]

*Step3: click the green button "create new space" on the left and you'll see various projects you can create
[[File: C959664B-8EBE-47B3-B6BC-C4359240B6D5.jpeg]]

*Step4: Here we use C/C++ as an example to create new workspace
[[File: Cloud9_4.jpeg]]

*Step5: Then click the green button start editing on the up left, then you can use command line to code your first program!
[[File: Cloud9_5.jpeg]]

*Step6: If you want to code with other team members online, just click the share on the up right corner and invite your friend according to their usernames
[[File: Cloud9_6.jpeg]]

*Step7: Then you can code with your teammates via Internet, you can see their real-time changes according to cursors with different colors
[[File: Cloud9_7.jpeg]]

== Some other Online IDEs ==
=== Codeanywhere ===

It features code highlighting and support for HTML, CSS, Javascript, PHP, MySQL and more. Thanks to the available slew of handy apps for iOS, Android and BlackBerry, this tool enables anyone to code literally anywhere. In addition, it boasts Dropbox and SFTP support, which allow coders to easily backup project files and share them with collaborators. Though it's not the most full-featured Cloud IDE, it does what it does quite well.

=== eXo Cloud IDE ===

it’s a solid Cloud contender that supports the usual languages like Javascript, Ruby, Groovy, Java and HTML etc. In particular, eXo Cloud is well suited to coders who specialize in Java programming. It supports Java servlets and Java Server Pages, as well as Maven. Deployment is handled by Heroku, CloudBees, Red Hat OpenShift and Cloud Foundry.

== Conclusion ==

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:23:21Z

Zxie4: /* Codeanywhere */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:22:28Z

Zxie4: /* Some other Online IDEs */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:21:44Z

Zxie4: /* Some other Online IDEs */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:21:12Z

Zxie4: /* Some other Online IDEs */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T20:20:32Z

Zxie4: /* Some other Online IDEs */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T04:18:32Z

Zxie4: /* Example */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T04:12:46Z

Zxie4: /* Example */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T04:07:14Z

Zxie4: /* */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T02:48:28Z

Zxie4: /* Limitations */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T02:22:12Z

Zxie4: /* Benefits and Limitations */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T02:00:57Z

Zxie4: /* Introduction to Online Development */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T01:59:23Z

Zxie4: /* Motivation for Online IDEs and Distributed Development */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T01:58:18Z

Zxie4: /* Online IDEs and Distributed Development */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T01:57:46Z

Zxie4: /* Online IDEs and Distributed Development */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T01:20:52Z

Zxie4: /* Motivation for Online IDEs and Distributed Development */

CSC/ECE 517 Spring 2015/ch1a 5 ZX

2015-01-29T01:16:38Z

Zxie4: /* Motivation for Online IDEs and Distributed Development */