With the installation of the prezi-embedded plugin, using prezi in blogs posts and pages has been simplified.

To enbed a Prezi in our blog posts, we need to do the following (from the plugin installation notes):

Place [prezi id="<Prezi ID>"] in any post or page were you want to embed a Prezi.

To find your Prezi ID, the easiest solution is to simply copy the URL of your Prezi, which should look something
like this: http://prezi.com/<Prezi ID>/<Prezi Slug>. If you paste that URL exactly as it is, the plugin is
now smart enough to extract the ID for you. Alternatively, if you would like to do it the hard way, you can
manually extract the <Prezi ID> from that same URL.

Prezi Embedder Options

In addition to a simple embed, you can also set some additional embed options:

  1. align (default = none): Aligns the Prezi left, right, or center in your post.
  2. width (default = 500): Width of viewer in pixels.
  3. height (default = 400): Height of viewer in pixels.
  4. lock_to_path (default = 0): Whether to constrain user navigation to Prezi path (1), or let them roam free (0).
  5. autoplay (default = 0): Enables option at bottom of Prezi display to start autoplay.
  6. html5 (default = 1): True (1) to use new HTML5 viewer, false (0) to use Flash-based viewer.

The following shortcode is equivalent to [prezi id="<Prezi ID>"], with default values explicitly set:

[prezi id="<Prezi ID>" width=500 height=400 lock_to_path=0 html5=1]

Another year, and we are ready for another round of Connect.  What is Connect?  Connect is the 4 days before fall term classes begin. It is a chance for new students to begin to “connect” to OSU. There are a range of activities that help to connect you to academic resources, discover all the ways to get involved, learn about traditions and meet other new students.  With this year’s connect we are launching version 2 of our OSU Connect App.

 

Connect Events Screen     This version, available for Android and iOS, will feature the OSU Scholar Symposium events, and the ability to “favorite” events, by dotting the O.  What you don’t see is all the work put in behind all of this to adapt to an upgrade in the framework we are using by Appcelerator.  The Alloy framework introduced MVC programming into Titanium, and with the help of staff and one of OSU’s very own computer science students, Seth Toda, we’re refactoring the code to make it more modular.  This will enable OSU to be able to launch our apps faster and add features faster as well.

 

So look for the apps and app updates in the iTunes Store and Google Play store, and don’t forget to keep your apps up to date.  To the new students arriving at OSU, it is time to Connect.

As we looked at how we would upgrade all of our Drupal 6 sites to Drupal 7 we realized we had a big problem. Big as in over a thousand individual Drupal sites. We have become the victim of our own success in that we made it too easy to create new Drupal sites whenever we received a request, without first asking if a new site was really necessary. Drupal itself scales very well. It can handle much bigger sites than we currently have. By creating so many smaller sites we were actually making it harder for people to get around on our pages because larger sites became fragmented with no global navigation between the various units. It also made it harder for people to share data across sites, which caused unnecessary duplication of data input. Finally it created a lot of administrative overhead for CWS to keep this many sites upgraded.

We made it a strategic direction for Drupal 7 to begin consolidating as many small sites into their parent units as possible. We knew the first issue we would have to face is how to divide up the authoring responsibilities while maintaining ownership for different parts of a site. It turns out one of the reasons we currently have so many sites is because different people are responsible for content creation and wanted to make sure other people would not be able to modify their work. While this problem could easily be solved by just getting some agreements between the various authors on a larger site, we wanted to be able to assure people that we could prevent this possibility through Drupal permissions. We also knew that people wanted the ability for their sites to have some distinctiveness. While all of our Drupal sites adhere to the branding guidelines set forth by Web Communications, there is still room for sites to provide certain characteristics unique to their department or unit. We set out to find a solution for this.

What we came up with is a Drupal module called “Organic Groups”. The organic part does not mean that the groups were grown with abundant amounts of compost, but rather that they are flexible enough so that groups can be configured in a variety of different ways. For example we knew that colleges would need to build groups for their schools, departments, and programs whereas administrative sites would have a variety of working units that will need groups. After some testing we were confident that the Organic Groups module was going to suit our needs and so we started the work of communicating with people about our plan, and get some sites on board.

Central Web Services is a devision of Media Services which is in turn part of Information Services. There are a number of other units under IS including Enterprise Computing Services, Network Servies, and Technology Support services. When we began the task of updating the IS site using Drupal 7 it was agreed that we would consolidate a number of separate websites into the IS site using Organic Groups. The IS site is organized around the services that we provide. Each service is a group. Each group is also part of a service category. We are still in the process of converting all of this to Organic Groups but it looks like its going to work very well.

