{"id":324,"date":"2018-11-24T22:58:35","date_gmt":"2018-11-24T22:58:35","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/pupil\/?page_id=324"},"modified":"2018-12-11T22:45:51","modified_gmt":"2018-12-11T22:45:51","slug":"prototype-3-chemistry","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/prototype-3-chemistry\/","title":{"rendered":"Prototype 3 &#8211; Chemistry"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"324\" class=\"elementor elementor-324 elementor-bc-flex-widget\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32b5903 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32b5903\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8b8a1c5\" data-id=\"8b8a1c5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f2237b elementor-widget elementor-widget-heading\" data-id=\"3f2237b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-xl\">Prototype 3 - Chemistry<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dee69ae elementor-widget elementor-widget-spacer\" data-id=\"dee69ae\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fd9da5 elementor-widget elementor-widget-heading\" data-id=\"8fd9da5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Objective<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce0fa51 elementor-widget elementor-widget-text-editor\" data-id=\"ce0fa51\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A collaborative experience where students can create a model of a molecule. The students can collaborate without being physically located in the same space.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4d3ab1 elementor-widget elementor-widget-spacer\" data-id=\"c4d3ab1\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c9ff8a elementor-widget elementor-widget-heading\" data-id=\"2c9ff8a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Platform<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02c53ac elementor-widget elementor-widget-text-editor\" data-id=\"02c53ac\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Oculus Rift or HTC Vive + Zed mini + Leap Motion<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d00aa79 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d00aa79\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-f49e61a\" data-id=\"f49e61a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d11c1d7 elementor-widget elementor-widget-image\" data-id=\"d11c1d7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"487\" height=\"373\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/Picture2.png\" class=\"attachment-large size-large wp-image-325\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/Picture2.png 487w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/Picture2-300x230.png 300w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-89babb4\" data-id=\"89babb4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c49718f elementor-widget elementor-widget-image\" data-id=\"c49718f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"487\" height=\"373\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/Picture1.png\" class=\"attachment-large size-large wp-image-287\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/Picture1.png 487w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/Picture1-300x230.png 300w\" sizes=\"(max-width: 487px) 100vw, 487px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-009428a elementor-widget elementor-widget-spacer\" data-id=\"009428a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dccd0a elementor-widget elementor-widget-heading\" data-id=\"6dccd0a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Development Process<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4d099a elementor-widget elementor-widget-text-editor\" data-id=\"a4d099a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">For this demo, we did not expect to have much time left <\/span><i><span style=\"font-weight: 400;\">after<\/span><\/i><span style=\"font-weight: 400;\"> development for testing with \u00a0students and teachers. It was safe to assume that networking the headset rigs and syncing the model data between them would not be a straightforward task, so we devoted a lot of time to MVP prototyping, and significant content research so that we could make more informed decisions on our first attempt.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1462af0 elementor-widget elementor-widget-heading\" data-id=\"1462af0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Design Research<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b09e04 elementor-widget elementor-widget-text-editor\" data-id=\"4b09e04\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We consulted with the Eberly Center at CMU and spoke to Dr. Timothy Nokes-Malach at the University of Pittsburgh, who helped us find problems in the classroom that we might be able to solve using this technology. We also spoke to Kenneth Holstein, who is a PhD candidate at CMU\u2019s HCII, who shared his thoughts based on his work in the use of AR in classrooms.<\/span><\/p><p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">Some recurring themes in these conversations were:<\/span><\/p><ul><li><b style=\"font-size: 15px; letter-spacing: 0.8px;\">Don\u2019t try to use technology to solve what is essentially a human problem, but you can use technology to facilitate it. <span style=\"font-weight: 400;\">This was in reference to our earlier ideas of integrating AR into classroom debates or group activities that have a stronger conversational component. This also refers to what the technology tries to do &#8211; teachers don\u2019t like it when the technology might try to solve a problem that is best left to them, but they would like the technology to notify them that the problem exists.<\/span><\/b><\/li><li><b>Remotely located students have an inferior classroom experience.<\/b> <span style=\"font-weight: 400;\">This seemed like a problem AR could potentially solve, given that the student could feel a greater sense of presence if they were working on virtual objects in collaboration with a classmate.<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">We then locked in our content matter in chemistry, specifically around the geometry of molecules, and proceeded to develop the demo. For the chemistry-specific research, we heavily referenced <\/span><a href=\"https:\/\/edpsych.education.wisc.edu\/staff\/rau-martina\/\"><span style=\"font-weight: 400;\">Martina Rau\u2019s work<\/span><\/a><span style=\"font-weight: 400;\"> when defining the features and scope of the prototype.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acb8d1e elementor-widget elementor-widget-heading\" data-id=\"acb8d1e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Early Design<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a498a2 elementor-widget elementor-widget-text-editor\" data-id=\"4a498a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Learners will create a virtual ball-and-stick model collaboratively. The final structures will be checked and the errors will be marked to them, which they can discuss to further modify their models.<\/span><\/p><p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">The students can collaboratively build the model of the molecule, as they do with the physical ball-and-stick kit. They can observe the model from all angles and make changes as per their discussions with each other.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff2c91b elementor-widget elementor-widget-image\" data-id=\"ff2c91b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"626\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image1-1-768x626.jpg\" class=\"attachment-medium_large size-medium_large wp-image-327\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image1-1-768x626.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image1-1-300x244.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image1-1-1024x834.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image1-1.jpg 1999w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dcf0a4a elementor-widget elementor-widget-heading\" data-id=\"dcf0a4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-medium\">Learner-learner interactions<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-242a767 elementor-widget elementor-widget-text-editor\" data-id=\"242a767\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">How are the students oriented in space when they are performing these tasks? We laid out some ideas with our expectations of pros and cons.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d691810 elementor-widget elementor-widget-image\" data-id=\"d691810\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image2-1024x560.jpg\" class=\"attachment-large size-large wp-image-329\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image2-1024x560.jpg 1024w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image2-300x164.jpg 300w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image2-768x420.jpg 768w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/image2.jpg 1999w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-507d9a2 elementor-widget elementor-widget-text-editor\" data-id=\"507d9a2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li><b>Side-by-side<\/b><\/li><\/ul><p>(+) Having the students seated adjacently in a virtual space is truest to the configuration in the labs. Students sit next to each other, each at their own computer, and collaborate with the model placed in the center.<\/p><p><span style=\"font-weight: 400;\">(-) Might feel awkward, given the existing desk space they might be working with. The physical desk might end abruptly in the middle of the virtual workspace.<\/span><\/p><ul><li><b style=\"font-size: 15px; letter-spacing: 0.8px;\">Ghost hands<\/b><\/li><\/ul><p><span style=\"font-weight: 400;\">Students can see their partner\u2019s movements in the space as hands working over the model.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">(+) Might be good for a learner-teacher interaction, where the teachers is modifying \/ correcting student work.<\/span><\/p><p><span style=\"font-weight: 400;\">(-) Might feel intrusive.<\/span><\/p><ul><li><b>Across<\/b><\/li><\/ul><p><span style=\"font-weight: 400;\">Students are seated across from each other, and can see a virtual representation of their classmate in front of them. They can collaborate on creating the model. <\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">(+) It would be valuable to observe how interacting with a virtual avatar affects learning gains.<\/span><\/p><p><span style=\"font-weight: 400;\">(-) The orientation of the molecule is fairly important, pedagogically. In this setup, the students would not be able to view and discuss the same orientation due to their seating.<\/span><\/p><p><span style=\"font-weight: 400;\">We decided to proceed with the students situated side-by-side for the scope of this prototype. As we added more players, we situated them around our table to try both <\/span><i><span style=\"font-weight: 400;\">side-by-side<\/span><\/i><span style=\"font-weight: 400;\"> and <\/span><i><span style=\"font-weight: 400;\">across<\/span><\/i><span style=\"font-weight: 400;\"> orientations.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-541d3bb elementor-widget elementor-widget-image\" data-id=\"541d3bb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"225\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/c_Remote.gif\" class=\"attachment-large size-large wp-image-409\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a067023 elementor-widget elementor-widget-heading\" data-id=\"a067023\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-medium\">Early MVP Prototype<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c74d33d elementor-widget elementor-widget-text-editor\" data-id=\"c74d33d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We partly began development on this demo by first building an MVP networking prototype where two users can pass a virtual object to one another while they are located in the same space. <\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a57b6d7 elementor-widget elementor-widget-image\" data-id=\"a57b6d7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/11\/c01.gif\" class=\"attachment-large size-large wp-image-326\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e415de elementor-widget elementor-widget-text-editor\" data-id=\"1e415de\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We used simple top hat models as a placeholder for remote user avatars. The interactions in this demo felt viscerally promising, and we proceeded to implement a more fleshed out, chemistry-based demo.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e00029 elementor-widget elementor-widget-heading\" data-id=\"3e00029\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-medium\">Final Prototype<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0c5c580 elementor-widget elementor-widget-text-editor\" data-id=\"0c5c580\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The final prototype features a space where users are located using image markers, and can spawn atoms and combine them into molecules. It was important to get the structure of not just the final molecule right, but also the intermediate stages, so that the students could visually understand how the forces between the atoms cause the molecules to acquire a specific shape.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-042af16 elementor-widget elementor-widget-image\" data-id=\"042af16\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/creating.gif\" class=\"attachment-large size-large wp-image-411\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acb4f64 elementor-widget elementor-widget-text-editor\" data-id=\"acb4f64\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">The atoms are represented with their valence electrons hovering outside the shell, so that it is clear how many bonds can be formed. For our prototype, we chose to allow the creation of simple molecules like water, carbon dioxide and methane. Water and carbon dioxide are a good place to start, as they both consist of three atoms, but exhibit different molecular structures due to the valence electron repulsion.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d79fdf5 elementor-widget elementor-widget-text-editor\" data-id=\"d79fdf5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">The image markers also allow remote users to join the experience, simply by looking at a specific marker, which determines how they are located in the space. The remote users have an avatar to represent them, and their hands are visible to all users.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79ab0f2 elementor-widget elementor-widget-image\" data-id=\"79ab0f2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/RemotePlayer2.gif\" class=\"attachment-large size-large wp-image-412\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-858a946 elementor-widget elementor-widget-text-editor\" data-id=\"858a946\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">Initially, we had all the atoms available in the space for users to access, grouped by element. This was predictably not an ideal setup, and tempts users to immediately start building things on their own (or worse, toss atoms around). In our next stage of polish, we added an inventory system, which users can access by flipping their palm upwards. Once the atom is dragged out of the palm panel, users can communicate with each other to combine them into molecules, or put it back in the panel if they don\u2019t need it.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9d5314d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d5314d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3581ded\" data-id=\"3581ded\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d92194e elementor-widget elementor-widget-image\" data-id=\"d92194e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"281\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/PalmMenu.gif\" class=\"attachment-large size-large wp-image-413\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-5750e28\" data-id=\"5750e28\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61eadb5 elementor-widget elementor-widget-image\" data-id=\"61eadb5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/spawnning.gif\" class=\"attachment-large size-large wp-image-416\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-21f9b96 elementor-widget elementor-widget-text-editor\" data-id=\"21f9b96\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-family: Roboto, sans-serif; font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: 0.8px;\">Once a molecule is correctly created, a tooltip appears to show the name and chemical formula of the molecule.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-922bb12 elementor-widget elementor-widget-image\" data-id=\"922bb12\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"270\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Tooltip.gif\" class=\"attachment-large size-large wp-image-414\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfb0540 elementor-widget elementor-widget-spacer\" data-id=\"cfb0540\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-025a4d7 elementor-widget elementor-widget-heading\" data-id=\"025a4d7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Results<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2fce17 elementor-widget elementor-widget-text-editor\" data-id=\"f2fce17\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The interactive and hands-on nature of the prototype was a success with most testers. The note of caution was that it is so engaging to begin playing with the atoms, that a teacher in the experience needs a strong way to <\/span><b>control student interactions.<\/b><\/p><p><span style=\"font-weight: 400;\">Positive feedback for the <\/span><b>high-five interactions<\/b><span style=\"font-weight: 400;\"> in the form of shining particle effects adds a nice \u00a0touch to what is essentially a collaborative task. The ergonomics of such a task shouldn\u2019t be too taxing, given that the current lab work also relies on intervals of building and then writing \/ analyzing. However, ergonomics are in general an important factor to keep in mind when designing tasks that require extended physical interaction with virtual objects. <\/span><\/p><p><span style=\"font-weight: 400;\">Iterating on the <\/span><b>size of the atoms<\/b><span style=\"font-weight: 400;\"> was important until they were comfortable for most people to grasp freely. The hydrogen atoms are smaller than the oxygen and carbon atoms, and many users have been observed to default to pinching the hydrogen atom and grabbing the oxygen and carbon. This was an interesting echo of what we found with our earlier line prototype.<\/span><\/p><p><span style=\"font-weight: 400;\">We initially considered showing a more accurate <\/span><b>representation of valence electrons<\/b><span style=\"font-weight: 400;\">, with tiny electrons revolving randomly around the atoms, but this proved to be too distracting. It was important for students to know the number of valence electrons on each atom. The electrons were changed to small spheres. However, the spheres aren\u2019t fixed in place, and retain some electron-like movement that can be observed when an atom is dragged and moved. This middle ground solution worked well to simulate the feel for electrons while also conveying the information students need to know.<\/span><\/p><p><span style=\"font-weight: 400;\">One of our last additions was switching to an <\/span><b>inventory system<\/b><span style=\"font-weight: 400;\">, so that the users had some control over how many atoms were on the scene at once. This might be a better use of the palm flip menu as compared to our earlier effort in the 2D Geometry demo. It also leads to a less cluttered space and more control for the user.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3dbb723 elementor-widget elementor-widget-image\" data-id=\"3dbb723\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"225\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Bonding.gif\" class=\"attachment-large size-large wp-image-410\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8e5d900 elementor-widget elementor-widget-text-editor\" data-id=\"8e5d900\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">We also iterated on the visuals of <\/span><b style=\"font-size: 15px; letter-spacing: 0.8px;\">bond formation<\/b><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\"> a few times. The bond line gets thicker and solidifies as the atoms move closer, lending a very authentic feel to the interaction. It also needed to be made clear that both atoms need to be grabbed for a bond to form between them. The atoms have a gold edge when grabbed, and the gold bond between two atoms is solidified when two atoms are brought close together. In our early prototype where a number of atoms were pre-spawned, we found that users would grab an atom and physically move it closer to another atom to create a bond. The idea that both atoms need to be grabbed had to be conveyed verbally. This problem is hopefully alleviated slightly with the users deliberately spawning the atoms they wish to bond &#8211; any new atom is already being grabbed when initialized. However, there might still be a need for indicating to the user that both atoms need to be grabber, perhaps through some sort of dynamic feedback.<\/span><\/p><p><span style=\"font-weight: 400;\">Given the standard saturated colors for the atoms, it was important for us to incorporate a <\/span><b>rim shader <\/b><span style=\"font-weight: 400;\">on the edges of the spheres to ensure visibility. When the atoms are occluded by physical objects, there is another shader that renders them in a grayscale outline. This was a big win in terms of helping the user locate the virtual objects. Not rendering virtual objects that were hidden behind physical ones might have led to confusion and frustration, which was avoided by adding the shader.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46bb97e elementor-widget elementor-widget-image\" data-id=\"46bb97e\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Occlusion-1024x570.png\" class=\"attachment-large size-large wp-image-415\" alt=\"\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Occlusion-1024x570.png 1024w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Occlusion-300x167.png 300w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Occlusion-768x428.png 768w, https:\/\/projects-old.etc.cmu.edu\/pupil\/wp-content\/uploads\/2018\/12\/Occlusion.png 1631w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1a4e1e elementor-widget elementor-widget-text-editor\" data-id=\"c1a4e1e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">The <\/span><b style=\"font-size: 15px; letter-spacing: 0.8px;\">virtual avatars <\/b><span style=\"font-size: 15px; font-weight: 400; letter-spacing: 0.8px;\">of remote users have a significant presence in the physical world, evidenced by users feeling uncomfortable if the avatars were invading their personal space. Thus, it is even more important to make sure players spawn in the correct location, to avoid discomfort.<\/span><\/p><p><span style=\"font-weight: 400;\">We did not have the chance to test out the prototype with school students, so there is not a lot of pedagogical impact that we could gauge. However, the goal of allowing for a more interactive remote learning experience was successfully accomplished, with scope for adding on a more scripted collaborative task for learning.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e183385 elementor-widget elementor-widget-heading\" data-id=\"e183385\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-large\">Future Work<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6ae227 elementor-widget elementor-widget-text-editor\" data-id=\"d6ae227\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">A major hurdle we tackled with this prototype was a technical one. There are many design questions yet to be explored with regards to incorporating a teacher into the experience, as well as the different student interactions that are possible.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf54df elementor-widget elementor-widget-heading\" data-id=\"baf54df\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Learner-Teacher Interactions<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3300e9 elementor-widget elementor-widget-text-editor\" data-id=\"f3300e9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Teacher annotating on student view<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">The ability for a teacher to annotate the student\u2019s interactive model in some form could potentially be powerful. However, the issue of the teacher\u2019s physical presence in this comes into question. If the teacher is represented as a pair of floating hands that can descend into the student\u2019s work, does that feel too intrusive or distracting? We have already found that the virtual avatars feel just as present in the physical space based on the discomfort of users if the avatars are located too close.<\/span><\/p><ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Teacher setting task milestones and viewing progress<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Most of the experts we spoke to agreed that the ability for a teacher to set milestones for the task being performed, and assess student progress based on those milestones, is an important addition. They added that expert teachers might be able to help students based on a cursory look at the milestone data, but novice teachers may need to drill down into the data more to better understand where the students need help. Devising a system to display this information is important, and some of it may be by using tablets or laptop interfaces.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><i><span style=\"font-weight: 400;\">Related: <\/span><\/i><a href=\"https:\/\/medium.com\/lumilo\/the-lumilo-project-cda82726f9ec\"><span style=\"font-weight: 400;\">Project Lumilo<\/span><\/a><\/p><ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Collaboration script incorporated into experience<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Martina Rau\u2019s research finds that <\/span><i><span style=\"font-weight: 400;\">teacher assent<\/span><\/i><span style=\"font-weight: 400;\"> helps student build concept-representation connection. This means that the teacher\u2019s prompts for a student to explain a concept helped the student build a better connection between the concept and its virtual representation. Helping the teacher to prompt the student at the right time using collaboration scripts integrated into the AR experience could be one way of achieving this. In addition, teacher intervention was a smaller factor in increasing student understanding when the experience was more scaffolded. In essence, if the technology can be used to prompt the students in approximately the same way that a teacher might, it could show positive results.<\/span><\/p><ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Teacher voice interactions<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">This is a relatively unexplored area, but if teachers can augment their abilities in the classroom through a voice interface, it has the potential to be powerful.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fcca37 elementor-widget elementor-widget-heading\" data-id=\"7fcca37\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Learner-Content Interactions<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-677564f elementor-widget elementor-widget-text-editor\" data-id=\"677564f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Error detection and notification for students<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">It is clearly important in the learning process for students to make mistakes, unlearn and relearn concepts. Thus, any interactive experience dealing with a task-based learning format needs to incorporate appropriate feedback loops, either through teacher intervention or automatic error detection.<\/span><\/p><ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Viewing the physical occurence and properties of the compound once you create the molecule<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">Similar to the pedestal in the Biomes demo, it might be compelling to have a space where the user can place their finished molecule and view more information about it. For example, it is easy for students to imagine what water looks like when learning about water molecules, but not so much for other compounds that they discover as they keep learning. A space that shows the physical occurence of the compounds, as well as properties like melting point, boiling point etc. could be a useful tool.<\/span><\/p><ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Switching between representations of the same molecule<\/span><\/li><\/ul><p><span style=\"font-weight: 400;\">The strength of a virtual molecule could be used to switch between different representations of a molecule to understand different properties. For example, the ball and stick model conveys the bond angles and lengths, while an electrostatic potential map conveys the sizes of individual atoms accurately. However, too much context switching might be ill-advised for students who have just begun learning the concepts.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f78ded elementor-widget elementor-widget-spacer\" data-id=\"5f78ded\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7cf72d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7cf72d8\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0404ca2\" data-id=\"0404ca2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b525348 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"b525348\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"http:\/\/www.etc.cmu.edu\/projects\/pupil\/index.php\/prototype-2a-biomes\/\">\n\t\t\t\t\t\t\t<i class=\"fa fa-arrow-circle-o-left\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-fb9504e\" data-id=\"fb9504e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aeba93f elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"aeba93f\" data-element_type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"http:\/\/www.etc.cmu.edu\/projects\/pupil\/index.php\/identified-design-patterns\/\">\n\t\t\t\t\t\t\t<i class=\"fa fa-arrow-circle-o-right\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Prototype 3 &#8211; Chemistry Objective A collaborative experience where students can create a model of a molecule. The students can collaborate without being physically located in the same space. Platform Oculus Rift or HTC Vive + Zed mini + Leap Motion Development Process For this demo, we did not expect to have much time left [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-324","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/pages\/324"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/comments?post=324"}],"version-history":[{"count":6,"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/pages\/324\/revisions"}],"predecessor-version":[{"id":426,"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/pages\/324\/revisions\/426"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/pupil\/index.php\/wp-json\/wp\/v2\/media?parent=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}