Prototyping 3 — Data

Brief overview over YAML and how to use it within a prototype for I18n and other purposes.

Transcript

1. Prototyping in the browser
2. III / Data
3. CONTENT
4. XML
5. <?xml version="1.0" encoding="UTF-8" ?> <books> <book id="1"> <title>Pride and Prejudice</title> <author>Jane Austen</author> </book> <book id="2"> <title>Brave New World</title> <author>Aldous Huxley</author> </book> </books>
6. <?xml version="1.0" encoding="UTF-8" ?> <books> <book id="1"> <title>Pride and Prejudice</title> <author>Jane Austen</author> </book> <book id="2"> <title>Brave New World</title> <author>Aldous Huxley</author> </book> </books>
7. “XML is like violence. — If it hasn’t solved your problem, you’re not using enough of it.”
8. <?xml version="1.0" encoding="UTF-8" ?> <books> <book id="1"> <title>Pride and Prejudice</title> <author>Jane Austen</author> </book> <book id="2"> <title>Brave New World</title> <author>Aldous Huxley</author> </book> </books>
9. <?xml version="1.0" encoding="UTF-8" ?> <books> <book id="1"> <title>Pride and Prejudice</title> <author>Jane Austen</author> </book> <book id="2"> <title>Brave New World</title> <author>Aldous Huxley</author> </book> </books>
10. <?xml version="1.0" encoding="UTF-8" ?><books><book id="1"><title>Pride and Prejudice</title><author>Jane Austen</author></book><book id="2"><title>Brave New World</title><author>Aldous Huxley</author></book></ books>
11. Length? => 216 Content length? => 60 Markup / Content ratio? => 2.6:1
12. JSON
13. { "books": { "book": [ { "id": 1, "title ": " Pride and Prejudice", "author ": " Jane Austen" }, { "id": 2, "title": "Brave New World", "author": "Aldous Huxley" } ] } }
14. { "books": { "book": [ { "id": 1, "title ": "Pride and Prejudice", "author ": "Jane Austen" }, { "id": 2, "title": "Brave New World", "author": "Aldous Huxley" } ] } }
15. Length? => 148 Content length? => 60 Markup / Content ratio? => 1.5:1
16. YAML
17. YAML Ain’t Markup Language* * recursive acronym
18. --- books: - id: 1 title: Pride and Prejudice author: Jane Austen - id: 2 title: Brave New World author: Aldous Huxley
19. --- books: - id: 1 title: Pride and Prejudice author: Jane Austen - id: 2 title: Brave New World author: Aldous Huxley
20. Length? => 139 (including whitespace and header) Content length? => 60 Markup / Content ratio? => 1.3:1
21. I18n / serve
22. require File.join(File.dirname(__FILE__), 'lib', 'nested_ostruct')
23. require 'active_support/inflector' I18n.load_path = Dir['locale/**/*.yml'] I18n.reload!
24. module ViewHelpers # … def list(key, &block) data = t(key).clone rescue {} raise data if data =~ /translation missing/ data = NestedOstruct.import(data) raise data unless data.is_a? Array data.each {|i| yield i } end def t(key, args={}) I18n.t(key, args) end end
25. --- en: foo: bar: Bat
26. #container %h2= t 'foo.bar'
27. --- books: - id: 1 title: Pride and Prejudice author: Jane Austen - id: 2 title: Brave New World author: Aldous Huxley
28. #container %ul - list 'books' do |book| %li %strong= book.title = "(#{book.author})"
29. <ul> <li> <strong>Pride and Prejudice</strong> (Jane Austen) </li> <li> <strong>Brave New World</strong> (Aldous Huxley) </li> </ul>
30. PROTOTYPES