Multitouch Surface https://philipp-brauner.de/ en Kollaborative und altersgerechte Lernanwendung zur Vermittlung fundamentaler Ideen der Informatik https://philipp-brauner.de/node/56 <span class="field field--name-title field--type-string field--label-hidden">Kollaborative und altersgerechte Lernanwendung zur Vermittlung fundamentaler Ideen der Informatik</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">philipp</span></span> <span class="field field--name-created field--type-created field--label-hidden">Thu, 08/20/2020 - 12:32</span> <div class="field field--name-field-preview field--type-image field--label-hidden field__item"> <img src="/sites/default/files/styles/paperpreview/public/2020-08-20/Bildschirmfoto%202020-08-20%20um%2012.30.53.png?itok=wzi1wHQP" width="250" height="360" alt="" typeof="foaf:Image" class="image-style-paperpreview" /> </div> <div class="field field--name-field-abstract field--type-string-long field--label-inline clearfix"> <div class="field__label">Abstract</div> <div class="field__item">In diesem Artikel wird die Entwicklung einer Lernanwendung zur strukturierten Zerlegung in der Informatik nach dem Lebenszyklusmodell beschrieben. In drei Entwicklungszyklen werden dabei Experten befragt und die Prototypen mit Grundschulkindern evaluiert. Zur Unterstützung der Kollaboration erfolgte die Entwicklung für ein Tabletop-System.</div> </div> <div class="field field--name-field-signature field--type-string-long field--label-hidden field__item">Nabbi, N., Brauner, P., Leonhardt, T., Schroeder, U.: Kollaborative und altersgerechte Lernanwendung zur Vermittlung fundamentaler Ideen der Informatik. In: Rohland, H., Kienle, A., and Friedrich, S. (eds.) Proceedings der DeLFI 2011 - 9. Tagung der Fachgruppe E-Learning der Gesellschaft für Informatik. pp. 185–196. Gesellschaft für Informatik, Germany, 2011 (2011).</div> <div class="field field--name-field-doi field--type-link field--label-inline clearfix"> <div class="field__label">DOI</div> <div class="field__item"><a href="https://dl.gi.de/handle/20.500.12116/4746" target="_blank">https://dl.gi.de/handle/20.500.12116/4746</a></div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix"> <h3 class="field__label">Tags</h3> <ul class="links field__items"> <li><a href="/taxonomy/term/16" hreflang="en">STEM</a></li> <li><a href="/taxonomy/term/23" hreflang="en">Multitouch Surface</a></li> </ul> </div> <div class="field field--name-field-ref-to-project field--type-entity-reference field--label-above"> <div class="field__label">Related Project(s):</div> <div class="field__items"> <div class="field__item"><a href="/node/14" hreflang="en">Didactical approaches to raise interest in STEM &amp; G&amp;D computer science curriculum</a></div> </div> </div> <div class="field field--name-field-pubimages field--type-image field--label-above"> <div class="field__label">Figures and Tables (selection):</div> <div class="field__items"> <div class="field__item"> <a href="https://www.philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-20%20um%2012.37.44.png" title=" Abbildung 1: Erste Entwicklungsstufe: Zerlegung der Figur auf der dritten Stufe (links), Hierarchiebaum (rechts)." data-colorbox-gallery="gallery-publication-56-2Jemjb4AK2o" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot; Abbildung 1: Erste Entwicklungsstufe: Zerlegung der Figur auf der dritten Stufe (links), Hierarchiebaum (rechts).&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-20%20um%2012.37.44.png?itok=CblLW8MG" width="220" height="106" alt=" Abbildung 1: Erste Entwicklungsstufe: Zerlegung der Figur auf der dritten Stufe (links), Hierarchiebaum (rechts)." typeof="foaf:Image" class="image-style-medium" /> </a> </div> <div class="field__item"> <a href="https://www.philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.07.png" title="Abbildung 2: Figuren der zweiten Entwicklungsstufe (links), Teilaufgabe 1 (rechts)." data-colorbox-gallery="gallery-publication-56-2Jemjb4AK2o" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot;Abbildung 2: Figuren der zweiten Entwicklungsstufe (links), Teilaufgabe 1 (rechts).&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.07.png?itok=xRMd-IYU" width="220" height="114" alt="Abbildung 2: Figuren der zweiten Entwicklungsstufe (links), Teilaufgabe 1 (rechts)." typeof="foaf:Image" class="image-style-medium" /> </a> </div> <div class="field__item"> <a href="https://www.philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.24.png" title="Abbildung 3: Teilaufgabe 1 (rechts)." data-colorbox-gallery="gallery-publication-56-2Jemjb4AK2o" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot;Abbildung 3: Teilaufgabe 1 (rechts).&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.24.png?itok=HmTCm2XO" width="220" height="116" alt="Abbildung 3: Teilaufgabe 1 (rechts)." typeof="foaf:Image" class="image-style-medium" /> </a> </div> <div class="field__item"> <a href="https://www.philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.41.png" title="Abbildung 4: Teilaufgabe 2 (links), Teilaufgabe 3 (rechts)." data-colorbox-gallery="gallery-publication-56-2Jemjb4AK2o" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot;Abbildung 4: Teilaufgabe 2 (links), Teilaufgabe 3 (rechts).&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.41.png?itok=VbbeQcxv" width="220" height="129" alt="Abbildung 4: Teilaufgabe 2 (links), Teilaufgabe 3 (rechts)." typeof="foaf:Image" class="image-style-medium" /> </a> </div> <div class="field__item"> <a href="https://www.philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.58.png" title="Abbildung 5: Typische Fehler bei Teilaufgabe 1 (links) und bei Teilaufgabe 2 (rechts)." data-colorbox-gallery="gallery-publication-56-2Jemjb4AK2o" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot;Abbildung 5: Typische Fehler bei Teilaufgabe 1 (links) und bei Teilaufgabe 2 (rechts).&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-20%20um%2012.38.58.png?itok=GrWTeScO" width="220" height="124" alt="Abbildung 5: Typische Fehler bei Teilaufgabe 1 (links) und bei Teilaufgabe 2 (rechts)." typeof="foaf:Image" class="image-style-medium" /> </a> </div> <div class="field__item"> <a href="https://www.philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-20%20um%2012.39.17.png" title="Abbildung 6: Der Multitouch-Prototyp (links), Anweisungsgesten (rechts)." data-colorbox-gallery="gallery-publication-56-2Jemjb4AK2o" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot;Abbildung 6: Der Multitouch-Prototyp (links), Anweisungsgesten (rechts).&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-20%20um%2012.39.17.png?itok=a7ngCRDc" width="220" height="164" alt="Abbildung 6: Der Multitouch-Prototyp (links), Anweisungsgesten (rechts)." typeof="foaf:Image" class="image-style-medium" /> </a> </div> </div> </div> Thu, 20 Aug 2020 10:32:56 +0000 philipp 56 at https://philipp-brauner.de Intuitive Gestures on Multi-touch Displays for Reading Radiological Images https://philipp-brauner.de/node/28 <span class="field field--name-title field--type-string field--label-hidden">Intuitive Gestures on Multi-touch Displays for Reading Radiological Images</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">philipp</span></span> <span class="field field--name-created field--type-created field--label-hidden">Mon, 08/17/2020 - 13:53</span> <div class="field field--name-field-preview field--type-image field--label-hidden field__item"> <img src="/sites/default/files/styles/paperpreview/public/2020-08-17/Bildschirmfoto%202020-08-17%20um%2013.58.12.png?itok=LVfKIlck" width="250" height="360" alt="" typeof="foaf:Image" class="image-style-paperpreview" /> </div> <div class="field field--name-field-abstract field--type-string-long field--label-inline clearfix"> <div class="field__label">Abstract</div> <div class="field__item">Touch-based user interfaces are increasingly used in private and professional domains. While touch interfaces have a high practicability for general daily applications, it is a central question if touch based interfaces also meet requirements of specific professional domains. In this paper we explore the applicability of touch gestures for the domain of medical imaging. We developed a set of intuitively usable gestures, applicable to different screen sizes. The development was entirely user-centered and followed a three-step procedure. (1) The gesture set was developed by asking novices to propose possible gestures for different actions in medical imaging. (2) The gesture set was implemented in a commercial medical imaging solution and (3) evaluated by professional radiologists. The evaluation shows that the user-centered procedure was successful: The gestures did not only work equally well on different screen sizes, but revealed to be intuitive to use or easy to learn. © 2013 Springer-Verlag Berlin Heidelberg.</div> </div> <div class="field field--name-field-signature field--type-string-long field--label-hidden field__item">Bay S., Brauner P., Gossler T., Ziefle M. (2013) Intuitive Gestures on Multi-touch Displays for Reading Radiological Images. In: Yamamoto S. (eds) Human Interface and the Management of Information. Information and Interaction for Health, Safety, Mobility and Complex Environments. HIMI 2013. Lecture Notes in Computer Science, vol 8017. Springer, Berlin, Heidelberg.</div> <div class="field field--name-field-doi field--type-link field--label-inline clearfix"> <div class="field__label">DOI</div> <div class="field__item"><a href="https://doi.org/10.1007/978-3-642-39215-3_3" target="_blank">https://doi.org/10.1007/978-3-642-39215-3_3</a></div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix"> <h3 class="field__label">Tags</h3> <ul class="links field__items"> <li><a href="/taxonomy/term/27" hreflang="en">PACS</a></li> <li><a href="/taxonomy/term/23" hreflang="en">Multitouch Surface</a></li> <li><a href="/taxonomy/term/28" hreflang="en">Gestures</a></li> <li><a href="/taxonomy/term/29" hreflang="en">Medical Imaging</a></li> </ul> </div> <div class="field field--name-field-pubimages field--type-image field--label-above"> <div class="field__label">Figures and Tables (selection):</div> <div class="field__items"> <div class="field__item"> <a href="https://philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-17%20um%2014.00.48.png" title=" Fig. 2. A user performing a Zoom gesture on the wall-sized display." data-colorbox-gallery="gallery-publication-28-YUg8hibGYwY" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot; Fig. 2. A user performing a Zoom gesture on the wall-sized display.&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-17%20um%2014.00.48.png?itok=flOiNfi-" width="220" height="140" alt=" Fig. 2. A user performing a Zoom gesture on the wall-sized display." typeof="foaf:Image" class="image-style-medium" /> </a> </div> <div class="field__item"> <a href="https://philipp-brauner.de/sites/default/files/2020-08/Bildschirmfoto%202020-08-17%20um%2014.04.12.png" title=" Generated multi-touch gesture set. Drawings by F. Speicher." data-colorbox-gallery="gallery-publication-28-YUg8hibGYwY" class="colorbox" data-cbox-img-attrs="{&quot;alt&quot;:&quot; Generated multi-touch gesture set. Drawings by F. Speicher.&quot;}"><img src="/sites/default/files/styles/medium/public/2020-08/Bildschirmfoto%202020-08-17%20um%2014.04.12.png?itok=_b58Og14" width="190" height="220" alt=" Generated multi-touch gesture set. Drawings by F. Speicher." typeof="foaf:Image" class="image-style-medium" /> </a> </div> </div> </div> Mon, 17 Aug 2020 11:53:43 +0000 philipp 28 at https://philipp-brauner.de From Boring to Scoring – A Collaborative Serious Game for Learning and Practicing Mathematical Logic for Computer Science Education https://philipp-brauner.de/node/25 <span class="field field--name-title field--type-string field--label-hidden">From Boring to Scoring – A Collaborative Serious Game for Learning and Practicing Mathematical Logic for Computer Science Education</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">philipp</span></span> <span class="field field--name-created field--type-created field--label-hidden">Mon, 08/17/2020 - 13:31</span> <div class="field field--name-field-preview field--type-image field--label-hidden field__item"> <img src="/sites/default/files/styles/paperpreview/public/2020-08-17/Bildschirmfoto%202020-08-17%20um%2013.34.27.png?itok=PCFiXe3m" width="250" height="360" alt="" typeof="foaf:Image" class="image-style-paperpreview" /> </div> <div class="field field--name-field-abstract field--type-string-long field--label-inline clearfix"> <div class="field__label">Abstract</div> <div class="field__item">In this study, we address the problem of low retention and high dropout rates of computer science university students in early semesters of the studies. Complex and high abstract mathematical learning materials have been identified as one reason for the dropout rate. In order to support the understanding and practicing of core mathematical concepts, we developed a game-based multitouch learning environment in which the need for a suitable learning environment for mathematical logic was combined with the ability to train cooperation and collaboration in a learning scenario. As application domain, the field of mathematical logic had been chosen. The development process was accomplished along three steps: First, ethnographic interviews were run with 12 students of computer science revealing typical problems with mathematical logic. Second, a multitouch learning environment was developed. The game consists of multiple learning and playing modes in which teams of students can collaborate or compete against each other. Finally, a twofold evaluation of the environment was carried out (user study and cognitive walk-through). Overall, the evaluation showed that the game environment was easy to use and rated as helpful: The chosen approach of a multiplayer game supporting competition, collaboration, and cooperation is perceived as motivating and ?fun.? In this study, we address the problem of low retention and high dropout rates of computer science university students in early semesters of the studies. Complex and high abstract mathematical learning materials have been identified as one reason for the dropout rate. In order to support the understanding and practicing of core mathematical concepts, we developed a game-based multitouch learning environment in which the need for a suitable learning environment for mathematical logic was combined with the ability to train cooperation and collaboration in a learning scenario. As application domain, the field of mathematical logic had been chosen. The development process was accomplished along three steps: First, ethnographic interviews were run with 12 students of computer science revealing typical problems with mathematical logic. Second, a multitouch learning environment was developed. The game consists of multiple learning and playing modes in which teams of students can collaborate or compete against each other. Finally, a twofold evaluation of the environment was carried out (user study and cognitive walk-through). Overall, the evaluation showed that the game environment was easy to use and rated as helpful: The chosen approach of a multiplayer game supporting competition, collaboration, and cooperation is perceived as motivating and &quot;fun&quot;.</div> </div> <div class="field field--name-field-signature field--type-string-long field--label-hidden field__item">Schäfer, A., Holz, J., Leonhardt, T., Schroeder, U., Brauner, P., Ziefle, M.: From Boring to Scoring – A Collaborative Serious Game for Learning and Practicing Mathematical Logic for Computer Science Education. Comput. Sci. Educ. 23, 87–111 (2013).</div> <div class="field field--name-field-doi field--type-link field--label-inline clearfix"> <div class="field__label">DOI</div> <div class="field__item"><a href="http://dx.doi.org/10.1080/08993408.2013.778040" target="_blank">http://dx.doi.org/10.1080/08993408.2013.778040</a></div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix"> <h3 class="field__label">Tags</h3> <ul class="links field__items"> <li><a href="/taxonomy/term/18" hreflang="en">Computer Science Education</a></li> <li><a href="/taxonomy/term/23" hreflang="en">Multitouch Surface</a></li> <li><a href="/taxonomy/term/4" hreflang="en">Serious Games</a></li> </ul> </div> <div class="field field--name-field-ref-to-project field--type-entity-reference field--label-above"> <div class="field__label">Related Project(s):</div> <div class="field__items"> <div class="field__item"><a href="/node/14" hreflang="en">Didactical approaches to raise interest in STEM &amp; G&amp;D computer science curriculum</a></div> </div> </div> Mon, 17 Aug 2020 11:31:04 +0000 philipp 25 at https://philipp-brauner.de