Playing catsup

Well our new Intersession - oh, wait, I mean, "Tiger Term™" -  has proven to be even quieter than I expected. That being the case, I have been able to check a bunch of things off my to-do list (and there was much rejoicing - yaaaaay). Among other things, I've sent in a proposal to a conference, made some headway with the designers of the new website, created a log detailing pretty much every outreach event that has taken place since I started this position (boy am I glad that I've been keeping up this blog), and finally finished backfilling the microgrants webpage.

Thankfully I got a little help with the microgrants from the student assistants in the main office, who I tasked with compiling title and PI information, converting all the files to PDF, and renaming and organizing the files according to a standardized directory structure. As with many projects, though, getting help is both a blessing and a burden. Although it saved me a notable amount of effort, the work was not quite done to my specifications; I already had to go back and ask for revisions once, and after that I kind of gave up and decided it would probably just be faster to finish it myself. So, adding everything to the webpage was partnered with confirming and updating nearly every entry. To top that off, as I mentioned before, organization was very poor to begin with. Many reports are missing (were they ever provided?), files were sorted into incorrect directories, some proposals and reports were not correctly associated, et cetera. Because of these issues, I still can't even be sure that this webpage is 100% exhaustive and accurate. But, it uses everything I've been provided, so I guess that means I'm finally done.

...Sort of. I still don't have thumbnails representing each awarded grant. Maybe I'll be able to task one of the new students in the main office with that (I originally asked the previous students to - twice). Though, I wonder how necessary that truly is? It may not add enough to the page aesthetically to make up for the amount of effort required.

Check out the webpage as it currently stands and let me know what you think.

It's (pretty much) all the same to you

Who knew that my last post about snowballing would be so prophetic, what with last Thursday's 18" of snow and the impending "Blizzard of 2014" predicted for tonight and tomorrow. Nonetheless, I've been working (how nice and quiet it has been!) and have managed to complete the updates I mentioned previously to our USB drives.

Just like last time, this is all kinds of zoomed out to fit here as an image.

The most obvious change is the update to the new color scheme that incorporates varying shades of gray, and then also the updated digital booklet cover. Besides those changes, this probably looks almost identical to before - however, I actually completely rebuilt this whole menu. 

You may ask why I bothered to make significant behind-the-scenes changes, when essentially it appears like only simple updates occurred. There are a few reasons. For one, I built this menu before the class I took last quarter, which you may recall involved building websites. With that increased knowledge under my belt, I could see a lot of ways in which the html and css code could be improved so as to be more robust while also being simpler and more efficient. Secondly, there was room for improvement in terms of functionality: previously, the backgrounds behind the text were clickable, but the text itself was not. While there were several ways to fix this, all of them relatively simple, I did not truly know a good way to do it until now. So, I rebuilt the page from the ground up by hand; and although the changes may not be apparent to anyone else, I know it is overall a much better product. Plus, there will surely be more updates in the future, and this new clean code will be much easier to modify.

With all that, plus a straight forward replacement of the updated digital booklet itself, the USB is now ready to go in its new and improved state. 

'Tis the season to snowball

You may or may not be aware of some changes that have happened in CIS in the past 6 months. The Munsell Color Science Lab, previously housed under the umbrella of CIS, has split off and become their own lab that reports directly to the College of Science dean. In many ways, things have simultaneously changed while staying exactly the same. But anyways, functionally this meant that some of my promotional materials were now inaccurate, most notably the back panels on the brochures that include language about offering degrees in Color Science. I did not make any immediate updates at the time of the change, but now that my supply of 9-month-old undergraduate brochures is running low, it is time to make any edits before ordering more.

What started out as a seemingly simple update has since evolved into a rather significant (at least in terms of effort, if not appearance) revamp. After updating the language about CIS and switching out the HDR image on the cover, I also cleaned up some wording here and there, changed the "Features of a large university" bullet points, and updated/removed/added some logos of companies who hire Imaging Scientists. In addition to the content updates, I changed some formatting, most notably changing the ">" arrows to ▶ , decreasing font sizes, and increasing spacing. Lastly, it was suggested that I update the color scheme to more closely reflect the new website we will have soon, which makes a lot of sense. It was a little complicated to figure out what colors to use, how to make it all fit together while remaining distinguishable, and, most importantly, how to make it look good. Although that was tricky, I am happy to say that the result is most definitely an improvement - Check it out! 

