Friday, September 12, 2014

Student Employee of the Semester for Summer 2014!

We awarded the Student Employee of the Semester for Summer 2014 last night, and the award went to Maria Guillen!

Left to Right: Daphne Hunt, Maria Guillen, Morgan Hammond

Maria is a very hard-working student, taking much initiative to get work done for the College of Business Administration (COBA) on her own. She is skilled at organizing information on the web and collecting student testimonials for COBA's website. Maria works with faculty in order to get information needed for the college's websites. She will be graduating with her B.S. in Computer Information Systems in December, therefore moving on to new horizons. We are going to miss her!

We also had the opportunity to take a group photo of all the Web Services employees last night. I'm so proud of this team and all of their accomplishments and talents. Every single person is valued and appreciated in this office and I am so looking forward to working with this team this year!

Left to right: Josh Roelofs, Maria Guillen, Danielle Dunigan, Katie Taylor, Silvia Fuentes, Karole Schroeder, Tori Jones, Morgan Hammond, Daphne Hunt, Jennifer Kiggins, Ernesto (Ernie) Martinez
-Daphne :)

Tarleton Mobile App

Web Services, Information Technology Services (ITS), and the Digital Media Advisory Committee have been working for several months to prepare and implement a new mobile app for Tarleton.

The app is created by Ellucian, the company which also brings us MyGateway (Luminis), Ducktrax (Student Self-Service), and Banner. Becky Gray, CIO and Executive Director of Information Technology Services at Tarleton, saw a demo of the app at a conference during spring of 2013. Because Tarleton did not have a primary app for the institution AND there was a need to provide a mobile-friendly way to access student services, Becky investigated Ellucian's app further and made the decision to purchase.

The Digital Media Advisory Committee began discussing the app's look and feel as well as content to be placed in the app during the spring of 2014. One of the deciding factors about content was whether or not it is "mobile-friendly".  Currently, there is no "free" mobile-friendly interface for Blackboard, so the decision was made to not link to Blackboard from the app. However, since TexanSync already had a mobile-friendly interface, we decided to include a link to that website.

We also included links to student email, Tarleton's news and events, social media, emergency contacts, campus maps and directory, athletics, and several more items. And of course, students are able to access their grades and schedules from the app as well!

-Daphne Hunt

From a Student's Perspective
Tori Jones, Assistant Intern in Web Services:


From my perspective this app has really made my life a little bit easier. My favorite part of the app is when you click on courses - it shows you what courses you have, what time they are at and even has them all laid out in a schedule. You are also able to access your grades in classes from past semesters, which I found was really convenient because sometimes I like to look back and see what my grades are looking like as a whole, and being able to see that I had a B in that class, or an A in another class really helps things stay organized.

Another thing that the app comes in handy for on a student's perspective is the link to TexanSync. Being a student worker for Web Services, as well as a Residential Leader, I use TexanSync quite a bit. Having that direct access from the app to TexanSync allows me to have access to important things that I need to know and event times with a touch of a button, literally.

As a Residential Leader, there comes times that call for emergency contacts needing to be reached. With the new app, not only are the University Police Department's number available at the click of a button, but the Erath County Sheriff's Office, and Stephenville Police Department numbers are programmed in as well.

This app was something special for Tarleton that was long awaited, with all the new technologies coming into play, it was just a countdown to when we would finally get this app. It's got a really good look to it, and not only that it's extremely easy to use - from having links to student email, TexanSync, Emergency Contacts, and everything in-between, it's definitely a must have!

Monday, August 11, 2014

Responsive Design Next Level: Entirely Modular Pages

You may have heard we are converting the Tarleton website to responsive design via our Project Squishy website. A lot goes into designing a new website, its layout, functionality, and interactivity, so we decided to provide you with a window into the designing and programming process involved in this very complex project. You may have already read Ernesto's post on our design for the new search engine and what he did to program it (if not, go check it out!). Today's post is going to be more focused on what you will be able to do with the new responsive design in Cascade Server, our Content Management System (CMS): modular pages.

How We Got Here


