The user interface design was done by a local firm--the same firm that built the wood and metal frame for the display. I was responsible for implementing their design as an interactive experience. With the help of the business school communications team, I took the project from design to production in just over three weeks.
\n\nThe application is a heavily customized Drupal site. I chose Drupal because that's where I was spending most of my time as a developer and doing so would give me an advantage while attempting to meet an impossible deadline. Also, using a CMS made it easy to share the load with others on the communications team. Our communicators could curate the content and build the individual profiles while I worked on theming the site to fit the design.
"},"deep_dive":{"html":"The site uses a combination of custom content types, views, and a custom theme to create the look and feel. The animations are handled with a mix of vanilla JavaScript, open-source JavaScript frameworks, and CSS. This site uses CSS clipping and vector graphics to produce the pendant-style photo treatments, a prominent feature of the interface design.
\n\nThe school's communicators created the content, our videographer helped set up the hardware, and I programmed and installed the site. The signage is served locally, from a PC mounted behind the display.
"},"links":[],"relationships":{"media_graphic":[{"media_image":{"alt":"The Wall of Honor digital signage, a touchscreen display","height":768,"title":"","width":1024},"media_caption":"The Wall of Honor is a customized Drupal site, controlled by a touchscreen display in the atrium of Capitol Federal Hall. This interactive application recognizes current and former deans, notable alumni, and students.","relationships":{"media_image_file":{"file":{"url":"/static/553bbf89b4cdce99735a01b1a0a31669/ku-business-02.jpg"}}}},{"media_image":{"alt":"Wall of Honor starting page","height":768,"title":"","width":1366},"media_caption":"The Wall of Honor experience starts on a page with links to the four sections: deans, history, leadership, and awards.","relationships":{"media_image_file":{"file":{"url":"/static/b5bbf3672e6d90f98a2e816646eaf1e5/wall-of-honor-01.jpg"}}}},{"media_image":{"alt":"The Wall of Honor deans page","height":768,"title":"","width":1366},"media_caption":"The deans page briefly describes the first dean and the current dean. From there, users can click the link in the lower right corner for the dean index.","relationships":{"media_image_file":{"file":{"url":"/static/740220d72ce31cb5ed7439b48493d746/wall-of-honor-03.jpg"}}}},{"media_image":{"alt":"The Wall of Honor dean index page","height":768,"title":"","width":1366},"media_caption":"Each section, apart from the history page, has an index page. The index page consists of pendant-style frames with a photo of the dean, their name and their tenure. The index is a side-scrolling list, activated by swiping on the large touchscreen display.","relationships":{"media_image_file":{"file":{"url":"/static/99c63bcf637f4bd8e54738e29741afd3/wall-of-honor-04.jpg"}}}},{"media_image":{"alt":"The Wall of Honor leadership page","height":768,"title":"","width":1366},"media_caption":"The leadership section highlights the accomplishments of notable alumni, students, and faculty emeriti. Each sub section has its own index, linked to from the lower right menu.","relationships":{"media_image_file":{"file":{"url":"/static/ae9d2b60a3dac151891a4090f1b7bd08/wall-of-honor-05.jpg"}}}},{"media_image":{"alt":"The Wall of Honor awards page","height":768,"title":"","width":1366},"media_caption":"The awards section was not part of the original design. Before the school moved to Capitol Federal Hall, student and alumni awards were displayed on numerous plaques in hallways and conference rooms. The donor requested that we add a section to recognize these award recipients, and this is the result of that effort.","relationships":{"media_image_file":{"file":{"url":"/static/17a6e5ef7717827d6cfdc9d488aad299/wall-of-honor-06.jpg"}}}},{"media_image":{"alt":"The Wall of Honors award index page","height":768,"title":"","width":1366},"media_caption":"Similar to the other sections, the award section links to a side-scrolling index of awards. The pendant-style frame was modified to incorporate a brief description of the award and clicking on the pendant links to a display of award recipients that resembles a plaque with metal plates.","relationships":{"media_image_file":{"file":{"url":"/static/f56858854529a44e7e4679a4b124a4a3/wall-of-honor-07.jpg"}}}},{"media_image":{"alt":"A Wall of Honor award page, made to look like a plaque with metal plates","height":768,"title":"","width":1366},"media_caption":"Each award page uses custom CSS to create a page meant to look like a plaque, with the small metal plates that would hold the award recipients names. The cutouts in the corners and the small circles that mimic the rivets on a physical plaque add to the aesthetic.","relationships":{"media_image_file":{"file":{"url":"/static/abbe9427b9d13688b66fc1ec9a9bb8c7/wall-of-honor-08.jpg"}}}}]}}},"pageContext":{"slug":"nid_28"}}, "staticQueryHashes": ["2386946073","4176873112","63159454"]}