Meanwhile, since the point of the brochure is to whet someone's appetite enough to go check out the full online information booklet/slideshow, it became clear that that would need modification, too (not to mention that the new semester curriculum has already changed since I made the slideshow just one year ago, so the class names needed to be fixed). So, first I had to change the slide backgrounds to reflect the new color scheme (and new image that replaces the HDR one), and then I had to go through and change the text formatting to coordinate/be legible. There was a bit of time-consuming trial-and-error involved, but I think the end result is good. Luckily there wasn't a lot of content to change in this one, besides the course names, so that part was pretty simple. 

But of course, nothing is ever that easy - of course the online implementation of the booklet uses JavaScript and exported images of the slides, which all needed replacing. And since I removed a slide, the actual code needed editing as well. What was probably the most annoying part of this process was the fact that I changed my Windows system settings so that PowerPoint exports images at a very high resolution, so after exporting images of all the sides I had to also resize each and every one of them. Thankfully I set up a batch process in Photoshop to do the monkey work for me. After loading the new images and updated code to the server, the new online booklet is off and running. View it here!

ImSci info booklet cover with the new color scheme. Snazzy, eh?

Now all that's left to do (I think...) is update the version on the USB drive we hand out to prospective students. But, of course with that change, I should also update the formatting of the interface to coordinate, which is another whole ball of wax - or, I guess to be more seasonally appropriate, snow. One thing leads to another, to another, to another, and the snowball grows ever bigger...     

CIS New Website SPOILERS

Since I last discussed the new CIS website, the designers have been hard at work creating the mockup pages that would represent their proposed look and feel of the new site. I do not envy them at all for this task, as I have been told we are giving them the most complicated, detailed, and extensive website that they have yet had to build, yet we were somewhat vague on how exactly we wanted it to look. As the manager of this whole web redesign project on our end, I got a sneak peek at the new CIS website mockups a couple weeks ago - and whooo eeee are they great!!! Still, they needed a little modification before going before the larger web committee - wait, what committee?

Okay, time out. Shortly after being shown the mockups, it became clear that there were multiple people in CIS that should be at the table when it comes to providing feedback regarding design, navigation, and content. Thus far I have served as the main contact to determine general guidelines, content, layout, and a sitemap, but as we progress in the project my role will shift to overseeing a committee of diverse members that represent our various audiences here in CIS. Which really means: I will still be doing most of the work on our end, while the Wallace Center does the work on their end, but the committee will provide valuable feedback, especially in areas where I am not an expert (research groups, grad programs, etc). So, I assembled a group that includes the Director, Associate Director, Grad Program Coordinator, Ugrad Coordinator, our database manager, a couple students, and a couple other members who I know are deeply involved with students and research to comprise the CIS Web Committee. And once I got our schedules coordinated, I was able to squeeze in a meeting before break to review the updated mockups, which brings us to yesterday -

- THE BIG REVEAL! The whole committee ventured to the Wallace Center to be presented the mockups along with some explanations and descriptions of features. We were shown seven sample pages: 2 examples of the front page layout; the News database; an example news article (complete with tags!); the research landing page; an example research lab page; and two examples illustrating the new way of listing group publications on research pages, which employs both accordions and tabbed pages (pretty impressive, and apparently a new method of display not attempted before, at least not by these designers). There is no actual functioning website yet, these were merely images of layouts meant to represent what the website could look like and what features it will include.

Since I have been in on it all along I mostly stayed in the back and observed everyone else's reactions - and they were all great! The mockups were a smashing success, and the presentation led to some valuable discussions about what was shown and how to proceed. With only very slight additions/modifications, the whole committee gave their blessing - WOO HOO! This is a major step in the overall new website process.

So, what happens next? Basically, I have to keep meeting with the Wallace Center to finalize the site maps and navigation so that they can start building the site for real. As I mentioned before this is a very long process, which I would say at this point we are about half way through. Once that's completed, I will reconvene the committee so that we can make sure all our bases are covered content-wise.

Well the title of this blog post promises spoilers, so I will tease you with this: the new website employs a color scheme of gray tones and orange. The front page contains practically all of the information it currently does, but somehow does it in a really beautiful manner. I realize this isn't a whole lot to go on, so here is a tiny-size, blurred out screen shot of what it looks like:

Sorry, that's the best I can do for now; you'll just have to wait to see more! I have to retain some exclusive benefit for those of us putting in all the work...

"Okay, so there's the RIT website... Now show us your project."

Remember how I was building an undergraduate recruitment webpage for a class project, and then the next project required building upon that page? Well, that next project is now done - and even besides my desire to use my blog to virtually sing through the mountains about the fact that I am all done for this semester (that still feels weird to say), I figure it is appropriate to post a link to the page here since it is, in fact, incredibly relevant. And, with any luck, it will actually go live as part of the CIS website soon! So without further ado...

