home.html 17.8 KB
Newer Older
Mark Stenglein's avatar
Mark Stenglein committed
1 2 3 4
layout: default
permalink: /
title: SRCT
description: "Mason SRCT is a student organization at George Mason University that establishes and maintains systems which provide specific services for Mason's community."
jumbotron: true
Mark Stenglein's avatar
Mark Stenglein committed
Daniel W Bond's avatar
Daniel W Bond committed

9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
<div class="row smidge">
  <div class="col-md-12 text-center">
      <span class="label label-default">
        <i class="fa fa-gavel fa-fw"></i>&nbsp;<strong>Next Meeting</strong>
       <span id="meetingDate">Please wait while we fetch the upcoming meeting information...</span>

<div class="row smidge">
  <legend><i class="fa fa-bullhorn fa-fw"></i>&nbsp;<strong>Mission</strong></legend>
  <div class="col-md-12">
    <p><strong>S</strong>tudent-<strong>R</strong>un <strong>C</strong>omputing and
    <strong>T</strong>echnology (SRCT, pronounced "<em>circuit</em>") is a student
    organization at <a href="https://www.gmu.edu/">George Mason University</a> which
    enhances student computing at our school by developing and maintaining systems
    that provide specific services for Mason's community.</p>
    <p>We were founded in 2011 to be a place where students could work together,
    share their knowledge, and build really neat projects for the benefit of everyone
    at Mason, as well as run a host of events to help get students involved. </p>

<div class="row smidge">
  <legend><i class="fa fa-child fa-fw"></i>&nbsp;<strong>Initiatives</strong></legend>
36 37

  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
    <h4><strong>Projects & Infrastructure</strong></h4>
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62
      <p>Our primary purpose is improving life at Mason by developing and hosting
         software services. We give students the opportunity to build their computing
         experience outside of the classroom, and for the benefit of the Mason community.
         All of the projects we develop are released under open source licenses so anyone
         can examine our code to learn, to make changes or improvements, or to run on
         their own.</p>
      <p>As one example, in 2011 two of our members wanted to make it easier to see when
         dining locations on campus were still open. Beginning together, but gradually
         bringing in contributions from half a dozen others, SRCT built
         <a href="https://whatsopen.gmu.edu/">whatsopen.gmu.edu</a>, displaying live
         the opening and closing times for all of Mason's dining options. Our
         collaborators then took the skills they learned creating that site with them
         to interviews and to the workforce. Today, it's our most popular project,
         visited by hundreds of students daily, and used at our meetings to teach
         prospective new members.</p>
      <p>There are many aspects required to create a functional, useful service, and more
         still to keep it running. Beyond coding or other technical contributions we need
         designers, organizers, artists, writers, and testers-- students who may never
         have taken a CS or IT course. If you're interested in helping, there are plenty
         of places to devote your talent.</p>
      <p>Not only do we work to continually improve our existing projects--let us know if
         you come across a bug or think of a useful new feature-- but we're always eager
         to hear ideas for new projects. Working together, our members can help bring
         your idea to fruition and deployment.</p>

David Haynes's avatar
David Haynes committed
65 66 67
  <!-- Projects & Infrastructure Image -->
  <img src="/assets/img/openhatch.jpg" alt="Renfred and Daniel assist Heather, a student attending our Openhatch workshop in 2014." class="index-image">
  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
    <h4><strong>Events & Workshops</strong></h4>
