{"id":5719,"date":"2016-05-02T08:00:47","date_gmt":"2016-05-02T06:00:47","guid":{"rendered":"http:\/\/www.henle.de\/blog\/de\/?p=5719"},"modified":"2016-05-02T10:21:50","modified_gmt":"2016-05-02T08:21:50","slug":"die-henle-library-app-%e2%80%93-ein-blick-hinter-die-kulissen-2-teil","status":"publish","type":"post","link":"https:\/\/blog.henle.de\/de\/2016\/05\/02\/die-henle-library-app-%e2%80%93-ein-blick-hinter-die-kulissen-2-teil\/","title":{"rendered":"Die Henle Library App \u2013 ein Blick hinter die Kulissen. 2. Teil"},"content":{"rendered":"<p>Im ersten Teil dieses kleinen \u201eMaking of\u201c-Berichts sprach ich von dem Anspruch, unsere Urtextausgaben mediengerecht in einer App umzusetzen. Was dies f\u00fcr das Layout des Notentextes bedeutet und wie wir hier gro\u00dfe Flexibilit\u00e4t erreichen, habe ich dort bereits dargelegt. Nun soll es um einige zus\u00e4tzliche Funktionen und um die Pr\u00e4sentation der Textanteile in unseren Ausgaben gehen.<!--more--><\/p>\n<h2>Wiederholungen, der Stolperstein der Umbl\u00e4tterer<\/h2>\n<p>Sie kennen das: Im Kammerkonzert sitzt ein Umbl\u00e4tterer neben dem Pianisten, man musiziert ein klassisches Werk, in dem zahlreiche Wiederholungen diesem eine besondere \u201eHerausforderung\u201c (man k\u00f6nnte auch sagen \u201ezus\u00e4tzlichen Angstschwei\u00df\u201c) bieten. Mal muss f\u00fcnf Seiten zur\u00fcckgebl\u00e4ttert werden, mal drei, mal wird eine Wiederholung ausgelassen (Hallo? Urtext?). Hoffentlich hat man sich vorher abgesprochen, sonst geht\u2019s im Ernstfall schief.<\/p>\n<p>In der digitalen Version unserer Urtextausgaben haben wir uns dazu nat\u00fcrlich Gedanken gemacht. K\u00f6nnen wir die Situation in der App leichter und sicherer machen. Zun\u00e4chst kann man das Wechseln der Notenseiten entweder durch Tappen, Swipen oder Dr\u00fccken des Umbl\u00e4tter-Pedals ausl\u00f6sen. Man ist also, wenn man gut mit dem Pedal umgehen kann, recht unabh\u00e4ngig und ben\u00f6tigt keinen Umbl\u00e4tterer. Wenn es dann um Wiederholungen geht, so haben wir uns etwas Besonderes einfallen lassen. Ein Zweifinger-Tap auf den Bildschirm oder ein Doppel-Tap auf dem Pedal, und die Noten springen zum Beginn einer Wiederholung, egal wie viele Seiten zur\u00fcckgebl\u00e4ttert werden muss.<\/p>\n<p>Dazu mussten die Notendaten nat\u00fcrlich mit zus\u00e4tzlichen Informationen aufbereitet werden. Hier sehen Sie einen Screenshot unserer vom Partner Touchpress programmierten Entwicklungsumgebung \u201eScoreProducer\u201c.<\/p>\n<div id=\"attachment_5723\" style=\"width: 1565px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/Anker-im-Notentext.png\"><img aria-describedby=\"caption-attachment-5723\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5723\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/Anker-im-Notentext.png\" alt=\"\" width=\"1555\" height=\"665\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/Anker-im-Notentext.png 1555w, https:\/\/blog.henle.de\/de\/files\/2016\/04\/Anker-im-Notentext-300x128.png 300w, https:\/\/blog.henle.de\/de\/files\/2016\/04\/Anker-im-Notentext-1024x437.png 1024w\" sizes=\"(max-width: 1555px) 100vw, 1555px\" \/><\/a><p id=\"caption-attachment-5723\" class=\"wp-caption-text\">Das Setzen eines Wiederholungsankers in den Noten<\/p><\/div>\n<p>Mit Hilfe eines Ankers \u2013 das ist die rote Linie, die beim Wiederholungszeichen steht \u2013 markieren wir die Stelle, von der aus bei einem Zweifinger-Tap zum Beginn der Wiederholung zur\u00fcckgesprungen werden soll. Genauso setzen wir beim Beginn der Wiederholung einen Anker.<\/p>\n<p>Was nun noch erledigt werden muss, ist das Verkn\u00fcpfen dieser beiden Anker. Das wird in einem anderen Bereich der Entwicklungsumgebung umgesetzt:<\/p>\n<div id=\"attachment_5725\" style=\"width: 455px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/Ankerlisten.png\"><img aria-describedby=\"caption-attachment-5725\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5725\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/Ankerlisten.png\" alt=\"\" width=\"445\" height=\"422\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/Ankerlisten.png 445w, https:\/\/blog.henle.de\/de\/files\/2016\/04\/Ankerlisten-300x284.png 300w\" sizes=\"(max-width: 445px) 100vw, 445px\" \/><\/a><p id=\"caption-attachment-5725\" class=\"wp-caption-text\">Das Festlegen der Verbindung zwischen Wiederholungsend- und anfangspunkt.<\/p><\/div>\n<p>Ein besonderes Problem gab es zus\u00e4tzlich zu l\u00f6sen: Am Ende eines Trios in einem Menuett angekommen, ist das Zur\u00fcckspringen leider nicht eindeutig. Soll der zweite Teil des Trios wiederholt werden oder ist das schon geschehen und es soll zur\u00fcck zum Menuett gesprungen werden? Das haben wir pragmatisch gel\u00f6st: Nach dem Trio folgt noch einmal der Notentext des Menuetts. Ein Zur\u00fcckspringen ist nicht n\u00f6tig, und damit gibt es am Ende des Trios auch keine Zweideutigkeit mehr.<\/p>\n<h2>Kommentare zum Notentext \u2013 Zusammenbringen, was zusammengeh\u00f6rt<\/h2>\n<p>Auch das kennen Sie: Im Notentext stolpern Sie beim Spielen \u00fcber eine ungereimte Stelle. Kann das wirklich so richtig sein? Sie wollen mehr dar\u00fcber erfahren, wie der Notentext zustande gekommen ist. Dazu gibt es in unseren gedruckten Ausgaben den Bemerkungsteil am Ende, nach den Noten. Sie bl\u00e4ttern also dort hin, finden in den Einzelbemerkungen den richtigen Satz, die richtige Taktzahl und schlie\u00dflich mit etwas Gl\u00fcck auch eine Bemerkung zu dem Problem, \u00fcber das Sie im Notentext gestolpert sind. Wenn Sie geistesgegenw\u00e4rtig waren, haben Sie bei der Notenstelle einen Finger in der Ausgabe gelassen und k\u00f6nnen nun im Hin- und Herbl\u00e4ttern zwischen Musik und Bemerkung (wo war sie gleich auf der Seite noch mal?) den Sachverhalt aufkl\u00e4ren.<\/p>\n<p>Wechseln wir in die digitale Welt. Hier gibt es f\u00fcr solche Situationen ein Zauberwort: \u201eHypertext\u201c. Damit wird ausgedr\u00fcckt, dass man an beliebigen Stellen in einem Text (auch in einem Notentext) zus\u00e4tzliche Information \u00fcber einen sogenannten \u201eHyperlink\u201c (eine programmtechnische Verkn\u00fcpfung) erreichen und darstellen kann. Es liegt also nahe, eine Bemerkung zu einer Stelle im Notentext an Ort und Stelle aufrufen zu k\u00f6nnen. In der App gibt es dazu eine Funktion, den Kommentar ein- oder auszuschalten. Hier der Notentext mit eingeschalteten Kommentaren:<\/p>\n<div id=\"attachment_5727\" style=\"width: 1546px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/App-mit-Kommentarfeldern.png\"><img aria-describedby=\"caption-attachment-5727\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5727\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/App-mit-Kommentarfeldern.png\" alt=\"\" width=\"1536\" height=\"2048\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/04\/App-mit-Kommentarfeldern.png 1536w, https:\/\/blog.henle.de\/de\/files\/2016\/04\/App-mit-Kommentarfeldern-225x300.png 225w, https:\/\/blog.henle.de\/de\/files\/2016\/04\/App-mit-Kommentarfeldern-768x1024.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/a><p id=\"caption-attachment-5727\" class=\"wp-caption-text\">Eine Notenseite mit eingeblendeten Kommentarfeldern.<\/p><\/div>\n<p>Diese farbig markierten Fl\u00e4chen m\u00fcssen nat\u00fcrlich in den Notentext \u201ehineinprogrammiert\u201c werden. Schauen wir wieder in den Scoreproducer, wie das geht:<\/p>\n<div id=\"attachment_5743\" style=\"width: 662px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/Screen-Shot-2016-05-01-at-11.39.11.png\"><img aria-describedby=\"caption-attachment-5743\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5743\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/Screen-Shot-2016-05-01-at-11.39.11.png\" alt=\"\" width=\"652\" height=\"488\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/Screen-Shot-2016-05-01-at-11.39.11.png 652w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/Screen-Shot-2016-05-01-at-11.39.11-300x224.png 300w\" sizes=\"(max-width: 652px) 100vw, 652px\" \/><\/a><p id=\"caption-attachment-5743\" class=\"wp-caption-text\">Markieren der Kommentarfl\u00e4che im ScoreProducer<\/p><\/div>\n<p>Zum einen ziehen wir also eine Box \u00fcber die Stelle, die sp\u00e4ter in der App ein Kommentarfeld wird, zum anderen geben wir mit einer eindeutigen Identifikation an, zu welchem Kommentar diese Fl\u00e4che geh\u00f6rt. Au\u00dferdem wird noch spezifiziert, ob es sich um eine Fu\u00dfnote im Notentext oder eine Bemerkung aus dem Bemerkungsteil der gedruckten Ausgabe handelt.<\/p>\n<p>Wie bekommen wir nun aber den Text dieser Bemerkung (und in \u00e4hnlicher Weise die anderen Textteile wie Vorwort, Quellenbeschreibung etc) in die App? F\u00fcr die gedruckten Ausgaben liegen alle unsere \u201eWorttexte\u201c in Satzprogrammen wie Indesign oder Framemaker vor. Diese Satzdaten k\u00f6nnen zwar den Inhalt der Texte f\u00fcr die App liefern, die Darstellung, das Layout sind aber nat\u00fcrlich in der App zum gr\u00f6\u00dften Teil nicht nutzbar. Denken Sie nur an den Dreispalten-Satz im Druck, der auf dem iPad nicht nur keinen Sinn macht, sondern schlichtweg aus optischen und technischen Gr\u00fcnden nicht verwendbar ist.<\/p>\n<p>Als ersten Schritt in Richtung digital wandeln wir also unser mediengebundenes Format der Satzdateien in ein medienneutrales Format um. Hier hat sich XML (eXtensible Markup Language \u2013 engl. \u201eerweiterbare Auszeichnungssprache\u201c) als defacto-Standard in den Medien etabliert. Moderne Satzprogramme k\u00f6nnen, wenn man Ihnen die Struktur der vorhandenen Daten \u201ebeibringt\u201c, zumindest Roh-XML-Daten automatisch exportieren.<\/p>\n<p>Was also vorher in der Druckausgabe so aussah,<\/p>\n<p><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/Druck.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5749\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/Druck.jpg\" alt=\"\" width=\"381\" height=\"228\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/Druck.jpg 381w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/Druck-300x179.jpg 300w\" sizes=\"(max-width: 381px) 100vw, 381px\" \/><\/a><\/p>\n<p>sieht nach der erfolgreichen Umwandlung und redaktionellen Nachbearbeitungen in einem XML-Editor so aus:<\/p>\n<p><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/XMETAL.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-5752\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/XMETAL.jpg\" alt=\"\" width=\"809\" height=\"200\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/XMETAL.jpg 809w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/XMETAL-300x74.jpg 300w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/><\/a><\/p>\n<p>In der App schlie\u00dflich erscheint dieser Text dann in einem eigenen Pop-up, wenn man auf die Kommentarfl\u00e4che im Notentext tippt.<\/p>\n<p><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0094.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5755\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0094.png\" alt=\"\" width=\"1536\" height=\"2048\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0094.png 1536w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0094-225x300.png 225w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0094-768x1024.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/a><\/p>\n<p>Die Quellensigel \u2013 in diesem Beispiel \u201eA\u201c \u2013 sind wiederum verkn\u00fcpft mit der entsprechenden Quelleninformation an anderer Stelle. Ein Hyperlink, den man durch tappen auf den Link in Aktion setzt \u2013 bringt dann ein weiteres Fenster zum Vorschein, in dem das Quellensigel aufgel\u00f6st wird:<\/p>\n<p><a href=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0095.png\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5760\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0095.png\" alt=\"\" width=\"1536\" height=\"2048\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0095.png 1536w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0095-225x300.png 225w, https:\/\/blog.henle.de\/de\/files\/2016\/05\/IMG_0095-768x1024.png 768w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><\/a><\/p>\n<p>Mit dieser Technik tun sich nun viele M\u00f6glichkeiten der Informationsvermittlung zum Notentext auf. Wir haben zum Beispiel die Kommentarfeld-Funktion auch genutzt, um \u00dcbersetzungen von ungew\u00f6hnlichen Auff\u00fchrungsanweisungen direkt im Notentext anzubieten. Sie stehen in den Druckausgaben in einer Liste ganz am Ende der Ausgabe, noch nach den Bemerkungen.<\/p>\n<p>Dies ist, wie ich finde, ein weiteres sch\u00f6nes Beispiel daf\u00fcr, wie das digitale Medium uns neue M\u00f6glichkeiten bietet, dem interessierten Musiker das Arbeiten mit dem Notentext leichter zu machen. Hier, wie in vielen anderen Aspekten, spielt die Henle Library App eine ihrer gro\u00dfen St\u00e4rken aus.<\/p>\n<p>&nbsp;<\/p>\n<h3 style=\"text-align: center\"><span style=\"text-decoration: underline\">LADEN SIE DIE APP<br \/>\n<\/span><\/h3>\n<p style=\"text-align: center\"><span style=\"text-decoration: underline\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5546\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/02\/HLib_Icon_mit_TP.jpg\" alt=\"\" width=\"150\" height=\"150\" srcset=\"https:\/\/blog.henle.de\/de\/files\/2016\/02\/HLib_Icon_mit_TP.jpg 709w, https:\/\/blog.henle.de\/de\/files\/2016\/02\/HLib_Icon_mit_TP-150x150.jpg 150w, https:\/\/blog.henle.de\/de\/files\/2016\/02\/HLib_Icon_mit_TP-300x300.jpg 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/span><\/p>\n<p style=\"text-align: center\">Laden Sie die App aus dem App Store auf Ihr iPad:<\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/henle.onelink.me\/1386525413?pid=Blog_NG_1&amp;c=Blog_NG_1\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-5547\" src=\"https:\/\/blog.henle.de\/de\/files\/2016\/02\/Download_on_the_App_Store_Badge_DE_Source_135x40-Kopie.jpg\" alt=\"\" width=\"135\" height=\"40\" \/><\/a><\/p>\n<p style=\"text-align: center\">&nbsp;<\/p>\n<p style=\"text-align: center\">Ab Juni 2016 wird es die App auch f\u00fcr Android-Ger\u00e4te geben!<\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/www.henle-library.de\/de\/features-der-app.html\" target=\"_blank\">Hier<\/a> finden Sie Hinweise zur Benutzung der vielen Features der App.<\/p>\n<p style=\"text-align: center\">&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Im ersten Teil dieses kleinen \u201eMaking of\u201c-Berichts sprach ich von &hellip; <a href=\"https:\/\/blog.henle.de\/de\/2016\/05\/02\/die-henle-library-app-%e2%80%93-ein-blick-hinter-die-kulissen-2-teil\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[557,552,553,551,556,3,554],"tags":[561],"_links":{"self":[{"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/posts\/5719"}],"collection":[{"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/comments?post=5719"}],"version-history":[{"count":0,"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/posts\/5719\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/media?parent=5719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/categories?post=5719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.henle.de\/de\/wp-json\/wp\/v2\/tags?post=5719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}