On the academic side of things we also have been working with the College of Liberal Arts to upgrade and consolidate their sites. We currently have the parent college site in Drupal 7 and are working with them to migrate the departments one a time from the old Drupal 6 sites. For a college the groups map nicely to departments which group into schools. Each department can have it’s own set of rotating features, highlights, directory listing etc. The department and school name also show up as the site name along with the college. Departments can have their own content editors, or and editor can work for several departments. There can also be college wide editors who can help with all of the departments if that is the way they want it.

Art department site name showing the school and college

Department name becomes the main site name, while the College and School names are combined above, with each linking to its respective front page.

Once we have completed CLA and IS we will begin working with other departments to consolidate and upgrade sites to Drupal 7 at an accelerated pace. The end result will be better websites for everybody.

 

vote button with text "primary election ballot opens at 10pm april 9th" and "general election ballot opens at 10pm april 21st"

It all started with a simple question, “Can CWS help us build a website that our student body can use to vote with in our April elections?”

The question, posed by ASOSU Organizing Coordinator, Drew Desilet, came to CWS in mid-February.  “When it came time to look at building or buying a new voting system for the student government elections, it was clear we had two options. We could choose to buy an outside product that came pre-made to someone else’s standards and needs, or we could work with our own CWS partners on campus to build us something to suit our needs.” he explains.

It should be clearly understood that the delivery of a complex, finished website or web application within a two-month timespan is a mighty tall order.  Additionally, there were a few tricky specifications that the site needed to meet, one of which includes the ability to limit the voting population to a specific segment of the OSU community, namely, Corvallis campus students.

Ultimately, the answer given to ASOSU was “Yes, we can.”

It did take a few extraordinary elements to get it up and running on such a short time-line, though:

  • Great customers who provided exceptionally clear specifications
  • A rockstar programmer who didn’t miss a step from the beginning to the end of the project
  • A diligent project manager who smoothly coordinated all those extra things that threaten to derail a web-development project
  • The OSU Drupal profile, combined with the Election module, a special contributed module that can be found at drupal.org

“We’re very pleased with the way this project played out.” states Jean Waters, CWS project manager.  “Using the Election module really helped us get this project up and out in such a short time.  In fact, there are still some really nice features that came with it that we haven’t even had a chance to fully examine yet.”

The Election module is based on a new Drupal 7 concept known as “Entity”.  This is still a fairly new concept to the Drupal team here at CWS, but team member Ricky Middaugh was up to the task. “It was a unique challenge, having to work on something in Drupal that I didn’t know a lot about.” comments Middaugh.  “But I’m really pleased that we were able to provide something useful to OSU.”

And the ASOSU provisioned gift just keeps on giving, explains Jos Accapadi, Associate Director of CWS. “Thanks to ASOSU’s willingness to experiment with us, the groundwork has been done, and now we’ll be able to quickly spin up sites for other political organizations here on campus.”

Desilet agrees. “We’re already working with CWS to make system improvements for future years – mobile capability, streamlined candidate entry, candidate profile pages, and a few other minor changes – the voting system has worked out very well for our needs in the ASOSU, and it’s our hope and plan to continue using it for years to come. It’s a system other groups on the OSU campus, or really even the entire Drupal user base, can use for a voting system in the future. It would be nice to see this used across the university for any type of voting, and make it as common to ONID users as BlackBoard is now, or Gmail is to come.”

The new voting site has already passed the Primary election test, during the week of April 9th – 12th.  “So far we’ve had 2,118 voters run through the system without any hiccups of which to speak. Modifications for us between our first Primary election and our General election were minor, and largely administrative based. Therefore the tool the students will use will look and feel the same as the first time they used it just weeks before, however it will work even better for us as election administrators.” says Desilet.

The site will be ready for use for the General election, starting Sunday, April 21st, at 10 p.m. and running through April 26th.  Voting will be open to Corvallis campus students.  To get there, just go to http://asosu.oregonstate.edu/elections and click the big vote button.

 

 