70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90
      <p>We work to offer opportunities for Mason students to strengthen their skills and
         further their leadership experience through a broad variety of events throughout
         the year.</p>
      <p>Each month or so, we hold large-scale events. These have ranged from all-day
         workshops, with small group breakout sessions, speakers, and panels to week-long
         guided development competitions.</p>
      <p>We organize contingents to represent Mason at hackathons around the country,
         intercollegiate programming competitions for students of all skill levels. We
         also travel to conferences like LibrePlanet or PyCon to deepen our knowledge,
         for inspiration, and to build out connections beyond the Mason community.</p>
      <p>Additionally, and on a smaller scale, we hold weekly meetings with talks or
         workshops led by other students, or occasionally, special guest speakers. These
         cover a broad number of industry-standard topics, and range from introductory
         steps to deep dives. A recurring subset of these workshops aim at preparing
         students for the kinds of questions they might encounter in technical
      <p>These meetings also afford us the opportunity to work on projects in person
         together, and hammer out solutions to challenges or organize timelines for
         continued development. Project managers also occasionally call separate,
         project-specific workshops to help move their project through the next feature
         or to the next release.</p>

David Haynes's avatar
David Haynes committed
93 94 95
  <!-- Events & Workshops Image -->
  <img src="/assets/img/bitcamp.jpg" alt="Michel and Ben compete at Bitcamp, a hackathon held at the university of Maryland, in 2014." class="index-image">
  <div class="col-lg-9 col-lg-pull-3 col-md-8 col-md-pull-4 col-sm-12 col-xs-12 smidge">
    <h4><strong>Outreach & Community</strong></h4>
98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117
      <p>We believe in returning the skills we've learned together back to our community.
         Our student membership works to provide other students with hands-on learning
         opportunities, regardless of their experience level. Then, should they continue
         with our organization, they can take up the leadership role of teaching
         newcomers what they've learned themselves.</p>
      <p>Our commitment to volunteerism extends beyond development on our open source
         projects. We've led elementary school students through their first steps
         learning how to program. We began the drive for a campus maker space, so
         everyone could have a place to learn and collaborate on technical projects. We
         host software development services for Mason students. We continue to grow a
         collection of freely licensed campus photography.</p>
      <p>Underlying everything is friendship and spirit of fun. Our members work in study
         groups, get the occasional dinner together, or escape from technology for a bit
         and head outdoors. We hold celebratory events at the end of semesters, and stay
         in touch over the summer, or after graduating.</p>
      <p>SRCT was founded in part by three LGBTQ students, and we've long been proud of
         the diversity of our membership. In working to benefit the whole Mason
         community, we need input from as many of our diverse campus' perspectives as
         possible. Women and students from minority groups are welcomed and encouraged to
         participate and join. And if you're in CS 101, come say hello!</p>
David Haynes's avatar
David Haynes committed
119 120 121

  <!-- Outreach & Community Image -->
  <img src="/assets/img/org-fair.jpg" alt="Chris, Melissa, and Luca  stand at our table for Student Involvement's Get Connected student org fair in the beginning of fall 2014." class="index-image">
122 123

<div class="row smidge">
  <legend><i class="fa fa-laptop fa-fw"></i>&nbsp;<strong>Getting Involved</strong></legend>
  <div class="col-lg-4">
127 128 129 130 131
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center"><i class="fa fa-comments-o fa-fw"></i> Get In Touch</h3>
      <div class="panel-body">
132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152
          We communicate and organize primarily on <a href="https://slack.com/is">Slack</a>.
          Slack is a communication app for teams. If you've used
          <a href="https://en.wikipedia.org/wiki/Internet_Relay_Chat">IRC</a>, you'll feel
          right at home. Head to <a href="https://srct.slack.com/">srct.slack.com</a>,
          click 'Create an Account', and <a href="https://srct.slack.com/signup">sign up</a>
          with your Mason email address.
          When you get signed in, you'll will find 'channels' for discussion about all
          of our projects, events, and a number of other community topics. Join as many
          channels as you wish if you're interested their respective subjects. You may
          then want to install <a href="https://slack.com/downloads">Slack's mobile or desktop apps</a>.
          Then, sign up for our
          <a href="http://lists.srct.gmu.edu/listinfo/srct-general">primary mailing list</a>
          to get emails around once a month with updates on upcoming events, opportunities,
          or project releases.
