Wrangling Web Contributions: How to Build a CONTRIBUTING.md

<!DOCTYPE html> <html> <head> <title>Wrangling Web Contributions: How to Build a CONTRIBUTING.md</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href='https://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,500,500italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" href="../assets/css/style.css"> <link rel="icon" type="image/ico" href="https://mozillascience.org/img/favicon.ico"> <script src="https://code.jquery.com/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script> <script src="../assets/javascript/script.js" type="text/javascript" charset="utf-8"></script> </head> <body> <aside> <div class="logo"> <a href="http://mozillascience.github.io/working-open-workshop/" title="WOW-Berlin Homepage"> <img src="../assets/images/science-fox.svg" /> </a> </div> <nav> <a class="selected" href="#introduction">Introduction</a> <a href="#steps-to-complete">Steps to Complete</a> <a href="#glossary">Glossary</a> <a href="#resources">Resources</a> </nav> </aside> <article> <div class="logo"> <a href="https://mozillascience.org" title="Mozilla Science Lab"> <img src="../assets/images/science-lab-logo.svg" /> </a> </div> <h1>Wrangling Web Contributions: How to Build a CONTRIBUTING.md</h1> <div class="meta-information"> <p class="summary"> In this activity you will learn how to create and maintain a CONTRIBUTING.md for an open source project. </p> <div class="details"> <time>30 minutes</time> <p class="difficulty">For beginners</p> </div> </div> <section class="presentation-details"> <section> <h4>Format</h4> <p> This exercise works well as an in-person workshop or an online exercise. It can be done individually or in a group. </p> </section> <section> <h4>Target Audience</h4> <p> Open science project and community leads and Mozilla Study Group leads seeking to attract and grow communities of contributors around their projects </p> </section> <section> <h4>Materials</h4> <ul> <li> Pen/pencil & paper </li> <li> Collaborative document editor like <a href="https://github.com/mozillascience/working-open-workshop/blob/master/handouts/public.etherpad-mozilla.org"> Etherpad</a> or Google Docs </li> <li> A markdown viewer (such as <a href="http://25.io/mou/">Mou</a>) to test your file before posting online </li> </ul> </section> </section> <h2 id="introduction">Introduction</h2> <p> A CONTRIBUTING.md file, in your open source repository or site, provides potential project contributors with a short guide to how they can help with your project or study group. It is convention to capitalize the word "contributing" as the file title, and to save it as a resource in markdown (hence the extension .md). </p> <p> This file is for: <ul> <li><em>Project owners</em> - creators and maintiners of the file</li> <li><em>Project contributors</em> - users of the file who want to know items they're welcome to tackle, and tact they need in navigating the project/respecting those involved with the project</li> <li><em>Project consumers</em> - users who want to build off the project to create their own project</li> </ul> </p> <p> CONTRIBUTING.md should be in your root directory, think of it as a anchor for your project, around which you will build community and keep things tidy. It complements other "all-caps" resources like your README.md (which introduces your community to the project, its purpose and basic installation requirements), or your LICENSE.md (which provides information on the reuse and permissions associated with the code). </p> <p> The CONTRIBUTING.md should be one of your first priorities in putting an open source/science project online to solicit contributions. If you have yet to define possible avenues of contribution, consider creating a CONTRIBUTING.md file with a "check back later, we will populate this soon" message, and the contact information of the project lead for follow-up.  </p> <p> You should try to build a draft of the CONTRIBUTING.md file with the core contributors to your project to help them feel a shared sense of responsibility and to create the best possible guide for encouraging new contributors. It is sometimes best to practice building a markdown file in an offline program like <a href="http://25.io/mou/">Mou</a> or an online one like <a href="http://dillinger.io/">Dilliger</a> before you post it online. </p> <h2 id="steps-to-complete">Steps to Complete</h2> <ol class="steps">  <li> <h1>Reflect / Plan</h1> <p> Start by reflecting on what to include, and what to invite (in terms of contributions) in your CONTRIBUTING.md. See an <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md"> example of the Atom.io CONTRIBUTING.md file</a>. Consider adding the following elements to your file. </p> <p> <ul> <li> <strong>Welcome contributors to the project</strong>: Admit that you are eager for contributions and so happy they found themselves here. </li> <li> <strong>Table of Contents</strong>: If your CONTRIBUTING.md file is long, you might consider including a table of contents with links to different headings in your document. In github, each heading is given a URL by default, so you can link to that URL in the appropriate section of the Table of Contents for each heading. Do this in Markdown by wrapping the heading in [ ] and following with a parenthetical that includes the URL or header after # like <code>[Reporting Bugs](#reporting-bugs)</code>. </li> <li> <strong>Short Links to Important Resources</strong>:<br />    <strong>docs</strong>: handbook / roadmap (you'll learn more about this in the roadmapping session)<br />    <strong>bugs</strong>: issue tracker / bug report tool<br />    <strong>comms</strong>: forum link, developer list, IRC/email<br /> </li> <li> <strong>Testing</strong>: how to test the project, where the tests are located in your directories. </li> <li> <strong>Environment details</strong>: how to set up your development environment. This might exist in the README.md depending on the project. If so, include a link. </li> <li> <strong>How to submit changes</strong>: Pull Request protocol etc. You might also include what response they'll get back from the team on submission, or any caveats about the speed of response. </li> <li> <strong>How to report a bug</strong>: Bugs are problems in code, in the functionality of an application or in its UI design; you can submit them through "bug trackers" and most projects invite you to do so, so that they may "debug" with more efficiency and the input of a contributor. Take a look at <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md#reporting-bugs"> Atom's example</a> for how to teach people to report bugs to your project. </li> <li> <strong>Templates</strong>: in this section of your file, you might also want to link to a bug report "template" like this one <a href="https://gist.github.com/auremoser/72803ba969d0e61ff070">here</a> which contributors can copy and add context to; this will keep your bugs tidy and relevant. </li> <li> <strong>First bugs for Contributors</strong>: Sometimes it is helpful to provide some guidelines for the types of bugs contributors should tackle (should they want to fix the bugs and not just submit them), see Atom's example section <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md#styleguides">here</a>. </li> <li> <strong>How to request an "enhancement"</strong> - enhancements are features that you might like to suggest to a project, but aren't necessarily bugs/problems with the existing code; there is a "label" for enhancments in Github's Issues (where you report bugs), so you can tag issues as "enhancement," and thereby allow contributors to prioritize issues/bugs reported to the project. See <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md#suggesting-enhancements">Atom's example section</a>. </li> <li> <strong>Style Guide / Coding conventions</strong> - <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md#styleguides">See Atom's example</a>. </li> <li> <strong>Code of Conduct</strong> - You can make this part of CONTRIBUTING.md as <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md#code-of-conduct">Atom did</a> to set the tone for contributions. You can also make this a separate Markdown file and link to it in CONTRIBUTING.md. You can also extend this section to link to your LICENSE.md or any details for project consumers on permissions and license details you have established for building on your work. </li> <li> <strong>Recognition model</strong> - provide a pre-emptive "thank you" for contributing and list any recognition contributors might receive for participating in your project. </li> <li> <strong>Who is involved?</strong> - <a href="https://github.com/opengovernment/opengovernment/blob/master/CONTRIBUTING.md">Open Government's CONTRIBUTING.md</a> has as a name/author, and it might be nice to have a more personal/friendly individual to attact to a project and reach out to with questions. You might list the core contributors and their preferred methods of contact here, or link to a <a href="http://humanstxt.org/">humans.txt</a> file in your root directory (same place as your CONTRIBUTING.md file), which lets people know who they are working. Here is an <a href="http://www.stereosemantics.com/humans.txt">example of a humans.txt file</a>. </li> <li> <strong>Where can I ask for help?</strong> - a nice extension to the previous section, with links to good comms channels for anyone with questions. </li> </ul> </p> </li>  <li> <h1>Create a CONTRIBUTING.md file</h1>  <p> Start by making the structure of your project clean and welcoming, with folder titles that make sense, if you have several projects, consider adopting a template "project structure" that is consistent across projects, take a look at this <a href="https://github.com/CODESIGN2/Project-Structure">example</a>. </p> <p> Author a CONTRIBUTING.md file that fits your projects. Check out the models below in "Followup Resources" and incorporate the appropriate "To Include" items above. </p> </li>  <li> <h1>Make Supporting Materials</h1>  <p> <strong>Make a LICENSE</strong>: Make a LICENSE.md file that you can reference in your CONTRIBUTING.md file, use the following links to generate and copy the appropriate text: <a href="https://creativecommons.org/choose/">https://creativecommons.org/choose/</a><br /> <a href="http://choosealicense.com/">http://choosealicense.com/</a> </p> <p> <strong>Make a README</strong> - make a README.md with a brief description of your project and some setup/installation details that you might link to in your CONTRIBUTING.md file. </p> <p> <strong>Create a system for rewarding people</strong><br /> (OPTIONAL) Include a humans.txt file to give accolades to contributors. Store this in your root directory just like your CONTRIBUTING.md. On deployment, it will be available via your website at <em>www.YOURWEBSITE.com/humans.txt</em>.<br /> <br />(OPTIONAL) <a href="https://guides.github.com/activities/citable-code/">Get a DOI</a> for a your project and make <a href="https://mozillascience.org/projects/contributorship-badges">Contributor Badges</a> as a way to recognize contributors for their particular contributions.<br /> <br />Hat-tip or thank people in your README.md, especially if you forked their repo. Thank people when they submit issues or requests; be polite. </p> </li> </ol> <h2 id="glossary">Glossary</h2> <section class="glossary"> <section class="term"> <h3>Bug</h3> <p> Bugs are problems in a project, particularly one in code, they are either problems where a program/project does not perform according to intention, or situations where the users' expectations are not met in a program/project. You can read a more granular definition in <a href="http://www.codesimplicity.com/post/what-is-a-bug/">Code Simplicity</a> or in <a href="https://en.wikipedia.org/wiki/Software_bug">Wikipedia</a>. </p> </section> <section class="term"> <h3>Bug Tracker Tool</h3> <p> Bug reporting tools are applications for processing and organizing bugs submitted by product contributors or users, <a href="https://bugzilla.mozilla.org/">Bugzilla</a> is Mozilla's bug tracking tool, and <a href="https://github.com/features">Github has it's own issue system</a> built into every repository, in the "issues" tab of your repo. See <a href="https://en.wikipedia.org/wiki/Bug_tracking_system">Wikipedia</a> for more details. </p> </section> </section> <h2 id="resources">Follow-up Resources & Materials</h2> <ul> <li> <a href="https://help.github.com/articles/setting-guidelines-for-repository-contributors/">Github's Guidelines for setting up CONTRIBUTING.md</a> </li> <li> <a href="https://opensource.com/life/16/1/8-ways-contribute-open-source-without-writing-code">Guidelines for non-code contributions to open source projects</a> </li> <li> <a href="http://mozillascience.github.io/leadership-training/03.1-mechanics.html">Working Open Guide: Mechanics of Contributing</a> </li> <li> <a href="http://www.slidewinder.io/docs/">SlideWinder Contributor Site</a> </li> <li> <a href="https://github.com/atom/atom/blob/master/CONTRIBUTING.md">Atom Editor's CONTRIBUTING.md</a> </li> <li> <a href="https://github.com/opengovernment/opengovernment/blob/master/CONTRIBUTING.md">Open Government's CONTRIBUTING.md</a> </li> </ul> <h2>Credits & Attribution</h2> <p> Hat-tip to the Atom and Open Government developers for their fabulous examples, the creators of Humans.txt, Github and Github's documentation, Mou, Dilliger, Bugzilla, Slidewinder, and the Working Open Guide (linked above). </p>  </article> </body> </html>

CINXE.COM

Wrangling Web Contributions: How to Build a CONTRIBUTING.md