Vision Document D

Danqing g Liu, Jennife er Talbott, a and Geng Zh hang

Introductiongoals and vision

The prim mary goal of f the Media@ @IU project t is to bring the widely dispersed m media resou urces and information on the IU camp pus into a comprehens sive and inte eractive website in ord der to ollaboration n and a more e coherent c community of faculty, s students, an nd community foster co partners s at IU. rces and The initi ial launch of f the websit te will conta ain four cate egories of m media resour informat tion: 1. Student o organization ns and clubs s related to media activ vities on the e IU Blooming gton campu us 2. Graduate e and under rgraduatelevel course s related to o media (des sign, productio on, management, financing & econ nomics) curr rently offer red across th he IUBloom mington cam mpus, includ ding profiles s and inform mation on fa aculty responsib ble for such h courses 3. Media companies, or rganizations s/networks s, and indivi idual media a profession nals currently y operating in the Bloom mington and d wider are ea (incl. Indi ianapolis) al resources s offered by y the IUBloo omington ca ampus for s students 4. Additiona pursuing g media stud dies, including facilities s and educat tional work kshops pertainin ng to media ition of the p project and further pro omote a coh herent comm munity of To increase recogni minded indiv viduals, digi ital marketi ing strategie es will be us sed to publi icize the mediam Media@IU project ( (including so ocial media). nally, the Me edia@IU we ebsite will sh how all inte erested user rs that media does not Addition reside in n oneor ev ven in three e or fourd departments s within the e IU Bloomin ngton camp pus. Rather, t there are media resour rces across a at least 17 d different dep partments, with a rang ge of topics from advertis sing to danc ce, from film m to games a and beyond d. Just as me edia is a difficult term to def fine discrete ely, it is impossible to d draw a boun ndary aroun nd the study y and producti ion of it that t does not in nclude the e entire camp pus. For this s very reaso on, it is a worthwh hile challeng ge to try and create a p point around d which the e Media@IU U community y can form.

Preparation phase
Data collection
Data collection has become a vital part of the project development. As the whole reason for creating a website in the first place was to house the mediarelated information in an efficient and easytonavigate way, without the data, the website would not exist. The team first divided the task into three main categories: courses, student clubs and organizations, and local companies. The three editors all worked on the first two categories, and Danqing worked on collecting the data from local companies as well. A fourth category was later added that included facilities and training workshops available on the IU campus for media projects, which was collected by Jennifer For course information, the team realized early on that it would not be possible to try to cover every single mediarelated course in the designated time period. So the team decided to select departments that seemed likely to contain mediarelated classes and start searching. With this method, there will certainly be some courses left out. But the idea was to cover as much ground as possible first with the knowledge that when the website goes live and gains use, students, faculty members or other people interested in the project would come forward suggest courses that were not included in the database in the first pass. There were three major methods the team used to collect the course data: school/department websites, school class registration system and search engines, and academic advisors or faculty in each school/department. Any combination of these methods could be applied to different situations. For examples, some departments are mediaheavy departments, such as the School of Journalism, meaning that they have a substantial amount of courses related to media. For these departments, it would be better to start with school class registration system (http://registrar.indiana.edu/scheofclass.shtml) and basically just copy and paste the mediarelated courses from the site. On the contrary, for departments that dont contain a lot of mediarelated courses but have a great chance having some, talking to the people who teach or work there for an inside perspective may be the best strategy. This strategy was used this strategy for finding courses in HPER, for example, and one professor in particular provided an enormous amount of help.

Collaboration
Sometimes finding a good team is all that matters. While the initial Media@IU team proposed to create a website, none of them were web designers. This being the case, outside help was demanded, and the team first tried to get someone who can develop

websites on board in the group course. But when the team proposed the project, it was too short on time to find another person to commit to the project as the Fall semester began. Also, without a budget, the team basically could not find a professional web designer to create the website for them. Fortunately, the team resolved these challenges by collaborating with two students from a SLIS web programming class. The class required students to find clients to design functional websites for them. The clients could be companies or organizations, and the Media@IU project fit well with the course goals. Furthermore, because the students were enrolled in the class and were expected to pass, they were motivated to put effort the website, meeting the clients requests and finishing the project by semesters end. There were two students, Jihoon Jo and Jin Guo, who finally agreed to help the team build the website. For media management students, sometimes the skills to complete certain tasks in a project are just not there or not up to par. When that happens, finding the right people to collaborate with is critical. Because IU offers a variety of media courses, it is very convenient for the managers to find other students in classes training them in the skills that are needed for the project.

Implementation phase
Website
As the visual representation of all work done during the preparation phase and the public interface for the Media@IU project, much discussion was had about the design, content, and architecture of mediaiu.indiana.edu. Using a quickprototype, iterative process, the project team was able to work with the website designers and faculty advisor to shape the website into something that was visually appealing, easy to navigate, and that had a clear purpose and identity.

Style and content goals

As a website devoted to media industries and research, it was determined that the design should be appealing and heavily visualbased on anecdotal information that undergraduates especially are drawn to visual rather than textual information. Any aspect of the site that could be made visual should bewith the caveat that it still be easy for users to obtain the information they desire. Sites that successfully implemented visual browsing, such as the interface of iTunes or the Apple movie trailer site, were used as reference. In the website launched at the end of the Fall semester, lists of courses and other resources are presented in a table with filters for easy browsing, but future versions may move towards a fullyvisual display as resources allow.

It follow wed that the content of t the site shou uld come fr om the rese earchthe three main database es that were e created wo ould make u up the three e main subp pages of the website: courses, student clu ubs, and com mpanies. Lat ter, a page w was added t to include in nformation about ca ampus resou urces as wel ll. Additiona ally, it was a agreed that a few parag graphs describin ng the mission of the project and its creators would appe ear in somet thing like an n About U Us section, and there should be a w way to cont tact the site s administr rators with question ns or resour rces that sho ould be added to the da atabase. Lin nks to the pr rojects social media ac ccounts wou uld also be i included on n the site to encourage m more intera action with intereste ed parties, a along with a a small area featuring e events of int terest to the e media commun nity.

Architectu and desig ure gn

The Med dia@IU team m met with t the two web b designers and discussed the project, goals f for the webs site, and initial structur re/architect ture. During g the first m meeting, the website for r IUs Career D Developmen nt Center wa as reviewed d as a site w ith similar c content elem ments and a an easyton navigate str ructure with h a large vis sual elemen t on the hom me page, an nd led to the e wirefram me below.

Wirefram me

Working g from this w wireframe a and with the e style and c content goa als in mind, t the final des sign of the we ebsite at the e end of the semester c can be seen in the scree enshot below w (addition nal screensh hots can be seen in the Appendix).

Final de esignhome e page

Key featu ures of the d design and functionalit ty are: A visual navi A igation repr resented by colorful ico ons. While th his brings a a fun, unique e and visual ap ppeal to the site, the cla arity of navi igation was maintained d by text tha at ex xplains each h icon when n a user mov ves his/her r mouse ove er the icon. F For example e, the C Campus icon has text th hat tells use ers they will find Reso ources availa able across the Bloomington B n campus for producing g, publicizin ng and publi ishing medi ia. A header and A d footer that meet the I IU visual con ntent stand dards. A home page A e that requir res little or no scrolling g to view the entire pag ge. The majo ority of the page is s occupied b by a large sl lideshow, cy ycling image es that repr resent items s fr rom the four list pages (Courses, C Clubs, Comp anies, and C Campus), w with captions s ex xplaining th he image. Th he image its self links to the item be eing described, for exam mple an image of t the IU Cinem ma links to t the Cinemas website (h http://www w.cinema.indiana.edu/) ).

An area on the home page that can display upcoming events related to media on the IU campus. A filtering system on the list pages that will allow users to browse listings based on areas of interest, department, and other categories. List items that expand to reveal descriptions, and titles that link to more information when available. A Connect page that has a short description of the project and website, as well as a form that can be filled out by users which is sent to mediaiu@indiana.edu.

A detailed look at the iterative process with screenshots of prototypes can be found in the Appendix.

Social media initiatives Goals and rationale

A Facebook page was initially launched for the Media@IU project (combined with the Digital@IU initiative) in September. The page was created as another point of contact for individuals interested in learning more about the project and to begin to put the media community at IU into a visible, virtual form. The page was launched prior to a daylong event chaired by the Telecommunications and Communications and Culture departments featuring media scholars Henry Jenkins and Mimi Ito. As the audience for the talks and gatherings during the day aligned with the target audience for Media@IUprofessors, graduate students, and undergraduates studying and producing media from a wide array of departmentsthe event was marked as a prime moment to announce the progress of the Media@IU (and Digital@IU) project and to collect email addresses to build the email mailing list. As attendees were encouraged to sign up to be added to the mailing list, they were also informed about the Facebook page as another way to keep in touch with the project. As such, the initial Facebook page contained a brief description of the project and an admin list. A few posts were added throughout the semester, including speaker and other media related happenings on campus, photos from the Henry Jenkins and Mimi Ito events, and a link to the blog where project process notes were tracked (http://mediaiu.wordpress.com, more details below). In December, the page had 33 likes, and seemed to have successfully served its purpose to act as a supplement to the email mailing list. Further development of the Facebook page was held off until a plan could be crafted and implemented (see the marketing plan document for details).

A Twitter account was also registered in the fall semester to claim the MediaIU handle, but no posts were added until the marketing plan could be implemented. Details of the login information are included in the Appendix. Future uses of social media In the future, the social media tools started in the fall semester will be used according to a carefullythoughtout marketing plan, to further bolster the sense of community around media on campus and to serve as a valuable source of information on all things media, as stated in the header of the web page. For more details on social media, please see the marketing plan.

Wordpress blog
At a certain phase of the project development, the team was more or less trapped by a pile of notes. As we took notes for both our weekly meetings with the advisor and the design team, we wanted to find a more efficient way to store, sort and chronicle these records and other inspirations. A blog was chosen as a tool to sort notes into categories and tags for easy retrieval, and in addition, it could function as a dossier that can be handed over to whoever is continuing this project after the original team is gone. And so the Log of Media@IU (mediaiu.wordpress.com) was launched. It started off as an internal source for all the designers, editors, and other people involved in the project to keep track of everything that has been done. But the faculty advisor suggested it could be a way to inform various constituencies how things are done for the project and to be as transparent as possible along the way. Agreeing with this, a link to the blog was released on the Media@IU Facebook page, envisioned as a public venue where everyone can witness the evolution of the project. The curation of the blog included regular updates of our weekly meeting notes and changes made to the website. Besides these two consistentlyupdated categories, the team sporadically added notes to the following categories: marketing plan, reference, and social media. So far the use of the blog has been a good experience for the Media@IU team. Not only did it give us a tool to record every note and thought we had along the way, it also provided another channel to display a different facet of the project and to reach out the targeted audience. Moreover, the blog has been a selfteaching device for the creators as well. The team members individually uploaded note from seminars and workshops they attended during the semester that proved insightful for the project, for example, Jennifer posted notes on her adventure in The Combine conference which featured a series of speakers in social media marketing. The blog can also been seen as a wiki in that it helps the upper level executives track progress, managers coordinate tasks, and individuals seek resources. Together, it makes for an excellent resource and learning experience for the team.

Future
For this semester, we have finished the basic structure of the website as described above. For now, the main function of the Media@IU website is for users to find information related to media on the IU Bloomington campus. For future iterations, we envision a more interactive and communicative Media@IU website. In the Courses section, we hope that all departments with mediarelated courses will contact the project to add their courses to this section. The administrative staff can update the list of mediarelated courses each semester, and there can be a web page for faculty to introduce their courses to students. There might also be a page highlighting faculty memberseach month the site can feature one professor and his/her research or new course. If faculty members want to share their social network accounts, we can put icons and links in their introduction. In the Clubs section, student groups may be able to post their event information and feature their media productions on the home page of the Media@IU website. In this way, we hope to support good ideas and make more students aware of cool events happening on campus led by other students. For the Companies section, the team could contact the local companies listed on the site so they can register with Media@IU to release internship and employment information, through postings on the site or in notices sent through the mailing list. How to update the data each semester is a major challenge that will be solved in the future. We hope the maintenance and update work of this website can be passed on as a group project and the vision document and blog will serve to inform future administrators on the how/why we designed this website and the contacts we have made. In order to update the media resource databases in time, Media@IU will need help from the departments represented on the site. As mentioned above, an ideal update process would include the administrative staff in each department, who will have access to the courses database and be able to update listings if there is a change in the course list of their department. Similarly, to update the student groups database, the Media@IU team can work with the Office of Student Organizations & Leadership Development to update any changes in student organizations. For local companies, if they register with Media@IU as suggested above, they will also be able to update their information directly. In the future, it would also be beneficial to the project to develop an application for mobile device users. Mobile apps are especially useful for releasing news and timely information. as Users can choose to follow tags of different topics, for instance a student might choose to follow the tag film and receive information about screenings at the IU Cinema, talks about media research involving film, and callout meetings for student film clubs on campus. In this way, the users of Media@IU will be fully aware of the things going on which may serve

their interest, and may be even more connected with the media community through discussions in the app and offline.

Offline developments Workshops

Through the process of putting together the databases and creating the website, the team increasingly realized that offline interactions, just as important as online interactions, are forces that keep the goals and visions of the project coherent and integrated. After attending several seminars and workshops in mediarelated topics, the team was inspired by the thought that having likeminded people coming together with colliding ideas is simply a great way to generate better ideas. We also believed that Media@IU should be taking ownership of such offline interactions to serve the media community in the long term. Therefore, in creating the website, the slideshow and calendar sections were specifically designed to encourage people interested in creative industries to participate offline and synchronize offline events with their online presences. Media@IU can also help make videos of those events and talks. When posting these TEDlike video clips online, we can use social media to distribute the links to an even greater audience. Doing so would not only add titles to the Media@IU content inventory, but also drive traffic back to the site.

Official Website Launch Event

The team would also like to have a spring launch event for the official website. The Media@IU project has been around since 2009 and the email listserv has existed ever since. Many faculty members on the listserv are already aware of the organization and are willing to further contribute to the project. It will be good to invite these people to the launch event and give them the opportunity to interact with the likeminded individuals. In addition, leading up to the launch event, the editorial team should have been updating and pushing news feeds on social media. If so, the website and/or the organization will have some recognition on campus and have generated a number of the followers. Therefore, it would not be a bad idea to encourage these newer followers who are interested in participating in the organization to join the launch as well. Attending the event will help them get to know more about the functionality and vision of the organization. Ideally, from this event and other interactions, there will be more students willing to take part in the project and who can help the organization to further develop (such as managing social media accounts or editing and issuing weekly newsletters). From the compiled lists of mediarelated courses, clubs, companies, and facilities used on the Media@IU website, the team can select representatives from each category to attend the launch event as well, for example, inviting representatives from local companies. By

doing this, the local companies will get to know more about this organization in the hope that they will be willing to engage and contribute to the project by interacting with students and faculty members through the site. Local media companies could, for instance, come to campus and give workshops on the latest trends theyve seen through working in the media industry, or skill sets essential to success in contemporary working environments. In short, it will be interesting enough to see how students, researchers, and professionals in the creative industry mingle together when they learn through the website and launch event that they are latently connected, even if they had no idea of each others existence before. (See the marketing plan document for more detailed plan and schedule for the Launch Event.)

Booth at student fairs

In each Fall semester, student organizations and clubs set up booths to promote their services and recruit new members at the IU Student Involvement Fair. The Media@IU project can also take advantage of this opportunity by registering for a booth at the fair targeting both new and returning students who will be registering for classes and figuring out the direction of their studies. The Media@IU website can be displayed as the best tool for those looking at media studies to try out combinations of interesting areas and departments.

Reflections: lessons learned

The Media@IU project is an experiment and projection of what media management people can do in a creative environment. A fullfledged creative environment should support people in management positions, allowing them to gather information and knit together the right function units. In retrospective, a creative environment should first of all be an ideaincubator. Second, there should be options for people in the environment to take ideas and mold them into tangible forms. Third, the creative environment should be interdisciplinary enough to allow the managers to collect necessary resources and start cooking. The Media@IU project is registered under the form of a directed group project course that saw Telecommunications students working directly with students from SLIS and the School of Journalism, not to mention the administrators and professors contacted in 17 other departments across campus. A similar process should be institutionalized so that other people can follow suit campuswide, so that the projects would not have to be limited to one department/school. Fourth, there is one thing missing in this creative environment to ensure the success of the project: the legacy takeover. Since students are rotating through their plans of study, they are not able to work on the same project over and over again. Soon the first generation of the team will be gone, and whether and how to

carry on the project remains unclear. In other words, should there be a protocol made for this type of situation? By creating this vision document, the marketing plan and the Log of Media@IU blog, the first team hopes the information gathered and lessons learned leading up to the launch of the website will be passed on to the next team, whether we are around to explain each detail or not. A few key takeaways are listed below to further ease the learning curve for future Media@IU teams.

Database
The database took longer than the team planned in the beginning of the semester. It looked like a purely manual work but it turned out to require a moderate level of strategizing. As indicated before, there was no efficiency proven methods beforehand so the process became an exploration. For departments that are clearly offer more mediarelated courses than others, the more suitable method would be check the school course registration system first. If there are courses that cannot be found through school registration systems or the departments websites, then contact the academic advisor for those left out. For departments that offer a handful of mediarelated courses, it would be a good strategy to talk to the insiders of the department (students, professors, advisors).

Website
As mentioned earlier, finding collaborators who had (or were learning) the skills needed to create the Media@IU website, who were motivated to complete the project on time, and who would understand and believe in the mission of the project was the key to success. We were lucky to be referred as clients to the SLIS course on website programming, and to find the great designers we did. Using a fast prototype method enabled us to have something to look at early in the semester, to pinpoint what worked and what could be improved and to shape the site into something that would best serve our needs.

Social media
While a social media plan is outlined in the marketing plan document, much of the success of social media campaigns will likely depend on trial and errorstarting from the plan and adjusting as the team finds what truly connects to users and bring the community together. Not unlike the website design process, the team may need to start using social media to promote Media@IU to better define what will work best to meet our goals.

Blog
The blog was a stroke of genius from Geng, and has helped us not only by providing a place to keep track of our notes but also by enabling quick us to go back and find just the right note at the right time. The blog may not necessarily have a life beyond the process of this

semester, but it will hopefully let future administrators find answers when we are not able to respond directly.

IU visual content standards

All images should have alternate text All HTML and CSS must be validated Sites should be set up for fluid width Links in the body should be IU Crimson (#990000), no underlineno other text should be red Every page should contain: o Metadata o The IU or IU Bloomington banner as the header (http://visualidentity.iu.edu/media/downloads.shtml) o The IU search engine (http://kb.iu.edu/data/baxy.html) o The IU footer (http://visualidentity.iu.edu/media/downloads.shtml) Text should be proofread and meet IU Style Guide Full standards (http://visualidentity.iu.edu/media/standards.shtml)

Prototype evolution and rationale

From the above wireframe, the designers put together the first prototype of the website (screen shot on following page).

10.10.11 prototype (w web designers s)

After rev viewing the prototype, the team w was able to b better define e the desired look and content of the site, w with comme ents such as s: Have a more H e visualcent tric design o overall o Globa al navigation n could be v visual, perha aps with im mages and te ext o Event ts area on home page could be visu ualsee IU School of Jo ournalisms s websi ite for refer rence o Visua al element on home pag ge (cycling i mage/slide eshow) shou uld take up m most of spa ace to increa ase visual appeal Home page s H should fit in most scree ens without the user scr rolling. Should have sp pace fo or events (in n the header), a short d description of the site, s social media a links and a se earch functi ion. Can rem move Featu ures conten nt box as co ontent did not exist. t Coursesus sers should be able to fi ilter by grad duate/unde ergraduate, department Organization O nslabel sh hould chang ge to Netwo orks to bett ter capture this range o of su ubheads: o Group ps label should be chan nged to Stu udent Media a to sound l like a more forma al organizat tion o IU Sch hools and D Departments s o Faculty Groups (t to come fro om faculty in nitiative) works o Professional Netw Media Companiesshould allow us M sers to sear rch by region and by industry

Contact Us could inclu ude a form that is email led to one o of the projec ct members and nformation on joining t the Media@ @IU listserv in

From the ese commen nts, the next version of f the prototy ype was pro oduced (see e below). Th he designer rs also made e changes th hat included d changing t the Contac ct Us label t to Share a and adding a a wiki to tha at page, putt ting the IU h header bar a and footer in place per IUs visual content standards ( (see earlier i in the Appe endix), and e entering tes st data into t the Course es page to i illustrate the functionality of the list and filter rs.

10.13.11 prototype (w web designers s)

From thi is prototype e, the follow wing questio ons/comme nts arose: Is s there a lim mit to the nu umber of images that ca an cycle through? Not n necessarily, although con nventionally y no more th han 10 are u used. Is s there a wa ay to make t the navigation more vis sual? Can social media and ev vents be inte egrated into o the site in a semiauto omatic way? ? For in nstance, an RSS feed of events that t is pulled in nto the even nts section o on the site. There should T d be a descr riptive line p possibly und der or incor rporated int to the heade er im mage, writte en by the faculty adviso or Slideshow el lement could be larger still What will be W e on the About Us pag ge? Possibly y a short hist tory of the p project, bios s of administrato ors and depa artments th hat spearhea aded the pr roject.

At this point, it was discovered d that IU offe ers a Web C MS system for website e administra ators, and an a account was opened for r the Media@ @IU project t (details ea arlier in the Appendix). However r, as the web designers s were most t comfortable coding th he site them mselves, it w was

decided that the WC CMS should be kept as a a backup m management t tool. The si ite can be ported in nto the WCM MS at any po oint, if it is f found that e editing HTM ML is not fea asible witho out the origi inal web des signers. Focusing g on the que estions raise ed that deal lt with the lo ook of the s site, the proj ject leaders s came up with the be elow mocku ups created in Photosho op. The moc ckup includ ded: An appealing A g banner im mage with de escriptive te ext from the e faculty adv visor A color schem A me chosen f from the banner image e In nformation added in th he header ba ar per IU vis sual design standards A slideshow that takes u A up more of t the screen o on the home e page Events featured underneath the slid deshow wit th a represe entative ima age A font family A y was chosen (Gill Sans)

10.19.11 mockup (pro oject leaders) )

After rev viewing the project lead ders mocku up, the web design team m created th he following g mockup, , combining g elements fr from the live e home page e and the su uggestions f from the pro oject leaders.

11.3.11 m mockup (we eb designers s)

While th he design wa as becoming g more appe ealing, the q question of how to mak ke the navigatio on more vis sual while st till being cle ear was tack kled by the project lead ders (with t the help of a a graphic designer). Usi ing the sugg gestion of iP Phonelike t tiles and res searching sit tes with icon n navigation n, the follow wing header r and naviga ation bar wa as created.

Header 11.3.11 (proje ect leaders)

of the webs As the de esign was b being finetu uned, the fun nctionality o site was bein ng updated separate ely. A new prototype wa as develope ed (below), that incorporated man ny of the structura al changes l listed above e as well as m more real d data in the C Courses, N Networks, and Compan nies pages. .

11.3.11 prototype (we eb designers) )

Finally, a as elements s of the visua al design an nd structure e came together, the we eb designer rs produced the follow wing prototy ype. Additio onal changes s included: Relabeling so R ome of the n navigation a after a discu ussion with the faculty advisor. It w was mentioned in m n a faculty m meeting that t the labels might not b be clear eno ough to direct new students to the corr rect pathso addition nal blurbs w were added to pop up w with a line of desc criptive text t when a use er moves th heir mouse o over one of the navigat tion ic cons. o Netw works was changed to Clubs, and d only inclu uded studen nt media organ nizations o A new w category n named Cam mpus would d house uni iversity reso ources such h as facilit ties and lear rning works shops o Abou ut Us and Contact/Share/Connec ct were con nsolidated t to Connect,, which h would incl lude inform mation about t the projec ct and ways to get in tou uch with a administrat tors The slidesho T ow on the ho ome page ta akes up mor re space visu ually, displa aying image es at 890x300 pix xels added to the e Clubs lis st for every group that had a logo r readily available Logos were a The final ver T rsion of the prototype is displayed below. The e last few ch hanges made e in ncluded: Adjusting de A esign elemen nts such as o The color of the b background d (gray to dr raw less atte ention to it) )

o Increa asing the siz ze of the wh hite bar und der the navigation bar o Increa asing the siz ze of the log go and adjus sting the ali ignment to balance the e alignm ment of the social medi ia icons o Inverting the colo ors of the ca aption box a and text on the slideshow to make e it more legible In nserting ima ages and captions into the slidesho ow on the h homepage th hat represent th he four list p pages (Cour rses, Clubs, Companies and Campu us) and slow wing down t the cy ycling time of the slideshow In nserting all data into th he list pages s and checki ing all links and text for accuracy Finetuning t the filter fun nctionality o on the list p pages, like o filteri ing by addit tion rather t than subtrac l ctionclicking on a filter item will cross all other ite ems out and d display on nly list entries that fit th he filtered it tem o highli ighting the f font of the s selected filte er item o switching the ord der of areas s and depa artments on n the Course es page, to facilit tate searchin ng when de epartment a abbreviation ns are not known (by incom ming studen nts, for exam mple) Adding descr A riptive text to the Conn nect page wr ritten by the faculty ad dvisor

12.7.11 fi inal prototype (web desig gners)home e page

12.7.11 final prototype (web designers)courses page i g s

12.7.11 final prototype (web designers)clubs page i g s

12.7.11 fi inal prototype (web desig gners)comp panies page

12.7.11 fi inal prototype (web desig gners)camp pus page

12.7.11 fi inal prototype (web desig gners)connect page

Websites to reference e
Design refere D ence Apple movie A e trailer web bsite (http:/ //trailers.ap pple.com/tr railers/), IU School of Jo ournalism (h http://journalism.india ana.edu/) Structural/architecture reference IU U Career De evelopment Center web bsite (http:/ //www.indi iana.edu/~c career/) Ic con navigati ion referenc ce Web Lifting ( W (http://ww ww.webliftin ng.at/), Gree enOlivz (h http://www w.greenolivz z.com/), Sca arpo (http:/ //www.scar rpo.be/NL/index) Similar aggre egators Queensland University o Q of Technolo ogies Creati ive Industries program m (h http://www w.qut.edu.au u/creativei industries), Hong Kong g University ys Creative In ndustries M Management t program (h http://hkus space.hku.hk/prog/pos stgraddipi in cr reativeindu ustriesman nagement), IU Sports.co om (not launched yet), Games@IU U (h http://game es.indiana.e edu)