Before we moved to a CMS, web maintainers were able to design their websites, sometimes with the assistance of Web Services for website layout:
  • Full control: Maintainers control website layout and content
    • Adobe Dreamweaver
    • Microsoft Frontpage
    • Mozilla Composer
  • Partial control: Maintainers control content in an editable region on each webpage
    • Adobe Dreamweaver
    • Adobe Contribute
A screenshot of the Financial Aid website as seen in the Layout view of Cascade where editable regions are shown as three columns on the page.
Three editable regions on one of the first
page layouts made available in Cascade.
Web marketing strategy was very lax at that time, since everyone was able to set colors, logos, navigation, and content up any way they wanted. When President Dottavio came on board, though, he wanted to improve the marketability of our degree programs and usability of the Tarleton website, so he directed Web Services to approach websites in a consistent manner, look and feel. This would, in turn, help us also meet legal requirements regarding accessibility of content, security of information, and intellectual rights of content owners.

Our solution moved us into Cascade Server where web maintainers have control over smaller editable regions of their web pages. We started out very basic, since users were already used to a large editable region on each page and called us to help update the navigation. Many of them had full control of their websites before, so they had access to do much of what they did before, however, not every web maintainer is tech savvy. We wanted to give our web maintainers more control without making them learn how to program a web page, a simplified approach to content updating and web page creation.

A screenshot of the Band website as seen in the Layout view of Cascade showing the complexity of a modular page.
Multiple editable regions are available in modular pages,
however, depending on the programming needed,
Web Services has to maintain specialized modules.
We started to create more specific pages to meet those needs, such as:
  • frequently asked questions (FAQ)
  • faculty/staff listings
  • news listing
  • many, many, many more
This wasn't enough, either, because web maintainers needed content before and after a FAQ or maybe two FAQ sections, or a FAQ and a news listing all on the same page.

The Need to Change Course

Each new page we created made building a new website a longer process. What pages do the web maintainers need? Does Web Services need to build each page that could be possible? Does Web Services need to program more specialized pages each time a web maintainer requests the content modules be placed in a different order on a page?

This is when I started pondering modular pages, a way for web maintainers to decide what content module (i.e., FAQ, news listing, directory listing, or basic content such as paragraphs, lists and tables) goes where without worrying about programming any of it.

With the new design in Project Squishy coming into view, we weighed the good and bad of modular pages.

Good

  • Web maintainers will be able to update content modules without programming skills.
  • Content modules can be arranged on a page in multiple ways without requesting Web Services create a brand new page layout.
  • Content will be created more accessibly without extensive training for the web maintainers.
  • Screenshot of the content modules that make up the Tarleton homepage's main content section.
    Content module folder containing the content modules
    (or blocks) linked to the Tarleton homepage
    that make up the main content area on the page.
  • Web maintainers will have the assistance of Web Services to provide recommendations of best practices for content.

Bad

  • New pages will be created initially by Web Services, not the web maintainers. 
    • Upside: Web Services will consult with maintainers on content strategy for the pages first, so web maintainers will only need to update content, not worry about layout.
  • Editing a page will really mean editing content modules that are located in content module folders separate from their pages. This will be a new process for almost all web maintainers who are used to clicking on a page inside Cascade and then clicking the Edit tab for that page.
    • Upside: Content modules are re-usable, so a number of maintainers who may need content they don't personally own can include other maintainers' content modules as opposed to duplicating content. This cuts down on outdated information available on Tarleton's website and the time it takes to make duplicate copies of content.


What Content Modules Will Be Available in Project Squishy?

There are well over 200 options for modules on our current website, however, a majority of them will not be transferable to the Squishy website.

Many are based on program scripts that are no longer maintainable, such as a number of our slideshows, because their program authors dropped these projects. Think of it like anticipating what you will be able to still use when Apple or Microsoft pushes out a new operating system. Software companies have to make updates to their applications to make them compliant and functional with the newer operating systems, but if those software companies go out of business, the software becomes obsolete.