Bethany's next class project: An expanded look at Imaging Science at RIT

I put a lot of really hard work into trying to make a website that was clean, professional, and presented a lot of information without overwhelming the user. I used JavaScript to create sub-menus that separate each page's information into chunks that are visible only one at a time (I think this is pretty cool and surprisingly sophisticated for what I thought I was capable of). And, I like the overall look and feel. Obviously I'm no professional design team, but I am pretty darn proud of what I've learned and accomplished over a single semester. I hope you like it. (At least my professor does... the title of this post is actually what he said when I presented my project in class!)

As always, if you have any feedback or suggestions, please feel free to comment!

Introducing the Imaging Hall of Fame Induction Class of 2013

Last night was the Imaging Hall of Fame (cue fanfare)! So, who were this year's honorees? Luckily for you, I've updated our Imaging Hall of Fame webpage to include the etchings and biographies for this year's three honorees: Heilmeier, Ng, and Toepler.

Actually, I've created a new PDF format for the profiles, so that we aren't making new webpage nodes for every inductee; this is partially in preparation for the new website. When I have a chance I will have to go through all the previous inductees and turn their profiles into PDFs, as well... eventually...

Anyways, you can also check the seminars website in the next few days for a recording of the entire ceremony and keynote. It is worth a watch, particularly because we had one of the inductees, Dr. Ren Ng, present to accept a duplicate of his plaque which now hangs in the Hall of Fame!

Dr. Ng accepts his Hall of Fame plaque. (Photo by A. Sue Weisler)

This was only the second time we've had an honoree present for their induction (Steve Sasson last year being the other time), so that was pretty exciting. He flew all the way from California to join us! Actually, we are especially lucky that he made it, because of course there had to be a rather significant storm this week to disrupt everybody's travel. Flight cancellations affected both Dr. Ng and our keynote speaker Dr. Koonin; thankfully, they both made it in time for the big event (phew!), though at the expense of their scheduled agendas.

Oh, and another reason to watch the video? Apparently there was a rather comical interruption about half way through the keynote presenation (I unfortunately was not present because I had to leave early in order to set up for the after party). Fun fact #1: did you know the podium in the auditorium has a telephone in it? Neither did we, until it started ringing! Which brings us to fun fact #2: Did you know that whatever is on the podium phone goes out over the auditorium speakers? Once again, neither did we! Joe attempted to pick up the receiver to make the ringing stop, and some robocall came on that apparently related to surveillance - how appropriate, given the keynote presentation all about big data. Then it was apparently impossible to get the phone to actually hang up. Anyway, that's the best I can describe it since I wasn't there, but when the video is posted, fast forward to around 38 min to see it all go down.

Meanwhile, I'm guessing the snow had a negative impact on our audience as well, because both the ceremony and the reception were more lightly attended than we had anticipated. In fact, a bunch of the people who were at the ceremony and registered for the after party did not actually attend. On top of the weather, today was the last class day of the semester - tomorrow is a "reading day" and then finals start on Friday, so that may have impacted people's availability too (particularly students). Thankfully, enough other people arrived at the after party to make up for those who had RSVP'd and did not actually show up, so we still had a relatively sizable crowd of around 30 people (not bad, but not bumpin like last year). Although I was somewhat disappointed by the turnout, we had a great after party. Both Dr. Koonin and Dr. Ng attended, so there were opportunities to talk with them (actually a benefit of a smaller crowd). Dr. Ng was really nice and had some great insight into innovating in the imaging industry, and the roles our students can play in that. (I'm hoping we can get him to be our keynote speaker next year.) And, it's always nice to get out of the office and socialize in a different way with the folks you see every day.

View some pictures from the Hall of Fame ceremony and after party here!

Despite some of the challenges (late promotion; flight cancellations; snowy conditions; new semester schedule), we were still able to pull off a pretty darn excellent Hall of Fame ceremony and after party. I think we can feel proud of how everything went, and confident in our ability to make events such as these go smoothly even in the face of complications. However, the fact that so many complications arose leads me to wonder whether we should think about changing the timing of next year's Hall of Fame. At the very least, I think we should avoid the night before reading day in the future. I think we might also save ourselves some hassle if we avoid winter travel. Some things to think about...

Finally, a student willing to build a CIS website for their project.

