====== OpenNote ======
Ein auf SVG und HTML5 Canvas basierendes OneNote, welches Dateien im XML oder JSON Format abspeichert.

===== Features =====
  * [[feature_drawings|Drawings]]
    * Pen support

===== Prototype & Formats =====
  * [[blocks|OpenNote Format]]

==== Storage format ====
=== HTML ===
  * Blocks can be positioned with CSS.
    * position: absolute; set top/left/width/height
  * Content can be scaled using CSS.
  * Content can be cached and displayed offline.

== Challenges ==
  * Wie ermöglicht man leichte Wiki-Syntax? [eg. JavaScript]
    * Was wenn es deaktiviert wurde? [Lass es den Server parsen]
      * biete verschiedene Versionen über eine RESTful API [kann ohne JavaScript nicht geladen werden]
  * Wie ermöglicht man Plugins, die offline funktionieren?
    * [Plugins bieten JavaScripts für die Offline-Bearbeitung]
      * Diese JavaScripts sollten von Clients gecacht / gespeichert werden
      * Sie können Variablen cachen [in page/namespace/wiki scopes]
        * z.B. der Pagecount des Wikis bei einem Statistik-Plugin
        * dokumenten-orientiert als JSON
      * Sie können Bereiche sperren und/oder Platzhalter anzeigen, weil diese nur online Sinn machen können
        * z.B. wenn es keine gecachten Inhalte gibt oder Echtzeitdaten erforderlich sind

== Contra ==
  * Eventuell ist das Anzeigen per HTML5 Canvas nötig, um die Formatierung gleich zu halten
  * Möglicher weniger für eine Mobilansicht geeignet
    * OneNote hat das gleiche Problem

===== Requirements =====
  * The wiki must load and store pages.
  * The wiki must support namespaces.
  * A display site must link to the edit page.
  * An edit site must contain a text field.
  * An edit site must contain a save button.
  * An edit site must contain a cancel button.
  * An edit site should link to the syntax site.

  * A parser should transform headlines.
  * A parser can insert a table of contents.
  * A parser should transform forced newlines.
  * A parser must transform internal links.

===== Other project =====
  * [[https://github.com/claudioc/jingo|GitHub - claudioc/jingo: Node.js based Wiki]]

===== Ressources to help development =====
==== Be native ====
  * http://scribblerockerz.com/drag-n-drop-file-input-without-javascript/

==== Develop tests ====
  * [[https://www.getpostman.com/|Postman - Faster, easier API development]]
  * [[https://coveralls.io/|Coveralls - Test Coverage History & Statistics]]

==== Online tester ====
  * [[https://developers.google.com/web/tools/lighthouse|Audit Web Apps With Google Lighthouse]]
  * [[http://cynthiasays.com/|Cynthia Says - Test accessiblility]]

==== Interesting Web development bloggers ====
  * [[https://www.smashingmagazine.com/author/rachel-andrew/?rel=author|Rachel Andrew on Smashing Magazine]]
  * [[http://www.designtagebuch.de/|Design Tagebuch (German)]]

==== Other links ====
  * [[https://phpdelusions.net/|PHP Delusions]]
  * [[https://github.com/vhf/free-programming-books|List of Free Learning Resources]]
  * [[http://www.medien-in-die-schule.de/werkzeugkaesten/werkzeugkasten-freie-software/|Werkzeugkasten Freie Software | Medien in die Schule]]