A screenshot of an unresponsive feature we will not be implementing across the website.
The Tarleton F.O.C.U.S. uses a light box feature that is actually unresponsive (does not properly change dimensions depending on screen size or device orientation). The scope of this solution is limited to the homepage due to the complexity of the programming required.
Other modules just do not function on a responsive level, so they would be inappropriate to move over to the new design layout. For example, a light box (as seen on the desktop version of our website when clicking on a testimonial or picture on the Tarleton F.O.C.U.S.) is not responsive because it tries to (a) provide the entire content in a predetermined shaped box that cannot be reshaped or moved and (b) center it on the page, however, screen dimensions differ across devices. The solution we pulled off for the Tarleton F.O.C.U.S. only works because the content is connected to a database that dynamically generates pages for mobile phone screen sizes. If we implemented the same solution across the website, since our web maintainers do not have database access to store images, we would have to create each and every page for the individual images.


So What Can We Expect in Project Squishy?

Screenshot of responsive directory listing content module.
Mockup of redesigned directory listing that is responsive
on all devices and seen here as the mobile version.
We are doing a lot of research on what modules would work for our website and our users. We will start with a small set of options and add more when we are able to build them. Each one requires a lot of planning because we are trying to determine their behavior on varying screen sizes. You've already seen some modules on the homepage that are being considered for use on the rest of the website:
  • Highlights: a rotating set of pictures linked to valuable information or calls to action
  • Slideshow: a rotating set of pictures and their captions that can be used for testimonials as well as calls to action
  • Calendar: currently linked to content automatically generated from the Online Calendar System, our plan is to also include a manual feed for websites that don't have specific categories of events related to them.
  • Statistics: a rotating set of pictures and stats that show off the points of pride for any department or program.
  • Testimonials: currently only one design for testimonials is available. This version is a panel with a huge quote and a picture of the person cited. A new one will be available that rotates through multiple testimonials on the side of textual content.
However, we're missing the most important modules that focus on textual content. We are creating some with options for adding pictures, colorful blocks of content (asides), rotating content on said colorful asides, and more (see the above new directory listing). As we get ready to finalize modules, I'll post the new ones.

-Karole

Friday, August 8, 2014

Coming Soon: New Features in Cascade Server 7.12

Cascade ServerHannon Hill announced on August 6, 2014, that Cascade Server 7.12 is available. We are on the queue to upgrade Tarleton's content management system at 7:00 AM - 8:00 AM, on Wednesday, August 13, 2014.

In general, this upgrade consists of new broken link reports, improvements to drafts, and filter options for stale content checking.

Broken Links

We have had some issues with page specific broken link checking. You may have noticed when you have external links, you see every single one of them pop up in a broken link report once you submit your page after editing it.

This is a problem for multiple reasons. The potential for false positives, or links that aren't broken are considered broken, is very high. Since you'd have to check every single link each time you edit and submit your page, you are less likely to go through that long link check process. Meanwhile, pages you are not focused on editing may now have broken links, but since you don't edit them, you never know about these issues.

Hannon Hill is now providing "site-wide" broken link reports (we will discuss "Sites" benefits in more detail as we convert your websites over in Project Squishy), so you don't have to click on individual pages to check for broken links. These should circumvent our current false positive issue on page related link checking.

"Link Report" will become a new tab on your dashboard when we upgrade, and a dashboard widget option will be be available when we move you into Sites.

You may be aware that our student technicians and interns are contacting you about broken links on a regular basis. We are using SiteImprove to provide you with those results, however, they only work when the pages are published to the live website. Cascade Server will check all your link content, published or not, on a periodic basis.

It will provide you with the pages the broken link is located on, the number of times they occur, and what type of broken links they are, so you can easily find and correct your links, putting you back in control of your content. As you fix your issues, you can change the Status of each broken link, so these issues don't continue to alert you in the Link Report.

Drafts

When you are editing a page inside Cascade, your changes are automatically saved as a Draft. Often when you are typing or clicking on something, you'll notice your editing area shift around as Cascade informs you that you currently have a Saved Draft. This disruptive behavior will be no more!

