{"id":683,"date":"2024-10-18T18:19:53","date_gmt":"2024-10-18T18:19:53","guid":{"rendered":"https:\/\/dev.www.purdue.edu\/polytechnic\/livlab\/?page_id=683"},"modified":"2025-09-19T16:19:16","modified_gmt":"2025-09-19T16:19:16","slug":"graphic-projects","status":"publish","type":"page","link":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/graphic-projects\/","title":{"rendered":"Graphic Projects"},"content":{"rendered":"\n<p><\/p>\n\n\n\n    <div  class=\"purdue-home-diagonal-hero has-none-background no-diagonal minheight-700\">\n        <div class=\"section has-padding-top-large has-padding-bottom-large\">\n            <div class=\"purdue-home-diagonal-hero__content\">\n                \n                                                        <h1 class=\"second-level-page-heading purdue-home-diagonal-hero__header\">Graphic projects<\/h1>\n                \n                                    <div class=\"purdue-home-diagonal-hero__subtext\">\n\n                        \n<p><\/p>\n\n                    <\/div>\n                \n                            <\/div>\n        <\/div>\n        <div class=\"image\">\n                            <img decoding=\"async\" alt=\"\" src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/10\/2023_KAL_3631.jpg\"\/>\n                    <\/div>\n    <\/div>\n\n\n<p><\/p>\n\n\n\n<div  class=\"purdue-home-intro-text has-layout-one-centered \">\n        <div class=\"section has-gold-background\">\n        <div class=\"container\">\n                                <h2 class=\"purdue-home-subheader\">Graphic Projects <\/h2>\n                            \n            <h3 class=\"purdue-home-intro-text__header header-font-acumin\">Interactive Web Tools and Plugins<\/h3>\n\n<p>Projects that utilize or create interactive programs or tools.<\/p>\n\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n<div  class=\"purdue-home-cta-carousel \">\n        <div class=\"section has-none-background\">\n        <div class=\"container\">\n                        <div class=\"tagged-header-container\">\n                <h2 class=\"tagged-header tagged-header--gold\">Interactive<\/h2>\n            <\/div>\n                        <div class=\"purdue-home-cta-carousel__cards\" data-columns=\"2\">\n                <div class=\"glide\">\n                    <div class=\"glide__track\" data-glide-el=\"track\">\n                        <div class=\"glide__slides\">\n                                                        <div class=\"glide__slide\">\n                                <div class=\"purdue-home-cta-card purdue-home-cta-card--horizontal purdue-home-cta-card-carousel--story\"\n                                    >\n                                    <div class=\"purdue-home-cta-carousel__card-image\">\n                                        <div class=\"image is-16by9\">\n                                                                                        <img decoding=\"async\" class=\"purdue-home-background-image\" alt=\"\"\n                                                src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/11\/2022_RM22593.jpg\" \/>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"purdue-home-cta-carousel__card-content\">\n                                                                                <div class=\"purdue-home-cta-carousel__story-wrap\">\n                                            <p class=\"purdue-home-cta-carousel__story-title\">CIGT S.P.L.A.S.H Website<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">This online system, SPLASH (Student Prior Learning Assessment System Helpdesk), simplifies and speeds up the assessment process by providing students with upfront information and guidance for their required documentation. For faculty members, SPLASH provides consistency in documentation requirements and a place to view the submissions. This project ensured consistency and transparency in CIT\u2019s processes in identifying, evaluating, and awarding prior learning credit in computer information technology. It also created a highly scalable PLA program for new and future students interested in completing CIT degrees and provides easily exported learning outcome data with documentation for recurring ABET accreditation activities.                                            <\/p>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"glide__slide\">\n                                <div class=\"purdue-home-cta-card purdue-home-cta-card--horizontal purdue-home-cta-card-carousel--story\"\n                                    >\n                                    <div class=\"purdue-home-cta-carousel__card-image\">\n                                        <div class=\"image is-16by9\">\n                                                                                        <img decoding=\"async\" class=\"purdue-home-background-image\" alt=\"\"\n                                                src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/09\/2022_JU29812.jpg\" \/>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"purdue-home-cta-carousel__card-content\">\n                                                                                <div class=\"purdue-home-cta-carousel__story-wrap\">\n                                            <p class=\"purdue-home-cta-carousel__story-title\">Implementing Collision Prevention for Objects in a JS Plugin<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">A local organization offers different, rentable facilities for special occasions, such as wedding receptions and business-related events. Previous students created a plugin that allowed users to create custom-made floorplans online. This was done by a &#8220;drag-n-drop&#8221; menu where users could arrange tables and chairs on a floorplan of their choice to meet their event needs. Additionally, previous work on this plugin included creating &#8220;non-drop zones,&#8221; which prevented users from dropping objects on walls and fireplaces. However, there was nothing to prevent the furniture from colliding and overlapping. After researching and testing, the solution to this problem was JQuery&#8217;s UI Draggable Collision (UIDC) plugin. Over 4500 lines of code were reviewed and dissected, and the UIDC solution was successfully implemented. Now, objects in the floorplan won\u2019t collide. Another accomplished task was to insert newly-designed images into the code of the plugin. Project Student: Thomas Wilson                                            <\/p>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"slider-controls\">\n                    <button class=\"glide__arrow arrow--left\">prev<\/button>\n                    <div class=\"glide__bullets\" data-glide-el=\"controls[nav]\">\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=0\"\n                            aria-label=\"slide 1\"><\/button>\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=1\"\n                            aria-label=\"slide 2\"><\/button>\n                                            <\/div>\n                    <button class=\"glide__arrow arrow--right\">next<\/button>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div  class=\"purdue-home-intro-text has-layout-one-centered \">\n        <div class=\"section has-gold-background\">\n        <div class=\"container\">\n                                <h2 class=\"purdue-home-subheader\">Graphic Projects <\/h2>\n                            \n            <h3 class=\"purdue-home-intro-text__header header-font-acumin\">Web Development and Design<\/h3>\n\n<p>Projects relating to web design and development.<\/p>\n\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n<div  class=\"purdue-home-cta-carousel \">\n        <div class=\"section has-none-background\">\n        <div class=\"container\">\n                        <div class=\"tagged-header-container\">\n                <h2 class=\"tagged-header tagged-header--gold\">Web<\/h2>\n            <\/div>\n                        <div class=\"purdue-home-cta-carousel__cards\" data-columns=\"2\">\n                <div class=\"glide\">\n                    <div class=\"glide__track\" data-glide-el=\"track\">\n                        <div class=\"glide__slides\">\n                                                        <div class=\"glide__slide\">\n                                <div class=\"purdue-home-cta-card purdue-home-cta-card--horizontal purdue-home-cta-card-carousel--story\"\n                                    >\n                                    <div class=\"purdue-home-cta-carousel__card-image\">\n                                        <div class=\"image is-16by9\">\n                                                                                        <img decoding=\"async\" class=\"purdue-home-background-image\" alt=\"\"\n                                                src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/09\/2024_KAL_2298.jpg\" \/>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"purdue-home-cta-carousel__card-content\">\n                                                                                <div class=\"purdue-home-cta-carousel__story-wrap\">\n                                            <p class=\"purdue-home-cta-carousel__story-title\">Living Lab Rebranding<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">Living Lab administrators requested an updated logo to represent the Living Lab. The administrators requested that the logo exemplify a transformation in students as well as an association with technology. The logo needed to include Purdue colors to match up with their media kit. The project began with a portal design and ultimately ended up with a doorway design with two students entering and leaving as young professionals equipped with the skills necessary to begin their careers in the IT field.  Project Student: Bryant Myroup                                            <\/p>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"glide__slide\">\n                                <div class=\"purdue-home-cta-card purdue-home-cta-card--horizontal purdue-home-cta-card-carousel--story\"\n                                    >\n                                    <div class=\"purdue-home-cta-carousel__card-image\">\n                                        <div class=\"image is-16by9\">\n                                                                                        <img decoding=\"async\" class=\"purdue-home-background-image\" alt=\"\"\n                                                src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/09\/JU2_6832V21.jpg\" \/>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"purdue-home-cta-carousel__card-content\">\n                                                                                <div class=\"purdue-home-cta-carousel__story-wrap\">\n                                            <p class=\"purdue-home-cta-carousel__story-title\">University Course Website<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">The administrator had asked for an update of the university course website. They specifically requested visual improvements to the main home page. The implemented changes included a dynamic picture banner, changed layout, and some removed sections of the home page. Project Student: Michael Nguyen                                            <\/p>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"slider-controls\">\n                    <button class=\"glide__arrow arrow--left\">prev<\/button>\n                    <div class=\"glide__bullets\" data-glide-el=\"controls[nav]\">\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=0\"\n                            aria-label=\"slide 1\"><\/button>\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=1\"\n                            aria-label=\"slide 2\"><\/button>\n                                            <\/div>\n                    <button class=\"glide__arrow arrow--right\">next<\/button>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<div  class=\"purdue-home-intro-text has-layout-one-centered \">\n        <div class=\"section has-gold-background\">\n        <div class=\"container\">\n                                <h2 class=\"purdue-home-subheader\">Graphic Projects <\/h2>\n                            \n            <h3 class=\"purdue-home-intro-text__header header-font-acumin\">Specialized Systems and Multimedia<\/h3>\n\n<p>Projects dealing with specialized systems and multimedia.<\/p>\n\n\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n<div  class=\"purdue-home-cta-carousel \">\n        <div class=\"section has-none-background\">\n        <div class=\"container\">\n                        <div class=\"tagged-header-container\">\n                <h2 class=\"tagged-header tagged-header--gold\">Special systems &amp; multimedia<\/h2>\n            <\/div>\n                        <div class=\"purdue-home-cta-carousel__cards\" data-columns=\"2\">\n                <div class=\"glide\">\n                    <div class=\"glide__track\" data-glide-el=\"track\">\n                        <div class=\"glide__slides\">\n                                                        <div class=\"glide__slide\">\n                                <div class=\"purdue-home-cta-card purdue-home-cta-card--horizontal purdue-home-cta-card-carousel--story\"\n                                    >\n                                    <div class=\"purdue-home-cta-carousel__card-image\">\n                                        <div class=\"image is-16by9\">\n                                                                                        <img decoding=\"async\" class=\"purdue-home-background-image\" alt=\"\"\n                                                src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/09\/2024GMB_7003-Edit.jpg\" \/>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"purdue-home-cta-carousel__card-content\">\n                                                                                <div class=\"purdue-home-cta-carousel__story-wrap\">\n                                            <p class=\"purdue-home-cta-carousel__story-title\">Render Farm Project<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">The purpose of the Render Farm Project was to create a high speed graphics rendering network. This was accomplished by using multi-core computing nodes to compile graphics information at high speeds while the overall work load is managed by a separate system. This process was aided by the use of Autodesk software, including Maya for graphics management and Back Burner for workload management. CIT students then had access to high-speed, 24-hour rendering to assist them with project completion  Being able to render more data faster will continue to allow students to create more complex projects and greatly assist them with time management. This solution can be expanded upon by adding additional servers or systems to the network that operate as nodes to increase the render farms overall performance.  Project Team Members: Robert Kandel, Sean Wilker                                            <\/p>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"glide__slide\">\n                                <div class=\"purdue-home-cta-card purdue-home-cta-card--horizontal purdue-home-cta-card-carousel--story\"\n                                    >\n                                    <div class=\"purdue-home-cta-carousel__card-image\">\n                                        <div class=\"image is-16by9\">\n                                                                                        <img decoding=\"async\" class=\"purdue-home-background-image\" alt=\"\"\n                                                src=\"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-content\/uploads\/2024\/09\/2023_KAL_9379.jpg\" \/>\n                                                                                    <\/div>\n                                    <\/div>\n                                    <div class=\"purdue-home-cta-carousel__card-content\">\n                                                                                <div class=\"purdue-home-cta-carousel__story-wrap\">\n                                            <p class=\"purdue-home-cta-carousel__story-title\">Interactive Multimedia Project for Local Hospital<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">A local hospital commissioned the Living Lab to produce an interactive multimedia presentation for patients. The presentation required a metric for recording quiz results and had to adhere to client limitations. Additionally, they had mentioned a potential grant opportunity to help facilitate faster module production. Adobe Captivate, alongside Adobe Photoshop, Illustrator, Flash, and Premier Pro was used to produce this presentation. The back-end included MySQL to monitor the quiz results database and as an interface for the results and login IDs for the patients. Some presentation features include audio readings, animations played when a button is pressed, and scored quizzes to track the patient\u2019s knowledge acquisition. Pending grant approval, the project will either be delegated to future Living Lab interns or put into the hands of a private contractor with the assistance of the grant to fund it.  Project Student: Bryant Myroup                                            <\/p>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"slider-controls\">\n                    <button class=\"glide__arrow arrow--left\">prev<\/button>\n                    <div class=\"glide__bullets\" data-glide-el=\"controls[nav]\">\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=0\"\n                            aria-label=\"slide 1\"><\/button>\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=1\"\n                            aria-label=\"slide 2\"><\/button>\n                                            <\/div>\n                    <button class=\"glide__arrow arrow--right\">next<\/button>\n                <\/div>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":551,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-683","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages\/683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/comments?post=683"}],"version-history":[{"count":47,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages\/683\/revisions"}],"predecessor-version":[{"id":2173,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages\/683\/revisions\/2173"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/media\/551"}],"wp:attachment":[{"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/media?parent=683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}