You just put the finishing touch on your Drupal site, all the images are just right, the calendar feed has your events displayed and every bit of content is informative and engaging. It sounds great, but here are some things you should know about live sites and some checks you should do for your site before deployment.

  • Links, images and navigation, these are the cornerstones of a good site. We have some ‘best practices’ items you should check before pushing your site live.
  • Menus – part of the navigation system your visitors depend on in order to find relevant content on your site.
  • Brand Identity Guidelines for OSU web content. Does your site measure up to University expectations, we’ll show you how to find out.
  • Do you have contact information? It can be very aggravating if a user doesn’t have a way to reach out to someone in order to have a question or concern addressed.
  • What do you need to do after your site goes live? Yes there are things you should check after your site is moved to production.

All of these items and others are covered in detail at http://oregonstate.edu/cws/training/book/drupal-deep-dive/osu-drupal-site-procedures/drupal-deployment-checklist.

 

So let’s talk Drupal 7, and some bits and bytes about Drupal in general.  Central Web Services maintains a central Drupal installation.  Like any piece of software, it has multiple versions.  Drupal 5, 6, 7, and 8 which is in development.  The CWS stable version is Drupal 6.  Drupal 5 is no longer supported.  Right now we are getting numerous requests for Drupal 7.

We want to let you all know that we are actively working to get Drupal 7 tested, documented, and functional for the needs of OSU.  Well, why can’t I just get it now, it’s just a download, you ask?  The answer is, while if you were hosting on your own ISP this would be the case, the OSU infrastructure is such that we have to ensure security, reliability as well as integrations with other solutions, such as authentication, themes and modules in use by OSU CWS Drupal sites.  We have a number of concurrent activities happening to make progress toward rolling this out for the University, including actively working on the theme necessary for Drupal 7 (yes we have to rewrite the theme to work for new Drupal versions).  This is in partnership with the rock-star team over in Web Communications.

Now more importantly, what we are trying to do with Drupal 7 is reduce our site footprint and number of individual sites.  Can you believe we have over 400 sites?  That becomes a maintenance and support headache.  With Drupal 7, there will be a new feature called Organic Groups.  This will allow us to have a smaller subset of sites, and areas and departments within the same site but still allow the finer grained control that some of you desire.  With Organic Groups, you will be able to take control of the portion of the site that is your relevant content, and have control so others cannot access that portion of the site as a Drupal administrator to modify something in error.  This is where we want to go and what makes sense for Oregon State University.

So when will this be done?  With Organic Groups, we are in the pilot stage with Information Services, and then we are going to ensure we have it done right by piloting the College of Liberal Arts.  Doing this we will ensure we understand the technology well enough to teach, document, and support it going forward so people are not left out on their own to figure things out.

Individual main colleges in working with Web Communications can look at Drupal 7 with the Doug Fir Theme (the theme that we have available for Drupal 7), and then incorporate changes for Organic Groups as we roll that out.  Science and Liberal Arts main college sites are already in Drupal 7.

Departments however, we will not be rolling out with Drupal 7 at this time, as they are to be incorporated into Organic Groups, working with your colleges, once we roll out Organic Groups.

For those sites that are in Drupal 6 and want to look like the main college sites that are using Drupal 7 Doug Fir, we are working on a version of Doug Fir for Drupal 6.

What is Doug Fir?  So besides being an evergreen confier species, Doug Fir is an OSU responsive Drupal theme.  This means that the site resizes depending on the device that you are on.  Liberal Arts is a good site to see using this theme.

For us it is imperative that we do this right and do not add to the overhead and support it would take to enable OSU.  This is why you might hear us say that we are not providing Drupal 7 to individual sites at this time.

Our rough timeline as of now is:

  • Spring and Summer to test and roll out Organic Groups.
  • Winter:  Migrate Drupal 6 sites to Drupal 7
  • 2014 Drupal 6 moves to maintenance fixes only
  • 2015 End of Life (EOL) Drupal 6

With all of this we are re-architecting the infrastructure, and then we will have Drupal 8 on the Horizon.

We hope this information helps you to be aware of the progress we are making.

On Monday, February 18th, if you hadn’t seen information about or attended the training sessions, Central Web Services and Media Services released a new version of Kaltura’s MediaSpace.  This is version 4 of MediaSpace.

The new version of MediaSpace, OSU’s open source and cloud-based media solution, integrates many requested features and some important new functionality, including privacy / access control, captioning, HTML5 support, and improved layout.

One of the best ways to understand the new features is to watch the video in MediaSpace about the new version.

Every department hopes for collaboration and cooperation among all of its members. Here at Central Web Services we are working towards making that a reality. In September, our office had a face lift. Out went the dull grey cubicles and in came new wooden desks and an open work space. The removal of the cubicle walls created an open and inviting workspace. Here are some pros and cons we’ve noticed since the redesign:

 