Also, your old drafts (if you accidentally made multiple on the same page) will be discarded as soon as you submit your edits. You won't get confusing error messages about that mysterious person who has a draft of your page as well leading you to believe you might not want to submit those changes. Draft changes will include a sanity check: timestamps will be available on your draft versions.

Stale Content

Some content doesn't need to be checked every week, month, or whatever arbitrary time period we have marked on your whole site. After all, the university catalog gets a refresh once a year, so why should you be yelled at by a stale content checker every month asking you if you've updated your course rotation schedules yet? That's unnecessary worry.

You will be able to organize your content by folders, and these folders will have different shelf life settings, so things like course rotation schedules don't have to be checked but maybe once a year. News content (because we want to know the exciting things your department is doing right now, not a year ago) would be checked far more periodically.

-Karole

Monday, August 4, 2014

New Workshop: Making Updates in Cascade Server

Cascade Server
Web Services invites you to attend our August Workshop:
"Using Cascade Server to Make Timely Web Updates,"
led by Morgan Hammond, Web Content Specialist for the Office of Web Services.

The workshop will be @ 3:45P on August 15, immediately following the Cascade Training.  It will be held in the Library Training Center, which is accessible from the new Library Commons area on the main floor of the Dick Smith Library. 

This workshop will allow you to spend an hour making your web updates alongside other web maintainers and Web Services Employees. You can ask questions and get one-on-one help with those hard to make edits. This is a great way to get out of your office and away from distractions to make those much needed updates!

Should I attend this workshop?

Yes:

  1. If you regularly write and make updates to a Tarleton site, you will learn about the latest updates to Cascade Server, the effective use of Cascade tools and get solutions to common problems you have struggled with over and over while making updates to your site.
  2. If you have been tasked as a Web Maintainer and already attended training this workshop is an easy way get a jump start on those edits, or build your confidence.

No:

  1. If you have not already attended training, this workshop will leave you with more questions than answers.
  2. If you want a course in HTML writing, Web Services does not provide training or courses in HTML.
  3. If you want to redesign or change the layout of your pages, please contact Web Services to schedule a consultation.

Take Aways

While our one hour training sessions are a great start, we realize that most learn from doing. You will be able to build your confidence, get advice from the experts, and be able to make updates faster after attending this one hour workshop.

Cascade Training

If you are interested in attending a training session, you can see a list of scheduled training sessions on our website. To RSVP to a scheduled training, send an email to mhammond@tarleton.edu. Please be sure to have your immediate supervisor request your access to Cascade and fill out the Cascade Server User Agreement prior to your training.

Monday, July 28, 2014

#MondayFunday: Cappuccino Lays

In order to make our Monday morning a little more bearable, I brought in the new Cappuccino Lays chips to do an office taste-test.


The only person who really liked the chips was the same person that does not like potato chips OR coffee. Go figure!

-Daphne

Thursday, July 17, 2014

Other universities in the media

(Photo from nicolasconnault)
Web Services' staff is tasked with evaluating Tarleton's web pages and vendor-contracted web pages/technology for accessibility, copyright, and security issues. This is a tedious yet necessary responsibility that the university is required by law to perform. As we have learned more about these federal requirements, we have over time made our evaluations more stringent.

We have observed the ramifications of what happens when a university ignores its obligation to abide Section 508/TAC 206, U.S. Copyright Law, and TAC 202. We do not want similar actions taken against Tarleton, which is why we adamantly check our websites, software, and other technology for compliance.

Doing these evaluations does take some time. Sometimes I would rather be working on web graphics or designing web layouts. However, if we do not take the time to evaluate, a reprimand (or worse) is just inevitable.

The following are examples of universities who have been reprimanded/sued/reported for not complying with accessibility requirements. I think you will be surprised!
Here is an example of a situation where the owner of non-popular blog was sued for copyright infringement on one image. And no, universities can not claim "fair use" on images posted on it's public website - they must follow the same rules.
Due diligence is the key here. And even though these are requirements by law, shouldn't we at least feel morally obligated to provide equal rights to services and prevent theft? I think so!

-Daphne