PSYCH - that "student" is me! Right now I am in a class provided by RIT's IT department all about web technologies. For our second assignment, we had to build a multi-page website with certain criteria (menus, etc) from scratch using HTML and CSS. I chose to build a site about the imsci undergraduate program aimed specifically at prospective students and their parents. This is both something I am very familiar with and something I have an actual professional need for, so it seemed like a good choice. Although we have a lot of web content that can be used by prospective students to learn more about Imaging Science, we don't necessarily have anything right now specifically written for that audience with an explicitly clear navigation path; rather, much of our content skirts a line between current and prospective students. I even have print material for prospective students that isn't necessarily available online. So, I thought it would be a good idea to take a stab at creating a very segment-specific website. After all, if it ended up being redundant in CIS's eyes, there's nothing saying we have to use it, but it will fulfill my project either way.

So anyways, without further ado, here is the "finished" page I am submitted for my project. I welcome any input you have (please leave in comments)! Please bear in mind, although this is "complete" in terms of project requirements, this is not a page I would go live with quite yet. I would add more images, some more pages, and probably a secondary menu - but, that's for our next project. We were told that Project 3 actually builds upon Project 2, so I wanted to make sure that I wasn't too exhaustive so that I still have something left to do. With that in mind, suggestions are very welcome!

Bethany's class project: Imaging Science at RIT

Update on the new CIS website

It's been nearly three months since I mentioned updating the CIS website. So, what's the progress?

I wrapped up drafting the document mentioned in that previous post, which I sent along to The Wallace Center with a request for a timeline and budget estimate. By the start of August, the project was approved!!! This is huge news, as a new website has been a long time coming, and it was not necessarily an easy sell. And there was much rejoicing - yaaaaay!

From there it was time for me to start developing a full site map that detailed every page that was to be built. Around a month ago I had a webpage created that basically dumped all of the node numbers and page titles for every page on the CIS website - of which there are over 1200 - into a table. I imported this table into an Excel document and have been going through each page.... one by one.... determining what the page content is, whether it is still relevant, and how it would fit into a new structure. A fair amount (about half) of the 1,200 pages are news entries, events, and seminars, which will more or less be a straightforward port to the new site. There are a bunch of pages with content that would be more appropriate as a viewable/downloadable PDF rather than a webpage, which both saves work (having to transfer over) and creates work (having to convert all these things to PDF) - but that will come later. A few pages can be archived, while a handful of others should be downright eliminated. After thumbing through each one of the 1,200 pages, I have ended up with a list of ~90 that will actually comprise the new website.

