Mind Map

Mind Map

1. Data Interface

   • User Interface
     • Tables
       • Row
         • Specific character page - height, mass, hair colour, skin colour, eye colour, birth year, gender
         • All characters page - value
       • Column
         • All characters page - name, height, mass, gender
         • Specific character page - Attribute and value
       • Cell
       • Heading
         • specific character page - Character name
         • all character page - All star wars character
       • Sample Data
         • "name": "Luke Skywalker" "height": "172" "home world": "Tatooine"
         • Data Type
         • Data Strucutre
       • HTML
         • Structuring Tables
           • HTML was used to strcture the table for character information page and all characters page
             • Character information table- Attribute and values
             • All Character table - Name, height, mass and gender
       • CSS
         • Styling Tables
           • Changing styling aspects such as colours for the table heading, margin, padding, border.

2. Data Structures

   • JSON
     • API
       • Keys
         • Key-Value Format: ("name") Key: "Luke Skywalker"
         • Uniqueness
         • Format
       • Values
         • Key-Value Format: "name": ("Luke Skywalker") Value
         • Data Type
       • Array
         • Sample Data
           • Data Type
           • Data Strucutre
           • "films": ["A New Hope", "Empire Strikes Back"]
           • Data Value
         • Multiple related entities

3. Data Specifications

   • JSON
     • Data types
       • Objects
         • Key Value Pair
           • "skin_color": "Fair"
             • Max Data Length
               • 255
       • String
         • Text including numbers and letters
           • "birth_year": "19 BBY"
             • Max Data Length
               • 255
       • Boolean
         • True/False
           • "is_jedi": true
       • Number
         • Integers
           • "height": "172"
             • Max Data Length
               • 255
       • Array
         • List of Values
           • "films": ["A New Hope", "Empire Strikes Back"]
             • Max Data Length
               • 255
       • Null
         • Value Property
     • Constraints
       • Data must be an array
       • Value constraints
         • Data length
     • Vaildation
       • HTML
         • Formatting
           • Data Validation
             • Data must be in "correct format"