153 154
          Finally, like our page on  <a href="https://facebook.com/MasonSRCT">Facebook</a>
          or follow us on <a href="https://twitter.com/MasonSRCT">Twitter</a>!
156 157 158
Daniel W Bond's avatar
Daniel W Bond committed

  <div class="col-lg-4">
161 162 163 164 165
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center"><i class="fa fa-heart-o fa-fw"></i> Stop On By</h3>
      <div class="panel-body">
167 168 169 170 171
          There are a couple of opportunities to come and say hello. During the semester,
          we hold weekly meetings, where we run
          <a href="https://wiki.srct.gmu.edu/Category:Workshops">workshops</a>,
          work on projects, plan events, and handle administrative and organizational matters.
          Remember to bring your laptop!
172 173
174 175 176
          Development meetups are called to push forward work on projects or help students
          continue to build the skills they need to contribute. They're a little more sporadic,
          but you're always welcome to join in.
177 178
          You can also come to any of our major events: all-day workshops, travel to conferences,
          hosting speakers, and more. Every event goes on our
Mark Stenglein's avatar
Mark Stenglein committed
          <a href="/calendar/">calendar</a>, on our <a href="https://facebook.com/MasonSRCT">Facebook page</a>,
182 183 184
          and is announced on our
          <a href="http://lists.srct.gmu.edu/listinfo/srct-general">mailing list</a>.
          You can also join us representing Mason at <a href="https://mlh.io/">hackathons</a>.
185 186
          Whenever you come, make sure to pick up a free SRCT sticker. They look lovely on laptops.
189 190 191

  <div class="col-lg-4">
194 195 196 197 198
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center"><i class="fa fa-files-o fa-fw"></i> Additional Resources</h3>
      <div class="panel-body">
        <ul class="nav nav-pills nav-justified smidgen small" role="tablist">
          <li role="presentation" class="active">
            <a href="#code" aria-controls="code" role="tab" data-toggle="tab"><strong>Code</strong></a>
202 203
          <li role="presentation">
            <a href="#design" aria-controls="design" role="tab" data-toggle="tab"><strong>Design</strong></a>
205 206
          <li role="presentation">
            <a href="#infra" aria-controls="infra" role="tab" data-toggle="tab"><strong>Infrastructure</strong></a>
208 209 210 211 212
        <div class="tab-content">
          <div role="tabpanel" class="tab-pane fade in active" id="code">
213 214 215 216 217 218 219 220 221 222
              Version control lets developers keep an organized history of their changes.
              This means you can fearlessly try out your ideas and allows multiple people
              to easily collaborate simultaneously. We use
              <a href="https://git-scm.com/">Git</a> as our version control system.
              All of our projects are on
              the <a href="https://about.gitlab.com/">git server we run</a> for Mason,
              <a href="https://git.gmu.edu/users/sign_in">git.gmu.edu</a>, and are mirrored
              to <a href="https://github.com/srct">Github</a>, a similar commercial service.
              Get a good handle on using git with
              <a href="https://try.github.io/levels/1/challenges/1">this quick tutorial</a>.
223 224
225 226 227 228 229 230 231 232
              You can check out
              <a href="https://git.gmu.edu/groups/srct">the source for all of our projects</a>
              and take a look at every issues we're working on. If you find any bugs,
              or think of a feature you believe would be beneficial, you can create an issue
              yourself. Dive right in by following a project's setup docs, or start
              going through a tutorial on the main development frameworks we use,
              <a href="https://docs.djangoproject.com/en/stable/intro/tutorial01/">in Python</a>,
              or <a href="https://www.meteor.com/tutorials/blaze/creating-an-app">in JavaScript</a>.
233 234 235 236
          <div role="tabpanel" class="tab-pane fade" id="design">
