<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
Hello,
<div class=""><br class="">
</div>
<div class="">I’ll be making my presentation later today, a more straightforward demo than I had originally intended but still hopefully useful. I just posted a blog post that outlines the talk. <a href="http://drupalgroup.mit.edu/" class="">http://drupalgroup.mit.edu/</a>.
I hope you’ll be able to be there.</div>
<div class=""><br class="">
</div>
<div class="">Regards,</div>
<div class=""><br class="">
</div>
<div class="">Ed</div>
<div class=""><br class="">
</div>
<div class="">
<h1 class="title" id="page-title" style="box-sizing: border-box; font-size: 22px; margin: 20px 0px 10px; font-family: Arial, Helvetica, sans-serif; line-height: 1; color: rgb(75, 75, 75); border-bottom-width: 3px; border-bottom-style: double; border-bottom-color: rgb(204, 204, 204); padding-bottom: 0.5em; widows: 1; background-color: rgb(255, 255, 255);">
Blog</h1>
<div class="region region-content" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; widows: 1; background-color: rgb(255, 255, 255);">
<div id="block-system-main" class="block block-system" style="box-sizing: border-box;">
<div class="content" style="box-sizing: border-box;">
<div id="panels-ipe-display-panelizer-node-82-page-manager-87" class="panels-ipe-processed panels-ipe-display-container" style="box-sizing: border-box;">
<div class="clearfix panel-display burr-flipped radix-burr-flipped" style="box-sizing: border-box;">
<div class="container-fluid" style="box-sizing: border-box; margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 0px;">
<div class="row" style="box-sizing: border-box; margin-right: -15px; margin-left: -15px;">
<div class="radix-layouts-content panel-panel col-md-8" style="box-sizing: border-box; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 793.328px;">
<div class="panel-panel-inner" style="box-sizing: border-box;">
<div id="panels-ipe-regionid-contentmain" class="panels-ipe-region" style="box-sizing: border-box;">
<div class="panels-ipe-sort-container" style="box-sizing: border-box;">
<div id="panels-ipe-paneid-30" class="panels-ipe-portlet-wrapper panels-ipe-portlet-marker" style="box-sizing: border-box;">
<div class="panels-ipe-portlet-content" style="box-sizing: border-box;">
<div class="pane-views-panes panel-pane pane-mit-blogs-mit-post" style="box-sizing: border-box; position: relative; padding-bottom: 15px;">
<div class="pane-content" style="box-sizing: border-box;">
<div class="view-display-id-mit_post jquery-once-1-processed view-mit-blogs view view-id-mit_blogs view-dom-id-7f7f8be237699b443e5a64ff6e0cc16e" style="box-sizing: border-box;">
<div class="view-content" style="box-sizing: border-box;">
<div class="views-row-1 views-row-odd views-row-first views-row-last views-row" style="box-sizing: border-box;">
<div class="oa-list oa-news clearfix" style="box-sizing: border-box; border-bottom-width: 0px; padding: 0px 15px; margin-bottom: 15px;">
<div class="pull-right" style="box-sizing: border-box; float: right;"><span style="box-sizing: border-box;" class=""><img class="linkit-thumb" src="http://drupalgroup.mit.edu/sites/default/files/styles/linkit_thumb/public/pictures/edc_gravatar_0_0.png?itok=jtBPtDrs" width="50" height="38" alt="Ed Carlevale" style="box-sizing: border-box; border: 0px; vertical-align: bottom; max-width: 100%; height: auto; margin-left: 5px;"></span></div>
<div class="oa-news-header" style="box-sizing: border-box;">
<h3 style="box-sizing: border-box; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 0px; margin-bottom: 0px; font-size: 24px;" class="">
<a href="http://drupalgroup.mit.edu/content/re-imagining-web-development-mit-presentation-outline" class="active" style="box-sizing: border-box; color: rgb(14, 101, 112); text-decoration: none; background: transparent;">"Re-Imagining Web Development @ MIT"
- presentation outline</a></h3>
<div class="oa-news-posted" style="box-sizing: border-box; color: rgb(166, 166, 166);">
Posted by <span style="box-sizing: border-box;" class=""><a href="http://drupalgroup.mit.edu/users/ed-carlevale" title="View user profile." class="username" style="box-sizing: border-box; color: rgb(51, 51, 51); text-decoration: none; background: transparent;">Ed
Carlevale</a></span> on <span style="box-sizing: border-box;" class="">September 21, 2015</span> <span style="box-sizing: border-box;" class=""> <span class="field-content" style="box-sizing: border-box;"><a href="http://drupalgroup.mit.edu/node/82/edit?destination=node/82" style="box-sizing: border-box; color: rgb(51, 51, 51); text-decoration: none; background: transparent;" class="">[edit]</a></span></span></div>
</div>
<div class="oa-news-body" style="box-sizing: border-box; margin-top: 10px;">
<div class="edmund" style="box-sizing: border-box;">
<div style="box-sizing: border-box;" class=""></div>
</div>
<div class="oa-news-body" style="box-sizing: border-box; margin-top: 10px;">
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">I originally intended today's presentation as a review of where MIT is now in terms of web development, followed by a presentation of an alternative approach. But I can say really simply now
where MIT is, leaving me to spend the bulk of my presentation showing something better.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">Basically, MIT has two options for bringing in new websites: single-site single-client development, or Drupal Cloud. </p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">The single-site approach is unmaintainable. The sites are built by an outside developer and handed over to their MIT client, usually a program's communication manager, to manage. The developer
oftens works on a contract basis to maintain the site and make needed changes. And the communication's manager maintains the site. The essential flaw in this process is that new MIT sites reinvent the wheel over and over again, building the functionality (people,
projects, publications, news events, blogs, media galleries), that should long ago have been packaged and made available to the MIT community in some sort of centralized process.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">Drupal Cloud I discuss in the blog post from yesterday. </p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">So what I'll be presenting today is my approach, which basically presents the concept of an MIT distribution, then demonstrates the power and functionality that it is possible to build on top
of that basis.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">1. Panopoly. I start by introducing Pantheon's Panopoly distribution, because it is becoming the standard base for most other distributions by virtue of its brilliant use of Panels and Panelizer.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">2. Then I demo the Open Academy distribution, originally built by Chapter 3 for UC Berkeley (I believe), which is built on top of Panopoly and adds standard (ahem, Drupal Cloud) academic features
like Publications, People, Events, and News.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">3. And then I come to the primary thing I want to present, which is the Open Atrium distribution. Open Atrium builds on top of Panopoly, so it's basic structure should be very familiar. But it
adds the most brilliant feature set and interface I've seen on any website. The distribution has been adopted by the United Nations as their primary platform, and that makes perfect sense to me.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">Over the past year I've used Atrium as the basis of my own sites, and have added the features that I think belong on an MIT distribution, the most important of which is a documentation intranet.
The fundamental flaw with nearly all web development is that there is no documentation, neither for users nor developers. Sites are built and handed off, but as soon as anyone from the original team leaves, the site becomes unmaintainable. Virtually every
stand-alone site I’ve seen at MIT has gone through this life-cycle spiral. </p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">The other key problem with our current approach is that so much effort is being wasted in recreating the wheel, in building functionality that should take an hour at most, not the entire development
budget. So virtually every site at MIT is happy to post events, news items, and people, and call it a day. Some are more attractive than others, but their functionality and development is a direct version of their html base. Revolutions have happened in how
sites are built, in what they do. But MIT has simply updated html to php. There is so much that could be happening with academic websites, especially in large research centers, and none of it is happening beyond decent looking sites that show events, people,
and news items, and call it a day.</p>
<p style="box-sizing: border-box; margin: 0px 0px 10px;" class="">So the presentation today is about demo-ing a more efficient structure. It's not the manifesto I had in mind when I originally thought of this presentation. But I think it represents a better
way forward.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>