 Hello and welcome to Open Academy, a higher education product in Drupal. Hopefully got some good energy in the room. My name's Matt Cheney. I'm a big fan of universities. My father's a professor. My brother's a professor. I have five degrees. I, like, grew up in universities, and I think it's great to be here talking to probably a lot of people who work in universities at higher ed. Can we get a quick show of hands? Who works at a university or a school? Yeah, like, wow, okay. So this is our time. I've also been doing Drupal for a long time. I started Drupal about five or six years ago. I started a company called Chapter 3 with Zach Rosen and Josh Koenig, and we did a lot of work in universities, a lot in the Bay Area and around the country. I've been working with Brian and UC Berkeley for a number of years on a number of different projects. We also have the privilege of running a bad camp together at the UC Berkeley campus, which is always a fun time every fall. About a year ago, a year and a half ago, I found another company with Josh and Zach and David called Pantheon, which is the best, most magical Drupal platform on the planet. We're now in general availability today, so this stuff I'll show you. You can actually try right now just to go online. I'll show you some links later on. But that's sort of the combination of the work we were done with the universities and the platform to host really was something that brought Brian and I and a number of other people together to work really closely. So a lot of what this presentation is about is about the work we're doing together to turn Berkeley into even more of a Drupal powerhouse, to have a great hosting platform and also a great set of applications to run on top of that. So with that, I'll turn it over to Brian, who I, as I said, have known for a long time. His actual job title is Master of Drupal at Berkeley, although I guess Campus Technology Services is probably also there. And I'll let him sort of share sort of where Berkeley is with Drupal and what all that looks like. Thanks a lot, Matt. So yeah, my title at Berkeley is Applications Programmer. I work for Central Technology Services, and I wanted to set the stage a little bit by talking about myself a little bit. And my experience at Berkeley, I've been there for nine years working for the Cal Bears, and I managed to keep it a secret that I'm descended from three generation of Stanford as in Stanford Cardinal women. So, go great grandma. I wish I knew her. And that I went to every Stanford home game during the L-Way years. Any Broncos fans out here? Yeah, all right, Broncos. And yeah, I'm sorry, this is my first Drupal Con presentation. I just need to get a couple of things off my chest. I'm still pretty upset about the 1982 big game. But I don't want to get too into that, so let's talk about Drupal. I came to Drupal around 4.7 for a personal site, and I was working in business administrative surfaces at Berkeley at that point. And I took over a super insecure web application written by a student. And in a weekend, I turned it into a Drupal site and demonstrated what could be done with Drupal and how quickly we could bring up sites. And from there, I started on my path as a UC Berkeley Drupal evangelist. And soon after that, it became pretty obvious to me that there weren't really good Drupal hosting options at Berkeley. So I took it upon myself to learn AGR and get on SliceOS, bring up some Ubuntu VMs, and demonstrate what could be done for a Drupal-specific hosting solution at Berkeley. I brought up a Berkeley site on that and was quickly told, let's bring this back on site onto campus servers. And so that was an interesting project moving to Red Hat Enterprise Linux and working without full root and stuff like that. But that service is being retired right now, and the main reason was not technological problems, but it had to do with the financial structure at Berkeley. We operate on recharge, which means that every hour of my time translates into $82, which needs to be charged to a client. So we were quickly looking at monthly fees for a simple Drupal site north of $600. And that simply wasn't sustainable, so we started looking into outsourcing. So before I get into how we came to Pantheon a little bit, I just want to take a step back and talk about the state of things at Berkeley. Drupal is definitely on the rise and has been for a while. We've got a lot of enthusiasm on campus. My colleague Noah Whitman here has manually cataloged 125 Berkeley EDU Drupal sites. We believe this is around 50 to 60% of the Drupal sites under Berkeley.edu. And we believe Drupal roughly serves 25% of departments, research labs, museums, libraries, and administrative units. Since we began our relationship with Pantheon in mid-November, we have handed out 122 invite codes on Pantheon. And my department, which does web application development, has seen frequent requests for Drupal consulting, bringing up new sites, site migrations, all kinds of different assistance. In addition to this, we have a bunch of Drupal-related work in progress. We're putting the Office of the Chancellor on Drupal. We're migrating 41 sites for the Vice Chancellor of Administration and Finance to Drupal. We have a bid-out on a UC-wide web application, which allows people to view job standards and create pre-populated job descriptions, which is currently a vb.net app. And we also just launched an open-scholar pilot project, which is up at scholar.berkeley.edu, and much of the prettiness of that is thanks to help from Themers at Chapter 3. We are riding a good wave of community enthusiasm for the last number of years. We have an active Berkeley Drupal users group, which I took the reins of two years ago. It's been happening consistently since 2007. And we invite the public as well as UC Berkeley employees into that, and that's been a great synergy. We've really gotten a nice transfer of knowledge from people, professionals working in the community. You know, sometimes coming in and talking about experiences they're having with Drupal that are a little bit more cutting-edge than some of the things that we're doing on campus. We've been experimenting with users helping users drop-in sessions, once again with public participation. And we're trying to channel some of this community online in an upcoming Drupal Commons site that we're going to bring up, which hopefully will provide a forum for people who are using these different Drupal-based products, like OpenScholar, like Open Academy, which we're going to be talking about, and interested in getting more information, interested in getting some assistance. So let's drill down a little bit and talk about the current situation of Drupal development on campus. So the typical thing that we see is a campus organization hires a consultant. A consultant comes in and usually builds them a pretty good Drupal site and then says, here's how you add your content and takes off. This campus organization is there on their own for maintenance and upgrades and other things that can come up as their Drupal site ages. We're also seeing a wide variety of hosting solutions selected, everything from a legacy campus web farm, which for a while was lacking APC and some required PHP modules, to our more state-of-the-art campus virtualization service, which requires some amount of sysadmin knowledge to keep the site going, and then a whole slew of approved and unapproved third-party shared hosting services. Does this sound familiar to any of the education people out there? So we're also, as far as site development goes, we see inconsistent use of scheduled backups, inconsistent use of version control, spotty implementation of central authentication, and homebrewed themes, which often don't quite harmonize with the enterprise look that Berkeley would like to be presenting. So how do we solve these problems? We think the keys are to outsource hosting, and hopefully that means selecting a standardized best-of-breed hosting platform. We want to leverage installed profiles and distributions and use them to reduce site development time. We want to make Drupal site building easier, and we'll be talking a lot about that as we go on today. And then it's also, of course, very important to be compliant with standards, which means campus procedures, campus standards, and accessibility. So multiple hosting providers can help us solve some of these- or multiple service providers can help us solve these problems, and the owners of the Drupal service have continued to be open to multiple relationships, but Pantheon was an obvious first choice for us. We were impressed with their high-performance Drupal, which incorporates press flow, varnish, and Ginex. And then we'd seen from time to time these demonstrations of open economy, and we were wondering, like, is it going to be as cool as they say it's going to be, and we got some money freed up to fund some development of that to really find out. And so that's the main thing we're going to be talking about today. In addition to this stuff, you know, as many of you may know, Pantheon provides out-of-the-box DevTest live environments. So right there, you know, we- educating our developers to not develop on their live site is a great step. They got- they've recently introduced on-server development, which allows our people to connect via SFDP or a secure arson connection, which is familiar to them, but they're not leaving our power users out in the cold. There's still a great workflow for local host development and, you know, direct interaction with Git. And then, of course, it's all tied together by a web UI that makes it easy to migrate your code up the stack, DevTest live, and migrate your database and files down the stack and do things according to best practices. We've really enjoyed the flexibility we've found in Pantheon. I mean, they've got a great customer service orientation, customer centered orientation is what I meant to say. And they've really been willing to understand our needs. We have not felt like we're either too small or too big a customer for them, which has been, you know, a really nice experience. And together we found a lot of creative ways to solve problems. We first started talking with Pantheon early on about how do we create these start states? What should we present to our users? And in addition to Open Academy, we decided, hey, it's important to also give our people a vanilla Drupal 7 lightly customized install profile so that they don't feel like they're all being put in one box which might not be as flexible as they'd like. Some of the fun stuff has been we want to have some control over some of the functionality that's integrated into these install profiles. And so we've worked with Matt and his colleagues on how they're leveraging apps. And we've brought up a UC Berkeley app server that delivers things like a solution for central authentication, a solution for mixed mode authentication sites that need to have some people coming in via CAS and some people coming in via Drupal standard auth, and a little bit of glue that keeps people configured correctly depending if they're in their dev or live environments. We want them to be hitting our dev LDAP server as opposed to our production LDAP server that they're just testing. We've taken a good step towards solving the updates problem and the site maintenance problem in that one of the things that you get with Pantheon is you'll get an alert on your dashboard when there's a core update available. And a core update means not only an update to Drupal Core but an update to quote-unquote core modules that work with Open Academy or that work with the Berkeley install profile. So I wanted to take just a second and talk a little bit about the little bit of co-branding we've done and some other reasons that we did it. You know, in addition to simply letting people know that they're using Pantheon, but it's a Berkeley specific Pantheon, bringing up the subdomain pantheon.berkeley.edu has allowed us to take some of the load off our developers in terms of setting up SSL. We're using a subject alternative name cert that has a wild card name in it. And this means that when you bring up a dev site on Pantheon, basically a cert is already working and you can turn on secure pages or you can turn on 443 session and be going. Prior to this, you were required to create your own certificate signing request, email our PKI team, and then have them tell you you got it wrong and go through it a few times and then figure out where to put the key. And that's a lot task, some of our people who are just web developers. And additionally, the subdomain allows us to do a wild card registration on our CAD server, so CADs can be working out of the box as soon as you bring up your dev site. And we're excited about that because we're looking at really making this a default so that we don't have people having to manage accounts for people who have left the university. If they're going via central authentication and they're removed from our systems, they won't be able to log into your Drupal site either after they're gone. Finally, something we get that's kind of in this category is what I'm calling generically because it has no real name yet, a Berkeley users management dashboard. And this allows UC Berkeley to have some administrators who can field launch requests from our users. Typical Pantheon users ready to bring their site live, they will click a button that says, give us your credit card. And so we've got a different situation set up for Berkeley users, and they have to jump through some bureaucratic hoops, fill out a web form for us, and then we can go in there and say, yeah, you're ready to go live. So that's a nice workflow for us. It also provides us a report of, you know, what a user is responsible for what dev test live domains. And in the future, we're going to have some information about security release status of all the sites. So when there is that, you know, moderate to critical security release, we can quickly get a view of what sites are affected, who might need help here making sure that we're in compliance. So I'll just show you a couple of quick slides. In case you haven't seen Pantheon before, that shows the user interface. Basically, when you create an account, this is where you land. And you've got, you know, options to download your Drush aliases, and those will work remotely from your desktop, if you wish. And a few other things, add your SSH key. There's other places where you can add team members to your site. And then once you've done that, you get to choose, okay, what do you want to install? And so for Berkeley people will eventually have options up here, like UC Berkeley Drupal 7, UC Berkeley Open Academy, which have our specific customizations to it. After you pass this screen, we're into the install profile. And this is where a lot of the Pantheon magic happens. After Configure Site, you can see some of the app stuff in gray, which might be a little bit hard to see in the back. That's happening. You'll get more information from that as we go through the demo on this. We get the Panopoly apps that enable panels, the Open Academy apps, and finally the apps that come from the UC Berkeley App Server. So with that, let's dive into Open Academy and I'll turn it over to Matt. Thanks, Brian. So yeah, this is all stuff that you can do right now. You can go in your laptop, sign up for a Pantheon account, and then you can dump in and look at a lot of the same stuff that we're looking at today, so that could be something to take home and play with. But what I really want to talk about is sort of Open Academy, what are the features to it, how does it work, and then get into a demo to show everyone some of the magic that we've built. I think the place to start, though, is really sort of to talk about why and sort of what the larger goal of the project is. I think the way to start is universities have a lot of great content and they have a lot of very smart people and they have a lot of very bad websites. And that's not a slight to the people who work there at all. There's a lot of every department has a website, every faculty person can have a website, every research group, every academic unit, every event. I mean, there's so many sites that you need all the time and that there's a million other things that you need to be doing. And part of what Open Academy is striving to do is to say, look, let's make spinning up sites easy and let's also make spinning up sites and configuring them not a task for developers, something that you can do as a faculty member or a staff person or someone that doesn't have specific Drupal skills, because those are at high demand and become very expensive and tricky to do. And so what we really are trying to do with Open Academy is essentially democratize a lot of this technology, make it so if you're a sort of university department you don't have to go out and drop, you know, $20, $30,000 to get, like, a whizbang site that you can have something, you know, that's relatively powerful, that's customized to your needs and if your university has a theme, looks like the way it should, without having to go that sort of custom route. And I think one of the really interesting stories, one of the things that motivates me, sort of strongest about this, was a couple of years ago when we were working at Chapter 3 doing university sites, I had this one very weird day where I got a call from someone at Berkeley a department that wanted a website and we talked for a while about the requirements and a little bit about some ideas Open Academy sort of like bouncing around in my mind at that point. And, you know, we got to the end of it and I'm like, okay, like, you know, whatever, like what's your budget, what does this look like? And they had a really low amount of money because that's all they had and that was really sad to me because I'm like, these people don't want anything that's that different than other people but they're sort of priced out of this thing and then I got a call from another university also and they had a great deal more money and they had actually five times as much money for basically the same stuff and I'm like, that's actually really, really unfair and that's not what Drupal should do, that's not what Open Source should do and so let's try to build a Drupal product that actually can be used by everyone so you don't have to continually reinvent the wheel if you want to have an event calendar or a people directory or a news feed or a list of publications or a list of courses on your site. So, we started to build a Drupal product. It's a little hard to do if anyone struggled through it, you know, I guess we can empathize together. I think it's sort of a journey to get one done. A lot of that's because, you know, this is new stuff, like there's, you know, a lot of the stuff you need to work on this is, you know, only a few people have done before the actual tools and patterns are still in development. There's a lot of disagreement over how to, you know, best sort of do this for Drupal as well as just stuff you should use now. There's several solutions for default content, several solutions for a number of other things and that, you know, just getting 30, 40 contrib modules to work together harmoniously with your custom stuff and getting it all to, like, customize and code without having to do any configurations is a really tricky task and you can spend a lot of time just getting that to work and that's not even talking about your specific problem of trying to build a university site, or running, so. I suffered through that, that was the last, you know, several months of my life and now we have something really good, I think. On a sort of higher picture level to talk about sort of the philosophy behind the product, I mean, I think the biggest difference you'll see with what I'll show you versus maybe what you've seen before is that the Open Academy product is privileging the content creator and sort of the end user of the website. It doesn't ask you to go to the Drupal back end, it doesn't ask you to be a technical whiz because everything is on the front end, everything has previews and, you know, it's really easy to use and looks a lot more like something that you would probably want Drupal to do than what it does today. It's also something that I think I want, you know, in terms of access to a product, it should be the kind of thing that you can get a really good website without having to customize it. I mean, you can add new stuff, obviously, but it's something that I feel everybody should have access to and that kind of stuff. So you can go today, you can download it, you can run it and have a great site. And I think also just in terms of longer vision, like getting Drupal to run 20% of the internet is going to require this kind of stuff. We're never going to get 20% of the internet by paying custom work for every site. We need standard solutions and universities are a great place to start because you all need like hundreds of these things every time you have a university. We also built the product in a way you can extend it and remix it so to get there, technically, there's a little bit of back end and I won't go too much in the Drupal sort of technical details that I'm happy to talk after or take questions. But really the strongest place to start here is I think Drupal is great and the contrib modules are great, but I think one thing that's been missing in the Drupal product space is really a sort of like, I don't know, like operating system layer maybe is not the right way, but some sort of like standard set of functionality that the Drupal core is. For example, it's 2012. There is no WYSIWYG in Drupal. To get one set up is actually a little tricky and to get one really tricked out is even trickier still. And so one of the things that we sort of found really quickly in what we were doing is that we needed a sort of this base layer which ultimately is called Panopoly that'll actually provide a lot of the standard stuff people really need. They need to have really cool faceted search. They need to have WYSIWYG. Let's just standardize it. And so if you were at Earl Miles' talk earlier in this room he talked a little bit about this, but we sort of took that base stuff I just talked about and then all of the panels, module magic that I know about and that Earl knows about and Sam Blair knows about and everyone I talk to knows about and we rolled it all together into this sort of base distro. So you go to Drupal.org now and get, you know, slash project slash Panopoly and you can download all this stuff. It doesn't have any university stuff to it. And that's what Open Academy uses to build all of its stuff. And I think other distributions can as well. And so you get some stuff, you know, sort of out of the box. You get a bunch of these features which I talked about. You get the genius of these people down here and you get a bunch of the panels, modules. So panels, panels IP, panelizer, fieldable panel panes, PN existing pages, panels breadcrumbs, panel layouts and a few other things that'll sort of be rolled in. And this I think is the future of Drupal. I think this is where Drupal 8 is going to go and I think this is where Drupal products should go. I've been doing Drupal sites with panels for, like, for many, many years. There's a great audio-only recording of me and a 25-year-old version of me at Bad Camp in 2007 or 2008 talking about how this is, like, the future of Drupal. And I think it's true. And I think it's more true now than it was now. And I think it's more true for products than it was for building sites. But this is very cool. I'm very excited about this. And on a technical level, you get a bunch of stuff. For example, for everyone, you just get the ability to customize a page by hitting at the bottom. You get a bunch of layouts. You don't have to write any CSS to get, and they're all responsive to boot. You get to have an in-place editor that actually looks pretty nice and will work to actually change the way your site looks and functions without having to go on the back end to write any code. You get live previews of the things you're going to add so you can actually see sort of what's going on for people who aren't used to Drupal and maybe don't even know what they're using is Drupal. That's Panopoli. It's online right now. Drupal.org is such a project Panopoli. And you can also, it's on Pantheon as well as an install. And that's really the base. Thank you. And that's the base stuff for people who are developers, presumably, you know, the panel's advocates. That's a really big thing. It's a functionality that we need to build like really intelligent, like vertical specific applications that we need to say, as a university, I want to develop specific use cases that I need to have functionality around. I just needed that base to do it. So Open Academy, I think, is a solution for university websites and specifically it offers these features that allow people to really sort of expand their site beyond standard Drupal. So the features we have right now, we have a people feature of individual profiles and the ability for people to like, you know, associate with various other items. You can list your publications or your courses you teach on a site. Have the ability to have events. You can have event calendaring and individual events for specific sort of tags or areas. Publication lists that integrates with Biblio module so you can have really strong citation support as well as some good like promotional images and stuff to show off some of the academic work that you've done. But as, you know, it's sort of geared towards you know, announcements and there's abilities to feature parts of it in the system. We'll show you. And there's a course directory that allows you to sort of list the courses your department or university offers and then associate those other things as well. I'll tie in with this Open Academy core. And this is stuff I think everybody sort of needs. I've built this stuff like dozens of times and I think it is good to sort of standardize it and really get people working on sort of what other things do we need to expand on this. There's sort of five Israel sort of app use cases. There's another half dozen planned and I'm definitely open to talking to people about other stuff that you want. We've got plans to do an immediate image gallery. There's an FAQ app that could be installed relatively easily and there's a bunch of other things that are being sort of sketched out. But these are also all done as apps which if you're familiar with Drupal sort of development practices features is probably pretty common. Apps is sort of an extension on top of features that work with a remote app server and that app server will like serve your updates and allow you to use a Drupal core update manager to download them. So actually if you go through the install for Open Academy this code you get initially doesn't have like any of these things you actually pick. You're like I want the news thing, I want the events thing and when something new pops up you go to your dashboard and it's like hey there's a new FAQ app you can install it. And I think that's a cool way to like it's still new but it's a cool way to manage Drupal sites and I think for universities it becomes because you can easily throw in additional apps. And so Ryan mentioned Berkeley has their own app server that has authentication module and some other stuff. And so you know you have this layering effect. So you get your Panopoli apps you get your Open Academy apps and then you get your university specific apps. And that helps to make you know sort of a really easy to customize site. You can customize your functionality and you can also customize your theme. So one of the things that we did a lot of work on with Open Academy was figuring out how to allow for the theme to be overridden and how people have their sort of custom look and feel. And the designer at Chapter 3, Nika Lorber, who goes by Knight's Lobster on Twitter she has been really big of an advocate of a template approach for Drupal design. So she's got a blog post where she lists out about 30 or 40 different Drupal elements every site needs designed. There's maybe another dozen that Open Academy would require. We have a nice spreadsheet that outlines them. And the two base themes that we give with Open Academy sort of lay all those out. And the sort of the big vision here is that because panels controls all the content variable in the middle of the page that all you really have to do to put a university site on there is either A, take your existing university theme and just dump it on. Or B, just customize some header and footer stuff in the theme and then change a few of the standard Drupal elements and away you go. And then you can customize your site. And you can actually make it responsive relatively easily because all of our layouts are responsive. All of our widgets are responsive. And if you have a header and footer that is too you're good to go. And I think that's a really big win because having mobile access on campus is increasingly a big deal. And having it sort of work with your content and presentation layer and not having to build a separate thing for it is a big saver of time and sort of just keeps it all together, which is great. You can also obviously extend it. So the apps that I talked about so in terms of this really showing you off off, I think we can dive in and do a live demo which is always risky, so I'll put that out there. But, you know, let's give it a shot. So I had gone through... Okay, let me throw... So I've gone ahead and I've actually spun this up on Pantheon already. You get a cool little dinosaur at the end of this thing so you can sort of see what it is. I have the Open Academy source, and you can design that. And it starts your site. And I've got here an actual Open Academy using the Berkeley theme that the Berkeley Communication Office designed. And so this is what you get out of the box. All I've done is turned on the theme and you have, you know, sort of access to a pretty, I think, good-looking and kind of reasonable university site. And this is something that, you know, we use the default content module in Drupal to provide default content so you can see what I like and some random vegan Lipsum text on the site. But it's good because it actually gives people a sense of, like, what the site is before they start. One of the problems with Drupal, if you've installed it straight up, is that it doesn't have any things. You don't know what it does. This sort of gives you that kind of option, which is great. And so I can click through and sort of show some, you know, specific things. So we've got our front page, obviously. And we have a course directory which, you know, has specific courses to look at, and they just have information about sort of when they are and who offers them. There's a news feed that has a sort of, you know, featured news item that becomes important for people if they want to showcase something specific from their larger feed. And then they've got this sort of standard kind of stuff. Each of these things obviously gets into, you know, an actual design of a page. There's tag support which is pretty important for news. There's a people directory that has a sort of list of people that are categorized by certain tags. We give these by default, but you can change them. There's an event system that has a small mini calendar, some event types, and then a sort of list of upcoming events. This is, you can change this to a calendar, which we can do later if you want to see sort of a different take on that. And then there's a list of publications that has some basic info about, you know, sort of who's published it and some stuff that gets featured. And this is the kind of sort of general use case that we have, and I think just getting going with this easily out of the box is a big win for people. And that our sort of assumption is you'll spin up a site, you'll get something like this, and then you'll start customizing it, and then you can have your site. So some other stuff that I think would be really sort of neat to sort of point out is that we also, because we were, you know, running on Pantheon and have some Apache Solar configuration, which would work anywhere, we have a sort of search interface so I can search for water, which I know a few times, and we actually get a sort of faceted search experience that's driven this way, that's powered by the Panopoly search, but it's cool because if you don't have Apache Solar, it just falls back to the normal Drupal search, so it's sort of is a pretty seamless kind of transition, which I think is useful and gives people sort of leg up. There's also an admin dashboard that gets you a lot of functionality for your site, and this is far as I can tell the only actual admin page you should ever have to go to, and this is part of the philosophy here. So this is our admin dashboard. It takes a bunch of Jen Lampton's Total Control module, and it sort of lays it out a little, you know, sort of a little tighter in that sort of theme with the apps, but it gives you sort of here quick links to actually install new pieces of content, so this is all the content we have and we have little links to add them. We can also see all of them. That's a sort of content management screen or configure them if we have that permission. We have the ability to sort of manage our categories, so we can, for example, I think for academic term, we add a number of common sort of term like fall, spring, summer, you know, mid-semester kind of things, but you can obviously change that if you're on a different trimester system or something different. Same for event types, tags, and things like that, and that all uses the taxonomy system, obviously. Our ability to customize the menus, we just actually expose the menus that are actually pretty useful, header, footer, and the name menu, the other ones are sort of hidden, and then customize the users. And then most of the other stuff you get is just sort of interaction with the theme and the apps, and that these are the things that you would need to customize to make your site, but other than that, you're sort of good. So the theme, I can sort of pop up, has a bunch of theme settings. This is default in the Berkeley theme, but it will pull up any theme settings for any theme, and we added some stuff here for people to sort of customize, you know, the name of the university, the links and other things. You type that in at install as well, but you can customize it later, and that's what powers the sort of bottom and the footer and the header of the site. Then each of the apps also has specific configuration. Right now the only configuration they actually have is the ability to disable the demo content, but eventually we'll add more sort of feature flags here so you can sort of choose maybe at install, do you want to have a calendar that's like a monthly view or a weekly view or a list or whatever So let's go ahead and I'll go ahead and sort of show you just maybe the content editing experience because I feel this is really sort of a central part of what a lot of people need to do with their site. And the place I'll start sort of to show you that is is a use case, we're working with the department of political science, they have a sort of gender study site that they're putting up, and they basically need these five things, and then they also need the concept of working groups for their site because they've got a number of working groups at the university, it's a pretty common case. And so the way that we sort of would support them is to allow them to actually just go create specific pages for each of their working groups, so I can also add content this way, so I'll go add my basic page and now I get here, so I'll go all working groups. I've also taken here this is the path auto module that does automatic generation of URLs, usually it's hidden down in the field set somewhere, it's sort of tricky to recognize, we've really privileged it and put it at the top so people can have real full access to that, and then we have a WYSIWYG here that ends up being pretty powerful, so this is a main page for our working groups. For those who have used WordPress, this might be pretty familiar to you, like exactly the same buttons. It's TinyMCE, which I think is a great editor, I don't have strong ideological opinions on that, but it's what WordPress uses and I think it's a pretty standard solution. This layout ends up being, it's pretty well battle tested for individuals content editing experiences. It also has this neat little kitchen sink plugin that'll actually store it in the cookie of the decision, so if you are someone who loves to have, I don't know, the ability to colorize your text, like I do. You can have that exposed otherwise you can hide it. We also have pretty slick integration with the media module, so I can bring that up and I can go back to my library of images and decide if I should actually add one of these. This is my mother, she can we'll put this, we'll get this guy out here. This media module, we're running on the 2x version of Dev because that's really where a lot of the action is, but I think it's a great solution. It does video, it does images, and I think it's really a consensus decision moving forward. I built this up, the other thing is if you don't like WZWIG, if you like HTML, there's a little toggle down here you can actually go to HTML and set out the HTML for the page. If there's media it's got some special stuff, but you can sort of see for the coloring it just put in the markup here. This actually is using the market down editor, which is a separate editor with better formats, which is it and so I can decide to actually use these kind of buttons to continually customize the HTML. This is something that hopefully people can sort of use as a way to say we're not going to lock you out of the HTML we're going to provide the same default which is the WZWIG. I'm going to add a featured image and some other stuff here, but I'll go ahead and put this in the menu which sort of makes this all happen and I'll call this Working Groups and I'll put it in the Main Menu. All right, cool. So now I've got in the Working Groups I've got a bit here and I'll just add a couple more of these things just to sort of show you sort of how this all of this stuff would work. So go ahead and look for a basic page. We also used a pretty cool module called Menu Block to actually build little submenus. So we'll see we can have this as sort of a working group. This is a working group and you can obviously customize the HTML to whatever you want. And then I can start to actually like by building out my Main Menu I can start to actually customize sort of the tree of this stuff. So if I go back to Working Groups I start to have a list on the left side that actually sort of will treat my content and it'll go several layers deep so that Drupal can really I think sort of use to build their site it will produce general content. And that is just I think just a nice sort of sort of easy feature. So let's get a little more like cool and crazy. So the other really awesome thing and this is what Panopoli does and this is where I think really the future of Drupal can go with a lot of this layout stuff is to say I want to change this page. This content isn't what I want to be doing development so I showed you all the admin screens going to show you everything else here is on the front end and everything else sort of comes for these two buttons. So I can first show you the layout button that's probably the easiest. So this is a page. It has a layout as you can see. If I wanted to change the layout I can just click here and I get all of the layouts that I already have defined in Panopoli. So there's 26 of them I believe and you can see the one that's been selected to rearrange them and I save and now I've actually changed the layout right here and there. And that's something that I think is actually really hard to do in Drupal normally like to write this in code is a fair bit of work and even to do it in panels on the back end can be a little tricky. This will override it for just this page. We also use a panelized module so you can do this for any individual node no problem and that's pretty cool because people want different layouts for different things. You also have the ability if we go back to the main site to the standard panel layout plug-ins and everyone you get will show up there and now you have even more flexibility. We also have the ability to style the site in the front end. So Berkeley's got a few colors, gold and blue that are a big deal to them and so if we actually bring up the IPE by customizing it, we get this kind of interface. This is in the latest version of Panos 3.2 you can download it and you'll install it and if you customize your page you end up, you know, have the standard ability to sort of move stuff around as you will and then you have the ability to change the style. So if I bring up my style changer I can see here on the right I have a preview of my content and on the left I have some style settings. So there's this blue header we can add and that'll make my, you know, header blue. I can also make it gold and I can also make it have this cool background blue call-out style which I think is the best. So we'll go ahead and save that and now I've actually sort of customized the style of my site without having to assess properties and that's something that is easy to extend. We obviously identified a few cases in Berkeley's needs that like has for their styles but every university has a style palette you can implement a few of these panels style plugins and you can do this. So we can go ahead and just sort of, you know, get a little crazy down here, you know, change it up maybe we'll make this one gold check it out, make this one also gold and then we'll make this one the end blue. There also is a very cool module which we're not using but that'll allow you actually to like on the fly custom create your own styles so you can actually pick the fonts and the colors and all of that other stuff which I think is a very cool way to go. So yeah, so we've got a site it looks, you know, generally what we want but we can change it obviously. Let's do more stuff. So one of the things we can also do is we can configure individual panes by just sort of going to the configuration options so I can look at this recent news bit, hit customize and it'll bring me up a similar screen from before but now I'm talking not about style but I'm talking about content which is an important difference and you can see I've made some decisions here you know recent news there's two items but I can easily go ahead and change this so oops I can do three let's say and I'll update that preview and now I have a third option or maybe I do want to show the tags because I think that's helpful but I don't really want to show the body and I can do this and this gives me the ability to really sort of you know play with my content and have a really good time of it I don't have to worry about you know going into the views to configure I don't have to worry about writing theme functions to do it I can just sort of pick what I want and that this is something that's really simply integrated with the views module these are all just views field you add more you get the ability to customize and we show it off right there so I go ahead and save that that also works for things that are a little more for the node views this is a node view right here so if I customize that node view I get a similar looking screen but instead of picking the fields on it I can actually pick the view mode so this is a featured style as a special view mode we have an open academy but I can also show the standard Drupal teaser or if I was so inclined the full content and that becomes really cool because you can now like I can add a node to a page and have that ability to just show it full and not have to worry about sort of what's going on just very nice so we'll save that more stuff the other thing that we have is we'll go back to our working groups page and I can sort of change this up so we'll go to our working group page and this is a node it's just a basic page node it comes with Panapoli Pages but because it's panelized we can go ahead and use panelize or customize it so I can customize this page and I can actually add custom content to this page without having to override all of them or go into the back end so let's say this working group maybe is very interested in events so I can bring up my ad screen and I have a new custom design for my ad content modal this is I think a slightly more aggressive style but it allows for a little sort of cleaner experience and I can actually for each of the apps that I have I have the ability to sort of see live previews of the different things that I can add so there's some courses here's the events I got a calendar, a bigger calendar a sidebar, a list of all news the same thing through for the actual for news items people and publications have exactly the same and this is something that I think is nice because you can really sort of see what you get before you get it and then you can make decisions that way and if you add more things you add more panel paints they'll just show up here and you can have them so I'll go ahead and add a sidebar of upcoming events to this page and then we can go ahead and pick some stuff we will pick we don't want two dates we offer a date and time to be separate so we'll have that and let's not show the body because the picture is enough to attract people to our event and then we'll maybe just have just the upcoming two events so okay so now we have our upcoming events in the sidebar and this is just for this working group page if I was to go to the main page it doesn't have any of these things it's just customized for just this one I also have the ability obviously to change the layout of this page so maybe I want to get a little more fun with it and I'll go ahead and do this one and sidebar content that looks fine but now I have this item at the top save okay cool oh that looks the same sorry alright we'll do a better layout let's go to the right side and so I mean this is like this is the kind of experience too that if like you're working as like an IA person or like a designer or someone in content strategy like these are the kind of things that actually prototyping it becomes really fun because you can have the ability to decide hey I want to you know try out this thing and then see how it looks or you know try another thing and show it to someone else and see how they do it the other piece that then becomes really important and this is where I think we really merge a lot of the really cool stuff in Drupal 7 into panels is this module called fieldable panel panes and I'll demo this earlier but the way it works is that for each of these little widgets down here these are custom things that we created as part of Panopoli widgets that are sort of generic pieces of of sort of I guess a framework so this links is actually using the link module to expose a special field you can add a file and image text you can have it a map, table, video, spotlight or a sub menu and these are things that just sort of work out of the box so I'll go ahead and add some quick links this is something that we see a lot people on a university site want to have a bunch of links to things offside or commonly referenced items that they have so I can go ahead and do I'll do quick links and I'll make the link for DrupalCon DrupalCon.org and then because I made it a multiple select field I also have the ability I can link back to Drupal and I can also link one to Berkeley as well I also at the bottom here it's sort of small but I have the ability to make this reusable so if I wanted to just put it on just this page I could just hit finish and I would do this or I could just say this is sort of you know quick links and I'll make it reusable so I'll save it maybe put it at the top and so now I have my links up here but if I was to go in let's say save that and now I go back to the homepage and decide okay well maybe I want to add those up here I can just remove that help text which isn't that helpful now that I've got the product and I can actually now see the links that I have and I can add those to the page and that becomes really helpful because now I've got I can start to build a library of things that I really like and I have then all the ability to you know I can style this one the whatever way I want and I can also then customize it any way I want and there's a little warning if you customize it it'll say hey if you edit this field it'll change everywhere but that's sort of what you want so that seems really cool and useful and that'll work for for quick links it'll also work we can do images so I'll go ahead and add an image here just to show you how that works I've got some pictures my brother's graduation so I'll add that here and I can upload an image it's cool because it works in the C tools modal and I won't make this I won't make this one reusable because it'll maybe on the homepage and so now I have I have my image right there which is a little cool and this is the kind of thing and this is the kind of experience I think that people really want when they're talking about building websites because they don't want to have to go like write a bunch of code and format a bunch of images and like do a lot of the sort of like technical work to get this done they just want to be able to upload the image they want and have it fit in the content area and also be smart enough so that if I wanted to for example move it into another content area that it would actually be able to expand or contract in size and that's really helpful I can also sort of play around with sort of customizing it if I don't like what I see go back there a thing that I think has been really I find really useful in university space are these spotlight pieces of functionality I assume a lot of you have this on your site where you want to have a series of images and some text and links really sort of showcase various things you're working on that's actually to do that in Drupal there's a lot of ways to do it there's a few modules they're pretty good solutions but they require they require some technical expertise to get working you've got to build to nodes and put them in a view or a node queue to like order them it just sort of takes Drupal site building experience to do which for site builders is no problem but for an end user I want something a little more straightforward so one of the things that we added as a sort of we made a new entity called spotlight and if you actually add a spotlight to the page it'll actually give you the ability so you could say my spotlight and you could actually sort of fill out a title, link, image and description and you could add as many as you want so if we go look at this one right here we can see I've actually got these things in here and this becomes really straightforward because if I say I want to promote the lecture series it's the first one you know this is just a question of moving it up to the top if I want to change the image it's just a question of removing the image and adding it or changing the text or the links and I've done all this without going to the back end and this thing of course has that same property it can make it reusable so I can use it on other pages as well and you know otherwise I feel like there's a bunch of like sort of additional stuff you can do here there's a lot of contrived modules that I found best to breed for people and there's a lot of specific sort of admin experience improvements throughout the product it's in Panopoli it's an open academy and that you know it has a lot of that kind of magic so I'll go back to this next page and you can try this right now this is not something that's and you can download off Drupal.org or you can go to Pantheon to get it and here are the links to do that so it's available right now on project slash open academy and you can go to Pantheon and download it and I do hope you all will check it out we're definitely interested in taking questions if people want to come to the microphone we have five minutes left and we're happy to stay here or go otherwise to talk but thank you for listening we hope you like this and try it out whenever you have time yes first question early you mentioned integration with commons can you describe how maybe something like an events calendar would work with open academy integration with commons what I what I was talking about was a completely separate site a completely separate Drupal commons site that we were just throwing up to kind of do community support around for instance people using open academy and then wondering oh how do I do that cool thing that I saw in Matt's demo so we don't there's no integration built in the stuff though that is really helpful for events and I think will be is definitely on the roadmap for functionality is better integration with external feeds so like that event calendar we set default content up which helps you see it a lot of universities have standard event calendars they could use to actually import data from their stuff and so maybe part of the install would say give us an XML or an iCal feed and we'll import your data for you and then you could import that same feed to Drupal commons or export it out of Drupal commons to have tight integration we've done just a little bit of legwork around that in the Berkeley events calendar and sort of breaking up the possible feeds that are there and possibly at some point just offering you know you want all the lecture feeds or all the feeds by the graduate assembly or something like that next question two questions the first is if there's any workflow type functionality built into open academy like does it include work bench or anything like that it doesn't include any workflow functionality right now we designed it I think the Drupal way so it's pretty easy to extend and you can add your revision or workflow tool of choice to it the second question is more about how you've done this at Berkeley in terms of the sort of goofy federated nature of most universities it sounds like you're running this out of the communications arm of the university is that correct yeah the communications arm is the owner of the service and I actually reside in the technical central technology arm and then are you guys providing the service for free to every department that wants to use it the departments actually do pay a fee and we do some specific campus billing based on we use chart strings so we don't use credit cards and basically we are offering our users the same prices that anyone would get going to pantheon that's how it works for us I think it's radically different depending on what institution you're talking to and is it a totally an opt-in thing for your departments or do you have a mandate that's moving people towards a standard no certainly mandates do not go over well at Berkeley we're really famous for protests and stuff like that so yeah completely opt-in and we're trying to once again like there's open academy there's also this more generic install profile so we're really trying to get people options the best we can thank you I guess my question is during the content module where you're clicking it and it's providing dummy content when you disable it does it delete all the content yeah so the default contents run with the default content module that has machine names or UIDs for each one so you can turn it on and if you turn it off it will actually all go away but you can add additional news posts for example when you hit disable content it will just delete the ones that are default it won't delete your content it's smart like that one last question on the events module are you guys doing anything with entity registrations or anything as far as registering for events but you do use the calendar module and there's an event type and so you could attach a registration a bit to that no problem yes next hi thank you similar to the workflow question I'm a little new can we differentiate between IT staff versus communication staff versus the faculty and then the end user in terms of like the permissions to the the type of editor used for instance allowing table access locking down to just CSS and not HTML so the way it works now is we do have a secure input filter on the WYSIWYG so we're only letting stuff through that it's been approved so cross-site scripting and other kinds of vulnerabilities wouldn't be possible it would be though we're using the better formats module and WYSIWYG to actually manage different profiles so you could set up several different user roles and have people with like fine and supported as part of sort of you'd have to do that as an extension but it would be easy to do and table editing for instance turn on or off that sort of thing yeah the table editing isn't in the WYSIWYG right now we do have this the ability to add a table field entity like in the as part of like the add content so that was a sort of decision not to put it in but I think if enough people are interested in it it'd be easy enough to implement in the WYSIWYG or you know you could extend that by turning on that button in the WYSIWYG profile yeah be sure to talk into the mic two questions the first do you have any type of blogging capabilities um as attorney sits there we have a news feed and that news feed could be used sort of as a blog but it's a sort of central voice it doesn't have individual people on it although it'd be straightforward enough to add the author name to one of the fields and you could customize to add that to the post if you wanted okay the second question is are there plans on enter facing this with some type of learning management system or on intranet um I think there's definitely some interest in that I think there's a learning mechanism called ELMS that's very cool out of Penn State and I think that there might be ways to sort of share information or user accounts and then obviously open atrium is a great intranet solution as well Drupal Commons the same but I think the integration point we're trying to work most heavily for on the data level so doing feed exchanges and like single sign on and stuff and trying to keep the functionality here relatively basic so you can extend it as you want thank you next really interesting but it does provide the app server is that something that you guys are planning on doing or thinking about um I think if Berkeley charged for the apps there'd be a small trouble on campus and there's a bit of a misconception around apps and app server and yes similar to what the iPhone and the Android store uses but in Drupal if you're using an app server it doesn't necessarily mean you have to pay for something it depends on who's running the app server and obviously all of us are really interested in making functionality available to everyone so we don't plan to charge for apps next question thank you very much for the presentation actually I saw open public but this is what I was waiting to see thank you I have three quick questions can you hear me can you hear me I think it's a little speak up a little bit speak really close put your lips almost on it okay I see so the first one is what was the module that you could customize the panels like that build out the footer button that's the panel's IPE module it ships with panels you can use this version 3.2 you can just turn it on and then in your panel you have to make it an IPE but that's how you get that functionality another one is do you know a module that would allow actually customizing colors not styles but colors of those styles you could do integration with the color module to do some of the panel stylings and some other maybe even for the whole theme if you wanted we haven't gone that deep down in terms of that kind of appearance stuff but it would be a module available no not right now and the third one is what would you suggest to use for students registration um depends on the nature of the registration workflow and how that would work but you could certainly there's plenty of like sign up modules and other types of things you could attach to the event nodes or even to the you know specific other nodes on the site that could work for that but that's not on the road map specifically for this no but if enough people want it could totally be a thing and you can make it's really easy to extend the app stuff you could just copy one of our existing apps and you could make your own registration app that's right definitely thank you maybe we'll take one more question and then we'll be available sort of up here for other stuff I had two good questions one is related to content sharing and sometimes you have people that span multiple interrelated sites or news or events and how you guys handle that was the first question um the way so the quite dealing with sort of spam right now that all there's no like sort of user generated content you'd have to be logged in to do that and the accounts require administration approval so it'd be sort of your people obviously we'd be interested in extending it to have a comment module but we'd have to evaluate the different solutions in terms of what's possible for that but right now you have to have an account to post content and we assume those people are trusted I was thinking more like if you have say a department site and you post some news up to the faculty site or something to that effect oh so you don't want it like duplicated is the I mean I think that's just a question of like how you're presenting it on which site and how you set up some of your like SEO rules and what that looks like but some people want it duplicated they want the department news on the department site as well as on the main like news service so I do want it duplicated I just don't want to enter it twice oh yeah sure then just there's a the news feed comes with an RSS RSS feed so you could just take that and pull it into your main news site and have best of all worlds and the second question was about data integration so most universities will have already the list of courses that somebody's teaching in some system already so you don't necessarily want to enter that into Drupal over again have you done anything as far as pulling in lists of people and courses yeah so Brian's done some great work actually on the event stuff at Berkeley to get that sort of a good path for that and longer term so we sort of want to support the ability to have use the feeds module to pull in external data feeds to populate the content and that would be part of the install especially if you're looking to do it at a university you want like many sites on the university to have that kind of capability you build it once make it an app as your custom university app and then you can import data and that's something that's definitely sort of high on the roadmap in terms of stuff to do cool well thank you everyone for coming I don't want to go long check it out and come talk to Brian at the conference and have a great Drupal con