Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SignWriting Stack 2015

340 views

Published on

The SignWriting Stack is the collection of technologies working together that makes it possible to use SignWriting on desktops, tablets, and phones. The stack is built upon the foundation of current operating systems and web browsers with TrueType Fonts. The stack relies upon web technologies such as Scalar Vector Graphics (SVG), Cascading Style Sheets (CSS), and JavaScript (JS). The top of the stack is the International SignWriting Alphabet 2010 (ISWA 2010), encoded with Formal SignWriting (FSW), which can be efficiently processed with Regular Expressions (Regex).

Published in: Technology
  • Be the first to comment

  • Be the first to like this

SignWriting Stack 2015

  1. 1. The SignWriting Stack 2015 Presented at the SignWriting Symposium on July 21st by Stephen E Slevinski Jr in association with the Center for Sutton Movement Writing http://www.signwriting.org/symposium/presentation0043.html
  2. 2. The SignWriting Stack the collection of technologies working together that makes it possible to use SignWriting on desktops, tablets, and phones.
  3. 3. The SignWriting Stack 2015 iOSWindows Linux Android OS X Explorer FireFox Chrome Safari Opera TrueType Fonts (TTF) Scalar Vector Graphics (SVG) Cascading Style Sheets (CSS) JavaScript (JS) International SignWriting Alphabet 2010 (ISWA 2010) Formal SignWriting (FSW) Regular Expressions (Regex)
  4. 4. The SignWriting Stack 2015 A. The Bottom Layers: Fonts, Browser, and OS B. The Middle Layers: JS, CSS, and SVG C. The Top Layers: FSW, ISWA 2010, and Regex D. The Flow of the System E. Case Studies 1. SignWriting 2010 JavaScript Library 2. SignWriting Character Viewer 3. SignMaker
  5. 5. The SignWriting Stack 2015 iOSWindows Linux Android OS X Explorer FireFox Chrome Safari Opera TrueType Fonts (TTF) The Bottom Layers • Font Technology • Modern Browser • Operating System
  6. 6. Font Technology TrueType Fonts (TTF) Reserved Font Names • SignWriting 2010 • SignWriting 2010 Filling Font Installation • System Install • CSS font-face remote http://slevinski.github.io/sw10js/guide.html#ttf https://github.com/Slevinski/signwriting_2010_fonts
  7. 7. Modern Browser Today’s Technology • Newer Phones • Every browser Tomorrow’s Technology • Vertical Writing Mode: non-Gecko based browser Explorer FireFox Chrome Safari Opera https://incubator.wikimedia.org/wiki/Wp/ase • 2D Font with GPOS Layout: Graphite & FireFox http://www.signwriting.org/symposium/presentation0019.html http://slevinski.github.io/sw10js/tests/
  8. 8. iOSWindows Linux Android OS X Operating System Supported Systems Minimal System Requirements • Reasonable TrueType font support Font Installation • CSS font-face remote for all • System install for all but Android
  9. 9. The SignWriting Stack 2015 Scalar Vector Graphics (SVG) Cascading Style Sheets (CSS) JavaScript (JS) The Middle Layers • Programming Environment • Presentation Styling • 2-Dimensional Placement
  10. 10. Programming Environment Any Programming Language • Prefer JavaScript without dependancies • Other Programming languages can be used http://slevinski.github.io/sw10js/api.html JavaScript (JS) http://slevinski.github.io/sw10js/ SignWriting 2010 JavaScript Library • micro-library, less than 6 KB zipped • Supports images, searching, and more
  11. 11. Presentation Styling CSS Usage • font-face statement to conditionally load fonts • set fill for text to adjust color • text-shadow and animations http://slevinski.github.io/sw10js/guide.html#css Cascading Style Sheets (CSS)
  12. 12. iOS 2-Dimensional Placement SVG is a widely supported standard that is available in most environments with a variety of options. 2-Dimensional placement is supported with cartesian coordinates. Scalar Vector Graphics (SVG)
  13. 13. The SignWriting Stack 2015 International SignWriting Alphabet 2010 (ISWA 2010) Formal SignWriting (FSW) Regular Expressions (Regex) The Top Layers • Names as Strings • The Alphabet • Universal Processing
  14. 14. Names as String Formal SignWriting (FSW) https://tools.ietf.org/html/draft-slevinski-signwriting-text-05#section-2 According to Wikipedia, "In mathematics, computer science, and linguistics, a formal language is a set of strings of symbols that may be constrained by rules that are specific to it." Sign as Word • Mathematical ASCII name • Optional time for sorting • Mandatory space for visual
  15. 15. The Alphabet International SignWriting Alphabet 2010 (ISWA 2010) https://tools.ietf.org/html/draft-slevinski-signwriting-text-05#appendix-B The International SignWriting Alphabet 2010 is an ordered collection of visually iconic symbols that exists in a layered hierarchy. The ISWA 2010 is a product of the collaboration between SignWriting inventor, Valerie Sutton, and SignWriting encoder Stephen E Slevinski Jr. stable since the initial release on October 20th, 2010 http://www.movementwriting.org/symbolbank/ • symbols represent meaning • symbols combine in 2-dimension arrangements
  16. 16. Universal Processing Regular Expressions (Regex) A regular expression is used to examine text and identify strings that match a stated pattern. A regular expression is written in a concise and flexible formal language. Formal SignWriting is a heuristic model initially created in 2008 based on regular expression processing. After several generations of refactored data, the model has been optimized for common usage and processing. The model has been stable since January 12th, 2012. • FSW strings are defined with regular expressions • Query strings are used to search FSW strings • FSW strings transform into several variety of query string • Query strings transform into regular expressions 15+ times larger https://en.wikipedia.org/wiki/Regular_expression https://tools.ietf.org/html/draft-slevinski-signwriting-text-05#section-3
  17. 17. The SignWriting Stack 2015 iOSWindows Linux Android OS X Explorer FireFox Chrome Safari Opera TrueType Fonts (TTF) Scalar Vector Graphics (SVG) Cascading Style Sheets (CSS) JavaScript (JS) International SignWriting Alphabet 2010 (ISWA 2010) Formal SignWriting (FSW) Regular Expressions (Regex)
  18. 18. Formal SignWriting Regular Expressions Query Strings The Flow of the System SVG PUA Plane 15 Graphite Font Unicode 8 PUA Plane 16TTF 10% to 50% reduction 15 to 50 times expansion process million of characters per second search results 15 times expansion single character per symbolligatures of 1 to 3 characters twice the size cartesian coordinates with GPOS CSS style text Isomorphic JS
  19. 19. 0 KB 70 KB 140 KB 210 KB 280 KB 350 KB 420 KB 490 KB 560 KB 630 KB 700 KB Testing: CSS, JS, and HTML Assets: Logo and I-D Reference Bootstrap CSS Pages: Index, Guide, and API Library: sw10.min.js Case Study 1 http://slevinski.github.io/sw10js Code Breakdown SignWriting 2010 JavaScript Library
  20. 20. 0 KB 5 KB 10 KB 15 KB 20 KB 25 KB 30 KB 35 KB 40 KB 45 KB 50 KB 55 KB 60 KB 65 KB 110 KB in Single File Messages: User Interface and Names Libraries: Mithril JS and SW10 JS Custom: HTML, JS, and CSS Case Study 2 http://signbank.org/SignWriting_Character_Viewer.html Code Breakdown
  21. 21. Case Study 3 http://www.signbank.org/signmaker.html Code BreakdownSignMaker 2015 0 KB 7 KB 14 KB 21 KB 28 KB 35 KB 42 KB 49 KB 56 KB 63 KB 70 KB Configuration Support Libraries Custom HTML, JS, and CSS
  22. 22. The SignWriting Stack 2015 by Stephen E Slevinski Jr http://www.signwriting.org/symposium/presentation0043.html SignWriting Symposium 2015 http://slevinski.github.io https://twitter.com/slevinski slevinski@signwriting.org

×