{
  "kind": "drawbly-video",
  "version": 1,
  "title": "Software architecture overview",
  "canvas": [
    1200,
    720
  ],
  "duration": 21,
  "framing": "original",
  "events": [
    {
      "at": 0,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#292d32",
        "text": "A small app, at a glance.",
        "x": 64,
        "y": 48,
        "fontSize": 52,
        "fontFamily": "sans"
      }
    },
    {
      "at": 0,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#667064",
        "text": "Software architecture · start with the main responsibilities",
        "x": 66,
        "y": 119,
        "fontSize": 27,
        "fontFamily": "sans"
      }
    },
    {
      "at": 1,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#292d32",
        "text": "Browser",
        "x": 75,
        "y": 258,
        "fontSize": 40,
        "fontFamily": "sans"
      }
    },
    {
      "at": 1,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#667064",
        "text": "the user interface",
        "x": 75,
        "y": 313,
        "fontSize": 25,
        "fontFamily": "sans"
      }
    },
    {
      "at": 2,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#292d32",
        "text": "App service",
        "x": 515,
        "y": 258,
        "fontSize": 40,
        "fontFamily": "sans"
      }
    },
    {
      "at": 2,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#667064",
        "text": "business logic",
        "x": 515,
        "y": 313,
        "fontSize": 25,
        "fontFamily": "sans"
      }
    },
    {
      "at": 5,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#306ad2",
        "text": "HTTPS",
        "x": 305,
        "y": 206,
        "fontSize": 27,
        "fontFamily": "sans"
      }
    },
    {
      "at": 5,
      "duration": 1,
      "object": {
        "type": "arrow",
        "color": "#306ad2",
        "width": 5,
        "points": [
          [
            261,
            273
          ],
          [
            367,
            257
          ],
          [
            473,
            273
          ]
        ],
        "smooth": false
      }
    },
    {
      "at": 7,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#292d32",
        "text": "Database",
        "x": 927,
        "y": 216,
        "fontSize": 40,
        "fontFamily": "sans"
      }
    },
    {
      "at": 7,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#667064",
        "text": "application data",
        "x": 927,
        "y": 271,
        "fontSize": 25,
        "fontFamily": "sans"
      }
    },
    {
      "at": 7,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#16845d",
        "text": "read / write",
        "x": 736,
        "y": 168,
        "fontSize": 25,
        "fontFamily": "sans"
      }
    },
    {
      "at": 7,
      "duration": 1,
      "object": {
        "type": "arrow",
        "color": "#16845d",
        "width": 5,
        "points": [
          [
            741,
            265
          ],
          [
            809,
            226
          ],
          [
            891,
            235
          ]
        ],
        "smooth": false
      }
    },
    {
      "at": 11,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#292d32",
        "text": "Email provider",
        "x": 884,
        "y": 445,
        "fontSize": 40,
        "fontFamily": "sans"
      }
    },
    {
      "at": 11,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#667064",
        "text": "external service",
        "x": 884,
        "y": 500,
        "fontSize": 25,
        "fontFamily": "sans"
      }
    },
    {
      "at": 11,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#e32d38",
        "text": "send email",
        "x": 530,
        "y": 427,
        "fontSize": 25,
        "fontFamily": "sans"
      }
    },
    {
      "at": 11,
      "duration": 1,
      "object": {
        "type": "arrow",
        "color": "#e32d38",
        "width": 5,
        "points": [
          [
            680,
            341
          ],
          [
            760,
            464
          ],
          [
            845,
            466
          ]
        ],
        "smooth": false
      }
    },
    {
      "at": 16,
      "duration": 0,
      "object": {
        "type": "text",
        "color": "#292d32",
        "text": "Change the labels. Keep one level of detail.",
        "x": 75,
        "y": 582,
        "fontSize": 32,
        "fontFamily": "sans"
      }
    }
  ],
  "captions": [
    {
      "at": 0,
      "end": 7,
      "text": "Start with the responsibilities in this application."
    },
    {
      "at": 7,
      "end": 14,
      "text": "The browser calls the service, which accesses application data."
    },
    {
      "at": 14,
      "end": 21,
      "text": "External services belong on the map when they matter to the explanation."
    }
  ]
}