{"id":478,"date":"2024-09-20T20:09:58","date_gmt":"2024-09-20T20:09:58","guid":{"rendered":"https:\/\/dev.www.purdue.edu\/polytechnic\/livlab\/?page_id=478"},"modified":"2025-09-19T16:52:15","modified_gmt":"2025-09-19T16:52:15","slug":"web-design-projects","status":"publish","type":"page","link":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/web-design-projects\/","title":{"rendered":"Web Development 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\">Web development   <br>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\/11\/2023_JU28345.jpg\"\/>\n                    <\/div>\n    <\/div>\n\n\n<p><\/p>\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\">Web Development Projects <\/h2>\n                            \n            <h3 class=\"purdue-home-intro-text__header header-font-acumin\">Web Development and Design<\/h3>\n\n<p>Projects that challenged the Living Lab Team to Design, Develop and Test various Web Dev Projects<\/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=\"4\">\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\/10\/2023_KAL_4896.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\">Updated Living Lab Website<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">The Living Lab started as a course for the Purdue School of Engineering and Technology at IUPUI, allowing CIT students to test their knowledge in the form of projects. To advertise the course, a website was created, detailing what type of work the students may take on. After many years, the site looked outdated as it hadn\u2019t been updated. In the fall 2024 semester, Living Lab students began developing a new website. Currently, the fall 2025 cohort is continuing the website&#8217;s development. So far, we have made lots of improvements and modifications to make the website more professional and user-friendly. We are hoping to finish the website up this semester.                                            <\/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\/2024_GMB6554.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\">Community Website Using WordPress<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">A nearby church requested to have their entire website overhauled. The objective was to create a modern-looking site with functionality that would serve their community. They wanted an easy-to-use calendar on the site that would automatically update events based on their Google Calendar. A sermon page was also needed, so members could easily find their YouTube video posts quickly after they were uploaded. This functionality allows the site to check for new videos on their channel automatically and update the website\u2019s videos based on any changes. This new site provides them and their members an easier way to navigate the website and stay up-to-date with current information about the church. In addition, the new site is much more modular and allows new content to be added with ease. Project Student:  Korey Madden                                            <\/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\/10\/2023_KAL_3631.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\">IT Academy Website<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">The IT Academy, a program helping people work towards taking and passing CompTIA certification courses, was in need of a new website. They requested the Living Lab students to create one for them. The site currently serves as more of an informative site, but it could be expanded on further. There is a potential for them to add VMware certifications, which would be easy to implement with the website&#8217;s setup.                                            <\/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\/10\/2022_RM11240.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\">Technology Lab Site for Recording Data and Presenting Data, Research<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">A technology program for students that work on projects for real clients requested to have their main website redesigned. Their objective was to have a modern-looking site with improved navigation and layout. They hoped to retain existing functionality that allows them to create, read, update, and delete posts and submissions. The Formidable plugin is what allowed them to submit most of their forms, but this will need to be slightly changed as the newer version\u2019s functionality differs from the old version. This newer site now allows them and their clients to navigate the site in a quick and easy manner. Project Student:  Korey Madden                                            <\/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                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=2\"\n                            aria-label=\"slide 3\"><\/button>\n                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=3\"\n                            aria-label=\"slide 4\"><\/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\">Web Development Projects <\/h2>\n                            \n            <h3 class=\"purdue-home-intro-text__header header-font-acumin\">Interactive and Functional Applications<\/h3>\n\n<p>Projects that cover interactive and functional applications.<\/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 applications<\/h2>\n            <\/div>\n                        <div class=\"purdue-home-cta-carousel__cards\" data-columns=\"3\">\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\/11\/2023_JU28345.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\">Enabling Drag-and-Drop Functionality For Floor Plans<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">An Indianapolis organization rents out buildings for special events and needs a way for their clients to choose where they want tables or chairs to be placed. The solution was to enable the user to drag-and-drop furniture to each floor plan. This was done by creating a grid system over the floor plan and enabling furniture icons to be dropped into each unoccupied cell. Clients are now able to successfully plan their events with ease. Project Student: Tim Graupner                                            <\/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\/10\/2023_KAL_0156.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\">Jagwarz CTF Expansion<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">The project purpose was to allow networking and cybersecurity students to practice their skills with the Jagwarz Capture The Flag Expansion. The Jagwarz website contains Capture The Flag and Red vs Blue games. Each game includes multiple challenges to complete for points added towards a player\u2019s account. The client, Connie Justice, requested that new features are added to the Red vs Blue game. To accommodate these new features, the front-end and back-end portions of the website needed updates and proper documentation. Additionally, the back-end infrastructure running the virtual machines and networks needed to be rebuilt and properly backed up. Project Team Members:  Deshun Coomer, Sultan Albogmy                                            <\/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                                                <button class=\"glide__bullet slider__bullet\" data-glide-dir=\"=2\"\n                            aria-label=\"slide 3\"><\/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\">Web Development Projects <\/h2>\n                            \n            <h3 class=\"purdue-home-intro-text__header header-font-acumin\">Website Data Integration &amp; Specialized Applications<\/h3>\n\n<p>This section covers projects that utilize specialized software to create, reference, and display data stored through a site.<\/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\">Data management<\/h2>\n            <\/div>\n                        <div class=\"purdue-home-cta-carousel__cards\" data-columns=\"1\">\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_GMB5838.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\">Building an Asset Tracking Web Application<\/p>\n                                                                                        <p class=\"purdue-home-cta-carousel__story-content\">The assigned project was an asset tracking web application for a local landscaping company that operates out of Lizton, Indiana. This landscaping company had a big need to find an efficient way to store vital company data. In the past, they previously used Excel spreadsheets to keep track of their inventory, payroll, work related activities and chemical applications that are vital to the operations of the company. As these processes were inefficient, a web application attached to an SQL database was the solution to the company\u2019s needs. In this application, the user is able to interact directly with the SQL database and its tables via the application UI. This allows them to edit, insert, delete, and select data directly to the database. Additionally, authorized users are now able to keep track of employee data and payroll information through the application. These new improvements allow for tracking of the company\u2019s seeds, processes, chemical applications, greenhouses, inventory, and more.                                                                                     Project Member:  Angel I Salas-Phillips                                            <\/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                                            <\/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":250,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-478","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages\/478","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=478"}],"version-history":[{"count":46,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages\/478\/revisions"}],"predecessor-version":[{"id":2385,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/pages\/478\/revisions\/2385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/media\/250"}],"wp:attachment":[{"href":"https:\/\/www.purdue.edu\/polytechnic\/livlab\/wp-json\/wp\/v2\/media?parent=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}