I have incorporated these 90-ish pages into the requirements and expectations document as a full sitemap, organized into several menu categories. However, this overall layout will still need to be reviewed page-by-page with the web designers so that they can determine how the structure of the site will play out, and also what the layout of each page will be. They also may suggest to rearrange/combine/eliminate some pages or categories, which I'm totally fine with since they're the professionals. This will be a very, very long process - probably months-long. (I'm ready.)

In the meantime, from the site map we will pick five pages for initial design mockups. Before those can be done, though, we need to hone in on design preferences (general color scheme, layout, etc), which is where we are at right now! Additionally, we need to have a meeting that includes the new designers as well as the folks here who are familiar with the current database setups, so that we can determine how the new website will incorporate all of our ultra-important databases. This, I think, will be one of the most challenging aspects of the overall project... but perhaps I just think that because I am not too familiar with database management. (Note to future self reading this: look into database classes.)

So, what happens from here? After we meet to discuss the databases, the design preferences, and do an initial run-through of the sitemap, the five mockups will be created by the design team. I can't wait to see what they have in store for us!

Some major effort for micro grants

So it turns out the CIS website had some webpage about microgrants that I didn't even know existed. Even once I knew it existed, I had no idea what was going on with it or what its purpose was. Well, I got introduced to it recently because, in preparation for something we'll be unveiling soon (spoiler alert: it's a campaign of some sort), we'll be wanting to feature our microgrant program, and that current page was not going to cut it. It was formatted poorly, had no introduction or explanation, no updates; in fact, it didn't actually have the functionality that was originally intended. So, even though most major website updates are on hold until we get that new website I teased created, it has been my task recently to create a more functional and user-friendly page about our microgrants.

Originally, the page was intended to have all of the awarded microgrants listed by title, with PI and advisor (if applicable) names, a thumbnail image, and links to the associated proposal and any updates. It was the hope that the website content would be maintained by the PIs; as in, they would be in charge of uploading images, updates, and any other related information. I'm not sure what happened, but the page didn't come out that way, so I was asked if I could make the page more functional and able to facilitate easy updating. My first thought was to utilize some sort of wiki for each of the projects, as that would allow for PIs to do their own uploading (thus taking the burden off of me or anyone else). Well, this is still a good idea moving forward, but that wasn't going to help with cataloging what's already done. So, the burden is on us (me + some helpers, I hope!!!) to get everything from the past 8 or so years posted online and appropriately linked.

So far I have been able to reorganize the existing abstracts that were online (and upload them as PDF instead of them existing on their own pages), which were all from this past year. Beyond that, I've simply added placeholders for what will eventually be filled in. This included creating a logo that can stand in for image thumbnails until real ones are added. Creating this page was as much a proof of concept, if anything, as I needed to get something together to see whether it would meet the original requirements. Anyways, you can check out the work in progress here: http://www.cis.rit.edu/micro-grants

It turns out the page as designed is a go, so now everything needs to get organized and linked in. This is a major task... Even getting this far was not at all trivial. Formatting seems to be wildly inconsistent, and not all of the files I have been provided are organized. Add on to that that I have no prior experience with the microgrants program (in fact I really know diddly squat about it) and this was all needlessly complicated. I may have to enlist some help to get this underway because it has already been really time consuming and that was only for abstracts and only for one year. There are hundreds of other files that need converting to PDF; the overall listing that includes titles, PI names, and advisors for all previously awarded microgrants needs to be created; and all those files need to be opened up and searched to find accompanying images for thumbnails. EEK. It would be one thing if this was the only thing on my plate, but this is only one of several major projects I am waist-deep in in the moment. Needless to say, I am feeling a little overwhelmed in general...

CIS interwebs - Baby Steps...

Some discussions have finally been taking place with regard to updating the look and feel of the CIS website. This is a big deal to me, because I see the website as our #1 marketing and recruitment tool. In this day and age, the appearance and content of your website is as crucial to your reputation as anything; and although our website does a VERY good job on the content side, its appearance is looking pretty dated and cluttered. It is going to take time and effort to make any big changes, but in the meantime I have been able to implement a few small updates to improve upon what we've got. Just because we are hoping to make some major changes doesn't mean we can neglect what's currently out there!

To kick off this whole update, I was charged with assembling a document that outlines our requirements, specifications, etc. As a part of this document, I started laying out a proposed menu and website structure that takes into account all of our current pages but reorganizes and simplifies them a bit. As anyone who has ever tried to navigate the menus knows, they can be quite confusing and overwhelming, especially with the ones that have 3 or 4(!) submenus. So, you can probably imagine that this has been a large undertaking that has consumed quite a bit of time. Aaaand, no one will even see the effects of it anytime soon - that is, except for the Undergraduate pages!

I have basically been given carte blanche to do whatever I see fit with the undergrad pages, so I was able to implement some (but unfortunately not all, yet) of the changes that I proposed in the document. If you go to the Undergraduate menu now, you will see that much has been cut back, and there is only one item with a sub-menu - and the menus go no further than that (no more 3 or 4 levels, huzzah!). I also cleaned up and updated a bunch of the pages in there, and removed pages that were either redundant or outdated with the move to semesters. Where you will see the biggest difference is when you click on "Prospective Students":

While the layout of this page is similar to how it was before, I updated the text in the boxes to use the same font as the newer CIS logo, and also added boxes for IFE (the page for which I need to update...), student stories, and a link to Monica's video. I more or less kept the same color scheme, though, which is bright and happy and still coordinates with our informational postcards and folders. Meanwhile, if you click on "What is Imaging Science?"...

you will be taken to the existing "about" page for the undergraduate program, which has been around forever but didn't appear to have been updated in a while - and, worst of all, was just big blocks of looooooong text. In an attempt to spruce things up a little, I added the "What is Imaging Science?" animation, as well as some graphic banners to help break up the text that was there. I also updated the text to reflect some lab changes and the switch to semesters, added some information on IFE, and used different typography on some parts of the text to help make it more visually appealing. Other than that I more or less kept the existing text the same, though, because even though there is a lot there, there is a lot of good content... and there are some people out there who would want to read all that. (But nobody's forcing you.) Personally, I would prefer to have less information there and instead encourage an in-person visit that would cover all of that, but since all of it was already there... and it was all pretty good stuff.... it was hard for me to just throw it all away. So there it stays. (What do you think of all that text - should it stay or should it go? Suggestions welcome in the comments!)

Other than all of that, one of the most obvious changes you may have noticed is an update to our top banner:

I put together a quick n' dirty banner using official RIT colors and the newer CIS logo. This is more consistent both with RIT but also with the newer logo we've been struggling to adopt more widely. It's a small change, but it's a great one - I've already gotten a few positive reactions (without even having to ask).

Hopefully there will be even more changes coming soon!