1<!doctype html> 2<html lang="de"> 3<head> 4 <meta charset="UTF-8"> 5 <title>Primæpp | Die Schreiblernapp mit Primæ</title> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <meta name="description" content="Primæpp: die Schreiblernapp mit Primæ"> 9 <meta name="keywords" content="Primæpp, Primæ, App, iPad, Schulschrift, Ãsterreich, schreiben, lernen, Schule, Handschrift"> 10 <meta name="author" content="Wiener Schriften"> 11 <meta name="theme-color" content="rgb(0,115,175)"> 12 13 <!-- CSS --> 14 <link href="/main.css" rel="stylesheet" type="text/css"> 15 16 <!-- favicons --> 17 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 18 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 19 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 20 <link rel="manifest" href="/site.webmanifest"> 21 22
22<script src="/nav.js"></script>
22 23 24</head> 25 26<body> 27 <div class="panel"> 28 <div class="navigation" id="myNav"> 29 <div class="nav-left"> 30 <a href="javascript:void(0);" class="icon" onclick="myNavi()"> 31 <img src="/imgs/menue_icon.svg" alt="Menu"> 32 </a> 33 <a href="/">Home</a> 34 <a href="/familie/">Familie</a> 35 <a href="/ueber/">Ãber</a> 36 <a href="/sandkiste/">Sandkiste</a> 37 <a href="/primaepp/">Primæpp</a> 38 </div> 39 <div class="nav-right"> 40 <a href="/primaepp/">de</a> 41 <a href="/primaepp-en/">en</a> 42 </div> 43 </div> 44 45 <hr style="margin-top: 0em"> 46 <img src="/imgs/primaepp_logo_web.gif" 47 alt="Primæpp Logo" class="app-icon"> 48 <div style="position: relative;"> 49 <img src="/imgs/primaepp_practice_mastery_0.png" 50 alt="Primæpp UI" 51 class="app-screens"> 52 <img src="/imgs/primaepp_practice_mastery_1.png" 53 alt="Primæpp UI" 54 class="app-screens fade-in-overlay" 55 style="position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; opacity: 0;"> 56 </div> 57 58 <hr style="margin-top: 0em"> 59 60 <p class="text multicol"> 61 Primæpp schlägt eine Brücke von der Handschrift zur digitalen Welt. Sie macht sich die Vorteile beider Umgebungen zunutze und verbindet das Training der Feinmotorik mit interaktiven Hilfestellungen. Schreiben- und Lesenlernen werden so unterstützt, ohne dem analogen Erlernen der Handschrift Konkurrenz zu machen. 62 </p> 63 64 <hr> 65 <div> 66 <img src="/imgs/primaepp_animated_letterforms.gif" 67 alt="Animierte Buchstaben A und a" 68 class="app-screens" 69 style="width: 1200px;"> 70 </div> 71 72 <hr style="margin-top: 0em"> 73 74 <p class="text multicol"> 75 Animierte Strichfolgen helfen Kindern die richtige Schreibweise zu erfassen und erlauben ihnen selbstständig ihren Duktus zu überprüfen. Und das Beste daran? Man kann sie ansehen so oft man will! 76 </p> 77 <hr> 78 79 <div style="position: relative;"> 80 <img src="/imgs/primaepp_ipad.png" 81 alt="Primæpp Einstellungen" 82 class="app-screens"> 83 <img src="/imgs/primaepp_ipad_1.png" 84 alt="Primæpp UI" 85 class="app-screens fade-in-overlay" 86 style="position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; opacity: 0;"> 87 </div> 88 89 <hr> 90 91 <p class="text multicol"> 92 Buchstaben werden in unterschiedlichen GröÃen dargestellt, die von Lernenden individuell angepasst werden können. Ein Genauigkeitsbarometer gibt Rückmeldung und bei erfolgreicher Meisterung des Buchstabens gibt es visuelles Feedback. Nachgespurte Versuche können per Herz in einer Fortschrittsübersicht aufgezeichnet oder einfach mit dem x gelöscht werden. Zwei Textzeilen erlauben die freie Eingabe von Ãbungswörtern. 93 </p> 94 <hr> 95 96 <div style="display: flex; gap: 1em; cursor: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 20 20%22 fill=%22black%22 stroke=%22none%22%3E%3Cpath d=%22M3 7h3l4-4v14l-4-4H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1z%22/%3E%3Cpath d=%22M14 6.5a4.5 4.5 0 0 1 0 7%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%3Cpath d=%22M16.5 4a8 8 0 0 1 0 12%22 fill=%22none%22 stroke=%22black%22 stroke-width=%221.5%22 stroke-linecap=%22round%22/%3E%3C/svg%3E') 16 16, pointer;"> 97 <img src="/imgs/primaepp_tile_o.svg" 98 alt="Primæpp Buchstabenanlaut" 99 class="app-screens tile-btn" 100 onclick="new Audio('/audio/o.mp3').play()"> 101 <img src="/imgs/primaepp_tile_eu.svg" 102 alt="Primæpp Buchstabenanlaut" 103 class="app-screens tile-btn" 104 onclick="new Audio('/audio/eu.mp3').play()"> 105 <img src="/imgs/primaepp_tile_v.svg" 106 alt="Primæpp Buchstabenanlaut" 107 class="app-screens tile-btn" 108 onclick="new Audio('/audio/v.mp3').play()"> 109 </div> 110 111 <hr> 112 113 <p class="text multicol"> 114 Mit einem Fingertippen können sich Lernende den Lautwert des Buchstabens und den Namen des abgebildeten Tieres anhören. Die Assoziation von Lautwert und Buchstabenform wird somit gestärkt. 115 </p> 116 117 <hr> 118 119 <div> 120 <img src="/imgs/primaepp_phone.png" 121 alt="Primæpp im Handy dargestellt" 122 class="app-screens"> 123 </div> 124 125 <hr> 126 <p class="text multicol"> 127 Primæpp ist für Tablets und Eingabe mit einem Stift konzipiert, funktioniert aber als moderne Web-App gänzlich plattform­unabhängig im Browser â egal auf welchem Gerät. 128 </p> 129 130 <hr> 131 <div> 132 <img src="/imgs/primaepp_settings.png" 133 alt="Primæpp Einstellungen" 134 class="app-screens"> 135 </div> 136 137 <hr style="margin-top: 0em"> 138 139 <p class="text multicol"> 140 Mit Primæpp können Druckschrift und Schreibschrift, sowie alle in Primæ angebotenen Schreibvarianten von Buchstaben ausgewählt, dargestellt und geübt werden. So kann Primæpp mit unterschiedlichen Lehrmethoden verwendet und individuell an die Bedürfnisse von Schüler·innen angepasst werden â eine einzigartige Funktion. 141 </p> 142 143 <hr> 144 <h2 style="color: white;">Klingt interessant?</h2> 145 <p class="text multicol yellow"> 146 Primæpp befindet sich noch in Entwicklung und ist daher noch nicht allgemein verfügbar. Sollten Sie aber Interesse haben, die App in Ihrem Unterricht oder in sonst einem Zusammenhang zu verwenden, <a href="mailto:[email protected]">schreiben Sie uns einfach</a>, und wir merken Sie vor. Sie können sich zusätzlich in unseren Newsletter eintragen, um sicherzugehen, dass Sie in Zukunft keine Neuigkeiten verpassen. Sie hören demnächst von uns! 147 </p> 148</div> 149 150<footer> 151 <div class="panel"> 152 <p><a href="/">Home</a> | <a href="/impressum/">Impressum</a></p> 153 <div class="footer-logos-row"> 154 <div class="footer-logo-col"> 155 <a href="https://www.wienerschriften.at" target="_blank" rel="noopener noreferrer"><img src="/imgs/WS_wordmark_padded_red-black.svg" class="logos" alt="Wiener Schriften"></a> 156 <p>
156Copyright © WS · Schriftmanufaktur e.U. 2022–26, all rights reserved.</p> 157 </div> 158 <div class="footer-logo-col"> 159 <a href="https://wirtschaftsagentur.at/" target="_blank" rel="noopener noreferrer"><img src="/imgs/Wirtschaftsagentur_Wien_Logo_prim_r_DE_Web.jpg" class="logos" alt="Wirtschaftsagentur Wien"></a> 160 <p>Gefördert durch die Wirtschaftsagentur Wien. Ein Fonds der Stadt Wien.</p> 161 </div> 162 </div> 163 </div> 164</footer>
165<script> 166 const observer = new IntersectionObserver((entries) => { 167 entries.forEach(entry => { 168 if (entry.isIntersecting) { 169 entry.target.classList.add('visible'); 170 observer.unobserve(entry.target); 171 } 172 }); 173 }, { threshold: 0.75 }); 174 document.querySelectorAll('.fade-in-overlay').forEach(el => observer.observe(el)); 175</script>
175 176</body> 177</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.