{"id":9937,"date":"2012-01-05T08:00:21","date_gmt":"2012-01-05T12:00:21","guid":{"rendered":"http:\/\/webapp2.wright.edu\/web1\/newsroom\/?p=9937"},"modified":"2012-01-10T11:56:54","modified_gmt":"2012-01-10T15:56:54","slug":"wright-state-web-team-showcases-website-redesign-at-drupalcamp","status":"publish","type":"post","link":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/2012\/01\/05\/wright-state-web-team-showcases-website-redesign-at-drupalcamp\/","title":{"rendered":"Wright State web team showcases website redesign at DrupalCamp"},"content":{"rendered":"
\"Photo<\/a>

Wright State web team members (L-R) Mark Anderson, Rajeev Singh and Jessica Sparks presented the university's redesigned website at DrupalCamp Ohio 2011.<\/p><\/div>\n

You may have noticed that the Wright State University homepage (http:\/\/www.wright.edu<\/a>) has recently undergone a major facelift.<\/p>\n

The university\u2019s web team has been hard at work transitioning the Wright State website to a content management system called Drupal. Recently, three web team members shared their efforts at DrupalCamp Ohio 2011, a gathering of web professionals from around the state who use Drupal software.<\/p>\n

A content management system (CMS) is a database-driven way of organizing and managing large volumes of content on a website. In a CMS, a variety of users can be assigned varying levels of control. Users will be able to make changes to pages they control without needing to do complicated programming or write code.<\/p>\n

\u201cSo it will broaden the number of people on campus who can directly edit content on our site,\u201d said Jessica Sparks, Wright State\u2019s web designer. \u201cThis will allow our content to be fresher and more current.\u201d<\/p>\n

A university committee first began looking at different CMS software in August of 2009. They ultimately selected Drupal and the web team began using it last spring.<\/p>\n

\u201cDrupal was the best choice for us because it allows us to give our users exactly what they want,\u201d said Mark Anderson, Wright State\u2019s senior web administrator.<\/p>\n

Anderson explained that Drupal is scalable, flexible and easy to use. It has advantages for search engine optimization and accessibility. It will give the university better control of its branding because all the site\u2019s pages will have a consistent look.<\/p>\n

\u201cPlus, it\u2019s open source, meaning we\u2019re not paying any licensing fees,\u201d he added.<\/p>\n

Drupal is widely used in both the private and public sector. Good examples of Drupal-built sites are whitehouse.gov and examiner.com.<\/p>\n

Wright State is one of the first universities to use Drupal 7, the newest version of the software. That\u2019s drawing attention from the local business community.<\/p>\n

\u201cI was so excited when I heard that Wright State was considering Drupal to revamp all of its web properties,\u201d said Nathan Rambeck, web architect at Crown Partners consulting firm in Dayton. \u201cAs a thriving open-source project with an active community of developers, Drupal will help Wright State stay on the cutting edge of web technology and meet the expectations of an increasingly web-savvy student population.\u201d<\/p>\n

Before beginning to use Drupal, the Wright Sate web team did an extensive user experience study. They used various analytics along with focus groups and individual interviews to determine user needs and behaviors. The team also compared the site to those of competitor institutions.<\/p>\n

\"Screenshot<\/a>

The first pages of the website converted to the new official template went live in September.<\/p><\/div>\n

The team created a custom webpage theme based on those months of research. The first few hundred top-level pages of wright.edu were converted to the new official template and went live in September. The web team has a multi-year implementation plan for converting the rest of the website into Drupal.<\/p>\n

\u201cWe literally have hundreds of thousands of pages left to do,\u201d said Sparks.<\/p>\n

Anderson and Sparks, along with Wright State web developer Rajeev Singh, recently showcased the wright.edu redesign at DrupalCamp Ohio, a regional gathering of Drupal users.<\/p>\n

The team led two of the conference\u2019s 17 breakout sessions. At the first session, Anderson and Sparks discussed how Drupal has made the Wright State website more accessible to those with disabilities.<\/p>\n

\u201cNearly 25 percent of Internet users have some sort of disability, yet only 1 percent of sites on the Internet are accessible,\u201d said Sparks.<\/p>\n

As a university that prides itself on its accommodations for students with disabilities, it was important for the web team that the new site follows that philosophy.<\/p>\n

Drupal supports technologies such as semantic web RDFa tags, which facilitate the development of highly accessible sites. ARIA tags have been added to the theme, which help devices like screen readers understand the functions of elements of a site, giving them a human context.<\/p>\n

The team also used Drupal to create an \u201caccessibility toolbox\u201d on the homepage. By clicking on \u201cAccessibility\u201d near the top of the homepage, users can customize their experience by selecting a text-only or a high-contrast version of the site.<\/p>\n

At their DrupalCamp session, Anderson and Sparks explained how the Wright State website is developed to accommodate various disabilities. They discussed specifically how they used Drupal to accomplish their accessibility goals.<\/p>\n

\"Photo<\/a>

Responsive design in action: the Wright State homepage on a laptop, an iPad and an Android smartphone. <\/p><\/div>\n

In the second session, Singh focused on Wright State\u2019s mobile presence and the concept of responsive design.<\/p>\n

Traditionally, a company or an organization develops a website for desktop systems, explained Singh. If the company can afford it, it also develops a separate code base that can be viewed from a mobile device like a smartphone.<\/p>\n

Now, however, with the myriad of different mobile devices on the market, developers need to be able to design a single site that can adapt to various screen sizes.<\/p>\n

\u201cThat\u2019s responsive design,\u201d said Singh. \u201cOne site, one set of code, behaves differently based on how it\u2019s being viewed.<\/p>\n

Singh explained that his presentation focused not on the advantages of responsive design, but on how to actually do it. He showed how Wright State is using Drupal to create responsive design on its website.<\/p>\n

\u201cRight now there is more buzz about responsive design than there is practical information,\u201d he said. \u201cVery few websites are doing responsive design. We\u2019re on the leading edge.\u201d<\/p>\n

Wright State\u2019s appearance at DrupalCamp is just a small step on a journey to radically redesign the university\u2019s web presence, which will ultimately change the way users interact with its site for years to come.<\/p>\n

\u201cBesides the original creation of wright.edu, the decision to move to a content management system is probably the largest milestone for the web at Wright State,\u201d said Sparks.<\/p>\n","protected":false},"excerpt":{"rendered":"

The university\u2019s web team has been hard at work transitioning the Wright State website to a content management system called Drupal. Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":26,"featured_media":9938,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[729,711,336,725,715,719,2024],"tags":[],"class_list":["post-9937","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-around-campus","category-faculty-staff","category-features","category-home-news-sidebar","category-news","category-special-categories","category-staff"],"_links":{"self":[{"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/posts\/9937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/comments?post=9937"}],"version-history":[{"count":11,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/posts\/9937\/revisions"}],"predecessor-version":[{"id":10167,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/posts\/9937\/revisions\/10167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/media\/9938"}],"wp:attachment":[{"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/media?parent=9937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/categories?post=9937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webapp2.wright.edu\/web1\/newsroom\/wp-json\/wp\/v2\/tags?post=9937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}