237 238 239 240 241 242 243
              Bring your ideas and perspectives to our promotional material, photography,
              and software interfaces! Start off by taking a look at Mason's
              <a href="http://brand.gmu.edu/">official branding guidelines</a>. They form
              the foundation for our design work, with their
              <a href="http://brand.gmu.edu/visual-identity-and-style/color/">recommended color palettes</a>,
              <a href="http://brand.gmu.edu/visual-identity-and-style/typography/">font faces</a>,
              and overall perspective.
244 245
246 247 248 249 250 251 252 253 254 255 256 257 258
              For contributing to software, see the kinds of elements and paradigms
              you can incorporate with CSS frameworks like
              <a href="http://getbootstrap.com/css/">Bootstrap</a> or
              <a href="http://www.getmdl.io/components/index.html">MDL</a>. Learn
              about creating straightforward user experiences by reading
              <em><a href="http://proquest.safaribooksonline.com.mutex.gmu.edu/book/web-design-and-development/9780133597271">Don't Make Me Think</a></em>,
              free through Mason's online collections.
              Then, walk through our projects, considering these sorts of questions: Are basic
              <a href="https://stayintech.com/info/UX">user functions obvious</a>?
              Do pages load cleanly and quickly on
              <a href="https://en.wikipedia.org/wiki/Responsive_web_design">both desktops
              and phones</a>? Can you easily understand when
              <a href="https://www.amherst.edu/help/make_accessible">using a screenreader</a>?
259 260 261 262
          <div role="tabpanel" class="tab-pane fade" id="infra">
263 264 265 266 267 268 269
              Without reliable server infrastructure to host all of our services,
              the code we write wouldn't be much help to Mason's community. Take a look
              at learning to use the Unix command line. In Hollywood, it's the
              <a href="https://www.youtube.com/watch?v=dFUlAQZB9Ng">sign of an elite hacker</a>,
              but doesn't have to be mystifying. Sure, no mouse is a bit different, but soon
              enough, you'll see both how using a terminal gives you far more power, and
              why for a lot of cases, it's easier than clicking, dragging, and dropping.
270 271
272 273 274
              The free version of
              <a href="https://www.codecademy.com/learn/learn-the-command-line">this tutorial</a>
              is a great place to begin.
              If you're already using Linux or macOS,
276 277 278 279
              <a href="http://cli.learncodethehardway.org/book/">this tutorial</a>
              is another great resource (ignore the intimidating title) to try things out
              on your own machine. Once you have a little practice under your belt,
              try following our documentation to deploy one of our
Mark Stenglein's avatar
Mark Stenglein committed
              <a href="/projects/">projects</a>.
281 282
              <a href="https://git.gmu.edu/srct/whats-open">What's Open</a>
              is a good one to start with.
283 284 285
286 287 288

Mark Stenglein's avatar
Mark Stenglein committed
291 292

293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319
$(function() {
  // Public API Key for Google Calendar access (Key from nander13's gmail account)
  var apiKey = "AIzaSyDgaXDxmMEdtbIaq3TXmf4jxXZLG8CeoMs";

  // Instead of loading the _entire_ Google API library, let's just make a GET request
    // Expand one recurring event to multiple events
    // Starting now until we hit the first event.
    "timeMin":new Date().toISOString(),
    // Change this if the title of the weekly meeting on the calendar changes!
  function(data) {
    var d = new Date(data.items[0].start.dateTime),
        monthName = d.toLocaleString("en-us", {month: "long"}),
        dateOptions = { weekday: 'long', month: 'long', day: 'numeric' },
        timeOptions = { hour: 'numeric', minute: 'numeric'},
        dateString = d.toLocaleString("en-us", dateOptions),
        timeString = d.toLocaleString("en-us", timeOptions);
Daniel W Bond's avatar
Daniel W Bond committed
    $("#meetingDate").text("Join us for our next meeting in "+data.items[0].location+" at "+timeString+" on "+dateString +". Make sure to bring your laptop!")
321 322 323