Pros

  • More space in the office
  • Easier to talk to one another
  • Collaboration among different areas within the department is easier
  • The office appears brighter and more inviting
  • Seeing who’s in the office at a glance

 

Cons

  • Nosier at times
  • No cubicle walls to hang things on
  • Spontaneous drop-ins by visitors can cause more disruption then previously

 

Although there was some hesitation on taking down the cubicles, we all agree that the change in the work environment has helped strengthen the team dynamic.

OSU Responsive ThemeWe have rolled out a new blog theme which is named OSU Responsive.  Why Responsive?

Responsive really means responsive web design.  The goal behind responsive web design is to have the design of a given web page be adjusted dependent on the size of the screen.  So on a phone, the look and feel changes to be more of a mobile experience where reading a full web page doesn’t necessarily make sense.

The theme is a two column theme, with only a main sidebar, and the bottom contact area as available areas to put widgets in.  Remember, not all widgets will look good in different areas so you will have to see what works and doesn’t.

Who can use OSU Responsive?  Responsive is available for everyone, however, there are some things to note.  The use of the OSU logo or tag is restricted to certain use.  The theme will display the tag or not based on the Organization Type as specified by the table below.

Organization Type Can Use Branded Theme?
Student No
Staff No
Faculty Yes
Department Yes
Sponsored Student Organization (SSO) Yes
Voluntary Student Organization (VSO) No
Non-Affiliated Student Organization (NSO) No

Student Organizations are governed by the policies of Student Leadership and Involvement.  If you are a student group and do not know which type of organization you are, please visit the Student Leadership and Involvement site.

What do you need to do to use it?

1.  If you are switching over from an existing theme, and you switch it immediately, it might seem that your site is broken in layout.  It isn’t.  It is simply that the widgets need to be removed and put back into the areas available for it.  So we recommend first removing all the widgets in use from the sidebars.

2.  Go to Appearance -> Themes in your WordPress dashboard, and select the OSU Responsive theme.

3.  Put your widgets back into the sidebar.

4.  Deactivate the Sociable Skyscraper plugin if you are using it.  Use of this inserts a thin horizontal line and makes the theme look broken.  Go to Skyscraper Options in the Select Sociable Plugin expanded menu to deactivate.

Skyscraper Option in Menu Settings

And that’s it.  Good blogging to you all.

Accessibility and Brand Guidelines

As part of the OSU Responsive use, the use of a different background image or color must adhere to OSU’s policies regarding Accessibility and Brand.  Any failure to do so may cause your blog to be disabled.  The net takeaway here is don’t change it if you don’t understand the policies, which is why we at Central Web Services, take care of these things for you in creating the default theme.  However, do remember within your articles, accessibility policies still apply if this is used in any official capacity for students, staff, or faculty or OSU.

Connect IconWith the beginning of a new school year just around the corner, something big has been brewing. Connect Week is all about connecting new students to Oregon State through events that introduce them to the different resources available on campus. Since the events are not restricted to just new students, they have the opportunity to connect with returning students who have already been through the ropes and can give them some tips. To help with the transition, this year there is a Connect app! The app helps you:

 

 

  • Keep track of the new student events
  • Get up-to-date info through social media sites like Twitter and Facebook
  • Information about the assortment of food options  open on campus at the time
  • Connect week FAQs
  • Connect week and new student news

 

What did the lead student developer, Nicole Phelps, have to say on the release of her first official app? “The OSU Connect app is a great way for students to get involved at OSU’s Connect week. Its theme is ‘Connect the Dots’, so I see it as an allegory for how each new student comes to the school with a blank slate, ready to connect their own dots.” You’ve connected the dots your whole life; from connecting the dots to discover the picture on the page to connecting the dots between classes to earn your diploma. Now you can use the app to help you stay connected at OSU while you earn your degree. It’s a connection to important up-to-date information on what’s going on and where to be right on your phone. This app provides a searchable campus map for the term (or multiple terms if you have luck like mine) that you have a class in a building like Wiegand Hall and you have no idea where it may be. Its list of the open food establishments on campus keep you informed and on time for meals. I wish I would have had an app like this during my first year on campus to save me from learning the dining center hours the hard way and showing up too late for a meal. Save yourself from the disappointment of missing new student events, and meals, and check out the app for Android and iOS!