Merge branch 'slides/121-create-svg-diagram-to-show-what-an-array-looks-like' into 'master'

Resolve "Create SVG diagram to show what an array looks like"

Closes #121

See merge request feng/training/material!227

Author: frank-at-adacore

courses/fundamentals_of_ada/050_array_types/01-introduction.rst

@@ -2,9 +2,38 @@
 Introduction
 ==============
 
---------------
-Introduction
---------------
+-------------------
+What Is an Array?
+-------------------
+
+* Definition: collection of components of the same type, stored in contiguous memory, and indexed using a discrete range
+
+* Syntax (simplified):
+
+.. container:: latex_environment small
+
+   :ada:`type <typename> is array (Index_Type) of Component_Type;`
+
+where
+
+   * :dfn:`Index_Type`
+
+      - Discrete range of values to be used to access the array components
+
+   * :dfn:`Component_Type`
+
+      - Type of values stored in the array
+      - All components are of this same type and size
+
+.. code:: Ada
+
+   type Array_T is array (0 .. 3) of Interfaces.Integer_32;
+
+.. image:: array_diagram.svg
+
+---------------
+Arrays in Ada
+---------------
 
 * Traditional array concept supported to any dimension
 
@@ -19,23 +48,6 @@ Introduction
       ...
       Workdays (Mon) := 8.5;
 
--------------
-Terminology
--------------
-
-* :dfn:`Index type`
-
-   - Specifies the values to be used to access the array components
-
-* :dfn:`Component type`
-
-   - Specifies the type of values contained by objects of the array type
-   - All components are of this same type
-
-.. code:: Ada
-
-   type Array_T is array (Index_T) of Component_T;
-
 ------------------------------
 Array Type Index Constraints
 ------------------------------