{"id":93,"date":"2010-08-17T18:28:01","date_gmt":"2010-08-17T18:28:01","guid":{"rendered":"http:\/\/sburke.eu\/blog\/?p=93"},"modified":"2022-07-25T23:27:41","modified_gmt":"2022-07-25T22:27:41","slug":"interactive-educational-website-fyp","status":"publish","type":"post","link":"http:\/\/sburke.eu\/blog\/2010\/08\/interactive-educational-website-fyp\/","title":{"rendered":"My Final Year Project &#8211; Interactive Educational Website"},"content":{"rendered":"<p><a href=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/educational-website-orthographic-projection.gif\"><img loading=\"lazy\" class=\"alignright size-medium wp-image-97\" title=\"educational-website-orthographic-projection\" src=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/educational-website-orthographic-projection-300x201.gif\" alt=\"\" width=\"300\" height=\"201\" srcset=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/educational-website-orthographic-projection-300x201.gif 300w, http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/educational-website-orthographic-projection.gif 397w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>I recently came across the PDF write-up\u00a0and ISO CD Image of my Final Year Project. It was\u00a0for\u00a0the Bachelor of Technology (Education) in Materials and Construction degree, which I completed in 2003 in the University of Limerick.<\/p>\n<h2>Introduction<\/h2>\n<p>An interactive educational website was designed and developed to increase a students visualisation and spatial abilities. The topic of orthographic projection was the main focus of the educational website. Other websites at the time lacked interactivity. The website developed for this project had multiple choice questions and an interactive drawing board where a student could test their visualisation abilities through task based problem solving. 3D models and animations also featured throughout the website.<\/p>\n<p><a href=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/sample-pre-test-large.gif\"><img loading=\"lazy\" class=\"alignright size-full wp-image-112\" title=\"sample-pre-test\" src=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/sample-pre-test.gif\" alt=\"\" width=\"174\" height=\"215\" \/><\/a>Students results were saved to a database, allowing them to check their progress and also allowing a teacher to login and\u00a0view students progress. A paper based pre-test and post-test was designed and given to students before and after spending time using the educational website. Statistical information on students progress was discussed.\u00a0It was concluded that this interactive educational website enhanced students visualisation abilities and knowledge on orthographic projections which also provided for effective and enriched student learning and outcomes. This was achieved by using virtual reality three-dimensional models, controllable animations, everyday models and interactive assessment methods.<\/p>\n<h2>Technology Used<\/h2>\n<p><a href=\"http:\/\/sburke.eu\/EducationalResources\/Interactive-Educational-Website-FYP-UL-Stephen-Burke\/Interactive-Educational-Website-UL-Stephen-Burke.iso\"><img loading=\"lazy\" class=\"size-full wp-image-99 alignright\" title=\"Interactive-Educational-Website-UL-Stephen-Burke\" src=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/Interactive-Educational-Website-UL-Stephen-Burke.jpg\" alt=\"\" width=\"216\" height=\"218\" srcset=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/Interactive-Educational-Website-UL-Stephen-Burke.jpg 216w, http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/Interactive-Educational-Website-UL-Stephen-Burke-150x150.jpg 150w\" sizes=\"(max-width: 216px) 100vw, 216px\" \/><\/a>There was a lot of technology and setup which went into this interactive website. 3D Models were designed in SolidWorks and animated using Studio Max. The main content of the website was static html. The multiple-choice questions and interactive drawing exercises were served using Tomcat. As this had to be piloted in schools where there may not have been any Internet, a Live CD was created which on-top of windows would auto-run <a href=\"http:\/\/tomcat.apache.org\/\" target=\"_blank\" rel=\"noopener\">Tomcat <\/a>and <a href=\"http:\/\/hsqldb.org\/\" target=\"_blank\" rel=\"noopener\">hsqldb<\/a>. This could be run on a teachers computer, and students could then\u00a0browse to http:\/\/teacherscomputername:8080 and login to the website.<\/p>\n<p>There was an Interactive Drawing Assessment section which was particularly innovative. A video of this can be seen below. If you want to experience and give this a try, feel free to <a title=\"Download ISO CD Image of Interactive Website\" href=\"http:\/\/sburke.eu\/EducationalResources\/Interactive-Educational-Website-FYP-UL-Stephen-Burke\/Interactive-Educational-Website-UL-Stephen-Burke.iso\" target=\"_blank\" rel=\"noopener\">download the ISO<\/a>, burn it to a CD and pop it into your computer to auto-run. The CD should auto-run, and work on XP,Vista,Windows7.\u00a0I can&#8217;t take full credit for developing this Java app however, and that goes to my <a href=\"http:\/\/zacburke.com\" target=\"_blank\" rel=\"noopener\">brother<\/a>who done a good deal of the back-end code.<\/p>\n<p><object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" width=\"640\" height=\"505\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"allowFullScreen\" value=\"true\" \/><param name=\"allowscriptaccess\" value=\"always\" \/><param name=\"src\" value=\"http:\/\/www.youtube-nocookie.com\/v\/RKQ2Mfc6cJE?fs=1&amp;hl=en_US&amp;rel=0\" \/><param name=\"allowfullscreen\" value=\"true\" \/><embed type=\"application\/x-shockwave-flash\" width=\"640\" height=\"505\" src=\"http:\/\/www.youtube-nocookie.com\/v\/RKQ2Mfc6cJE?fs=1&amp;hl=en_US&amp;rel=0\" allowfullscreen=\"true\" allowscriptaccess=\"always\"><\/embed><\/object><\/p>\n<p>A few years ago I recoded the Interactive website in PHP and MySQL and made it available online. You can <a href=\"http:\/\/sburke.eu\/EducationalResources\/geometry\/\" target=\"_blank\" rel=\"noopener\">visit the Interactive Geometry Website here<\/a>. Unfortunately however it does not contain this Interactive Drawing Assessment section. You&#8217;ll need the Live CD to use that.<\/p>\n<h2>FYP Write-up<\/h2>\n<p><a href=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/Interactive-Educational-Website-FYP-UL-Stephen-Burke.pdf\"><img loading=\"lazy\" class=\"alignright size-full wp-image-102\" title=\"download-fyp-writeup-pdf\" src=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/download-fyp-writeup-pdf.jpg\" alt=\"\" width=\"158\" height=\"204\" \/><\/a>For those of you who are interested in reading more, I&#8217;ve put a <a href=\"http:\/\/sburke.eu\/blog\/wp-content\/uploads\/2010\/08\/Interactive-Educational-Website-FYP-UL-Stephen-Burke.pdf\" target=\"_blank\" rel=\"noopener\">PDF of the complete FYP write-up<\/a>. You can see the image of the CD I printed out on the original also.<\/p>\n<p>If anyone has any comments or questions, you can email me (stephen at sburke.eu)<br \/>\nIf you are going to reference anything from this FYP Project, place a link to this page.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I recently came across the PDF write-up\u00a0and ISO CD Image of my Final Year Project. It was\u00a0for\u00a0the Bachelor of Technology (Education) in Materials and Construction degree, which I completed in 2003 in the University of Limerick. Introduction An interactive educational &hellip; <a href=\"http:\/\/sburke.eu\/blog\/2010\/08\/interactive-educational-website-fyp\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,15],"tags":[],"_links":{"self":[{"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/posts\/93"}],"collection":[{"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":23,"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/posts\/93\/revisions"}],"predecessor-version":[{"id":699,"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/posts\/93\/revisions\/699"}],"wp:attachment":[{"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/media?parent=93"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/categories?post=93"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sburke.eu\/blog\/wp-json\/wp\/v2\/tags?post=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}