From 32cba451c1a73569cb011f059aa7b7b12bbeb004 Mon Sep 17 00:00:00 2001
From: "Antoine Vandevenne (anv)" <anv@odoo.com>
Date: Mon, 6 May 2024 17:52:16 +0200
Subject: [PATCH] [IMP] tutorials/server_framework_101: rewrite the tutorial

The Server Framework 101 (formerly Getting Started) is generally seen as
an interesting and rewarding tutorial, but also somewhat outdated and
too limited for beginners in Odoo development, as it fails to introduce
key concepts of the server framework (e.g., controllers, tests, etc.).
The instructions are also too directive for the reader to try and search
by themselves and learn from it.

With this commit, all of the content of the tutorial is rewritten while
keeping the objective of building a real estate module. The setup guide
for tutorials is also improved to ensure smoother onboarding for Odoo
employees and community members alike.

task-3802536
---
 content/administration/on_premise/source.rst  |   4 +-
 content/contributing/development.rst          |   5 +-
 .../development/coding_guidelines.rst         |   5 +
 .../development/git_guidelines.rst            |  10 +
 content/developer/reference/backend/data.rst  |   4 +
 content/developer/reference/backend/orm.rst   |   8 +
 .../user_interface/view_architectures.rst     |  40 +-
 .../tutorials/define_module_data.rst          |   2 +-
 content/developer/tutorials/pdf_reports.rst   |   4 +-
 .../tutorials/restrict_data_access.rst        |   4 +-
 .../tutorials/server_framework_101.rst        |  51 +-
 .../01_architecture_overview.rst              |  72 ++
 .../three-tier-architecture.svg}              |   0
 .../02_lay_the_foundations.rst                | 573 ++++++++++
 .../03_build_user_interface.rst               | 709 +++++++++++++
 .../custom-form-view.png                      | Bin 0 -> 26402 bytes
 .../custom-list-view.png                      | Bin 0 -> 16697 bytes
 .../custom-search-view-fields.png             | Bin 0 -> 7594 bytes
 .../custom-search-view-filters.png            | Bin 0 -> 9442 bytes
 .../04_relational_fields.rst                  | 996 ++++++++++++++++++
 .../05_business_logic.rst                     |  35 +
 .../server_framework_101/06_security.rst      |   9 +
 .../07_advanced_views.rst                     |  15 +
 .../server_framework_101/08_inheritance.rst   |  11 +
 .../server_framework_101/09_portal.rst        |   9 +
 .../server_framework_101/10_unit_testing.rst  |   9 +
 .../tutorials/server_framework_101_legacy.rst |  48 +
 .../01_architecture.rst                       |   8 +-
 .../01_architecture/three_tier.svg            | 253 +++++
 .../02_newapp.rst                             |   6 +
 .../02_newapp/app_in_list.png                 | Bin
 .../02_newapp/overview_form_view_01.png       | Bin
 .../02_newapp/overview_form_view_02.png       | Bin
 .../02_newapp/overview_list_view_01.png       | Bin
 .../03_basicmodel.rst                         |   6 +
 .../04_securityintro.rst                      |   6 +
 .../05_firstui.rst                            |   6 +
 .../05_firstui/attribute_and_default.gif      | Bin
 .../05_firstui/estate_form_default.png        | Bin
 .../05_firstui/estate_menu_action.png         | Bin
 .../05_firstui/estate_menu_root.png           | Bin
 .../05_firstui/inactive.gif                   | Bin
 .../05_firstui/menu_01.png                    | Bin
 .../05_firstui/menu_02.png                    | Bin
 .../06_basicviews.rst                         |   6 +
 .../06_basicviews/form.png                    | Bin
 .../06_basicviews/list.png                    | Bin
 .../06_basicviews/search_01.png               | Bin
 .../06_basicviews/search_02.png               | Bin
 .../06_basicviews/search_03.png               | Bin
 .../07_relations.rst                          |   6 +
 .../07_relations/property_many2many.png       | Bin
 .../07_relations/property_many2one.png        | Bin
 .../07_relations/property_offer.png           | Bin
 .../07_relations/property_tag.png             | Bin
 .../07_relations/property_type.png            | Bin
 .../08_compute_onchange.rst                   |   8 +-
 .../08_compute_onchange/compute.gif           | Bin
 .../08_compute_onchange/compute_inverse.gif   | Bin
 .../08_compute_onchange/onchange.gif          | Bin
 .../09_actions.rst                            |   6 +
 .../09_actions/offer_01.gif                   | Bin
 .../09_actions/offer_02.gif                   | Bin
 .../09_actions/property.gif                   | Bin
 .../10_constraints.rst                        |   6 +
 .../10_constraints/python.gif                 | Bin
 .../10_constraints/sql_01.gif                 | Bin
 .../10_constraints/sql_02.gif                 | Bin
 .../11_sprinkles.rst                          |   6 +
 .../11_sprinkles/decoration.png               | Bin
 .../11_sprinkles/editable_list.gif            | Bin
 .../11_sprinkles/form.gif                     | Bin
 .../11_sprinkles/inline_view.png              | Bin
 .../11_sprinkles/search.gif                   | Bin
 .../11_sprinkles/stat_button.gif              | Bin
 .../11_sprinkles/widget.png                   | Bin
 .../12_inheritance.rst                        |   6 +
 .../12_inheritance/create.gif                 | Bin
 .../12_inheritance/inheritance_methods.png    | Bin
 .../12_inheritance/unlink.gif                 | Bin
 .../12_inheritance/users.png                  | Bin
 .../13_other_module.rst                       |   8 +-
 .../13_other_module/create_inv.gif            | Bin
 .../14_qwebintro.rst                          |   6 +
 .../14_qwebintro/kanban.png                   | Bin
 .../15_final_word.rst                         |   6 +
 content/developer/tutorials/setup_guide.rst   | 176 ++--
 redirects/18.0.txt                            |  18 +
 88 files changed, 3025 insertions(+), 141 deletions(-)
 create mode 100644 content/developer/tutorials/server_framework_101/01_architecture_overview.rst
 rename content/developer/tutorials/server_framework_101/{01_architecture/three_tier.svg => 01_architecture_overview/three-tier-architecture.svg} (100%)
 create mode 100644 content/developer/tutorials/server_framework_101/02_lay_the_foundations.rst
 create mode 100644 content/developer/tutorials/server_framework_101/03_build_user_interface.rst
 create mode 100644 content/developer/tutorials/server_framework_101/03_build_user_interface/custom-form-view.png
 create mode 100644 content/developer/tutorials/server_framework_101/03_build_user_interface/custom-list-view.png
 create mode 100644 content/developer/tutorials/server_framework_101/03_build_user_interface/custom-search-view-fields.png
 create mode 100644 content/developer/tutorials/server_framework_101/03_build_user_interface/custom-search-view-filters.png
 create mode 100644 content/developer/tutorials/server_framework_101/04_relational_fields.rst
 create mode 100644 content/developer/tutorials/server_framework_101/05_business_logic.rst
 create mode 100644 content/developer/tutorials/server_framework_101/06_security.rst
 create mode 100644 content/developer/tutorials/server_framework_101/07_advanced_views.rst
 create mode 100644 content/developer/tutorials/server_framework_101/08_inheritance.rst
 create mode 100644 content/developer/tutorials/server_framework_101/09_portal.rst
 create mode 100644 content/developer/tutorials/server_framework_101/10_unit_testing.rst
 create mode 100644 content/developer/tutorials/server_framework_101_legacy.rst
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/01_architecture.rst (95%)
 create mode 100644 content/developer/tutorials/server_framework_101_legacy/01_architecture/three_tier.svg
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/02_newapp.rst (95%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/02_newapp/app_in_list.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/02_newapp/overview_form_view_01.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/02_newapp/overview_form_view_02.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/02_newapp/overview_list_view_01.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/03_basicmodel.rst (98%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/04_securityintro.rst (96%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui.rst (98%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/attribute_and_default.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/estate_form_default.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/estate_menu_action.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/estate_menu_root.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/inactive.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/menu_01.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/05_firstui/menu_02.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/06_basicviews.rst (97%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/06_basicviews/form.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/06_basicviews/list.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/06_basicviews/search_01.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/06_basicviews/search_02.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/06_basicviews/search_03.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/07_relations.rst (98%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/07_relations/property_many2many.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/07_relations/property_many2one.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/07_relations/property_offer.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/07_relations/property_tag.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/07_relations/property_type.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/08_compute_onchange.rst (97%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/08_compute_onchange/compute.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/08_compute_onchange/compute_inverse.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/08_compute_onchange/onchange.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/09_actions.rst (96%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/09_actions/offer_01.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/09_actions/offer_02.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/09_actions/property.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/10_constraints.rst (96%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/10_constraints/python.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/10_constraints/sql_01.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/10_constraints/sql_02.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles.rst (99%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/decoration.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/editable_list.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/form.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/inline_view.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/search.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/stat_button.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/11_sprinkles/widget.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/12_inheritance.rst (98%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/12_inheritance/create.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/12_inheritance/inheritance_methods.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/12_inheritance/unlink.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/12_inheritance/users.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/13_other_module.rst (96%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/13_other_module/create_inv.gif (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/14_qwebintro.rst (96%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/14_qwebintro/kanban.png (100%)
 rename content/developer/tutorials/{server_framework_101 => server_framework_101_legacy}/15_final_word.rst (86%)

diff --git a/content/administration/on_premise/source.rst b/content/administration/on_premise/source.rst
index 3b43fc64a..25285e318 100644
--- a/content/administration/on_premise/source.rst
+++ b/content/administration/on_premise/source.rst
@@ -44,8 +44,8 @@ Git
    basic knowledge of Git commands to proceed.
 
 To clone a Git repository, choose between cloning with HTTPS or SSH. In most cases, the best option
-is HTTPS. However, choose SSH to contribute to Odoo source code or when following the :doc:`Getting
-Started developer tutorial </developer/tutorials/server_framework_101>`.
+is HTTPS. However, choose SSH to contribute to Odoo source code or when following the
+:doc:`/developer/tutorials/server_framework_101` tutorial.
 
 .. tabs::
 
diff --git a/content/contributing/development.rst b/content/contributing/development.rst
index 3bfc16993..b93b426d5 100644
--- a/content/contributing/development.rst
+++ b/content/contributing/development.rst
@@ -161,7 +161,10 @@ navigate to the directory where you installed Odoo from sources and follow the g
    #. Select **<your_github_account>/odoo** or **<your_github_account>/enterprise** for the head
       repository. Replace `<your_github_account>` with the name of the GitHub account on which you
       created the fork or by **odoo-dev** if you work at Odoo.
-   #. Review your changes and click on the :guilabel:`Create pull request` button.
+   #. Click on :guilabel:`Create pull request` to create the :abbr:`PR (Pull Request)` and
+      automatically request a review from the code maintainers. If you wish to double-check your
+      changes first, or if you work at Odoo and follow an internal process for reviews, click on
+      :guilabel:`Create draft pull request`.
    #. Tick the :guilabel:`Allow edits from maintainer` checkbox. Skip this step if you work at Odoo.
    #. Complete the description and click on the :guilabel:`Create pull request` button again.
 
diff --git a/content/contributing/development/coding_guidelines.rst b/content/contributing/development/coding_guidelines.rst
index 08567eb57..32b7aa9f2 100644
--- a/content/contributing/development/coding_guidelines.rst
+++ b/content/contributing/development/coding_guidelines.rst
@@ -25,9 +25,13 @@ These guidelines should be applied to every new module and to all new developmen
     going under major changes. In that case first do a **move** commit then apply
     the changes related to the feature.
 
+.. _contributing/coding_guidelines/module_structure:
+
 Module structure
 ================
 
+.. _contributing/coding_guidelines/module_structure/directories:
+
 Directories
 -----------
 
@@ -46,6 +50,7 @@ Other optional directories compose the module.
 - *report/* : contains the printable reports and models based on SQL views. Python objects and XML views are included in this directory
 - *tests/* : contains the Python tests
 
+.. _contributing/coding_guidelines/module_structure/file_naming:
 
 File naming
 -----------
diff --git a/content/contributing/development/git_guidelines.rst b/content/contributing/development/git_guidelines.rst
index 9323555f1..2bae7126c 100644
--- a/content/contributing/development/git_guidelines.rst
+++ b/content/contributing/development/git_guidelines.rst
@@ -2,6 +2,8 @@
 Git guidelines
 ==============
 
+.. _contributing/git_guidelines/configure_git:
+
 Configure your git
 ------------------
 
@@ -17,6 +19,8 @@ way towards making your commits more helpful:
 - Be sure to add your full name to your Github profile here. Please feel fancy
   and add your team, avatar, your favorite quote, and whatnot ;-)
 
+.. _contributing/git_guidelines/message_structure:
+
 Commit message structure
 ------------------------
 
@@ -42,6 +46,8 @@ description. Try to follow the preferred structure for your commit messages
   Closes #123  (close related PR on Github)
   opw-123 (related to ticket)
 
+.. _contributing/git_guidelines/commit_tag_module:
+
 Tag and module name
 -------------------
 
@@ -73,6 +79,8 @@ various to tell it is cross-modules. Unless really required or easier avoid
 modifying code across several modules in the same commit. Understanding module
 history may become difficult.
 
+.. _contributing/git_guidelines/commit_header:
+
 Commit message header
 ---------------------
 
@@ -86,6 +94,8 @@ Commit message header should make a valid sentence once concatenated with
 archive users linked to active partners`` is correct as it makes a valid sentence
 ``if applied, this commit will prevent users to archive...``.
 
+.. _contributing/git_guidelines/commit_body:
+
 Commit message full description
 -------------------------------
 
diff --git a/content/developer/reference/backend/data.rst b/content/developer/reference/backend/data.rst
index dcfc40d85..ed80ca1eb 100644
--- a/content/developer/reference/backend/data.rst
+++ b/content/developer/reference/backend/data.rst
@@ -76,6 +76,8 @@ following attributes:
 
     Requires an :term:`external id`, defaults to ``True``.
 
+.. _reference/data/field:
+
 ``field``
 ---------
 
@@ -203,6 +205,8 @@ Because some important structural models of Odoo are complex and involved,
 data files provide shorter alternatives to defining them using
 :ref:`record tags <reference/data/record>`:
 
+.. _reference/data/shortcuts/menuitem:
+
 ``menuitem``
 ------------
 
diff --git a/content/developer/reference/backend/orm.rst b/content/developer/reference/backend/orm.rst
index 978685a86..fbbd739b7 100644
--- a/content/developer/reference/backend/orm.rst
+++ b/content/developer/reference/backend/orm.rst
@@ -213,12 +213,20 @@ These helpers are also available by importing `odoo.tools.date_utils`.
 Relational Fields
 ~~~~~~~~~~~~~~~~~
 
+.. _reference/fields/many2one:
+
 .. autoclass:: Many2one()
 
+.. _reference/fields/one2many:
+
 .. autoclass:: One2many()
 
+.. _reference/fields/many2many:
+
 .. autoclass:: Many2many()
 
+.. _reference/fields/command:
+
 .. autoclass:: Command()
    :members:
    :undoc-members:
diff --git a/content/developer/reference/user_interface/view_architectures.rst b/content/developer/reference/user_interface/view_architectures.rst
index 3a32de5e9..9ca57b681 100644
--- a/content/developer/reference/user_interface/view_architectures.rst
+++ b/content/developer/reference/user_interface/view_architectures.rst
@@ -516,8 +516,8 @@ Structural components
 Structural components provide structure or "visual" features with little logic. They are used as
 elements or sets of elements in form views.
 
-Form views accept the following children structural components: :ref:`group
-<reference/view_architectures/form/group>`, :ref:`sheet <reference/view_architectures/form/sheet>`,
+Form views accept the following children structural components: :ref:`sheet
+<reference/view_architectures/form/sheet>`, :ref:`group <reference/view_architectures/form/group>`,
 :ref:`notebook <reference/view_architectures/form/notebook>`,
 :ref:`notebook <reference/view_architectures/form/notebook>`,
 :ref:`newline <reference/view_architectures/form/newline>`,
@@ -529,6 +529,24 @@ Form views accept the following children structural components: :ref:`group
 
 Placeholders are denoted in all caps.
 
+.. _reference/view_architectures/form/sheet:
+
+`sheet`: make the layout responsive
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+
+The `sheet` element can be used as a direct child of the :ref:`form
+<reference/view_architectures/form>` root element for a narrower and more responsive form layout
+(centered page, margin...). It usually contains :ref:`group
+<reference/view_architectures/form/group>` elements.
+
+.. code-block:: xml
+
+   <form>
+       <sheet>
+           ...
+       </sheet>
+   </form>
+
 .. _reference/view_architectures/form/group:
 
 `group`: define columns layouts
@@ -615,24 +633,6 @@ The `group` element can have the following attributes:
                  </group>
              </group>
 
-.. _reference/view_architectures/form/sheet:
-
-`sheet`: make the layout responsive
-~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-The `sheet` element can be used as a direct child of the :ref:`form
-<reference/view_architectures/form>` root element for a narrower and more responsive form layout
-(centered page, margin...). It usually contains :ref:`group
-<reference/view_architectures/form/group>` elements.
-
-.. code-block:: xml
-
-   <form>
-       <sheet>
-           ...
-       </sheet>
-   </form>
-
 .. _reference/view_architectures/form/notebook:
 
 `notebook` & `page`: add tabbed sections
diff --git a/content/developer/tutorials/define_module_data.rst b/content/developer/tutorials/define_module_data.rst
index 332dc2329..869fa783c 100644
--- a/content/developer/tutorials/define_module_data.rst
+++ b/content/developer/tutorials/define_module_data.rst
@@ -191,7 +191,7 @@ When the data to create is more complex it can be useful, or even necessary, to
 Data Extension
 ~~~~~~~~~~~~~~
 
-During the Core Training, we saw in the :doc:`server_framework_101/12_inheritance` chapter we
+During the Core Training, we saw in the :doc:`server_framework_101_legacy/12_inheritance` chapter we
 could inherit (extend) an existing view. This was a special case of data extension: any data can be
 extended in a module.
 
diff --git a/content/developer/tutorials/pdf_reports.rst b/content/developer/tutorials/pdf_reports.rst
index 77717e98f..ee82151ab 100644
--- a/content/developer/tutorials/pdf_reports.rst
+++ b/content/developer/tutorials/pdf_reports.rst
@@ -7,7 +7,7 @@ Build PDF Reports
    completed it and use the `estate` module you have built as a base for the exercises in this
    tutorial.
 
-We were previously :doc:`introduced to QWeb <server_framework_101/14_qwebintro>`
+We were previously :doc:`introduced to QWeb <server_framework_101_legacy/14_qwebintro>`
 where it was used to build a kanban view. Now we will expand on one of QWeb's
 other main uses: creating PDF reports. A common business requirement is the ability to create documents
 to send to customers and to use internally. These reports can be used to summarize and display
@@ -178,7 +178,7 @@ Its contents are all explained in :ref:`the documentation <reference/actions/rep
 An ``ir.actions.report`` is primarily used via the Print menu of a model's view. In the practical
 example, the ``binding_model_id`` specifies which model's views the report should show, and Odoo
 will auto-magically add it for you. Another common use case of the report action is to link it to
-a button as we learned in :doc:`server_framework_101/09_actions`. This is handy for reports
+a button as we learned in :doc:`server_framework_101_legacy/09_actions`. This is handy for reports
 that only make sense under specific conditions. For example, if we wanted to make a "Final Sale"
 report, then we can link it to a "Print Sale Info" button that appears in the form view only when
 the property is "Sold".
diff --git a/content/developer/tutorials/restrict_data_access.rst b/content/developer/tutorials/restrict_data_access.rst
index 3dea23a89..2c97a73a6 100644
--- a/content/developer/tutorials/restrict_data_access.rst
+++ b/content/developer/tutorials/restrict_data_access.rst
@@ -15,7 +15,7 @@ currently,
   update or delete properties, property types, or property tags.
 * If ``estate_account`` is installed then only agents allowed to interact
   with invoicing can confirm sales as that's necessary to :ref:`create an
-  invoice <tutorials/server_framework_101/13_other_module/create>`.
+  invoice <tutorials/server_framework_101_legacy/13_other_module/create>`.
 
 However:
 
@@ -140,8 +140,6 @@ Access Rights
       real-estate application.
     - Real-estate agents will not be able to update the property types or tags.
 
-Access rights were first introduced in :doc:`server_framework_101/04_securityintro`.
-
 Access rights are a way to give users access to models *via* groups: associate
 an access right to a group, then all users with that group will have the access.
 
diff --git a/content/developer/tutorials/server_framework_101.rst b/content/developer/tutorials/server_framework_101.rst
index e6ef2e04e..31693b405 100644
--- a/content/developer/tutorials/server_framework_101.rst
+++ b/content/developer/tutorials/server_framework_101.rst
@@ -1,4 +1,5 @@
 :show-content:
+:hide-page-toc:
 
 ====================
 Server framework 101
@@ -10,16 +11,23 @@ Server framework 101
 
     server_framework_101/*
 
-Welcome to the Server framework 101 tutorial! If you reached this page that means you are
-interested in the development of your own Odoo module. It might also mean that you recently
-joined the Odoo company for a rather technical position. In any case, your journey to the
-technical side of Odoo starts here.
+**Welcome to the Server framework 101 tutorial!**
 
-The goal of this tutorial is for you to get an insight of the most important parts of the Odoo
-development framework while developing your own Odoo module to manage real estate assets. The
-chapters should be followed in their given order since they cover the development of a new Odoo
-application from scratch in an incremental way. In other words, each chapter depends on the previous
-one.
+Are you eager to learn about the server framework of Odoo? Perhaps you have recently joined Odoo in
+a technical role. Either way, this tutorial will level you up as an Odoo developer and show you the
+ropes of working with the server framework.
+
+You will embark on a step-by-step journey, building a real estate asset management application as
+you explore the core concepts of the server framework. Each chapter of the tutorial builds upon the
+previous one, so make sure to follow them in order.
+
+.. todo: insert picture of the final view
+
+.. note::
+   Throughout this tutorial, you will encounter exercises designed to reinforce your learning. There
+   will often be multiple ways to approach these exercises, so feel free to explore your own ideas
+   and solutions. This is the secret to secure your understanding and develop your problem-solving
+   skills.
 
 .. important::
    Before going further, make sure you have prepared your development environment with the
@@ -27,18 +35,13 @@ one.
 
 Ready? Let's get started!
 
-* :doc:`server_framework_101/01_architecture`
-* :doc:`server_framework_101/02_newapp`
-* :doc:`server_framework_101/03_basicmodel`
-* :doc:`server_framework_101/04_securityintro`
-* :doc:`server_framework_101/05_firstui`
-* :doc:`server_framework_101/06_basicviews`
-* :doc:`server_framework_101/07_relations`
-* :doc:`server_framework_101/08_compute_onchange`
-* :doc:`server_framework_101/09_actions`
-* :doc:`server_framework_101/10_constraints`
-* :doc:`server_framework_101/11_sprinkles`
-* :doc:`server_framework_101/12_inheritance`
-* :doc:`server_framework_101/13_other_module`
-* :doc:`server_framework_101/14_qwebintro`
-* :doc:`server_framework_101/15_final_word`
+- :doc:`server_framework_101/01_architecture_overview`
+- :doc:`server_framework_101/02_lay_the_foundations`
+- :doc:`server_framework_101/03_build_user_interface`
+- :doc:`server_framework_101/04_relational_fields`
+- :doc:`server_framework_101/05_business_logic`
+- :doc:`server_framework_101/06_security`
+- :doc:`server_framework_101/07_advanced_views`
+- :doc:`server_framework_101/08_inheritance`
+- :doc:`server_framework_101/09_portal`
+- :doc:`server_framework_101/10_unit_testing`
diff --git a/content/developer/tutorials/server_framework_101/01_architecture_overview.rst b/content/developer/tutorials/server_framework_101/01_architecture_overview.rst
new file mode 100644
index 000000000..5c48eab6c
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/01_architecture_overview.rst
@@ -0,0 +1,72 @@
+================================
+Chapter 1: Architecture overview
+================================
+
+Before we start building our app, let's take a high level glance at the architecture of Odoo.
+
+.. _tutorials/server_framework_101/multitier_app:
+
+Multitier application
+=====================
+
+Odoo leverages a `multitier architecture <https://en.wikipedia.org/wiki/Multitier_architecture>`_,
+meaning that the presentation, the business logic, and the data storage are separated. More
+specifically, it uses a three-tier architecture (image from Wikipedia):
+
+.. image:: 01_architecture_overview/three-tier-architecture.svg
+    :align: center
+    :alt: Overview of a three-tier application
+
+The presentation tier of Odoo is a combination of HTML5, JavaScript, and CSS. The logic tier is
+exclusively written in Python, while the data tier only supports PostgreSQL as an :abbr:`RDBMS
+(Relational Database Management System Software)`.
+
+Depending on the scope of your Odoo development, it can be done in any of these tiers. Therefore,
+before going any further, it may be a good idea to refresh your memory if you don't have an
+intermediate level in these topics. In order to go through this tutorial, you will need a very basic
+knowledge of HTML and an intermediate level of Python. There are plenty of tutorials that are freely
+accessible, so we cannot recommend one over another since it depends on your background. For
+reference, this is the official `Python tutorial <https://docs.python.org/3/tutorial/>`_.
+
+.. _tutorials/server_framework_101/modules:
+
+Odoo modules
+============
+
+Odoo relies on modular components called **modules** to extend its functionality. These modules are
+essentially self-contained packages of code and data that serve a specific purpose within the
+system. You can think of them as building blocks.
+
+Modules offer two main ways to customize Odoo:
+
+- Adding new functionality: You can create entirely new features with modules, such as a real-time
+  bus fleet visualization module.
+- Extending existing functionality: Modules can also be used to modify or enhance existing Odoo
+  features, like adding your country's accounting rules to the generic accounting support.
+
+Terminology:
+
+- Developers group their business features in Odoo *modules*.
+- The main user-facing modules are flagged and exposed as *Apps*, but a majority of the modules are
+  not Apps.
+- *Modules* may also be referred to as *addons*.
+
+In practice, modules are represented by directories. They are placed in a designated location called
+the **addons path**, which the server scans to discover available modules.
+
+In the :doc:`setup guide <../setup_guide>`, we cloned the `odoo/tutorials` repository and included
+it in the `addons-path` argument when starting the server. The directories present in the repository
+are all modules that can be installed on your Odoo server.
+
+.. exercise::
+   In your file explorer, navigate to the `odoo/tutorials` repository and inspect the available
+   modules. You should find the `real_estate` module in which we will build our real estate
+   application throughout this tutorial.
+
+You must have noticed that the module directories are not empty; they all contain at least two
+essential files: :file:`__init__.py` and :file:`__manifest__.py`. These files are what makes a
+simple directory an Odoo module. We'll get back to it in the next chapter.
+
+----
+
+Ready to start? Let's now :doc:`lay the foundations <02_lay_the_foundations>` of our first Odoo app!
diff --git a/content/developer/tutorials/server_framework_101/01_architecture/three_tier.svg b/content/developer/tutorials/server_framework_101/01_architecture_overview/three-tier-architecture.svg
similarity index 100%
rename from content/developer/tutorials/server_framework_101/01_architecture/three_tier.svg
rename to content/developer/tutorials/server_framework_101/01_architecture_overview/three-tier-architecture.svg
diff --git a/content/developer/tutorials/server_framework_101/02_lay_the_foundations.rst b/content/developer/tutorials/server_framework_101/02_lay_the_foundations.rst
new file mode 100644
index 000000000..2964cd5a0
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/02_lay_the_foundations.rst
@@ -0,0 +1,573 @@
+==============================
+Chapter 2: Lay the foundations
+==============================
+
+In this chapter, we'll focus on the fundamental building blocks of Odoo's data structure: models,
+fields, and records. We'll use them together to lay the foundations of our real estate application.
+
+.. _tutorials/server_framework_101/install_app:
+
+Install the app
+===============
+
+If you followed the :doc:`setup guide <../setup_guide>` carefully, you should now have a running
+Odoo server with the `odoo/tutorials` repository in the `addons-path`, and be logged in as an
+administrator.
+
+**Let's install our real estate app!** In your browser, open Odoo and navigate to
+:menuselection:`Apps`. Search for :guilabel:`Real Estate` and click :guilabel:`Activate`.
+
+Nothing has changed? That's normal; the `real_estate` module you just installed is currently an
+empty shell. It doesn't even have a menu entry. Currently, it only contains three files:
+
+- An empty :file:`__init__.py` file to make Python treat the :file:`real_estate` directory as a
+  package.
+- The :file:`__manifest__.py` file that declares the :file:`real_estate` Python package as an Odoo
+  module.
+- The optional :file:`static/description/icon.png` file that serves as the app icon.
+
+The first two files are the minimum requirements for a directory to be considered an Odoo module.
+
+.. exercise::
+   Search for each key of the :file:`real_estate/__manifest__.py` file in the :ref:`reference
+   documentation <reference/module/manifest>` and understand the base metadata that defines the
+   `real_estate` module.
+
+.. seealso::
+   `The manifest file of the Sales app <{GITHUB_PATH}/addons/sale/__manifest__.py>`_
+
+.. _tutorials/server_framework_101/create_first_model:
+
+Create the first model
+======================
+
+Now that our module is recognized by Odoo, it's time to build towards the business features. Data is
+essential for any real-world application, and our real estate application won't be an exception.
+
+To store data effectively, we need two things: a way to define the structure of that data, and a
+system to store and manipulate it. Fortunately, the server framework of Odoo comes equipped with the
+perfect tool: the :abbr:`ORM (Object Relational Mapper)` layer. It's the ORM that takes care of
+preparing and executing SQL queries for you when you manipulate data in Python.
+
+The ORM simplifies data access and manipulation by allowing you to define **models**. Models act as
+blueprints for your data; they define the structure and organization of information within your
+module. You can see them as templates that specify what kind of data your module will handle. For
+example, real estate properties, owners, or tenants. In Odoo, models are represented by Python
+classes that inherit from the `odoo.models.Model` class provided by the ORM, and they are identified
+by their `_name` attribute. In addition to `_name`, models also accept the `_description` attribute
+to define a human-readable description of the model.
+
+Each model is made of smaller components called **fields**. You can see them as the individual
+characteristics that describe your data. Fields allow you to define the relevant data your
+application needs to capture and manage. In the case of real estate properties, some example fields
+could be the property name, the type (house, apartment, etc.), and the floor area. Within model
+classes, fields are defined as class attributes. Each field is an instance of a class from the
+`odoo.fields` package. For example, `Char`, `Float`, `Boolean`, each designed to handle different
+types of data. When defining a field, developers can pass various arguments to finely control how
+data is handled and presented in Odoo. For example, `string` defines the label for the field in the
+user interface, `help` provides a tooltip  when hovering the field in the user interface, and
+`required` makes filling in the field mandatory.
+
+Individual data entries are called **records**. They are based on the structure defined by models
+and contain the actual data for each field specified in the model. In Python, records are
+represented as instances of the model's class, allowing developers to interact with data using
+object-oriented programming techniques. For example, in a real estate application using a tenant
+model, each specific tenant (such as "Bafien Carpink") would be a separate record of that model.
+
+.. seealso::
+   For the full list of fields and their attributes, see the :ref:`reference documentation
+   <reference/orm/fields>`.
+
+.. example::
+   Before we dive into creating our own models, let's take a look at a basic example of a model that
+   represents storable products. It defines a `product` model with the `Product` class inheriting
+   from `models.Model`. Within this class, several fields are defined to capture product data:
+
+   .. code-block:: python
+
+      from odoo import fields, models
+
+
+      class Product(models.Model):
+          _name = 'product'
+          _description = "Storable Product"
+
+          name = fields.Char(string="Name", required=True)
+          description = fields.Text(string="Description")
+          price = fields.Float(string="Sale Price", required=True)
+          category = fields.Selection(
+              string="Category",
+              help="The category of the product; if none are suitable, select 'Other'.",
+              selection=[
+                  ('apparel', "Clothing")
+                  ('electronics', "Electronics"),
+                  ('home_decor', "Home Decor"),
+                  ('other', "Other"),
+              ],
+              required=True,
+              default='apparel',
+          )
+
+   .. note::
+      - `name` is a `Char` field while `description` is a `Text` field; `Char` fields are typically
+        used for short texts, whereas `Text` fields can hold longer content and multiple lines.
+      - The label of the `price` field is arbitrary and doesn't have to be the upper-cased version
+        of the attribute name.
+      - `category` is a `Selection` field with predefined options, each defined by a technical code
+        and a corresponding label. Since it is required, a default value is provided.
+
+Building on these new concepts, let's now create the first model for our real estate app. We'll
+create a model with some fields to represent real estate properties and their characteristics.
+
+.. exercise::
+
+   #. Create a new :file:`real_estate_property.py` file at the root of the `real_estate` module.
+   #. Update the :file:`real_estate/__init__.py` file to relatively import the
+      :file:`real_estate_property.py` file, like so:
+
+      .. code-block:: python
+
+         from . import real_estate_property
+
+   #. Define a new model with `real.estate.property` as `_name` and a short `_description`.
+   #. Add fields to represent the following characteristics:
+
+      - Name (required)
+      - Description
+      - Image (max 600x400 pixels)
+      - Active (default to true)
+      - State (new, offer received, under option, or sold; required; default to new)
+      - Type (house, apartment, office building, retail space, or warehouse; required; default to
+        house)
+      - Selling Price (without currency; with help text; required)
+      - Availability Date (default to creation date + two months)
+      - Floor Area (in square meters; with help text)
+      - Number of Bedrooms (default to two)
+      - Whether there is a garden
+      - Whether there is a garage
+
+   .. tip::
+      - The class name doesn't matter, but the convention is to use the model's upper-cased `_name`
+        (without dots).
+      - Rely on the reference documentation for :ref:`fields <reference/orm/fields>` to select the
+        right class and attributes for each field.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `__init__.py`
+
+      from . import real_estate_property
+
+   .. code-block:: python
+      :caption: `real_estate_property.py`
+
+      from odoo import fields, models
+      from odoo.tools import date_utils
+
+
+      class RealEstateProperty(models.Model):
+          _name = 'real.estate.property'
+          _description = "Real Estate Property"
+
+          name = fields.Char(string="Name", required=True)
+          description = fields.Text(string="Description")
+          image = fields.Image(string="Image")
+          active = fields.Boolean(string="Active", default=True)
+          state = fields.Selection(
+              string="State",
+              selection=[
+                  ('new', "New"),
+                  ('offer_received', "Offer Received"),
+                  ('under_option', "Under Option"),
+                  ('sold', "Sold"),
+              ],
+              required=True,
+              default='new',
+          )
+          type = fields.Selection(
+              string="Type",
+              selection=[
+                  ('house', "House"),
+                  ('apartment', "Apartment"),
+                  ('office', "Office Building"),
+                  ('retail', "Retail Space"),
+                  ('warehouse', "Warehouse"),
+              ],
+              required=True,
+              default='house',
+          )
+          selling_price = fields.Float(
+              string="Selling Price", help="The selling price excluding taxes.", required=True
+          )
+          availability_date = fields.Date(
+              string="Availability Date", default=date_utils.add(fields.Date.today(), months=2)
+          )
+          floor_area = fields.Integer(
+              string="Floor Area", help="The floor area in square meters excluding the garden."
+          )
+          bedrooms = fields.Integer(string="Number of bedrooms", default=2)
+          has_garden = fields.Boolean(string="Garden")
+          has_garage = fields.Boolean(string="Garage")
+
+Congrats, you have just defined the first model of our real estate app! However, the changes have
+not yet been applied to the database. To do so, you must add the `-u real_estate` argument to the
+server start-up command and restart the server. The :option:`-u <odoo-bin --update>` argument
+instructs the server to update the specified modules at start-up.
+
+.. _tutorials/server_framework_101/inspect_sql_table:
+
+Inspect the SQL table
+=====================
+
+Earlier, we quickly introduced models as a convenient way to store and handle data in Odoo. In fact,
+these models not only define the structure and behavior of data in Python, but they also correspond
+to SQL tables in the database. The `_name` attribute of their model is taken (with dots replaced by
+underscores) as the name of the corresponding table. For example, the `real.estate.property` model
+is linked to the `real_estate_property` table.
+
+The same goes for fields that become columns in the SQL table of their model. The name of the class
+attribute representing the field is taken as the column name while the field's class determines the
+column type.
+
+Once the server is running again, let's take a look in the database and see how the model and fields
+you created translate into a new SQL table. We will use `psql`, the CLI
+:dfn:`command-line interface` allowing to browse and interact with PostgreSQL databases.
+
+.. exercise::
+
+   #. In your terminal, execute the command :command:`psql -d tutorials`.
+   #. Enter the command :command:`\\d real_estate_property` to print the description of the
+      `real_estate_property` table.
+   #. For each field of the `real.estate.property` model, try to understand how the field's
+      attributes alter the table.
+   #. Enter the command :command:`exit` to exit `psql`.
+
+.. spoiler:: Solution
+
+   .. code-block:: text
+
+      $ psql -d tutorials
+
+      tutorials=> \d real_estate_property
+                                                  Table "public.real_estate_property"
+            Column       |            Type             | Collation | Nullable |                     Default
+      -------------------+-----------------------------+-----------+----------+--------------------------------------------------
+       id                | integer                     |           | not null | nextval('real_estate_property_id_seq'::regclass)
+       floor_area        | integer                     |           |          |
+       bedrooms          | integer                     |           |          |
+       create_uid        | integer                     |           |          |
+       write_uid         | integer                     |           |          |
+       name              | character varying           |           | not null |
+       state             | character varying           |           | not null |
+       type              | character varying           |           | not null |
+       availability_date | date                        |           |          |
+       description       | text                        |           |          |
+       active            | boolean                     |           |          |
+       has_garden        | boolean                     |           |          |
+       has_garage        | boolean                     |           |          |
+       create_date       | timestamp without time zone |           |          |
+       write_date        | timestamp without time zone |           |          |
+       selling_price     | double precision            |           | not null |
+      Indexes:
+          "real_estate_property_pkey" PRIMARY KEY, btree (id)
+      Foreign-key constraints:
+          "real_estate_property_create_uid_fkey" FOREIGN KEY (create_uid) REFERENCES res_users(id) ON DELETE SET NULL
+          "real_estate_property_write_uid_fkey" FOREIGN KEY (write_uid) REFERENCES res_users(id) ON DELETE SET NULL
+
+      exit
+
+   - Each field, except the image that is saved as an attachment, is represented in the
+     `real_estate_property` SQL table by a column whose type is determined by the field's class:
+
+     +--------------------+----------------------+
+     | Field class        | Column type          |
+     +====================+======================+
+     | `fields.Integer`   | `integer`            |
+     +--------------------+----------------------+
+     | `fields.Float`     | `double precision`   |
+     +--------------------+----------------------+
+     | `fields.Char`      | `character varying`  |
+     +--------------------+----------------------+
+     | `fields.Text`      | `text`               |
+     +--------------------+----------------------+
+     | `fields.Selection` | `character varying`  |
+     +--------------------+----------------------+
+     | `fields.Boolean`   | `boolean`            |
+     +--------------------+----------------------+
+     | `fields.Date`      | `date`               |
+     +--------------------+----------------------+
+
+   - The `required` attribute of a field prevents the corresponding column to be nullable.
+
+   - The `default` attribute of a field does *not* set a default value on the column; instead, it's
+     the ORM that takes care of setting default values for newly created records.
+
+You might be surprised to find that the generated SQL table contains more columns than just the
+fields you defined. That is because Odoo automatically adds several readonly :dfn:`you can read but
+not write` fields to each model for internal purposes. Here are some additional fields you'll
+typically find:
+
+- `id`: A unique identifier that is automatically computed for each new record.
+- `create_date`: The timestamp of when the record was created.
+- `create_uid`: The ID of the user who created the record.
+- `write_date`: The timestamp of the last modification to the record.
+- `write_uid`: The ID of the user who last modified the record.
+
+.. seealso::
+   :ref:`Reference documentation for automatic fields <reference/fields/automatic>`
+
+.. _tutorials/server_framework_101/load_data_files:
+
+Load data files
+===============
+
+Now that we have created our first model, let's consider an important question: What's missing from
+our database? The answer is simple: data!
+
+While we could create new records directly from the user interface, this approach has some
+limitations. It would be quite tedious and time-consuming, especially for large amounts of data, and
+the changes would only affect the current database.
+
+.. _tutorials/server_framework_101/xml_data_files:
+
+XML data files
+--------------
+
+Fortunately, the server framework allows for a different approach: describe data operations in XML
+format in so-called **data files** that the server automatically loads at start-up in sequential
+order. This automates the process of populating the database, saving time and effort, and allows
+developers to include default data or configurations directly in their modules.
+
+The most common data operation is creating new records through the `record` and `field` XML
+elements, but other operations exist, such as `delete`, which deletes previously created records, or
+even `function`, which allows executing arbitrary code.
+
+.. seealso::
+   :doc:`Reference documentation for XML data files <../../reference/backend/data>`
+
+Some data operations require their data elements to be uniquely identified by the system. This is
+achieved by means of the `id` attribute, also known as the **XML ID** or **external identifier**. It
+provides a way for other elements to reference it with the `ref` attribute and links data elements
+to the records they create or update. XML IDs are automatically prefixed with their module name when
+created from a data file so that records can be referenced by their full XML ID `<module>.<id>`.
+
+.. example::
+   Let's again take the `product` model as an example and describe a few product records in a data
+   file.
+
+   .. code-block:: xml
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="coffee_table" model="product">
+              <field name="name">Coffee table</field>
+              <field name="description">A dark wood table easy to match with other furnishing.</field>
+              <field name="price">275</field>
+              <field name="category">home_decor</field>
+          </record>
+
+          <record id="product.tshirt" model="product">
+              <field name="name">T-shirt</field>
+              <field name="price">29.99</field>
+              <field name="shop_id" ref="product.tshirt_shop"/>
+          </record>
+
+      </odoo>
+
+   .. note::
+      As we can see, data files are rather straightforward:
+
+      - The root element must be `odoo`.
+      - Multiple data operations can be described inside a single `odoo` element.
+      - The `id` attribute can be written with the module prefix included for clarity.
+      - Required fields must be provided a value if they don't have a default one.
+      - Non-required fields can be omitted.
+      - The `ref` attribute is used to reference other records by their XML ID and use their record
+        ID as value.
+
+Let's now load some default real estate properties in our database.
+
+.. exercise::
+
+   #. Create a new :file:`real_estate_property_data.xml` file at the root of the `real_estate`
+      module.
+   #. Update the manifest to let the server know that it should load our data file. To do so, have
+      the `data` key list our data file name.
+   #. Use the `record` and `field` data operation to describe at least three default properties
+      records. Try to vary property types and set different values than the default ones. Add the
+      image files for the various properties at the root of the `real_estate` module and assign them
+      to the properties' Image field.
+   #. Restart the server, again with the `-u real_estate` argument, to load the module data at
+      server start-up.
+   #. In the terminal, execute the command `psql -d tutorials` and enter the command
+      `SELECT * FROM real_estate_property;` to verify that the records were loaded.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 2
+
+      'data': [
+          'real_estate_property_data.xml',
+      ],
+
+   .. code-block:: text
+      :caption: `country_house.png`
+
+      <binary data>
+
+   .. code-block:: text
+      :caption: `loft.png`
+
+      <binary data>
+
+   .. code-block:: text
+      :caption: `mixed_use_commercial.png`
+
+      <binary data>
+
+   .. code-block:: xml
+      :caption: `real_estate_property_data.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.country_house" model="real.estate.property">
+              <field name="name">Country house</field>
+              <field name="description">In the charming village of Grand-Rosière-Hottomont, 5 minutes from all facilities (shops, schools, public transport, ...), we offer this superb newly renovated country house!</field>
+              <field name="image" type="base64" file="real_estate/country_house.png"/>
+              <field name="type">house</field>
+              <field name="selling_price">745000</field>
+              <field name="floor_area">416</field>
+              <field name="bedrooms">5</field>
+              <field name="has_garden">True</field>
+              <field name="has_garage">True</field>
+          </record>
+
+          <record id="real_estate.loft" model="real.estate.property">
+              <field name="name">Loft</field>
+              <field name="description">Located on the 1st floor of a small, fully renovated building, magnificent 195 m² three-bedroom apartment with parking space.</field>
+              <field name="image" type="base64" file="real_estate/loft.png"/>
+              <field name="type">apartment</field>
+              <field name="selling_price">339000</field>
+              <field name="availability_date">2025-01-01</field>
+              <field name="floor_area">195</field>
+              <field name="bedrooms">3</field>
+              <field name="has_garden">False</field>
+              <field name="has_garage">True</field>
+          </record>
+
+          <record id="real_estate.mixed_use_commercial" model="real.estate.property">
+              <field name="name">Mixed use commercial building</field>
+              <field name="description">The property is a former bank agency which consists of a retail ground floor, a basement and 2 extra office floors.</field>
+              <field name="image" type="base64" file="real_estate/mixed_use_commercial.png"/>
+              <field name="type">retail</field>
+              <field name="selling_price">335000</field>
+              <field name="availability_date">2024-10-02</field>
+              <field name="floor_area">370</field>
+              <field name="bedrooms">0</field>
+              <field name="has_garden">False</field>
+              <field name="has_garage">False</field>
+          </record>
+
+      </odoo>
+
+.. _tutorials/server_framework_101/csv_data_files:
+
+CSV data files
+--------------
+
+In addition to XML data files, the server framework allows loading data files in CSV format. This
+format is often more convenient for describing records with simple field values belonging to the
+same model. It also loads faster, making it the go-to format when performance matters most.
+
+.. seealso::
+   :ref:`Reference documentation for CSV data files <reference/data/csvdatafiles>`
+
+.. example::
+   See below for an example of how a subset of `country states can be loaded into Odoo
+   <{GITHUB_PATH}/odoo/addons/base/data/res.country.state.csv>`_.
+
+   .. code-block:: csv
+      :caption: `res.country.state.csv`
+
+      "id","country_id:id","name","code"
+      state_ca_ab,ca,"Alberta","AB"
+      state_ca_bc,ca,"British Columbia","BC"
+      state_ca_mb,ca,"Manitoba","MB"
+      state_ca_nb,ca,"New Brunswick","NB"
+      state_ca_nl,ca,"Newfoundland and Labrador","NL"
+      state_ca_nt,ca,"Northwest Territories","NT"
+      state_ca_ns,ca,"Nova Scotia","NS"
+      state_ca_nu,ca,"Nunavut","NU"
+      state_ca_on,ca,"Ontario","ON"
+      state_ca_pe,ca,"Prince Edward Island","PE"
+      state_ca_qc,ca,"Quebec","QC"
+      state_ca_sk,ca,"Saskatchewan","SK"
+      state_ca_yt,ca,"Yukon","YT"
+
+   .. note::
+
+      - The file name must match the model name.
+      - The first line lists the model fields to populate.
+      - XML IDs are specified via the special `id` field.
+      - The `:id` suffix is used to reference other records by their XML ID and use their record ID
+        as value.
+      - Each subsequent line describes one new record.
+
+In business applications like Odoo, one of the first questions to consider is who can access the
+data. By default, access to newly created models is restricted until it is explicitly granted.
+Granting access rights is done by creating records of the `ir.model.access` model, which specifies
+who has access to which model.
+
+The topic of security will be covered in detail in :doc:`../restrict_data_access`. For now, we'll
+just give ourselves access rights to the `real.estate.property` model to get rid of the warning that
+began being logged at server start-up after creating the model:
+
+.. code-block:: text
+
+   WARNING tutorials odoo.modules.loading: The models ['real.estate.property'] have no access rules [...]
+
+.. exercise::
+
+   #. Create a new :file:`ir.model.access.csv` file at the root of the `real_estate` module.
+   #. Declare it in the manifest as you did for the :file:`real_estate_property_data.xml` file.
+   #. Grant access to the `real.estate.property` model to all administrators of the database by
+      adding new access rights with the following specifications:
+
+      - XML ID: `real_estate_property_system`
+      - `name`: `real.estate.property.system`
+      - `model_id`: The record ID of `model_real_estate_property`
+      - `group_id`: The record ID of `base.group_system`
+      - `perm_read`, `perm_write`, `perm_create`, and `perm_unlink`: `1`
+
+   .. tip::
+      In Odoo, modules and models are automatically given an XML ID computed by prefixing their name
+      with `module_` and `model_` respectively.
+
+.. spoiler:: Solution
+
+   .. code-block:: py
+      :caption: `__manifest__.py`
+      :emphasize-lines: 2
+
+      'data': [
+          'ir.model.access.csv',
+          'real_estate_property_data.xml',
+      ],
+
+   .. code-block:: csv
+      :caption: `ir.model.access.csv`
+
+      id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+      real_estate_property_system,real.estate.property.system,model_real_estate_property,base.group_system,1,1,1,1
+
+After restarting the server, the warning should no longer appear.
+
+----
+
+In the next chapter, we'll :doc:`create user interface elements <03_build_user_interface>` to
+interact with the property model.
diff --git a/content/developer/tutorials/server_framework_101/03_build_user_interface.rst b/content/developer/tutorials/server_framework_101/03_build_user_interface.rst
new file mode 100644
index 000000000..2000b89da
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/03_build_user_interface.rst
@@ -0,0 +1,709 @@
+===================================
+Chapter 3: Build the user interface
+===================================
+
+In this chapter, we will bring our application to life by building a :abbr:`UI (User Interface)`
+that allows users to interact with the models. This will require defining menu items, actions, and
+views. By the end of this chapter, we will have a fully functional interface to manage real estate
+properties!
+
+.. _tutorials/server_framework_101/menu_items:
+
+Add menus items
+===============
+
+**Menus items** are the first thing users see and interact with. They give users access to the
+different parts of Odoo and can be nested to form a hierarchical structure. This allows the
+functionalities of complex applications to be organized into categories and sub-categories and makes
+them easier to navigate. The top level of the menu structure typically contains the menu items for
+the main applications (like "Contacts", "Sales", and "Accounting"). These top-level menu items can
+also be visually enhanced with custom icons for better recognition.
+
+Menu items can take on two distinct roles:
+
+- **Category menu items**: They serve as organizational containers and simply expand to show their
+  submenu when clicked.
+- **Action menu items**: They trigger a specific action in the UI when clicked. While menu items
+  often trigger actions, they are separate entities. The same action can be triggered by different
+  menu items, or even buttons.
+
+In Odoo, menu items are actually records of the `ir.ui.menu` model whose key fields are:
+
+.. rst-class:: o-definition-list
+
+`name` (required)
+   The title of the menu item.
+`sequence`
+   Determines the ordering of same-level menu items.
+`parent_id`
+   The ID of the parent menu item's record.
+`web_icon`
+   The path to the icon file to use as a menu item icon.
+`action`
+   The action to trigger when the menu item is clicked.
+
+Like for any other model, one can automatically create records of the `ir.ui.menu` model by means of
+a data file. Let’s do just that and add menu items to our real estate app!
+
+.. exercise::
+   #. Create and declare a new :file:`menus.xml` file at the root of the `real_estate` module.
+   #. Describe a new "Real Estate" menu item to serve as root menu for our real estate app.
+
+      - Leave the `parent_id` field empty to place the menu item in the top-level menu.
+      - Use the `static/description/icon.png` file as `web_icon`, in the format
+        `<module>,<icon_file_path>`.
+
+   #. Nest new "Properties" and "Settings" menu items under the root menu item. As we have not yet
+      created an action to browse properties or open settings, reference the following existing
+      actions instead:
+
+      - `base.open_module_tree` that opens the list of modules.
+      - `base.action_client_base_menu` that opens the general settings.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 3
+
+      'data': [
+          'ir.model.access.csv',
+          'menus.xml',
+          'real_estate_property_data.xml',
+      ],
+
+   .. code-block:: xml
+      :caption: `menus.xml`
+
+      <?xml version="1.0"?>
+      <odoo>
+
+          <record id="real_estate.root_menu" model="ir.ui.menu">
+              <field name="name">Real Estate</field>
+              <field name="web_icon">real_estate,static/description/icon.png</field>
+          </record>
+
+          <record id="real_estate.properties_menu" model="ir.ui.menu">
+              <field name="name">Properties</field>
+              <field name="sequence">10</field>
+              <field name="parent_id" ref="real_estate.root_menu"/>
+              <field name="action" ref="base.open_module_tree"/>
+          </record>
+
+          <record id="real_estate.settings_menu" model="ir.ui.menu">
+              <field name="name">Settings</field>
+              <field name="sequence">20</field>
+              <field name="parent_id" ref="real_estate.root_menu"/>
+              <field name="action" ref="base.action_client_base_menu"/>
+          </record>
+
+      </odoo>
+
+If you go to the app switcher :dfn:`the top-level menu of Odoo`, you should now see a menu item for
+our real estate app! Click it to open the app and automatically trigger the first action in its
+sub-menu. If you referenced the `base.open_module_tree` action, you should now see a list of Odoo
+modules.
+
+.. _tutorials/server_framework_101/menuitem_shortcut:
+
+Use the `menuitem` shortcut
+---------------------------
+
+As an application grows in size, so do its menus, and it becomes increasingly complicated to define
+and nest menu items. While defining menu items using the `record` data operation works perfectly
+fine, the server framework provides a shortcut that makes the process easier and more intuitive,
+especially for nesting menu items: the `menuitem` data operation.
+
+The `menuitem` tag is a special XML element that is specifically designed for creating menu items;
+it simplifies the syntax and automatically handles some technical details for you.
+
+.. example::
+   Our fictional `product` module could define menu items as follows:
+
+   .. code-block:: xml
+
+      <menuitem id="product.root_menu" name="Product" web_icon="product,static/description/product.png">
+          <menuitem id="product.all_products_menu" name="All Products" sequence="1" action="product.view_all_products_action"/>
+          <menuitem id="product.new_products_menu" name="New Products" sequence="2" action="product.view_new_products_action"/>
+      </menuitem>
+
+   .. note::
+      - The outer `menuitem` data operation creates the top-level "Product" menu item.
+      - The specifications (`name`, `web_icon`, `sequence`, `action`, ...) of menu items are set
+        through attributes of the XML element.
+      - The menu items hierarchy is defined by nesting their XML elements.
+
+Why keep complex code when you can simplify it? It's already time for our first **code
+refactoring**!
+
+.. exercise::
+   Rewrite the description of the menu items of our real estate app using the `menuitem` data
+   operation instead of `record`.
+
+.. spoiler:: Solution
+
+   .. code-block:: xml
+      :caption: `menus.xml`
+      :emphasize-lines: 4-21
+
+      <?xml version="1.0"?>
+      <odoo>
+
+          <menuitem
+              id="real_estate.root_menu"
+              name="Real Estate"
+              web_icon="real_estate,static/description/icon.png"
+          >
+              <menuitem
+                  id="real_estate.properties_menu"
+                  name="Properties"
+                  sequence="1"
+                  action="base.open_module_tree"
+              />
+              <menuitem
+                  id="real_estate.settings_menu"
+                  name="Settings"
+                  sequence="2"
+                  action="base.action_client_base_menu"
+              />
+          </menuitem>
+
+      </odoo>
+
+.. _tutorials/server_framework_101/define_window_actions:
+
+Define window actions
+=====================
+
+**Actions** define what happens when a user interacts with the UI, such as clicking a menu item.
+They connect the user interface with the underlying business logic. There exist different types of
+actions in Odoo, the most common one being **window actions** (`ir.actions.act_window`), that
+display the records of a specific model in a view. Other types of actions allow for different
+behaviors, like **URL actions** that open URLs (`ir.actions.act_url`) or **server actions**
+(`ir.actions.server`) that execute custom code.
+
+In Odoo, actions can be stored in the database as records or returned as Python dictionaries
+interpreted as action descriptors when business logic is executed. Window actions are described by
+the `ir.actions.act_window` model whose key fields include:
+
+.. rst-class:: o-definition-list
+
+`name` (required)
+   The title of the action; is often used as the page title.
+`res_model` (required)
+   The model on which the action operates.
+`view_mode`
+   A comma-separated list of view types to enable for this action; for example, `list,form,kanban`.
+`help`
+   An optional help text for the users when there are no records to display.
+
+.. seealso::
+   :doc:`Reference documentation for actions <../../reference/backend/actions>`
+
+.. example::
+   The example below defines an action to open existing products in either list or form view.
+
+   .. code-block:: xml
+
+      <record id="product.view_products_action" model="ir.actions.act_window">
+          <field name="name">Products</field>
+          <field name="res_model">product</field>
+          <field name="view_mode">list,form</field>
+          <field name="help" type="html">
+              <p class="o_view_nocontent_smiling_face">
+                  Create a new product.
+              </p>
+          </field>
+      </record>
+
+   .. note::
+      The content of the `help` field can be written in different formats thanks to the `type`
+      attribute of the :ref:`field <reference/data/field>` data operation.
+
+As promised, we'll finally get to interact with our real estate properties in the UI. All we need
+now is an action to assign to the menu item.
+
+.. exercise::
+
+   #. Create and declare a new :file:`actions.xml` file at the root of the `real_estate` module.
+   #. Describe a new "Properties" window action that opens `real.estate.property` records in list
+      and form views, and assign it to the "Properties" menu item. Be creative with the help text!
+      For reference, the list of supported classes can be found in the `view.scss
+      <{GITHUB_PATH}/addons/web/static/src/views/view.scss>`_ file.
+
+   .. tip::
+      Pay attention to the declaration order of data files in the manifest; you might introduce a
+      data operation that depends on another one.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 2,4
+
+      'data': [
+          'actions.xml',
+          'ir.model.access.csv',
+          'menus.xml',  # Depends on `actions.xml`
+          'real_estate_property_data.xml',
+      ],
+
+   .. code-block:: xml
+      :caption: `actions.xml`
+
+      <?xml version="1.0"?>
+      <odoo>
+
+          <record id="real_estate.view_properties_action" model="ir.actions.act_window">
+              <field name="name">Properties</field>
+              <field name="res_model">real.estate.property</field>
+              <field name="view_mode">list,form</field>
+              <field name="help" type="html">
+                  <!-- Turns out I didn't feel like being creative with the help text ¯\_(ツ)_/¯ -->
+                  <p class="o_view_nocontent_smiling_face">
+                      Create a new property.
+                  </p>
+              </field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: xml
+      :caption: `menus.xml`
+      :emphasize-lines: 5
+
+      <menuitem
+          id="real_estate.properties_menu"
+          name="Properties"
+          sequence="10"
+          action="real_estate.view_properties_action"
+      />
+
+Clicking the "Properties" menu item now displays a list view of the default properties we created
+earlier. As we specified in the action that both list and form views were allowed, you can click any
+property record to display its form view. Delete all three records to see the help text you created.
+
+.. _tutorials/server_framework_101/create_custom_views:
+
+Create custom views
+===================
+
+**Views** are the UI's building blocks, defining how model data is displayed on screen. They are
+structures written in XML that describe the layout and behavior of various UI components.
+
+Odoo supports different types of views, each serving a different purpose. The most common types
+include **list views** for listing multiple records in a table-like format, **form views** for
+displaying and editing individual records, **kanban views** for presenting records in a card layout,
+and **search views** for defining search and filtering options.
+
+In Odoo, views are records of the `ir.ui.view` model. Each view is associated with a specific model,
+determining which data it displays and interacts with. Key fields include:
+
+.. rst-class:: o-definition-list
+
+`name` (required)
+   A unique name for the view.
+`model` (required)
+   The model the view is associated with.
+`arch` (required)
+   The view architecture as an XML string.
+
+The `arch` field holds the view's XML architecture, which is composed of a root element determining
+the type of the view, and various inner components that depend on the view type. The root element
+(e.g., `list`, `form`, `search`) defines the view type, while the inner components describe the
+structure and content of the view. These components can be structural (like `sheet` that makes the
+layout responsive, or `group` that defines column layouts) or semantic (like `field` that displays
+field labels and values).
+
+.. seealso::
+   - :doc:`Reference documentation for view records <../../reference/user_interface/view_records>`
+   - :doc:`Reference documentation for view architectures
+     <../../reference/user_interface/view_architectures>`
+
+.. example::
+   The following examples demonstrate how to define simple list, form and search views for the
+   `product` model.
+
+   .. code-block:: xml
+      :caption: A list view for `product`
+
+      <record id="product_list" model="ir.ui.view">
+          <field name="name">Product List</field>
+          <field name="model">product</field>
+          <field name="arch" type="xml">
+              <list>
+                  <field name="name"/>
+                  <field name="price"/>
+                  <field name="category"/>
+              </list>
+          </field>
+      </record>
+
+   .. code-block:: xml
+      :caption: A form view for `product`
+
+      <record id="product_form" model="ir.ui.view">
+          <field name="name">Product Form</field>
+          <field name="model">product</field>
+          <field name="arch" type="xml">
+              <form>
+                  <sheet>
+                      <group>
+                          <field name="name"/>
+                          <field name="description"/>
+                          <field name="price"/>
+                          <field name="category"/>
+                      </group>
+                  </sheet>
+              </form>
+          </field>
+      </record>
+
+   .. code-block:: xml
+      :caption: A search view for `product`
+
+      <record id="product_search" model="ir.ui.view">
+          <field name="name">Product Search</field>
+          <field name="model">product</field>
+          <field name="arch" type="xml">
+              <search>
+                  <field name="name"/>
+                  <field name="description"/>
+              </search>
+          </field>
+      </record>
+
+   .. note::
+
+      - The XML structure differs between view types.
+      - The `description` field is omitted from the list view because it wouldn't fit visually.
+
+In :ref:`the previous section <tutorials/server_framework_101/define_window_actions>`, we defined
+the `view_mode` of our action to display `real.estate.property` records in list and form view.
+Although we haven't created the corresponding views yet, the server framework had our back and
+automatically provided generic views. The generic list and form views were hard to miss, but a
+generic search view was also provided; when searching for properties, you are in fact searching on
+property names because it's the only field of the generic view.
+
+However convenient, we should almost never rely on these generic views in business applications.
+They are incomplete, badly structured, and often use the wrong field widgets. Let's create our own
+custom views for a better :abbr:`UX (User experience)`.
+
+.. _tutorials/server_framework_101/list_view:
+
+List view
+---------
+
+For a start, the list view could use more fields than just the name.
+
+.. exercise::
+
+   #. Create a new :file:`real_estate_property_views.xml` file at the root of the `real_estate`
+      module.
+   #. Create a custom list view to display the following fields of the `real.estate.property` model
+      in the given order: name, state, type, selling price, availability date, floor area, number of
+      bedrooms, presence of a garden, and presence of a garage.
+   #. Make the visibility of the floor area and all following fields optional so that only the floor
+      area is visible by default, while the remaining fields are hidden by default and must be
+      displayed by accessing the view's column selector (:icon:`oi-settings-adjust` button).
+   #. After restarting the server to load the new data, refresh the browser to see the result.
+
+   .. tip::
+      Rely on the reference documentation for :ref:`the field component in list views
+      <reference/view_architectures/list/field>`.
+
+   The final result should look like this:
+
+   .. image:: 03_build_user_interface/custom-list-view.png
+      :align: center
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 6
+
+      'data': [
+          'actions.xml',
+          'ir.model.access.csv',
+          'menus.xml',  # Depends on `actions.xml`
+          'real_estate_property_data.xml',
+          'real_estate_property_views.xml',
+      ],
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.property_list" model="ir.ui.view">
+              <field name="name">Property List</field>
+              <field name="model">real.estate.property</field>
+              <field name="arch" type="xml">
+                  <list>
+                      <field name="name"/>
+                      <field name="state"/>
+                      <field name="type"/>
+                      <field name="selling_price"/>
+                      <field name="availability_date"/>
+                      <field name="floor_area" optional="show"/>
+                      <field name="bedrooms" optional="hide"/>
+                      <field name="has_garden" optional="hide"/>
+                      <field name="has_garage" optional="hide"/>
+                  </list>
+              </field>
+          </record>
+
+      </odoo>
+
+.. _tutorials/server_framework_101/form_view:
+
+Form view
+---------
+
+.. exercise::
+
+   In the :file:`real_estate_property_views.xml` file, create a custom form view to display all
+   fields of the `real.estate.property` model in a well-structured manner:
+
+   - The state should be displayed as a status bar in the header and should be able to be updated
+     with a click.
+   - The form should have margins (hint: use the `sheet` component).
+   - The name should be displayed as the title of the form, should have its label on top, and should
+     have a placeholder.
+   - The image should be displayed as a thumbnail on the right side of the form.
+   - The fields should be grouped in two sections displayed next to each other:
+
+     - Listing Information: Type, Selling Price, Availability Date, Active
+     - Building Specifications: Floor Area, Number of Bedrooms, Garden, Garage
+
+   - The description should be displayed at the bottom of the form in its own section, should have
+     no label, should have a placeholder, and should take the full width.
+
+   .. tip::
+      - Rely on the reference documentation for :ref:`structural components
+        <reference/view_architectures/form/structural>` and :ref:`the field component
+        <reference/view_architectures/form/field>` in form views.
+      - Add the :option:`--dev xml <odoo-bin --dev>` argument to the server start-up command to
+        instruct the server to load records defined in XML from your filesystem rather than from the
+        database. This avoids restarting the server after modifying an XML file.
+
+   The final result should look like this:
+
+   .. image:: 03_build_user_interface/custom-form-view.png
+      :align: center
+
+.. spoiler:: Solution
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+
+      <record id="real_estate.property_form" model="ir.ui.view">
+          <field name="name">Property Form</field>
+          <field name="model">real.estate.property</field>
+          <field name="arch" type="xml">
+              <form>
+                  <header>
+                      <field name="state" widget="statusbar" options="{'clickable': True}"/>
+                  </header>
+                  <sheet>
+                      <field name="image" widget="image" class="oe_avatar"/>
+                      <div class="oe_title">
+                          <label for="name" string="Property Name"/>
+                          <h1>
+                              <field name="name" placeholder="e.g. Tiny House"/>
+                          </h1>
+                      </div>
+                      <group>
+                          <group string="Listing Information">
+                              <field name="type"/>
+                              <field name="selling_price"/>
+                              <field name="availability_date"/>
+                              <field name="active"/>
+                          </group>
+                          <group string="Building Specifications">
+                              <field name="floor_area"/>
+                              <field name="bedrooms"/>
+                              <field name="has_garden"/>
+                              <field name="has_garage"/>
+                          </group>
+                      </group>
+                      <separator string="Description"/>
+                      <field
+                          name="description"
+                          nolabel="1"
+                          colspan="2"
+                          placeholder="Write a description about this property."
+                      />
+                  </sheet>
+              </form>
+          </field>
+      </record>
+
+.. _tutorials/server_framework_101/search_view:
+
+Search view
+-----------
+
+The `name` and `active` fields we added earlier to the model are not ordinary fields; they're
+examples of **reserved fields**. When set on a model, these special fields enable specific
+pre-defined behaviors. For example, the `active` field enables **archiving** (`active = False`) and
+**unarchiving** (`active = True`) records through the :icon:`oi-archive` :guilabel:`Archive` and
+:icon:`oi-unarchive` :guilabel:`Unarchive` buttons in the action menu. Archived records are
+automatically excluded from searches. You can observe this behavior by deselecting the
+:guilabel:`Active` checkbox for one of your property records: you'll notice the record no longer
+appears upon returning to the list view.
+
+.. seealso::
+   :ref:`Reference documentation for the list of reserved field names
+   <reference/orm/fields/reserved>`
+
+To facilitate the browsing of archived properties, we need to create a search view. Unlike list and
+form views, search views are not used to display record data on screen. Instead, they define the
+search behavior and enable users to search on specific fields. They also provide pre-defined
+**filters** that allow for quickly searching with complex queries and grouping records by particular
+fields.
+
+.. seealso::
+   :ref:`Reference documentation for search views <reference/view_architectures/search>`
+
+The most common way to set up filters is through **search domains**. Domains are used to select
+specific records of a model by defining a list of criteria. Each criterion is a triplet in the
+format :code:`(<field_name>, <operator>, <value>)`.
+
+.. example::
+   The example search domain below selects only products of the category "Home Decor" whose price is
+   less than 1000.
+
+   .. code-block:: python
+
+      [('category', '=', 'home_decor'), ('price', '<', 1000)]
+
+By default, domain criteria are combined with an implicit logical `&` (AND) operator, meaning
+*every* criterion must be satisfied for a record to match a domain. Criteria can also be combined
+with the logical `|` (OR) and `!` (NOT) operators in prefix form :dfn:`the operator is inserted
+before its operands`.
+
+.. example::
+   The example search domain below selects only products that belong to the category "Electronics"
+   *or* whose price is *not* between 1000 and 2000.
+
+   .. code-block:: python
+
+      ['|', ('category', '=', 'electronics'), '!', '&', ('price', '>=', 1000), ('price', '<', 2000)]
+
+.. seealso::
+   :ref:`Reference documentation for search domains <reference/orm/domains>`
+
+All the generic search view only allows for is searching on property names; that's the bare minimum.
+Let's enhance the search capabilities.
+
+.. exercise::
+
+   #. Create a custom search view with the following features:
+
+      - Enable searching on the these fields:
+
+        - Name: Match records whose name contain the search value.
+        - Description: Match records whose description *or* name contains the search value.
+        - Selling price: Match records with a price *less than or equal to* the search value.
+        - Floor area: Match records with a floor area *at least* the search value.
+        - Number of bedrooms: Match records with *at least* the given number of bedrooms.
+
+      - Implement these filters:
+
+        - For Sale: The state is "New" or "Offer Received".
+        - Availability Date: Display a list of pre-defined availability date values.
+        - Garden: The property has a garden.
+        - Garage: The property has a garage.
+        - Archived: The property is archived.
+
+      - Combine selected filters with a logical AND, except for Garden and Garage, which should use
+        OR when both are selected.
+      - Enable grouping properties by state and type.
+
+   #. Modify the window action to display only properties available for sale by default.
+   #. Make sure that everything works!
+
+   .. tip::
+
+      - Rely on the reference documentation for :ref:`search view components
+        <reference/view_architectures/search/components>`, :ref:`search domains
+        <reference/orm/domains>`, and :ref:`search defaults
+        <reference/view_architectures/search/defaults>`.
+      - In XML, use entity references to avoid parsing errors: `&lt;` for `<`, `&gt;` for `>`,  and
+        `&amp;` for `&`.
+
+   The final result should look like this:
+
+   .. image:: 03_build_user_interface/custom-search-view-fields.png
+      :align: center
+
+   .. image:: 03_build_user_interface/custom-search-view-filters.png
+      :align: center
+
+.. spoiler:: Solution
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+
+      <record id="real_estate.property_search" model="ir.ui.view">
+          <field name="name">Property Search</field>
+          <field name="model">real.estate.property</field>
+          <field name="arch" type="xml">
+              <search>
+                  <!-- Fields -->
+                  <field name="name"/>
+                  <field
+                      name="description"
+                      filter_domain="['|', ('name', 'ilike', self), ('description', 'ilike', self)]"
+                  />
+                  <field name="selling_price" string="Maximum Price" operator="&lt;="/>
+                  <field name="floor_area" string="Minimum Floor Area" operator="&gt;="/>
+                  <field name="bedrooms" string="Minimum Bedrooms" operator="&gt;="/>
+
+                  <!-- Filters -->
+                  <filter
+                      name="filter_for_sale"
+                      string="For Sale"
+                      domain="[('state', 'in', ['new', 'offer_received'])]"
+                  />
+                  <separator/>
+                  <filter name="filter_availability" date="availability_date"/>
+                  <separator/>
+                  <filter name="filter_garden" string="Garden" domain="[('has_garden', '=', True)]"/>
+                  <filter name="filter_garage" string="Garage" domain="[('has_garage', '=', True)]"/>
+                  <separator/>
+                  <filter name="filter_inactive" string="Archived" domain="[('active', '=', False)]"/>
+
+                  <!-- Group by -->
+                  <filter name="group_by_state" context="{'group_by': 'state'}"/>
+                  <filter name="group_by_type" context="{'group_by': 'type'}"/>
+              </search>
+          </field>
+      </record>
+
+   .. code-block:: xml
+      :caption: `actions.xml`
+      :emphasize-lines: 4
+
+      <record id="real_estate.view_properties_action" model="ir.actions.act_window">
+          <field name="name">Properties</field>
+          <field name="res_model">real.estate.property</field>
+          <field name="context">{'search_default_filter_for_sale': True}</field>
+          <field name="view_mode">list,form</field>
+          <field name="help" type="html">
+              <!-- Turns out I didn't feel like being creative with the help text ¯\_(ツ)_/¯ -->
+              <p class="o_view_nocontent_smiling_face">
+                  Create a new property.
+              </p>
+          </field>
+      </record>
+
+----
+
+We now have a shiny UI to manage real estate properties, but our information model is still quite
+basic. We have a limited set of property types and a few building specifications, but that's not
+enough for a good real estate application. In the next chapter, we'll :doc:`connect properties to
+new models <04_relational_fields>` to transform our basic real estate app into a feature-rich tool.
diff --git a/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-form-view.png b/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-form-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..3bb3bd923fe8b9d9ed6a2888ca61b1a18799e046
GIT binary patch
literal 26402
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
Sz3A|$JuP)TwTcJUul^4YG;eYM

literal 0
HcmV?d00001

diff --git a/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-list-view.png b/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-list-view.png
new file mode 100644
index 0000000000000000000000000000000000000000..1fd824406657390cbe83e7d9282ff805f24d96c6
GIT binary patch
literal 16697
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
DU$Zae

literal 0
HcmV?d00001

diff --git a/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-search-view-fields.png b/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-search-view-fields.png
new file mode 100644
index 0000000000000000000000000000000000000000..3cd2ffae1c3bed5e03d5e195b49ee5e822582671
GIT binary patch
literal 7594
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%0AdR<KGIvWdcG0m>}A>pS<`A#!6~Ty5%tM@WS`-
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

literal 0
HcmV?d00001

diff --git a/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-search-view-filters.png b/content/developer/tutorials/server_framework_101/03_build_user_interface/custom-search-view-filters.png
new file mode 100644
index 0000000000000000000000000000000000000000..4011d84c2a466f58641f8c3e2b5fad0784f5b5a7
GIT binary patch
literal 9442
zcmb7qcQo8zx3?sMNQf>7lITPky+)#h;fpZ3=q;m0?<7&9Ch8zM!)OT^L{D_0j}kqI
zGI|+p81CfvJojDqz3=nS`^T(3XZG3Ue0Di|);jNBXsVErGLjMy5RidYm2?OQuEPlk
zu33}Z!2j~=m6QaY+<L8Q<Uv3{-tqTyErpMqiGbh+!3#iF`ReLwZ~tItcklG{6o<oI
zTwLt#?f;sdyS%(yLvNpB56{ld&d)EfSnTS-;pW!%#^x4!V{>gCy}GvUrfxquH7oH<
z``{3Be0+R#bcDfR4h{}5n4|rJ!;_N}%6nXxqvQSk{o~`4!^6Yf-Q8=!VRFy)=jNBR
z4DCuk*KF_XN-65B>>sSIp~ohsj!#bCMkOBh6ZnQiKi4ut)-~&yIsWV)X=v`yF@Y*+
zyhM#pP0ud;Ui<^-S=&1MncI72=9YYK@2#w^f2M8>*0BtD7YoZO8bM74hbO3Nn~(pR
zY47ZF^9p$iHj-A-?da||w{|tPb2qebNy#Xvs%eC}1)ZK@*U_8(L#UP2^}&(xgp}-p
zlFvOqhazH9zPEK{7nB0JmIFhm`lhx#ctsJSs<UUXvAIo7#X$DCo}_}#wcyau_enHN
zJkOr%&@(^&v$8fkI=1k8IW{rV*!s04)C+TT<mMY@Y5RI+Zc!d=Sl949C^UZQ&stP`
zT18de*7k06Li(4l_1(RLuHNr#pdRlc5}Lnv1-yCB^hgMIdFdS#m0MV5@X|gpEti#3
z^z7n7)4-OEN20fXcw%ZkDK(puU)sYz0%B-w@8}KIG$wf$<>V1kT>kZyi~sW8zLV!0
z7x#cOEH>FEPF6wl9Ealr$qx>Xy$OwtPs(Iq6|i>jsjh7*t3)0h9eewScJ~fsW)(TT
z4)E}KD=w>QV&Sm3ydnn65)@NF)-_g4{My>yIXF0cY2!9K_j_?_A;io_QB~JJID#!9
z<?Q5icXQ`tTJdzrSr1XMb9|zb561^X_EX;a#?H+4j`bHL{rd#}#@6MP4SXPvF-Lt(
zT^IXxySw}6*z=f<?#-j4)b!jqmvBEl*RvJB%d<tyAj#$V`t1B~zU1_y2|?^e(iQG7
zrLSK`S+9A1!Lz>UbipFdH3E0k8{-@{ir#2nTt32LPtPwh`-k4Ow*6dLy}Z0?MAW9{
z!ZE{i=R1gl)3d9~^No$ItNp#b-BTeDR+NC?0RdR)nXd2j)?9#Y(i$`IUS!P2``^8J
z_j7s_CAs3-ORZ^T37sfm3?Cdeio7bq{hqC=0pVW-!ihK?hn@Zu<||RfSJTw@FpwEM
zbE_Sm_U}|Lv-L1G*erF{nyE1Hk+&ZTP&ZR}`h&vk&j~KH$qzjE^YHSCpMc=Q2ZV2*
zKA<2Wy#BukiMR(D81?XjcCq@CmkpXZ`}L#kpgo=N*oOxU?W;>h<}zXz*EJ<Ox&ix_
zvfIm{96!z?PCubz1z1^~q(8Yv?WXtP1~CU|t^>!}bsa53QX>Q;1n>eoe?Q4W_NDzE
zsn?`{$^ho4W3U}B-L-2L(#CK$Pxx{N<~{{}o2~TBF3@>$T0qb9qc7Pe<18~QtQ!(6
zCIATXABsV|1Ps&P0ilQNjfd6xV3v?}CKPq099LI|=hTEYh-~Jwc&*^)8}RRAq0nk}
zDcI~|vwcTbz;VISrwJkx28|C>OXR9c){_UD2SAnJQXCi!a6A{v&iW&7BZEK0V&ezq
z7u$lhc<^Iwe<qAkv22kG92x+Yz4b&!{%orM6J-F(i&2Ag#i+n&?T6?tugB>ZJ1>*X
zM`66qwM)Anpy1_eCY=7Dp<k(SW83008?W|+YhVH&*@c+|D-3tMT-0P%_`F0+`v7^L
zLb>A`;f76u+sD`3PwMz!*`j<kdryf5#y+HEn>D@JMJg3&<t3;39>Xg((lLvZG7{n?
z5^P90#c@NxTY^{bih7D%tYeMsNN>Ea)_qTS5l8|h*@OrUe3Tt<*&aM>2`lCBakRfX
zgtVBiKFw+7rK8_jD0}2XO+Dd~*Vx}&THK-~GDlgrbA~*!x?6nHzd@b3-_s?vMfmzd
z#FHC&w$2!>>Je3#z7F-fV`-OR`FtWl>OmxDyuL%_J~2wC_qsQa-s!9mU(ir^YYbWo
z0)fPI-ddoIIZ>tR43|lt>od>^sSBH*Zi=>Q$o=s8vG2I`^|E4VT|qwFaxZq`14-P-
zt1-tm#R*Ag2My+Sq(!}>OM}W?GtS`Q;;e&|cs5iZSXct<%D|5jEz&u2Z?WNEnCzvG
zM;Hd4*3-7q&_Cu6d>n68`eAmy;piB0(nFI+qH*CC=RgNmt*z*M(E*wp*|3_<y(V}a
zmPu6{njF8T7P2rQHx~B@_x{6(uq{#0(0p>==!zrN#Cr)8(5WTBQXQq1M-&tkZ2*7R
z#pZ#LNw=LNSL6RFS}b=DM(TJ=?{J7Q#PkDJ$mNnxIg^x>1A5jjgtM@L%Y3WnY4`kz
z^(sB$qbp|bU?M@uCCV)|eai}{Ym)VKDBW)f;}z5qE1zIhS*d+wt4`QgQ^UUE4g|zT
zin|!N1Lh7hVQS-xV`Mg@FC~<_qjQo~S9fO;yL|fW!4p_E(273xF^WU0@Cj9&Q6M_<
z)**GU=ET)uN5s;c$y&vI|7WE(>o*arPYNoW*c7}5$gKlzXXwwvT^;XO!tx7+3o003
zn%Z!Zn;Hg0AB-IQ8`}6#Q#D+H7cw|Y!Cl2S=r6z&_bBSHS(tXrMC$?M6OT?gjsm6-
zHkeHB+sb1@C4{pQZwg?2<O|=cd+`DMoyPR?`eii@eoYaz3yX;5KYK{gV|dV3U?$R5
zoITt9gZ$+Ct;o|4JR0La?N#R%eq2vvc_%`?&yRYT)8lica$E8f>$SJB(x!rU(kfB*
z+(zw>$ReI{3T3lIa)(0*DIZKcQ#(sYCwdF0HmP~>-OQ#~bX$S>D@qf*1uP;IlwAr#
z!y*(PP$xdqmnw;Z^f7qJ$<kck4<LfB<O%~uMdjK%x1Lc%Ewr!oJuS+5q>29iX6ysW
z6>$5}Cw9g{8r?oFcRmf8o9*Xb58A+AxIcQRi4-MAF#Vp}p?IroLt_8wktWpl5vGVD
z@2L3wVl1SChb&w|T#+yhofiv<hjI&rlYE47|4i0nBm^F|Su=J>7NsXXl;@_xW7aJy
z9L0ECoOdTNTrEZI=3l;=1uwmwO|EiGenEbr$0`v4Bx(;v)Stx`7aa{xS6jocU!+qN
zhe16>=hCC!@F@8L%AP)Ipt$RB3QLi=e3;rTi1q`#(FAC2lu(K=fEc8KDG>H1?`Ud^
z3WWnKaL{*}N3w8GXgbl8VIa>rDHZx42SEZ;m<j9E?GVE28LsX9AxZ$#L7d+ZqGdr5
zMDTnaCWf!C&y3Sw9p(xLofLq7CVLjQ*ko+J&{)z54${|jUqnr^D8U~ZSS@5S0)mH^
zh<5piz)7>KJ37lwVRrnP$wgc8JobmjBg9n_IQHYNUk#AbFV$<d3YOCzb*m8*4at}L
zH(cyx;Sf5jaZX{N0uDCpn;bOwIfusf;j+HiG$Ih^Z<glcsYfc>;pAQszhP$Y<Bqm8
zy*yX8d^RHxZ5wXwO0<>sNMKHLPVE-TU#!=P=GD_A7#fi&TXf)Xq5@TM`L1z17&@J>
zyDho@Eg%gQ&o2_*fzdK>F}(^CYTlo(;A6#24(O`uRUWtu!AWHhFn3KqHLz(ZEY8`m
zOPE7&B$UK<M&oGEnuOM=Y}o4#yS@>?%)2P8?3H8onn%ujd43_Pj+s;9E*qw$zOi>S
zIvZr1A^w=%r-~s@XEy55z#JStPqpLenfN)&*Ud0ofF#fKo8QvR@vdR;6CaWB5s8sz
z+UXs|b?eess-Y$?`R~+t83NB6zWA3eq&y7oG9Ce&eF-jKHG~Oko~bp1##2&i@&V^&
zRIC^Yb4Qmqv2=-7vez*Q40>gLbs%9kE03ey@Y&ARe_Qu8Q{{CeDwTh`%dSB4q$Lw^
z$3W7VZh}pUIXX(G%$CmmcUIwk1Hm=qwzL+yG33}LIyNZiNRr;`cRF{!4&|0Z-W`*%
z__D{S+Un}u$Z`#G6^IW~zD$Y}zD{U~UHz>cADuds%!1iAE&}Yj<-!ojvtmX!hLu(;
zon^punj$@fHJjxAn7|_*my-mcxr|BMXJKf8>J()Qs;sO)_>Ag8=~tpd_(mi}U*|SA
zg)2qJET%!CXloW3?qDVkHDM4?nfkTp@^DV5L)bZYCi`(x%A!t)KFS{0WG0XFCxNWq
z|LvO!Wv!J=xSfucp#Nik6^~5_R`)6`HZ?dSyMuDqc^(0!)%zmk98L@w4ZP_g?XRxR
z+vvtYTK0uVVtKsHP{H&hKe=B6ymFtEfq@kG7AIN~O(TSwYkLTkeVfc>EkldI6^Vix
zzR)>)bM}H#dHS};HpFkipaY1Z(%wSMj0pW7iQR7@^kNomx0^)<iv86jATrr2*_q-m
z4x79`Rdf?s3N^P0Gb1PLiE)~<X>-wcAB>d+RprZc@Ilz-Rps5q^dO;lP+5Q(H_AsI
z_bE-qz4yNhE5D)^gV65eE_fAR6*ghv7i|)R<>v<4&c7~&a(HCeGqg)4q<`B<mm%KO
zg*kLJlPFt!MW{WXFLZHhM$p5VC8=y*03KhmGAh0q_gHUqsI1qPnQ9#yh;?^~9!#qO
zpO@kRtC~r~Grp>ca`Ch(Aar}%$ZnR)0^a&LHD~Lpp$xmkQ~gI?roBcUe#4~HiP#ia
z8$;cWC2`Ph8mND3S6bmdwybt?ljke>u6<Vz)mtIlr$_#5;>YG@u<0-LqhJtO^%9)L
z?6x1E{<;}bK!RK{tEuYyJbs@Ef?2Jhgtb_TRy+gwCm{^fOh1fHuv(>e{o-%%uhIPu
z^tOS`a8rn@uRc2<XH%d1R~%2jAe9ijZm*a!N|2|Nd{NhlGA%-@{C=hOI=!~qW0OtX
zvic~tNXZL4B%~M4?IqDE<^Pih<yTYqs#*r4;{YIqwwa~QR~%EK&Qr&cS7`a9+N(#~
zvuQy;L~nf%J6T%z*w(yuKZiO5hkHFJm$rF$K9?0jH)~G!Mo8iU#ndf$d75?|zK4xm
zb47lYu=WlPybO(LWwA8CF0}5SnV%ZS$QN(+#^eMh$jN_MYtyoMhi;v}8kpSs^J8Hl
zBrzIY%W5hce5rnnOV~L}*UckDmG9qX4V=1mb-LHKe|rI^KlhRgp5BVxy!FD&pVIm2
ztn{~*IqggTi`^P8{%`3SF9W((^0$9X&Mvy%&E_8bc4Vn$K>Gy@vd#Ixd%B##x?;kN
zQenNixah2?9)VvEhkIF*X3|4W7sqRSnx)|xx8+~?^r<mfH9&=wouhb+-%nFOI%q)3
zeA-M_(faw~f4>7GYGV<w{FEpjt7tqMNmcU@{>qlovhQZNw4Zy+jS3~_1L{do$bn5z
z&`nt@wyoy<Rg=bHwJ}b4x5jz@!?-zyg=fJ3QCOk$S7B{0C~hJ@1zkCy#})t(N4ZyE
z>H;A|pqs-qE$e(S(dG>Bl`suG1g%W>%v_LHbQeZDDHRlN|F+?!&bP+}F9Bs|Cao$<
zWeW!e7M5(yighlD;wDIR7cyQ-dSaF^lM13ev)YCE+8sg%8h7h1mnNp3A$|dxWRWN#
zsHMEiKaiWF5)f$j>^pLNNj#aiyN^%tdb($eWY#7#GScTZLlmRaBwb1@qJ)3lVkg{U
zRz)i&a{Zp8x97qVFXzlw?AmY28**Zs-_c*oA{Red4r}u`?20$cDHe0XF*g>2y}YIc
z3Wz!!TCDRdcfJkKMLddZ-n3h(i$dGC@}J`HGu->4yq}-$O1oForFBj?_bu{z7F@Ho
zdEbsq1Z8h>1$P=wIj@3sS;t>ha~2$}a5yV;ZB#<DHX%IsAlfFDB{e<C@;|l+QVOWA
zKQB|C`Kk9w1Z_wEv;#S|eL(-Nwxm7dp~GYZt|(qR8d~wZeaAQdp}C~Y;nVU}nN_Az
zZ1YN;=?l-Hm5q}pht9OAx^6rT+5i`;xh+q#r;5Mx#&l_G{yRIWLRji8+8x#Y&MfE8
zTx|E@?UWijDBq7(<+B?xInF7Ahi_pY_J?D3=tc`H@DUMRp|m#(q;tpkEVvX}_q+?`
z$Nv|yyL$^z|Mf|qYh=(4KF|wZV4WiVDbF|!S`eZ!qT#}kx-Ut6s+Lujkj;1^@a-y+
zy{N4QotQ&K8US{tg8cIDP>t5h6`_s*JYdHjs^>IFMu9usF}kwpK8*vMk>TCCMG0l&
z4#M#Dlqa9JU$=tQ`43GaH~5CtO3EdrR2{QqH4!jQ<k$4~UF`6LN?3-Oy8dlu53<nJ
zjvBQ1!KZ;CBh3P)9L(o=!Eechx}PvNfkqD4sHNwdWW5iDB@swBm@(!up4?B?_o&U)
zD%<d_C5ZVTm0#=yFclk(s4V0$Uz8{;sbvW|y7YHQcX>YUlTPksU0w-JrE8n>l_}Nu
zp*uEc_fn}ktnbs_x6Mw6D(lL{kLiT)v%+P+)+ZbzX>QJa?*7F37Q6sfB?-1V8lu5I
z4ZM5-2H}!zz6(|H4yw^o6UqdbObd~{&;YFnXB&TTHIAuu7n9TZS=*V(bkar_v_y0<
z_uQpoX3C4tc9b3&1DoKKj{&QP8uEMhi+Q58nk3<0u8JP#T?QP{`&e+mh1AksIGk4y
z!tbV+eg)wy)XC9~w_gCClMK7844NbZJ+wjk@n+=p5g1yE!!R`;&7%Q39|%wn_^}Jw
zZR-ld-_;hWn#3p7I63S=YR5e5%adAdY_-%67g!!Yp%dnB*BukEVieUd<a_03i}0AZ
zM^V-pUmuYk6!FRkqYT1b%}T6*=H~xcSb1hsfaI7by3|)otg=8Z2dV9j9^Tjx!+SNw
zIw1WCKZY3%>1!B_$n&+lYbH%WhCNT~^UCCM*U#}TP+AuZsGEdE#WYs@sucGo^|`kl
z7crUFPa(J;RtSrpRtB_aXTCAO+kd?(9njFd&3s74Ix!8aH+YXwpmu<iN_NovZDt$}
ziuj(?L4)sP|FH-D&pn|3)F*4>EHf%*kt}@OBstZTkoy`djw`9v!p!eeQ&!mEQHb)2
z@&~NfT0I6*%t)9RAh5Xw#X*_F2XJ&Wn$Uxyny4aoJKGdiMbP7K&(a}k3L1z>cvgEU
zaH7{&)B|hsSp_ozAb~Mb;K$@`bKkJfR~a*Znnmsws=wrR;STbdl-Yd<zYZ7MPO9R(
zhDy)H3rt~PEhmGOKIk{mFt~;PPdnQUKj1Ff^k6=n7^GnWSdPs;0fQ<wWMA6$5E||F
zhr-~3a7Op|%Q0i*hNIRs8@zg}j0hMh&(J{S<{5Lcc&2!VXOdyPe88JVMrD8!!eBCG
zUnUn0d-N~(C?Opf280w$avNb%a}N*XXBtSH6q5rJl~M4}ZzVVQ$sL<-!r613gEM%z
z1N>m*Fz@1I=ICt`GDy{F`EA}Fv@O4}x@v)+Diu5>=IEV%er;MP)V9F-h+~fzrWS2r
zwehICZ?K<35&8gLvTbWMEi-Osk>liOdu9BUJM4H?Mf85cB}2_evzS!!E~iyWRT@Vx
z8i>N3+x_HkHlDCR#FeyMo0OeA!dfg08I`H=E^c;-w*Og}R;E0vy%u}#Dakg^fp3p7
zEBn!lX+xhz&4v2=D8GTF`5xJ)TmDoilYMB_0A<1RuMkFM4>I&wo**R((<bWh$BMXJ
z>UOi*%GD@y6o;=(5?7BFcCmB?R-F_aLR|t(u){65sb*d$wXjF8GD-z$uB&&5HVYk%
zXk)~ah%2zp46){S@TR}fcu3BA$-;|55itD#OK?u(eMlZzBmyrrEfu#^m;gIKaI^)1
zPw&`BXH;+)S-sMFtCHeZD%7a;9TRKD@dNpx9T}-hbpG%?8gYvJ716FsrR*{A>G}RN
z4Tx69i}hUW)L43%c-0|*I#14sB{Jf-C?a>c;tkZT)v({n82s&ZKnv#rk`Og=daFt!
zE^C!TTXZtxc$tb6M4ObCf%AJXs=(#SNsI@o_u!t80OG#==GR?qV2)U!;Nu6piiY+v
zA$7`6uR8(=0n<FjoM6HZaZRcw=alCoN_^Tg(jYG?m*Hv40)r9>ISlYu%jrk1JBKV{
z1<nx@ypY)d0;<lf_UDmtp?VA-Y%7-nmRxsb(CNcO8(VM}D2)bw@@TGB(R$2Q{Y7{{
zoJ9ecOnfpr2EDr!6*~PV4*GdI{~4cl<^@;KKO@TDapj*0=AWwmr^5fAG3Ni;gN`Ui
zrjlxu;Zs?+R-cZ3UnT3<=<`9{1Ni5ADA7Pq!|MHEHQ?*Jc>%~{d*vHmXI~ove#ubR
zY3V(JGj-D}D{v%vF6Yt0G|5GYUal0-I{xtdJmH4<uAq3^sv+3T>Lqt<bsBKdrASa=
z*46If>9)>jjogC?e6XJVIOCd|cdz!Y46GFVf?DCWC|!-)b&Hsxa`BDm`#XDVJ2lJj
z;=oqT98<YFK9RHW8vx7pDwQgcvNF(Wbe|{`0AE?}x&%*uJCuwMxpghjP^p10LcN5S
zy!OYVnkX{ss2qpaZjVF1Ka{=4Me%@<B9i<2^Jp-Xpp#NbHLBfAp~G2k<hk6+Xk=@s
z{M(TH(ZSH}h-CH|&KQjooQx1Vp+rugSq6hd(!%7t?|Se4hK1v21BZ*n3*eWPG*u!5
zFrglC$;$K?Tq%Xdc-`re3mvU2p9?6(aJWKOrOs;YTn{(YIl3#Q^iy{$iM`c;?Yt79
za5O7obl#VH*#}0CE3rrVj^vn04~Xu_^O|9nU2yl&HMJa)YG;_;Iq{a`=e;vPT+r=f
zy7~2-0dsy3{~cxA_i2#C-mkYjK!vTVED~L_qhUW+6o8uVhr;i^b8z%}i)OPvd7NYC
za`0&5(@tPV6H2dtuDb1<4ppCf?~1+YoCb1BGia}F{4?M7niDC+kye65cnS@0g>u02
zC^zZFc(*wre$Da~`tR+8gS_9N_sUhLo01J!GYRJ)bg16B>yYI@6Pt!}^R2T>9lu^>
zR(QDHtS@)7iL3CO;cMFT9li;($7E^~R;8`hYIBKZ)*^XGhnJWNG7>GJl<oOdYCuBv
zu4jL@#*$VVj8Rcr{#$88nFT4Tjn_qXj6z0rr^2_hDu1<$jvs!+XZ$Bvw3#dN=UJ5j
zb2X)NKQouD2luAqE7c=gw(Rv?*ppjZl|J)iG%)ElMX>qPRv%U3iSE?Ow21s*-=IMg
zZrF4ga(}oz&DhCTqYw(pt=}~?cLtZ;s4~bJeX<mL#$_uHqKK9GvltDZPi|=Ut5FZ`
z*6qsSkbT>J9<DL(m?N**;fTq6D+3y6_P65Z-NjfM*Xsr6gMx*^c>qgN2&@frRj3Bj
z;h4H~0Jhhn5Q$E-{bRugalF0y!SIpc<*@^HpjW>auus{(n4_nJC04vkZ`r5Grb+A#
zJ66|cm!MHyi5{Y?le_zki+T0%$9o=Py~GMxfX!Ha@vGz1E!SM-rp3XnZ@ByW6T_>&
zuz_aNDHDVA*|PuaGDy?9_+9D_Y3gcMIQHo1?Ur7$AF61beX?GxR-N)5E!fpvncFj$
z^2P*>giQ}os?dGXEM6P7YVdrTV#9YA<y&fewSL&6s8zV;n2EsKaB71|PP>5S81nG)
zk<hGzHmm8Cu>^6*xztjL7>ovP!zTzi(=-C?c76X$h9kN%|6%=XzkIni?JC4!lAhj&
z{eVJLMwcUQR4q!!K=-AVrdtdhrfx#2Q!;t<63O7YU~$;Li4F%~sV4pxJ_|gSe~DU(
zO(-7Oe~4Zi-d>|5kbYaamXzFnDBS8E`xLL_eG&EEV|qL6;DBEV9`1I`T;|~mjw#-7
z^i<}dD4G0D^I?6@L=1GGncqE`oRiKR!ZFp?f!P}Ht93W`G0mX@7aPlnXnu@k)M!Y<
zYp}KQKVFsX>T~LIbk<<sO<sKq`nXH23$Aqs$$5BW=g^0~RZ?Y4k>Et#>O_08@YUgi
zykhxRrmQ`y^*HiRwy=xvw!V0*hJP(y-M?7DI4-t_P(v6fUEi-I9}niozuq|s?vC?E
zV7_j68XSMzIe}WVdf2_gr-}gF-eph(%k3?Ti@VHr0F4BcydUc*&f2(x53>^>j|_f|
zKLl?E8aOa^kycExDSHLi3dnM}5XbYE1hIc1#bb$gOsGh$`UegCACk=5O9ZL@@ee5t
z;{ouiQg$W)L4^-NZOnJ%&XNGkUHq@W|JwPlDAgud^s!S{>%Eo?NCf|+H^|H=a}dNS
z;f*)FmNzY}aByiL{U7T8E#zT~^<S$y396SeRmbO;49dIHmc{gkh<SSv5`TulbacV@
zwOtG8hADDLwH_gg>BjpBAEBV`cRW*rS?JN@WOI2@=iR}(F-o{Y2kXWqA5QpvqRHJF
z|Bn+EZVu?};;If#px1j4D7#^uw#pSNvOe39kcio`398xd(_Jg)ausqm8E!qk$Xps5
z?d<S(r-j?d*u$mt3a!UmhFOp41+kg9RW}X+vA2bCHORiC<$SH$Lwjjqj)Ma4n(v}s
zWj&tg@3PNRSF-h;wfMKi!`hOa*7`jIpMfSClu>zS(SXnM{^ieop}Vy)5Or5xEeo|;
z4|_%<@k@q4^OD!%%m*z4x)G0l1meAwPni6NyOD5@m6*PZAMS_a*PZu@M&C{N%$fpE
z-6>q{3Vwq>c?w#is9SQZ8%}!l8TnIQh*_=^2^Q(vnu4ec4iP03o9k=iu{+|Y`TsAV
z(0>)(Eqv@}IxYM9b^aam|C}WMtsh@{|4J%+N&Zuyycy6j1K+Bi;!}Rx9ef}!i2<3W
ziK=m2i@BKi<)XpCSwi7SsxDU<J_&Q)q2H$$xr$Vz-_O45B;ImFHduMmWc=$>>?pEo
zTL|XOw}7wpC)ZF(BI*lP4M(pYByIUm<04_+vnYeOeSD@K_rmDxQu{i-i2s>Pk7s%1
z&|`&dwwg1|_=T1E<GR3(+)I@_Lao#-kxGp>sgA1-BWnGr5i%-ts93L&Rx^uIZfx1w
zMOCN-){^@}pEd_@b<sb{)m;`^(QJm;k31Byj6tiaYJ!|Klp2pj5dZNKpOBKeFxAi)
z(0`9^HFagrz&b3gR4e}N#*%t%n4zJ^1E<WZ%JLfw{AQTqG)<AX^Mq)6+_&@UD4)*z
zeICgN=!Hhp28lTykeC2g(e0z#N}jJw2^E}G?5iiraV~SPLHz{YoQ?um3CAZkuA@}C
zD9mzJh3r)j9u0?-F=z*C>t)wsn6zxSW-(;y4G$piZHMU9w3lXh3?ef+C>*(0RxFY-
zd5&^OdBusc=Yo+BMHedC&t{s5q&rYr|AyWMEU{H0>ZryePE_1YgOBJIVM`XK<nm74
zknZFLj^?h5(Z5%7`@s|Vrn_Rj<x9+Y`PDtV&_@w<CM)9JX4=n^`eU=d@;i~i$}zJE
z@RL8UrR0xG6~*)8>X!?h$Zdnj$Pg_~9n?XrsJsxdF=FgVOJZes|8q|wxXt-`deOmN
z5gn5mHPrads~wq%G?USdr(1f($OK92OYoG|9l~XDzi;^niK3m?X4{D;AdMaDpGvIc
zOMcVKGxQyxx2u2)e;fRhl7G_|-?~f$<7n|OX9EAe1;95u{3ZO~Julfw$hOL&?;Q_d
zL>~@i0*q3+k!0}4uxi7cWW){)yu8nL+Vkjk3{(Wq>O)T1Okamg+_W^l3DLI|u8{6U
z(!tBsY>Wdk&>XO8-UM{fb(ElGU&B3M;N*o|+8M-BZ=zw=x+Sz4W?YP7s=288!t03U
z9!Ns`K)xPt9fkZnOV$IgjZSCt(V^(hMw_I>vgX$j)>XWAN3%jHbm`L}6${6Z_7uLH
zAaQA|j|VQaQ+m?2o{1T!72y3k^y!@&+Ma1NPg6-LR0KQ~ze33aWZjf*?Ar#DX<75s
zSI+M)58TDs3uSqb7KcT%s5!@Oy%9~p!dl`}Js35wjTiFjL5N3R^nq}1piSU<h{8?1
zB2xFDr)ot{;9Z_lHH}&&Y~{Q)GQV%=G@e4B!bOm$Vu+C!4%VnSGF619u&L%PTHO@h
zzMI#fyw2SxLp-_JmU@V2g5i$>ML%dX>2*DM^(f9bbhw@6gW^dwVwl$O?~@1!z{;9R
Jl?oQ`{tHHR=Q98R

literal 0
HcmV?d00001

diff --git a/content/developer/tutorials/server_framework_101/04_relational_fields.rst b/content/developer/tutorials/server_framework_101/04_relational_fields.rst
new file mode 100644
index 000000000..83e50beec
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/04_relational_fields.rst
@@ -0,0 +1,996 @@
+==================================
+Chapter 4: Extend the model family
+==================================
+
+In Odoo, data rarely exists in isolation. The true power of an application lies in its ability to
+connect and relate different pieces of information. In this chapter, we'll explore the three
+fundamental types of model relationships in Odoo: Many2One, One2Many, and Many2Many. Mastering these
+connections will allow us to create rich, interconnected data structures that will form the backbone
+of our real estate application.
+
+.. _tutorials/server_framework_101/module_structure:
+
+Module structure
+================
+
+As our `real_estate` module grows, you may notice that we've already created a dozen files for just
+one model, along with its menu items, actions and views. With more models on the horizon, our module
+directory could quickly become cluttered. To address this potential issue, Odoo provides **module
+structure guidelines** that offer several benefits:
+
+- **Improved maintainability**: A well-organized directory structure makes it easier to navigate the
+  module and locate specific files.
+- **Scalability**: Proper organization prevents the module from becoming cluttered as it grows in
+  complexity and size.
+- **Collaboration**: A standardized structure facilitates understanding among contributors and
+  ensures easier integration with the Odoo ecosystem.
+
+.. seealso::
+   :ref:`Coding guidelines on module directories
+   <contributing/coding_guidelines/module_structure/directories>`
+
+.. example::
+   Let's consider a possible structure for our example `product` module:
+
+   .. code-block:: text
+
+      product/
+      │
+      ├── data/
+      │   └── product_data.xml
+      │
+      ├── models/
+      │   ├── __init__.py
+      │   └── product.py
+      │
+      ├── security/
+      │   └── ir.model.access.csv
+      │
+      ├── views/
+      │   ├── menus.xml
+      │   └── product_views.xml
+      │
+      ├── static/
+      │   ├── description/
+      │   │   └── icon.png
+      │   │
+      │   └── img/
+      │       ├── coffee_table.png
+      │       └── t_shirt.png
+      │
+      ├── __init__.py
+      └── __manifest__.py
+
+   .. note::
+
+      - The :file:`models` directory contains its own :file:`__init__.py` file, simplifying Python
+        imports. The root :file:`__init__.py` file imports the :file:`models` Python package, which
+        in turns imports individual model files.
+      - Security-related files, such as :file:`ir.model.access.csv`, are placed in the dedicated
+        :file:`security` directory.
+      - UI files (:file:`menus.xml`, and view definitions) are organized within the :file:`views`
+        directory.
+      - There is no :file:`actions.xml` file. That is because managing actions is easier when they
+        are defined in the same file as the views they're linked to.
+      - The app icon resides in :file:`static/description`, while other image assets are stored in
+        :file:`static/img`.
+      - The :file:`__init__.py` and :file:`__manifest__.py` files remain in the module's root
+        directory.
+
+.. exercise::
+
+   Restructure the `real_estate` module according to the guidelines.
+
+   .. tip::
+      Use `[CLN]` for your :ref:`commit message tag
+      <contributing/git_guidelines/commit_tag_module>`.
+
+.. spoiler:: Solution
+
+   .. code-block:: text
+      :caption: Module structure
+
+      real_estate/
+      │
+      ├── data/
+      │   └── real_estate_property_data.xml.xml
+      │
+      ├── models/
+      │   ├── __init__.py
+      │   └── real_estate_property.py
+      │
+      ├── security/
+      │   └── ir.model.access.csv
+      │
+      ├── views/
+      │   ├── menus.xml
+      │   └── real_estate_property_views.xml
+      │
+      ├── static/
+      │   ├── description/
+      │   │   └── icon.png
+      │   │
+      │   └── img/
+      │       ├── country_house.png.png
+      │       ├── loft.png
+      │       └── mixed_use_commercial.png.png
+      │
+      ├── __init__.py
+      └── __manifest__.py
+
+   .. code-block:: python
+      :caption: `models/__init__.py`
+
+      from . import real_estate_property
+
+   .. code-block:: python
+      :caption: `__init__.py`
+      :emphasize-lines: 1
+
+      from . import models
+
+   .. code-block:: xml
+      :caption: `data/real_estate_property_data.xml`
+      :emphasize-lines: 3,9,15
+
+      <record id="real_estate.country_house" model="real.estate.property">
+          [...]
+          <field name="image" type="base64" file="real_estate/static/img/country_house.png"/>
+          [...]
+      </record>
+
+      <record id="real_estate.loft" model="real.estate.property">
+          [...]
+          <field name="image" type="base64" file="real_estate/static/img/loft.png"/>
+          [...]
+      </record>
+
+      <record id="real_estate.mixed_use_commercial" model="real.estate.property">
+          [...]
+          <field name="image" type="base64" file="real_estate/static/img/mixed_use_commercial.png"/>
+          [...]
+      </record>
+
+   .. code-block:: xml
+      :caption: `data/real_estate_property_views.xml`
+      :emphasize-lines: 4-15
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.view_properties_action" model="ir.actions.act_window">
+              <field name="name">Properties</field>
+              <field name="res_model">real.estate.property</field>
+              <field name="context">{'search_default_filter_for_sale': True}</field>
+              <field name="view_mode">list,form</field>
+              <field name="help" type="html">
+                  <!-- Turns out I didn't feel like being creative with the help text ¯\_(ツ)_/¯ -->
+                  <p class="o_view_nocontent_smiling_face">
+                      Create a new property.
+                  </p>
+              </field>
+          </record>
+
+          [...]
+
+      </odoo>
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 2-10
+
+      'data': [
+          # Model data
+          'data/real_estate_property_data.xml',
+
+          # Security
+          'security/ir.model.access.csv',
+
+          # Views
+          'views/real_estate_property_views.xml',
+          'views/menus.xml',  # Depends on `real_estate_property_views.xml`
+      ],
+
+.. _tutorials/server_framework_101/many2one:
+
+Many-to-one
+===========
+
+As promised at the end of :doc:`the previous chapter <03_build_user_interface>`, we'll now expand
+our app's capabilities by adding new models to manage additional information. This expansion
+naturally leads us to an important question: How will our `real.estate.property` model connect to
+these new models?
+
+In relational databases, including Odoo's, **many-to-one relationships** play a crucial role. These
+relationships allow you to link *multiple* records in one model to a *single* record in another
+model.
+
+In Odoo, many-to-one relationships are established by adding a `Many2one` field to the model
+representing the *many* side of the relationship. The field is represented in the database by a
+`foreign key <https://en.wikipedia.org/wiki/Foreign_key>`_ that references the ID of the connected
+record. By convention, `Many2one` field names end with the `_id` suffix, indicating that they store
+the referenced record's ID.
+
+.. seealso::
+   :ref:`Reference documentation for Many2one fields <reference/fields/many2one>`
+
+.. example::
+   In the example below, the `Selection` field of the `product` model is replaced by a `Many2one`
+   field to create a more flexible and scalable model structure.
+
+   .. code-block:: py
+
+      from odoo import fields, models
+
+
+      class Product(models.Model):
+          _name = 'product'
+          _description = "Storable Product"
+
+          [...]
+          category_id = fields.Many2one(
+              string="Category", comodel_name='product.category', ondelete='restrict', required=True
+          )
+
+      class ProductCategory(models.Model):
+          _name = 'product.category'
+          _description = "Product Category"
+
+          name = fields.Char(string="Name")
+
+   .. note::
+
+      - The relationship only needs to be declared on the *many* side to be established.
+      - The `ondelete` argument on the `Many2one` field defines what happens when the referenced
+        record is deleted.
+
+In our real estate app, we currently have a fixed set of property types. To increase flexibility,
+let's replace the current `type` field with a many-to-one relationship to a separate model for
+managing property types.
+
+.. exercise::
+
+   #. Create a new `real.estate.property.type` model.
+
+      - Update the :file:`ir.model.access.csv` file to grant all database administrators access to
+        the model.
+      - Replace the dummy :guilabel:`Settings` menu item with a new :menuselection:`Configuration
+        --> Property Types` menu item.
+      - Create a window action to browse property types only in list view.
+      - Create the list view for property types.
+      - In a data file, describe at least as many default property types as the `type` field of the
+        `real.estate.property` model supports.
+
+   #. Replace the `type` field on the `real.estate.property` model by a many-to-one relationship to
+      the `real.estate.property.type` model. Prevent deleting property types if a property
+      references them.
+
+   .. tip::
+
+      - As the window action doesn't allow opening property types in form view, clicking the
+        :guilabel:`New` button does nothing. To allow editing records in-place, rely on the
+        reference documentation for :ref:`root attributes of list views
+        <reference/view_architectures/list/root>`
+      - The server will throw an error at start-up because it can't require a value for the new,
+        currently empty field. To avoid fixing that manually in the database, run the command
+        :command:`dropdb tutorials` to delete the database and start from scratch.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `real_estate_property_type.py`
+
+      from odoo import fields, models
+      from odoo.tools import date_utils
+
+
+      class RealEstatePropertyType(models.Model):
+          _name = 'real.estate.property.type'
+          _description = "Real Estate Property Type"
+
+          name = fields.Char(string="Name", required=True)
+
+   .. code-block:: py
+      :caption: `__init__.py`
+      :emphasize-lines: 2
+
+      from . import real_estate_property
+      from . import real_estate_property_type
+
+   .. code-block:: csv
+      :caption: `ir.model.access.csv`
+      :emphasize-lines: 3
+
+      id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+      real_estate_property_system,real.estate.property.system,model_real_estate_property,base.group_system,1,1,1,1
+      real_estate_property_type_system,real.estate.property.type.system,model_real_estate_property_type,base.group_system,1,1,1,1
+
+   .. code-block:: xml
+      :caption: `menus.xml`
+      :emphasize-lines: 3-9
+
+      <menuitem id="real_estate.root_menu"> <!-- truncated -->
+          <menuitem id="real_estate.properties_menu"/> <!-- truncated -->
+          <menuitem id="real_estate.configuration_menu" name="Configuration" sequence="20">
+              <menuitem
+                  id="real_estate.property_types_menu"
+                  name="Property Types"
+                  action="real_estate.view_property_types_action"
+              />
+          </menuitem>
+      </menuitem>
+
+   .. code-block:: xml
+      :caption: `real_estate_property_type_views.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.view_property_types_action" model="ir.actions.act_window">
+              <field name="name">Property Types</field>
+              <field name="res_model">real.estate.property.type</field>
+              <field name="view_mode">list</field>
+          </record>
+
+          <record id="real_estate.property_type_list" model="ir.ui.view">
+              <field name="name">Property Type List</field>
+              <field name="model">real.estate.property.type</field>
+              <field name="arch" type="xml">
+                  <list editable="bottom">
+                      <field name="name"/>
+                  </list>
+              </field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: xml
+      :caption: `real_estate_property_type_data.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.type_house" model="real.estate.property.type">
+              <field name="name">House</field>
+          </record>
+
+          <record id="real_estate.type_apartment" model="real.estate.property.type">
+              <field name="name">Apartment</field>
+          </record>
+
+          <record id="real_estate.type_office" model="real.estate.property.type">
+              <field name="name">Office Building</field>
+          </record>
+
+          <record id="real_estate.type_retail" model="real.estate.property.type">
+              <field name="name">Retail Space</field>
+          </record>
+
+          <record id="real_estate.type_warehouse" model="real.estate.property.type">
+              <field name="name">Warehouse</field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: py
+      :caption: `__manifest__.py`
+      :emphasize-lines: 3,4,7,9
+
+      'data': [
+          # Model data
+          'data/real_estate_property_type_data.xml',
+          'data/real_estate_property_data.xml',  # Depends on `real_estate_property_type_data.xml`
+          [...]
+          # Views
+          'views/real_estate_property_type_views.xml',
+          'views/real_estate_property_views.xml',
+          'views/menus.xml',  # Depends on actions in views.
+      ],
+
+   .. code-block:: py
+      :caption: `real_estate_property.py`
+      :emphasize-lines: 1-3
+
+      type_id = fields.Many2one(
+          string="Type", comodel_name='real.estate.property.type', ondelete='restrict', required=True
+      )
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+      :emphasize-lines: 5,14,27
+
+      <record id="real_estate.property_list" model="ir.ui.view">
+          [...]
+              <list>
+                  [...]
+                  <field name="type_id"/>
+                  [...]
+              </list>
+          [...]
+      </record>
+
+      <record id="real_estate.property_form" model="ir.ui.view">
+          [...]
+              <group string="Listing Information">
+                  <field name="type_id"/>
+                  <field name="selling_price"/>
+                  <field name="availability_date"/>
+                  <field name="active"/>
+              </group>
+          [...]
+      </record>
+
+      <record id="real_estate.property_search" model="ir.ui.view">
+          [...]
+              <search>
+                  [...]
+                  <filter name="group_by_state" context="{'group_by': 'state'}"/>
+                  <filter name="group_by_type" context="{'group_by': 'type_id'}"/>
+              </search>
+          [...]
+      </record>
+
+   .. code-block:: xml
+      :caption: `real_estate_property_data.xml`
+      :emphasize-lines: 3,9,15
+
+      <record id="real_estate.country_house" model="real.estate.property">
+          [...]
+          <field name="type_id" ref="real_estate.type_house"/>
+          [...]
+      </record>
+
+      <record id="real_estate.loft" model="real.estate.property">
+          [...]
+          <field name="type_id" ref="real_estate.type_apartment"/>
+          [...]
+      </record>
+
+      <record id="real_estate.mixed_use_commercial" model="real.estate.property">
+          [...]
+          <field name="type_id" ref="real_estate.type_retail"/>
+          [...]
+      </record>
+
+.. _tutorials/server_framework_101/generic_models:
+
+Generic models
+--------------
+
+In the previous exercise, we created a many-to-one relationship with a custom model within the
+`real_estate` module. However, Odoo provides several generic models that can extend your app's
+capabilities without defining new models. These generic models are part of the default `base` module
+and are typically prefixed with `res` or `ir`.
+
+Two frequently used models in Odoo are:
+
+- `res.users`: Represents user accounts in the database. They determine access rights to records and
+  can be `internal` (have access to the backend), `portal` (have access to the portal, e.g., to view
+  their invoices), or `public` (not logged in).
+- `res.partner`: Represents physical or legal entities. They can be a company, an individual, or a
+  contact address.
+
+.. seealso::
+   `The list of generic models in the base module <{GITHUB_PATH}/odoo/addons/base/models>`_
+
+To make our real estate properties more informative, let's add two pieces of information: the seller
+of the property and the salesperson managing the property.
+
+.. exercise::
+
+   #. Add the following fields to the `real.estate.property` model:
+
+      - Seller (required): The person putting their property on sale; it can be any individual.
+      - Salesperson: The employee of the real estate agency overseeing the sale of the property.
+
+   #. Modify the form view of properties to include a notebook component. The property description
+      should be in the first page, and the two new fields should be in the second page.
+
+   .. tip::
+      You don't need to define any new UI component to browse the seller you assigned to your
+      default properties! Just go to :menuselection:`Apps` and install the :guilabel:`Contacts` app.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `real_estate_property.py`
+      :emphasize-lines: 1-2
+
+      seller_id = fields.Many2one(string="Seller", comodel_name='res.partner', required=True)
+      salesperson_id = fields.Many2one(string="Salesperson", comodel_name='res.users')
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+      :emphasize-lines: 3-18
+
+      <record id="real_estate.property_form" model="ir.ui.view">
+          [...]
+              <notebook>
+                  <page string="Description">
+                      <field
+                          name="description"
+                          placeholder="Write a description about this property."
+                      />
+                  </page>
+                  <page string="Other Info">
+                      <group>
+                          <group>
+                              <field name="seller_id"/>
+                              <field name="salesperson_id"/>
+                          </group>
+                      </group>
+                  </page>
+              </notebook>
+          [...]
+      </record>
+
+   .. code-block:: xml
+      :caption: `res_partner_data.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.bafien_carpink" model="res.partner">
+              <field name="name">Bafien Carpink</field>
+          </record>
+
+          <record id="real_estate.antony_petisuix" model="res.partner">
+              <field name="name">Antony Petisuix</field>
+          </record>
+
+          <record id="real_estate.amyfromthevideos" model="res.partner">
+              <field name="name">AmyFromTheVideos</field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: xml
+      :caption: `real_estate_property_data.xml`
+      :emphasize-lines: 3,8,13
+
+      <record id="real_estate.country_house" model="real.estate.property">
+          [...]
+          <field name="seller_id" ref="real_estate.amyfromthevideos"/>
+      </record>
+
+      <record id="real_estate.loft" model="real.estate.property">
+          [...]
+          <field name="seller_id" ref="real_estate.antony_petisuix"/>
+      </record>
+
+      <record id="real_estate.mixed_use_commercial" model="real.estate.property">
+          [...]
+          <field name="seller_id" ref="real_estate.bafien_carpink"/>
+      </record>
+
+   .. code-block:: py
+      :caption: `__manifest__.py`
+      :emphasize-lines: 3,5,6
+
+      'data': [
+          # Model data
+          'data/res_partner_data.xml',
+          'data/real_estate_property_type_data.xml',
+          # Depends on `res_partner_data.xml`, `real_estate_property_type_data.xml`
+          'data/real_estate_property_data.xml',
+          [...]
+      ],
+
+.. _tutorials/server_framework_101/one2many:
+
+One-to-many
+===========
+
+After exploring how to connect multiple records to a single one with many-to-one relationships,
+let's consider their counterparts: **one-to-many relationships**. These relationships represent the
+inverse of the many-to-one relationships we just discussed, enabling a *single* record in one model
+to be associated with *multiple* records in another model.
+
+In Odoo, one-to-many relationships are established by adding a `One2many` field to the model
+representing the *one* side of **an already existing** many-to-one relationship. It's important to
+note that `One2many` fields don't store data in the database; instead, they provide a virtual field
+that Odoo computes based on the referenced `Many2one` field. By convention, `One2many` field names
+end with the `_ids` suffix, indicating that they allow accessing the IDs of the connected records.
+
+.. seealso::
+   :ref:`Reference documentation for One2many fields <reference/fields/one2many>`
+
+.. example::
+   In the example below, a `One2many` field is added to the `product.category` model to allow quick
+   access to the connected products from the product category.
+
+   .. code-block:: py
+
+      from odoo import fields, models
+
+
+      class Product(models.Model):
+          _name = 'product'
+          _description = "Storable Product"
+
+          [...]
+          category_id = fields.Many2one(
+              string="Category", comodel_name='product.category', ondelete='restrict', required=True
+          )
+
+      class ProductCategory(models.Model):
+          _name = 'product.category'
+          _description = "Product Category"
+
+          name = fields.Char(string="Name")
+          product_ids = fields.One2many(
+              string="Products", comodel_name='product', inverse_name='category_id'
+          )
+
+   .. note::
+
+      The `One2many` field must reference its `Many2one` counterpart through the `inverse_name`
+      argument.
+
+A good use case for a one-to-many relationship in our real estate app would be to connect properties
+to a list of offers received from potential buyers.
+
+.. exercise::
+
+   #. Create a new `real.estate.offer` model. It should have the following fields:
+
+      - Amount (required): The amount offered to buy the property.
+      - Buyer (required): The person making the offer.
+      - Date (required; default to creation date): When the offer was made.
+      - Validity (default to 7): The number of days before the offer expires.
+      - State (required): Either "Waiting", "Accepted", or "Refused".
+
+   #. Create a list and form views for the `real.estate.offer` model. It's not necessary to create
+      menu items or actions, as offers will be accessible from properties, but feel free to do it
+      anyway!
+   #. Allow connecting properties to multiple offers.
+   #. Modify the form view of properties to display offers in a new notebook page titled "Offers".
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `real_estate_offer.py`
+
+      from odoo import fields, models
+
+
+      class RealEstateOffer(models.Model):
+          _name = 'real.estate.offer'
+          _description = "Real Estate Offer"
+
+          amount = fields.Float(string="Amount", required=True)
+          buyer_id = fields.Many2one(string="Buyer", comodel_name='res.partner', required=True)
+          date = fields.Date(string="Date", required=True, default=fields.Date.today())
+          validity = fields.Integer(
+              string="Validity", help="The number of days before the offer expires.", default=7
+          )
+          state = fields.Selection(
+              string="State",
+              selection=[
+                  ('waiting', "Waiting"),
+                  ('accepted', "Accepted"),
+                  ('refused', "Refused"),
+              ],
+              required=True,
+              default='waiting',
+          )
+          property_id = fields.Many2one(
+              string="Property", comodel_name='real.estate.property', required=True
+          )
+
+   .. code-block:: python
+      :caption: `__init__.py`
+      :emphasize-lines: 1
+
+      from . import real_estate_offer
+      from . import real_estate_property
+      from . import real_estate_property_type
+
+   .. code-block:: csv
+      :caption: `ir.model.access.csv`
+      :emphasize-lines: 2
+
+      id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+      real_estate_offer_system,real.estate.offer.system,model_real_estate_offer,base.group_system,1,1,1,1
+      real_estate_property_system,real.estate.property.system,model_real_estate_property,base.group_system,1,1,1,1
+      real_estate_property_type_system,real.estate.property.type.system,model_real_estate_property_type,base.group_system,1,1,1,1
+
+   .. code-block:: xml
+      :caption: `real_estate_offer_views.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.offer_list" model="ir.ui.view">
+              <field name="name">Offer List</field>
+              <field name="model">real.estate.offer</field>
+              <field name="arch" type="xml">
+                  <list>
+                      <field name="amount"/>
+                      <field name="buyer_id"/>
+                      <field name="date"/>
+                      <field name="validity"/>
+                      <field name="state"/>
+                  </list>
+              </field>
+          </record>
+
+          <record id="real_estate.offer_form" model="ir.ui.view">
+              <field name="name">Offer Form</field>
+              <field name="model">real.estate.offer</field>
+              <field name="arch" type="xml">
+                  <form>
+                      <sheet>
+                          <group>
+                              <group>
+                                  <field name="amount"/>
+                                  <field name="buyer_id"/>
+                                  <field name="state"/>
+                              </group>
+                              <group>
+                                  <field name="date"/>
+                                  <field name="validity"/>
+                              </group>
+                          </group>
+                      </sheet>
+                  </form>
+              </field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 4
+
+      'data': [
+          [...]
+          # Views
+          'views/real_estate_offer_views.xml',
+          'views/real_estate_property_type_views.xml',
+          'views/real_estate_property_views.xml',
+          'views/menus.xml',  # Depends on actions in views.
+      ],
+
+   .. code-block:: py
+      :caption: `real_estate_property.py`
+      :emphasize-lines: 1-3
+
+      offer_ids = fields.One2many(
+          string="Offers", comodel_name='real.estate.offer', inverse_name='property_id'
+      )
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+      :emphasize-lines: 3-5
+
+      <record id="real_estate.property_form" model="ir.ui.view">
+          [...]
+              <page string="Offers">
+                  <field name="offer_ids"/>
+              </page>
+          [...]
+      </record>
+
+.. _tutorials/server_framework_101/many2many:
+
+Many-to-many
+============
+
+After the many-to-one and one-to-many relationships, let's consider a more complex use case:
+**many-to-many relationships**. These relationships enable *multiple* records in one model to be
+associated with *multiple* records in another model, creating a bidirectional connection between
+sets of records.
+
+In Odoo, many-to-many relationships are established by adding a `Many2many` field to one or both of
+the models. The server framework implements many-to-many relationships by automatically creating an
+intermediate (junction) table in the database. This table stores pairs of IDs, each pair
+representing a connection between a record of the first model and a record of the second model. By
+convention, `Many2many` field names end with the `_ids` suffix, like for `One2many` fields.
+
+.. seealso::
+   :ref:`Reference documentation for Many2many fields <reference/fields/many2many>`
+
+.. example::
+   In the example below, a many-to-many relationship is established between the `product` model and
+   the `res.partner` model, which is used to represent sellers offering products for sale.
+
+   .. code-block:: py
+
+      from odoo import fields, models
+
+
+      class Product(models.Model):
+          _name = 'product'
+          _description = "Storable Product"
+
+          [...]
+          seller_ids = fields.Many2many(
+              string="Sellers",
+              help="The sellers offering the product for sale.",
+              comodel_name='res.partner',
+              relation='product_seller_rel',
+              column1='product_id',
+              column2='partner_id',
+          )
+
+   .. note::
+
+      - It is not necessary to add a `Many2many` field to both models of the relationship.
+      - The optional `relation`, `column1`, and `column2` field arguments allow specifying the name
+        of the junction table and of its columns.
+
+Let's conclude this extension of the model family by allowing to associate multiple description tags
+with each property.
+
+.. exercise::
+
+   #. Create a new `real.estate.tag` model. It should have the following fields:
+
+      - Name (required): The label of the tag.
+      - Color: The color code to use for the tag, as an integer.
+
+   #. In a data file, describe various default property tags. For example, "Renovated".
+   #. Create all necessary UI components to manage tags from the :guilabel:`Configuration` category
+      menu item.
+   #. Allow connecting properties to multiple tags, and tags to multiple properties.
+   #. Modify the form view of properties to display their associated tags. It should not be possible
+      to create new tags from the form view of properties.
+
+   .. tip::
+      Rely on the reference documentation for :ref:`the field component
+      <reference/view_architectures/form/field>` in form views to find a nice display for property
+      tags.
+
+.. spoiler:: Solution
+
+   .. code-block:: python
+      :caption: `real_estate_tag.py`
+
+      from odoo import fields, models
+
+
+      class RealEstateTag(models.Model):
+          _name = 'real.estate.tag'
+          _description = "Real Estate Tag"
+
+          name = fields.Char(string="Label", required=True)
+          color = fields.Integer(string="Color")
+
+   .. code-block:: python
+      :caption: `__init__.py`
+      :emphasize-lines: 4
+
+      from . import real_estate_offer
+      from . import real_estate_property
+      from . import real_estate_property_type
+      from . import real_estate_tag
+
+   .. code-block:: csv
+      :caption: `ir.model.access.csv`
+      :emphasize-lines: 3
+
+      id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+      [...]
+      real_estate_tag_system,real.estate.tag.system,model_real_estate_tag,base.group_system,1,1,1,1
+
+   .. code-block:: xml
+      :caption: `real_estate_tag_data.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.tag_eco_passive" model="real.estate.tag">
+              <field name="name">Eco Passive</field>
+              <field name="color">1</field>
+          </record>
+
+          <record id="real_estate.tag_modern" model="real.estate.tag">
+              <field name="name">Modern</field>
+              <field name="color">2</field>
+          </record>
+
+          <record id="real_estate.tag_renovated" model="real.estate.tag">
+              <field name="name">Renovated</field>
+              <field name="color">3</field>
+          </record>
+
+          <record id="real_estate.tag_rural" model="real.estate.tag">
+              <field name="name">Rural</field>
+              <field name="color">4</field>
+          </record>
+
+          <record id="real_estate.tag_suburban" model="real.estate.tag">
+              <field name="name">Suburban</field>
+              <field name="color">5</field>
+          </record>
+
+          <record id="real_estate.tag_urban" model="real.estate.tag">
+              <field name="name">Urban</field>
+              <field name="color">6</field>
+          </record>
+
+          <record id="real_estate.tag_waterfront" model="real.estate.tag">
+              <field name="name">Waterfront</field>
+              <field name="color">7</field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: xml
+      :caption: `menus.xml`
+      :emphasize-lines: 3-7
+
+      <menuitem id="real_estate.configuration_menu" name="Configuration" sequence="20">
+          [...]
+          <menuitem
+              id="real_estate.tags_menu"
+              name="Tags"
+              action="real_estate.view_tags_action"
+          />
+      </menuitem>
+
+   .. code-block:: xml
+      :caption: `real_estate_tag_views.xml`
+
+      <?xml version="1.0" encoding="utf-8"?>
+      <odoo>
+
+          <record id="real_estate.views_tag_action" model="ir.actions.act_window">
+              <field name="name">Tags</field>
+              <field name="res_model">real.estate.tag</field>
+              <field name="view_mode">list</field>
+          </record>
+
+          <record id="real_estate.tag_list" model="ir.ui.view">
+              <field name="name">Tag List</field>
+              <field name="model">real.estate.tag</field>
+              <field name="arch" type="xml">
+                  <list editable="bottom">
+                      <field name="name"/>
+                      <field name="color" widget="color_picker"/>
+                  </list>
+              </field>
+          </record>
+
+      </odoo>
+
+   .. code-block:: python
+      :caption: `__manifest__.py`
+      :emphasize-lines: 3,5
+
+      'data': [
+          [...]
+          'data/real_estate_tag_data.xml',
+          [...]
+          'views/real_estate_tag_views.xml',
+          [...]
+      ],
+
+   .. code-block:: python
+      :caption: `real_estate_property.py`
+      :emphasize-lines: 1
+
+      tag_ids = fields.Many2many(string="Tags", comodel_name='real.estate.tag')
+
+   .. code-block:: xml
+      :caption: `real_estate_property_views.xml`
+      :emphasize-lines: 3-7
+
+      <record id="real_estate.property_form" model="ir.ui.view">
+          [...]
+              <field
+                  name="tag_ids"
+                  widget="many2many_tags"
+                  options="{'color_field': 'color', 'no_quick_create': True, 'no_create_edit': True}"
+              />
+          [...]
+      </record>
+
+----
+
+Congratulations! You've learned the art of forging connections between your Odoo models. You're now
+well-equipped to build complex, interconnected data structures. In the next chapter, we'll
+:doc:`add custom business logic to the models <05_connect_the_dots>`, turning your application from
+a simple data management tool into a smart, automated system that can handle complex business
+processes.
diff --git a/content/developer/tutorials/server_framework_101/05_business_logic.rst b/content/developer/tutorials/server_framework_101/05_business_logic.rst
new file mode 100644
index 000000000..79255bfb2
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/05_business_logic.rst
@@ -0,0 +1,35 @@
+=========================
+Chapter 5: Business logic
+=========================
+
+tmp
+
+.. todo: constraints, defaults, onchanges, computes
+.. todo: model actions ("assign myself as salesperson" action, "view offers" statbutton)
+.. todo: explain the env (self.env.cr, self.env.uid, self.env.user, self.env.context, self.env.ref(xml_id), self.env[model_name])
+.. todo: explain the thing about `self`
+.. todo: explain magic commands
+.. todo: copy=False on some fields
+.. todo: introduce lambda functions for defaults :point_down:
+
+There is a problem with the way we defined our Date fields: their default value relies on
+:code:`fields.Date.today()` or some other static method. When the code is loaded into memory, the
+date is computed once and reused for all newly created records until the server is shut down. You
+probably didn't notice it, unless you kept your server running for several days, but it would be
+much more visible with Datetime fields, as all newly created records would share the same timestamp.
+
+That's where lambda functions come in handy. As they generate an anonymous function each time
+they're evaluated at runtime, they can be used in the computation of default field values to return
+an updated value for each new record.
+
+.. todo: salesperson_id = fields.Many2one(default=lambda self: self.env.user)
+.. todo: real.estate.offer.amount::default -> property.selling_price
+.. todo: real.estate.tag.color -> default=_default_color ;  def _default_color(self): return random.randint(1, 11)
+.. todo: 6,0,0 to associate tags to properties in data
+.. todo: unique tag
+
+.. todo: odoo-bin shell section
+
+----
+
+.. todo: add incentive for chapter 6
diff --git a/content/developer/tutorials/server_framework_101/06_security.rst b/content/developer/tutorials/server_framework_101/06_security.rst
new file mode 100644
index 000000000..ced1d4f2d
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/06_security.rst
@@ -0,0 +1,9 @@
+===================
+Chapter 6: Security
+===================
+
+tmp
+
+----
+
+.. todo: add incentive for next chapter
diff --git a/content/developer/tutorials/server_framework_101/07_advanced_views.rst b/content/developer/tutorials/server_framework_101/07_advanced_views.rst
new file mode 100644
index 000000000..1e2021cac
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/07_advanced_views.rst
@@ -0,0 +1,15 @@
+=========================
+Chapter 7: Advanced views
+=========================
+
+tmp
+
+.. todo:: invisible, required, readonly modifiers
+.. todo:: introduce bootstrap
+.. todo:: widgets; eg, <widget name="web_ribbon" title="Archived" bg_color="text-bg-danger" invisible="active"/>
+.. todo:: add Gantt view of properties availability
+.. todo:: add Kanban view of properties
+
+----
+
+.. todo: add incentive for next chapter
diff --git a/content/developer/tutorials/server_framework_101/08_inheritance.rst b/content/developer/tutorials/server_framework_101/08_inheritance.rst
new file mode 100644
index 000000000..bc78cf63c
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/08_inheritance.rst
@@ -0,0 +1,11 @@
+======================
+Chapter 8: Inheritance
+======================
+
+tmp
+
+.. todo:: inherit from mail.tread mixin and add a chatter
+
+----
+
+.. todo: add incentive for next chapter
diff --git a/content/developer/tutorials/server_framework_101/09_portal.rst b/content/developer/tutorials/server_framework_101/09_portal.rst
new file mode 100644
index 000000000..e7d95f179
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/09_portal.rst
@@ -0,0 +1,9 @@
+=================
+Chapter 9: Portal
+=================
+
+Controllers + QWeb
+
+----
+
+.. todo: add incentive for next chapter
diff --git a/content/developer/tutorials/server_framework_101/10_unit_testing.rst b/content/developer/tutorials/server_framework_101/10_unit_testing.rst
new file mode 100644
index 000000000..e2e66e0b9
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101/10_unit_testing.rst
@@ -0,0 +1,9 @@
+========================
+Chapter 10: Unit testing
+========================
+
+tmp
+
+----
+
+.. todo: add incentive for next chapter
diff --git a/content/developer/tutorials/server_framework_101_legacy.rst b/content/developer/tutorials/server_framework_101_legacy.rst
new file mode 100644
index 000000000..27e55ebb9
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101_legacy.rst
@@ -0,0 +1,48 @@
+:show-content:
+:orphan:
+
+=============================
+Server framework 101 (legacy)
+=============================
+
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`server_framework_101` instead.
+
+.. toctree::
+    :titlesonly:
+    :glob:
+
+    server_framework_101_legacy/*
+
+Welcome to the Server framework 101 tutorial! If you reached this page that means you are
+interested in the development of your own Odoo module. It might also mean that you recently
+joined the Odoo company for a rather technical position. In any case, your journey to the
+technical side of Odoo starts here.
+
+The goal of this tutorial is for you to get an insight of the most important parts of the Odoo
+development framework while developing your own Odoo module to manage real estate assets. The
+chapters should be followed in their given order since they cover the development of a new Odoo
+application from scratch in an incremental way. In other words, each chapter depends on the previous
+one.
+
+.. important::
+   Before going further, make sure you have prepared your development environment with the
+   :doc:`setup guide <setup_guide>`.
+
+Ready? Let's get started!
+
+* :doc:`server_framework_101_legacy/01_architecture`
+* :doc:`server_framework_101_legacy/02_newapp`
+* :doc:`server_framework_101_legacy/03_basicmodel`
+* :doc:`server_framework_101_legacy/04_securityintro`
+* :doc:`server_framework_101_legacy/05_firstui`
+* :doc:`server_framework_101_legacy/06_basicviews`
+* :doc:`server_framework_101_legacy/07_relations`
+* :doc:`server_framework_101_legacy/08_compute_onchange`
+* :doc:`server_framework_101_legacy/09_actions`
+* :doc:`server_framework_101_legacy/10_constraints`
+* :doc:`server_framework_101_legacy/11_sprinkles`
+* :doc:`server_framework_101_legacy/12_inheritance`
+* :doc:`server_framework_101_legacy/13_other_module`
+* :doc:`server_framework_101_legacy/14_qwebintro`
+* :doc:`server_framework_101_legacy/15_final_word`
diff --git a/content/developer/tutorials/server_framework_101/01_architecture.rst b/content/developer/tutorials/server_framework_101_legacy/01_architecture.rst
similarity index 95%
rename from content/developer/tutorials/server_framework_101/01_architecture.rst
rename to content/developer/tutorials/server_framework_101_legacy/01_architecture.rst
index 5c5f3ca6f..cdebf629d 100644
--- a/content/developer/tutorials/server_framework_101/01_architecture.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/01_architecture.rst
@@ -1,9 +1,15 @@
-.. _tutorials/server_framework_101/01_architecture:
+.. _tutorials/server_framework_101_legacy/01_architecture:
 
 ================================
 Chapter 1: Architecture Overview
 ================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 Multitier application
 =====================
 
diff --git a/content/developer/tutorials/server_framework_101_legacy/01_architecture/three_tier.svg b/content/developer/tutorials/server_framework_101_legacy/01_architecture/three_tier.svg
new file mode 100644
index 000000000..5c98f57e0
--- /dev/null
+++ b/content/developer/tutorials/server_framework_101_legacy/01_architecture/three_tier.svg
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="592.55548" height="530.32971" id="svg2" sodipodi:version="0.32" inkscape:version="0.46" sodipodi:docname="Overview_of_a_three-tier_application_vectorVersion.svg" inkscape:output_extension="org.inkscape.output.svg.inkscape" version="1.0">
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" gridtolerance="10000" guidetolerance="10" objecttolerance="10" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="1" inkscape:cx="274.60069" inkscape:cy="311.51845" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" inkscape:window-width="1680" inkscape:window-height="994" inkscape:window-x="12" inkscape:window-y="42" showguides="true" inkscape:guide-bbox="true"/>
+  <defs id="defs4">
+    <linearGradient id="linearGradient5132">
+      <stop id="stop5134" offset="0" style="stop-color: rgb(168, 173, 129); stop-opacity: 0.327434;"/>
+      <stop id="stop5136" offset="1" style="stop-color: rgb(0, 0, 0); stop-opacity: 0;"/>
+    </linearGradient>
+    <linearGradient id="linearGradient5120">
+      <stop style="stop-color: rgb(168, 173, 129); stop-opacity: 0.610619;" offset="0" id="stop5122"/>
+      <stop style="stop-color: rgb(0, 0, 0); stop-opacity: 0;" offset="1" id="stop5124"/>
+    </linearGradient>
+    <marker style="overflow: visible;" id="Arrow2Lend" refX="0" refY="0" orient="auto" inkscape:stockid="Arrow2Lend">
+      <path transform="matrix(-1.1, 0, 0, -1.1, -1.1, 0)" d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z" style="font-size: 12px; fill-rule: evenodd; stroke-width: 0.625; stroke-linejoin: round;" id="path5691"/>
+    </marker>
+    <marker style="overflow: visible;" id="Arrow1Lend" refX="0" refY="0" orient="auto" inkscape:stockid="Arrow1Lend">
+      <path transform="matrix(-0.8, 0, 0, -0.8, -10, 0)" style="fill-rule: evenodd; stroke: rgb(0, 0, 0); stroke-width: 1pt; marker-start: none;" d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z" id="path5673"/>
+    </marker>
+    <marker style="overflow: visible;" id="Arrow1Lstart" refX="0" refY="0" orient="auto" inkscape:stockid="Arrow1Lstart">
+      <path transform="matrix(0.8, 0, 0, 0.8, 10, 0)" style="fill-rule: evenodd; stroke: rgb(0, 0, 0); stroke-width: 1pt; marker-start: none;" d="M 0,0 L 5,-5 L -12.5,0 L 5,5 L 0,0 z" id="path5670"/>
+    </marker>
+    <linearGradient id="linearGradient3694">
+      <stop id="stop3696" offset="0" style="stop-color: rgb(250, 251, 230); stop-opacity: 1;"/>
+      <stop style="stop-color: rgb(225, 227, 187); stop-opacity: 0.74902;" offset="0.25" id="stop3795"/>
+      <stop style="stop-color: rgb(200, 203, 145); stop-opacity: 0.498039;" offset="0.5" id="stop3702"/>
+      <stop id="stop3698" offset="1" style="stop-color: rgb(250, 251, 230); stop-opacity: 0;"/>
+    </linearGradient>
+    <linearGradient id="linearGradient3375">
+      <stop id="stop3377" offset="0" style="stop-color: rgb(130, 131, 36); stop-opacity: 0.389381;"/>
+      <stop id="stop3379" offset="1" style="stop-color: rgb(0, 0, 0); stop-opacity: 0;"/>
+    </linearGradient>
+    <linearGradient id="linearGradient3367">
+      <stop id="stop3369" offset="0" style="stop-color: rgb(154, 154, 154); stop-opacity: 1;"/>
+      <stop id="stop3371" offset="1" style="stop-color: rgb(0, 0, 0); stop-opacity: 0;"/>
+    </linearGradient>
+    <inkscape:perspective id="perspective10" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" inkscape:vp_z="477.48915 : -25.408568 : 0" inkscape:vp_y="605.9884 : 795.47349 : 0" inkscape:vp_x="184.81274 : 367.45922 : 0" sodipodi:type="inkscape:persp3d"/>
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" id="perspective2410"/>
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" id="perspective2463"/>
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" id="perspective2476"/>
+    <radialGradient r="10.66466" fy="547.66473" fx="105.4473" cy="547.66473" cx="105.4473" gradientUnits="userSpaceOnUse" id="radialGradient3397" xlink:href="#linearGradient3375" inkscape:collect="always"/>
+    <radialGradient r="4.4774756" fy="545.5434" fx="100.93949" cy="545.5434" cx="100.93949" gradientUnits="userSpaceOnUse" id="radialGradient3399" xlink:href="#linearGradient3367" inkscape:collect="always"/>
+    <radialGradient r="10.66466" fy="547.66473" fx="105.4473" cy="547.66473" cx="105.4473" gradientUnits="userSpaceOnUse" id="radialGradient3447" xlink:href="#linearGradient3375" inkscape:collect="always"/>
+    <radialGradient r="4.4774756" fy="545.5434" fx="100.93949" cy="545.5434" cx="100.93949" gradientUnits="userSpaceOnUse" id="radialGradient3449" xlink:href="#linearGradient3367" inkscape:collect="always"/>
+    <radialGradient r="4.4774756" fy="545.5434" fx="100.93949" cy="545.5434" cx="100.93949" gradientUnits="userSpaceOnUse" id="radialGradient3469" xlink:href="#linearGradient3367" inkscape:collect="always"/>
+    <radialGradient r="10.66466" fy="547.66473" fx="105.4473" cy="547.66473" cx="105.4473" gradientUnits="userSpaceOnUse" id="radialGradient3471" xlink:href="#linearGradient3375" inkscape:collect="always"/>
+    <radialGradient r="10.66466" fy="547.66473" fx="105.4473" cy="547.66473" cx="105.4473" gradientUnits="userSpaceOnUse" id="radialGradient3487" xlink:href="#linearGradient3375" inkscape:collect="always"/>
+    <radialGradient r="4.4774756" fy="545.5434" fx="100.93949" cy="545.5434" cx="100.93949" gradientUnits="userSpaceOnUse" id="radialGradient3489" xlink:href="#linearGradient3367" inkscape:collect="always"/>
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" id="perspective3560"/>
+    <linearGradient spreadMethod="reflect" gradientUnits="userSpaceOnUse" y2="420.9158" x2="436.07776" y1="420.9158" x1="409.62192" id="linearGradient3700" xlink:href="#linearGradient3694" inkscape:collect="always"/>
+    <linearGradient spreadMethod="reflect" y2="420.9158" x2="436.07776" y1="420.9158" x1="409.62192" gradientTransform="matrix(-1, 0, 0, -1, 801.161, 848.543)" gradientUnits="userSpaceOnUse" id="linearGradient3793" xlink:href="#linearGradient3694" inkscape:collect="always"/>
+    <linearGradient y2="334.11847" x2="451.48767" y1="334.11847" x1="389.26227" spreadMethod="reflect" gradientUnits="userSpaceOnUse" id="linearGradient5289" xlink:href="#linearGradient3694" inkscape:collect="always"/>
+    <linearGradient gradientTransform="translate(103.75, -6.75)" y2="354.61218" x2="387.75" y1="354.61218" x1="323.75" spreadMethod="reflect" gradientUnits="userSpaceOnUse" id="linearGradient5309" xlink:href="#linearGradient3694" inkscape:collect="always"/>
+    <marker style="overflow: visible;" id="Arrow2Lends" refX="0" refY="0" orient="auto" inkscape:stockid="Arrow2Lends">
+      <path transform="matrix(-1.1, 0, 0, -1.1, -1.1, 0)" d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z" style="font-size: 12px; fill: rgb(0, 0, 0); fill-rule: evenodd; stroke: rgb(0, 0, 0); stroke-width: 0.625; stroke-linejoin: round;" id="path8066"/>
+    </marker>
+    <pattern id="pattern2768" patternTransform="translate(135.53, 367.117)" height="124.591" width="471.03999" patternUnits="userSpaceOnUse">
+      <path style="fill: rgb(255, 73, 69); fill-opacity: 1; fill-rule: evenodd; stroke: black; stroke-width: 0.886228; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 0.44311386,124.14788 L 470.59687,0.44311386" id="path1876" inkscape:connector-type="polyline"/>
+    </pattern>
+    <inkscape:perspective id="perspective3896" inkscape:persp3d-origin="170.9816 : 44.63 : 1" inkscape:vp_z="341.9632 : 66.945 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_x="0 : 66.945 : 1" sodipodi:type="inkscape:persp3d"/>
+    <inkscape:perspective id="perspective5024" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_x="0 : 526.18109 : 1" sodipodi:type="inkscape:persp3d"/>
+    <filter inkscape:collect="always" id="filter5116">
+      <feGaussianBlur inkscape:collect="always" stdDeviation="0.69889934" id="feGaussianBlur5118"/>
+    </filter>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3375" id="radialGradient5234" gradientUnits="userSpaceOnUse" cx="105.4473" cy="547.66473" fx="105.4473" fy="547.66473" r="10.66466"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3367" id="radialGradient5236" gradientUnits="userSpaceOnUse" cx="100.93949" cy="545.5434" fx="100.93949" fy="545.5434" r="4.4774756"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3375" id="radialGradient5238" gradientUnits="userSpaceOnUse" cx="105.4473" cy="547.66473" fx="105.4473" fy="547.66473" r="10.66466"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3367" id="radialGradient5240" gradientUnits="userSpaceOnUse" cx="100.93949" cy="545.5434" fx="100.93949" fy="545.5434" r="4.4774756"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3694" id="linearGradient5246" gradientUnits="userSpaceOnUse" spreadMethod="reflect" x1="323.75" y1="354.61218" x2="387.75" y2="354.61218" gradientTransform="translate(76.5051, 478.056)"/>
+    <inkscape:perspective id="perspective5297" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_x="0 : 526.18109 : 1" sodipodi:type="inkscape:persp3d"/>
+    <inkscape:perspective id="perspective5310" inkscape:persp3d-origin="372.04724 : 350.78739 : 1" inkscape:vp_z="744.09448 : 526.18109 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_x="0 : 526.18109 : 1" sodipodi:type="inkscape:persp3d"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3694" id="linearGradient3261" gradientUnits="userSpaceOnUse" spreadMethod="reflect" x1="389.26227" y1="334.11847" x2="451.48767" y2="334.11847"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3694" id="linearGradient3263" gradientUnits="userSpaceOnUse" gradientTransform="translate(103.75, -6.75)" spreadMethod="reflect" x1="323.75" y1="354.61218" x2="387.75" y2="354.61218"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient5120" id="radialGradient3265" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.855164, 0.518357, -0.68892, 1.13655, 798.093, -526.435)" cx="725.97113" cy="332.63196" fx="725.97113" fy="332.63196" r="74.028908"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient5120" id="radialGradient3267" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.855164, 0.518357, -0.68892, 1.13655, 924.971, -531.625)" cx="725.97113" cy="332.63196" fx="725.97113" fy="332.63196" r="74.028908"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient5132" id="radialGradient3269" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.855164, 0.518357, -0.68892, 1.13655, 335.632, -479.206)" cx="725.97113" cy="332.63196" fx="725.97113" fy="332.63196" r="74.028908"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3375" id="radialGradient3271" gradientUnits="userSpaceOnUse" cx="105.4473" cy="547.66473" fx="105.4473" fy="547.66473" r="10.66466"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3367" id="radialGradient3273" gradientUnits="userSpaceOnUse" cx="100.93949" cy="545.5434" fx="100.93949" fy="545.5434" r="4.4774756"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3375" id="radialGradient3275" gradientUnits="userSpaceOnUse" cx="105.4473" cy="547.66473" fx="105.4473" fy="547.66473" r="10.66466"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3367" id="radialGradient3277" gradientUnits="userSpaceOnUse" cx="100.93949" cy="545.5434" fx="100.93949" fy="545.5434" r="4.4774756"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3375" id="radialGradient3279" gradientUnits="userSpaceOnUse" cx="105.4473" cy="547.66473" fx="105.4473" fy="547.66473" r="10.66466"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3367" id="radialGradient3281" gradientUnits="userSpaceOnUse" cx="100.93949" cy="545.5434" fx="100.93949" fy="545.5434" r="4.4774756"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3375" id="radialGradient3283" gradientUnits="userSpaceOnUse" cx="105.4473" cy="547.66473" fx="105.4473" fy="547.66473" r="10.66466"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient3367" id="radialGradient3285" gradientUnits="userSpaceOnUse" cx="100.93949" cy="545.5434" fx="100.93949" fy="545.5434" r="4.4774756"/>
+    <radialGradient inkscape:collect="always" xlink:href="#linearGradient5132" id="radialGradient3287" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.855164, 0.518357, -0.68892, 1.13655, 335.632, -479.206)" cx="725.97113" cy="332.63196" fx="725.97113" fy="332.63196" r="74.028908"/>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient3694" id="linearGradient3656" gradientUnits="userSpaceOnUse" gradientTransform="translate(1069.93, 613.577)" spreadMethod="reflect" x1="323.75" y1="354.61218" x2="387.75" y2="354.61218"/>
+  </defs>
+  <metadata id="metadata7">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g id="layer1" inkscape:groupmode="layer" inkscape:label="Layer 1" transform="translate(-1000, -522.032)">
+    <rect style="opacity: 1; fill: rgb(246, 246, 240); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" id="rect5770" width="592.55499" height="207.88939" x="1000" y="844.47278" rx="7.1512814" ry="3.4265683"/>
+    <rect style="opacity: 1; fill: rgb(237, 237, 224); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" id="rect5774" width="592.55499" height="165.56349" x="1000" y="672.89893" rx="7.1684713" ry="3.6468365"/>
+    <rect style="opacity: 1; fill: rgb(246, 246, 240); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" id="rect5768" width="592.55548" height="145.56349" x="1000" y="522.03247" rx="7.1171522" ry="3.2063"/>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 1434.4671,927.26494 C 1434.4671,897.74323 1434.2903,897.74323 1434.2903,897.74323 C 1487.1465,871.22673 1487.1465,871.22673 1487.1465,871.22673" id="path5758"/>
+    <path transform="translate(1005.2, 661.107)" d="M 451.48767,334.11847 A 31.112698,9.0156116 0 1 1 389.26227,334.11847 A 31.112698,9.0156116 0 1 1 451.48767,334.11847 z" sodipodi:ry="9.0156116" sodipodi:rx="31.112698" sodipodi:cy="334.11847" sodipodi:cx="420.37497" id="path5548" style="fill: rgb(253, 253, 253); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" sodipodi:type="arc"/>
+    <rect ry="3.4265683" rx="7.1171522" y="938.68878" x="1394.1827" height="59" width="63" id="rect5550" style="fill: url(#linearGradient3656) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;"/>
+    <path transform="translate(1005.59, 606.859)" d="M 451.48767,334.11847 A 31.112698,9.0156116 0 1 1 389.26227,334.11847 A 31.112698,9.0156116 0 1 1 451.48767,334.11847 z" sodipodi:ry="9.0156116" sodipodi:rx="31.112698" sodipodi:cy="334.11847" sodipodi:cx="420.37497" id="path5552" style="fill: rgb(253, 253, 253); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" sodipodi:type="arc"/>
+    <path transform="matrix(0.991965, 0, 0, 0.991965, 1008.69, 662.755)" d="M 451.48767,334.11847 A 31.112698,9.0156116 0 1 1 389.26227,334.11847 A 31.112698,9.0156116 0 1 1 451.48767,334.11847 z" sodipodi:ry="9.0156116" sodipodi:rx="31.112698" sodipodi:cy="334.11847" sodipodi:cx="420.37497" id="path5554" style="fill: rgb(253, 253, 253); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" sodipodi:type="arc"/>
+    <path transform="matrix(0.991965, 0, 0, 0.991965, 1008.44, 662.755)" d="M 451.48767,334.11847 A 31.112698,9.0156116 0 1 1 389.26227,334.11847 A 31.112698,9.0156116 0 1 1 451.48767,334.11847 z" sodipodi:ry="9.0156116" sodipodi:rx="31.112698" sodipodi:cy="334.11847" sodipodi:cx="420.37497" id="path5556" style="fill: url(#linearGradient3261) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" sodipodi:type="arc"/>
+    <g id="g5558" transform="translate(1072.85, 613.702)">
+      <rect style="opacity: 1; fill: url(#linearGradient3263) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5560" width="58.5" height="33" x="432.5" y="344.36218" rx="0.52616197" ry="3.4265683"/>
+      <path style="fill: rgb(253, 253, 253); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(145, 145, 124); stroke-width: 0.970822px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;" d="M 433.1835,344.1737 C 436.00677,336.63379 438.12809,336.81226 438.12809,336.81226 L 486.97826,336.95258 C 489.15613,337.1119 489.06591,341.96918 490.36369,344.32875 L 433.1835,344.1737 z" id="path5562" sodipodi:nodetypes="ccccc"/>
+      <rect style="opacity: 1; fill: rgb(78, 219, 55); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5564" width="8" height="5" x="439" y="367.86218" rx="0.52616197" ry="3.4265683"/>
+    </g>
+    <g id="g5582" transform="translate(894.433, 518.95)">
+      <path style="fill: none; fill-rule: evenodd; stroke: rgb(134, 134, 134); stroke-width: 2.3; stroke-linecap: butt; stroke-linejoin: miter; marker-start: none; marker-end: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 564.36816,457.7548 C 605.49316,457.7548 605.49316,457.7548 605.49316,457.7548" id="path5584"/>
+      <path sodipodi:nodetypes="ccccc" id="path5586" d="M 608.57301,457.98055 L 597.97215,461.85992 L 599.33893,457.71598 L 598.01712,453.65159 L 608.57301,457.98055 z" style="fill: rgb(134, 134, 134); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(134, 134, 134); stroke-width: 0.276426px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;"/>
+    </g>
+    <g id="g5588" transform="matrix(-1, 0, 0, -1, 2067.91, 1425.91)">
+      <path style="fill: none; fill-rule: evenodd; stroke: rgb(134, 134, 134); stroke-width: 2.3; stroke-linecap: butt; stroke-linejoin: miter; marker-start: none; marker-end: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 564.36816,457.7548 C 605.49316,457.7548 605.49316,457.7548 605.49316,457.7548" id="path5590"/>
+      <path sodipodi:nodetypes="ccccc" id="path5592" d="M 608.57301,457.98055 L 597.97215,461.85992 L 599.33893,457.71598 L 598.01712,453.65159 L 608.57301,457.98055 z" style="fill: rgb(134, 134, 134); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(134, 134, 134); stroke-width: 0.276426px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;"/>
+    </g>
+    <path style="fill: rgb(255, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 0.307256px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;" d="M 1414.9178,926.08546 L 1419.2299,914.30229 L 1414.6237,915.8215 L 1410.1061,914.35228 L 1414.9178,926.08546 z" id="path5742" sodipodi:nodetypes="ccccc"/>
+    <text xml:space="preserve" style="font-size: 14px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1390.14" y="1020.54" id="text3009"><tspan y="1020.54" x="1390.14" sodipodi:role="line" id="tspan3011"><tspan x="1390.14" y="1020.54" id="tspan3013">Database</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 14px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1505.38" y="1007.08" id="text3015"><tspan y="1007.08" x="1505.38" sodipodi:role="line" id="tspan3017"><tspan x="1505.38" y="1007.08" id="tspan3019">Storage</tspan></tspan></text>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 1344.5761,787.61135 C 1344.7529,878.47458 1344.7529,878.47458 1344.7529,878.47458" id="path5750"/>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 1504.5591,785.84358 C 1504.7359,876.70681 1504.7359,876.70681 1504.7359,876.70681" id="path5748"/>
+    <path style="fill: url(#radialGradient3265) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(104, 105, 48); stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: round; stroke-opacity: 1; filter: url(#filter5116);" d="M 1105.2895,149.56928 C 1104.94,183.08983 1106.2895,282.56928 1106.2895,282.56928 L 1106.2895,282.56928 C 1252.2895,282.56928 1252.2895,282.56928 1252.2895,282.56928 C 1252.2895,149.56928 1251.7895,149.56928 1251.7895,149.56928 C 1235.2895,135.06928 1227.7895,136.06928 1227.7895,136.06928 C 1133.7895,134.06928 1131.2895,136.56928 1131.2895,136.56928 C 1131.2895,136.56928 1105.3804,140.84909 1105.2895,149.56928 z" id="path5034" sodipodi:nodetypes="cccccccs" transform="matrix(0.660912, 0, 0, 0.660912, 567.035, 450.586)"/>
+    <rect style="fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(47, 47, 47); stroke-width: 1.5201; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" id="rect5030" width="77.987648" height="62.786667" x="1306.9241" y="551.53455" rx="4.7038136" ry="2.2646611"/>
+    <path style="fill: url(#radialGradient3267) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(104, 105, 48); stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: round; stroke-opacity: 1; filter: url(#filter5116);" d="M 1232.1672,144.37863 C 1231.8177,177.89918 1233.1672,277.37863 1233.1672,277.37863 L 1233.1672,277.37863 C 1379.1672,277.37863 1379.1672,277.37863 1379.1672,277.37863 C 1379.1672,144.37863 1378.6672,144.37863 1378.6672,144.37863 C 1362.1672,129.87862 1354.6672,130.87862 1354.6672,130.87862 C 1260.6672,128.87862 1258.1672,131.37862 1258.1672,131.37862 C 1258.1672,131.37862 1232.2582,135.65843 1232.1672,144.37863 z" id="path5148" sodipodi:nodetypes="cccccccs" transform="matrix(0.670464, 0, 0, 0.670464, 629.406, 452.538)"/>
+    <rect style="fill: rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(47, 47, 47); stroke-width: 1.54207; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" id="rect5150" width="79.114761" height="63.694084" x="1465.0555" y="551.46503" rx="4.7717948" ry="2.2973909"/>
+    <path style="fill: url(#radialGradient3269) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 1.0007; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1; filter: url(#filter5116);" d="M 642.82808,196.7977 C 642.47856,230.31825 643.82808,329.7977 643.82808,329.7977 L 643.82808,329.7977 C 789.82808,329.7977 789.82808,329.7977 789.82808,329.7977 C 789.82808,196.7977 789.32808,196.7977 789.32808,196.7977 C 772.82808,182.2977 765.32808,183.2977 765.32808,183.2977 C 671.32808,181.2977 668.82808,183.7977 668.82808,183.7977 C 668.82808,183.7977 642.91901,188.07751 642.82808,196.7977 z" id="path5152" sodipodi:nodetypes="cccccccs" transform="matrix(0.420735, 0, 0, 0.411447, 1212.42, 479.614)"/>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 255, 255); stroke-width: 0.636053px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;" d="M 1471.0818,589.82652 C 1538.6654,589.82652 1538.6654,589.45689 1538.6654,589.45689" id="path5182"/>
+    <g id="g5316" transform="matrix(0.536791, 0.0577592, -0.0577592, 0.536791, 1208.09, 505.119)">
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5318" width="7.230413" height="72.96875" x="65.939308" y="460.66718" rx="1.6370747" ry="3.6790967" transform="matrix(0.943099, -0.332513, 0.332513, 0.943099, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5320" width="7.230413" height="72.96875" x="-501.26709" y="32.945621" rx="1.6370747" ry="3.6790967" transform="matrix(-0.332513, -0.943099, 0.943099, -0.332513, 0, 0)" inkscape:transform-center-x="-22.797407" inkscape:transform-center-y="-26.781993"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5322" width="7.230413" height="72.96875" x="-304.91528" y="364.952" rx="1.6370747" ry="3.6790967" transform="matrix(0.435242, -0.900314, 0.900314, 0.435242, 0, 0)" inkscape:transform-center-x="-0.054580855" inkscape:transform-center-y="-0.11405819"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5324" width="7.230413" height="72.96875" x="-405.55185" y="-337.909" rx="1.6370747" ry="3.6790967" transform="matrix(-0.900314, -0.435242, 0.435242, -0.900314, 0, 0)" inkscape:transform-center-x="-0.45083121" inkscape:transform-center-y="0.21580039"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5326" width="7.2304077" height="72.96875" x="-129.78862" y="448.93118" rx="1.6370734" ry="3.6790941" transform="matrix(0.744062, -0.66811, 0.66811, 0.744062, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5328" width="7.2304068" height="72.96875" x="-488.87778" y="-162.5117" rx="1.6370732" ry="3.6790936" transform="matrix(-0.66811, -0.744062, 0.744062, -0.66811, 0, 0)" inkscape:transform-center-x="-10.812994" inkscape:transform-center-y="-33.467625"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5330" width="7.2304125" height="72.96875" x="-434.65988" y="219.1375" rx="1.6370746" ry="3.6790965" transform="matrix(0.0575757, -0.998341, 0.998341, 0.0575757, 0, 0)" inkscape:transform-center-x="-0.0067134245" inkscape:transform-center-y="-0.12624831"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5332" width="7.2304125" height="72.96875" x="-260.01053" y="-468.30582" rx="1.6370746" ry="3.6790965" transform="matrix(-0.998341, -0.0575757, 0.0575757, -0.998341, 0, 0)" inkscape:transform-center-y="0.026899316" inkscape:transform-center-x="-0.49908664"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5334" width="7.474649" height="43.927952" x="-377.0932" y="-400.33444" rx="1.6923734" ry="2.2148545" transform="matrix(-0.925212, -0.379451, 0.379451, -0.925212, 0, 0)" inkscape:transform-center-x="-4.2716058" inkscape:transform-center-y="-7.6715504"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5336" width="7.474649" height="43.927952" x="-382.27505" y="351.12729" rx="1.6923734" ry="2.2148545" transform="matrix(0.379451, -0.925212, 0.925212, 0.379451, 0, 0)" inkscape:transform-center-x="-7.671692" inkscape:transform-center-y="4.2715427"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5338" width="7.474649" height="43.927948" x="-535.38159" y="-25.514301" rx="1.6923734" ry="2.2148545" transform="matrix(-0.385911, -0.922536, 0.922536, -0.385911, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5340" width="7.474649" height="43.927948" x="-7.163105" y="509.94055" rx="1.6923734" ry="2.2148545" transform="matrix(0.922536, -0.385911, 0.385911, 0.922536, 0, 0)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5342" sodipodi:cx="116.31907" sodipodi:cy="545.80859" sodipodi:rx="14.495689" sodipodi:ry="14.495689" d="M 130.81476,545.80859 A 14.495689,14.495689 0 1 1 101.82338,545.80859 A 14.495689,14.495689 0 1 1 130.81476,545.80859 z" transform="matrix(0.960398, -0.401749, 0.401749, 0.960398, -129.006, 14.0137)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3271) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(190, 190, 179); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5344" sodipodi:cx="105.4473" sodipodi:cy="547.66473" sodipodi:rx="10.16466" sodipodi:ry="10.16466" d="M 115.61196,547.66473 A 10.16466,10.16466 0 1 1 95.282643,547.66473 A 10.16466,10.16466 0 1 1 115.61196,547.66473 z" transform="matrix(0.960398, -0.401749, 0.401749, 0.960398, -119.396, 7.89883)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3273) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5346" sodipodi:cx="100.93949" sodipodi:cy="545.5434" sodipodi:rx="3.9774756" sodipodi:ry="3.9774756" d="M 104.91697,545.5434 A 3.9774756,3.9774756 0 1 1 96.962016,545.5434 A 3.9774756,3.9774756 0 1 1 104.91697,545.5434 z" transform="matrix(0.960398, -0.401749, 0.401749, 0.960398, -114.285, 7.95537)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.519676; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5348" sodipodi:cx="116.31907" sodipodi:cy="545.80859" sodipodi:rx="14.495689" sodipodi:ry="14.495689" d="M 130.81476,545.80859 A 14.495689,14.495689 0 1 1 101.82338,545.80859 A 14.495689,14.495689 0 1 1 130.81476,545.80859 z" transform="matrix(1.96359, -0.692314, 0.692314, 1.96359, -375.858, -545.202)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3275) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(190, 190, 179); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5350" sodipodi:cx="105.4473" sodipodi:cy="547.66473" sodipodi:rx="10.16466" sodipodi:ry="10.16466" d="M 115.61196,547.66473 A 10.16466,10.16466 0 1 1 95.282643,547.66473 A 10.16466,10.16466 0 1 1 115.61196,547.66473 z" transform="matrix(1.55459, -0.548111, 0.548111, 1.55459, -233.943, -347.364)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3277) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5352" sodipodi:cx="100.93949" sodipodi:cy="545.5434" sodipodi:rx="3.9774756" sodipodi:ry="3.9774756" d="M 104.91697,545.5434 A 3.9774756,3.9774756 0 1 1 96.962016,545.5434 A 3.9774756,3.9774756 0 1 1 104.91697,545.5434 z" transform="matrix(1.30537, -0.460241, 0.460241, 1.30537, -152.884, -220.026)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5354" width="7.1152625" height="4.7729135" x="65.982826" y="465.99457" rx="1.6576668" ry="2.3864567" transform="matrix(0.943099, -0.332513, 0.332513, 0.943099, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5356" width="7.1152625" height="4.7729135" x="65.960732" y="523.66797" rx="1.6576668" ry="2.3864567" transform="matrix(0.943099, -0.332513, 0.332513, 0.943099, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5358" width="7.1152625" height="4.7729135" x="-501.19525" y="95.592987" rx="1.6576668" ry="2.3864567" transform="matrix(-0.332513, -0.943099, 0.943099, -0.332513, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5360" width="7.1152625" height="4.7729135" x="-501.19519" y="37.786999" rx="1.6576668" ry="2.3864567" transform="matrix(-0.332513, -0.943099, 0.943099, -0.332513, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5362" width="7.1152625" height="4.7729135" x="-306.59344" y="427.05988" rx="1.6576668" ry="2.3864567" transform="matrix(0.431749, -0.901994, 0.901994, 0.431749, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5364" width="7.1152625" height="4.7729135" x="-306.31866" y="369.14117" rx="1.6576668" ry="2.3864567" transform="matrix(0.431749, -0.901994, 0.901994, 0.431749, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5366" width="7.1152625" height="4.7729135" x="-404.36612" y="-276.25415" rx="1.6576668" ry="2.3864567" transform="matrix(-0.901994, -0.431749, 0.431749, -0.901994, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5368" width="7.1152625" height="4.7729135" x="-404.18933" y="-334.01593" rx="1.6576668" ry="2.3864567" transform="matrix(-0.901994, -0.431749, 0.431749, -0.901994, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5370" width="7.1152616" height="4.7729135" x="-129.78484" y="454.45309" rx="1.6576666" ry="2.3864567" transform="matrix(0.744062, -0.66811, 0.66811, 0.744062, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5372" width="7.1152616" height="4.7729135" x="-129.78716" y="512.4054" rx="1.6576666" ry="2.3864567" transform="matrix(0.744062, -0.66811, 0.66811, 0.744062, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5374" width="7.1152616" height="4.7729135" x="-488.91299" y="-100.00322" rx="1.6576666" ry="2.3864567" transform="matrix(-0.66811, -0.744062, 0.744062, -0.66811, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5376" width="7.1152616" height="4.7729135" x="-488.91293" y="-157.80919" rx="1.6576666" ry="2.3864567" transform="matrix(-0.66811, -0.744062, 0.744062, -0.66811, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5378" width="7.1152616" height="4.7729135" x="-435.77966" y="280.63101" rx="1.6576666" ry="2.3864567" transform="matrix(0.0537059, -0.998557, 0.998557, 0.0537059, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5380" width="7.1152616" height="4.7729135" x="-435.53876" y="222.79398" rx="1.6576666" ry="2.3864567" transform="matrix(0.0537059, -0.998557, 0.998557, 0.0537059, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5382" width="7.1152616" height="4.7729135" x="-258.33395" y="-406.56134" rx="1.6576666" ry="2.3864567" transform="matrix(-0.998557, -0.0537059, 0.0537059, -0.998557, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5384" width="7.1152616" height="4.7729135" x="-258.15717" y="-464.32318" rx="1.6576666" ry="2.3864567" transform="matrix(-0.998557, -0.0537059, 0.0537059, -0.998557, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5386" width="6.75" height="3.4375" x="390.19818" y="340.07739" rx="0.47016668" ry="1.71875" transform="matrix(0.901994, 0.431749, -0.431749, 0.901994, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5388" width="6.7500005" height="3.4375002" x="373.94806" y="386.9249" rx="0.47016671" ry="1.7187501" transform="matrix(0.921316, 0.388814, -0.388814, 0.921316, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5390" width="6.7500005" height="3.4375002" x="361.05246" y="-402.72012" rx="0.47016671" ry="1.7187501" transform="matrix(-0.412213, 0.911088, -0.911088, -0.412213, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5392" width="6.7500005" height="3.4375002" x="393.76926" y="-339.68652" rx="0.47016671" ry="1.7187501" transform="matrix(-0.329492, 0.944158, -0.944158, -0.329492, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5394" width="6.7500005" height="3.4375002" x="527.9704" y="-20.811844" rx="0.47016671" ry="1.7187501" transform="matrix(0.372629, 0.92798, -0.92798, 0.372629, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5397" width="6.7500005" height="3.4375002" x="528.52869" y="8.4513111" rx="0.47016671" ry="1.7187501" transform="matrix(0.372629, 0.92798, -0.92798, 0.372629, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5399" width="6.75" height="3.4375" x="36.094131" y="-545.8858" rx="0.47016668" ry="1.71875" transform="matrix(-0.895012, 0.446042, -0.446042, -0.895012, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5401" width="6.75" height="3.4375" x="34.23085" y="-517.57141" rx="0.47016668" ry="1.71875" transform="matrix(-0.895012, 0.446042, -0.446042, -0.895012, 0, 0)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: none; fill-opacity: 1; fill-rule: nonzero; stroke: rgb(239, 239, 235); stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 0.418269;" id="path5403" sodipodi:cx="171.87114" sodipodi:cy="489.99133" sodipodi:rx="29.74268" sodipodi:ry="29.74268" d="M 201.61382,489.99133 A 29.74268,29.74268 0 1 1 142.12846,489.99133 A 29.74268,29.74268 0 1 1 201.61382,489.99133 z" transform="matrix(0.901994, 0.431749, -0.431749, 0.901994, 287.033, -70.2209)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: none; fill-opacity: 1; fill-rule: nonzero; stroke: rgb(239, 239, 235); stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 0.418269;" id="path5405" sodipodi:cx="152.11635" sodipodi:cy="538.56073" sodipodi:rx="14.407301" sodipodi:ry="14.407301" d="M 166.52365,538.56073 A 14.407301,14.407301 0 1 1 137.70905,538.56073 A 14.407301,14.407301 0 1 1 166.52365,538.56073 z" transform="matrix(0.901994, 0.431749, -0.431749, 0.901994, 297.439, -60.2057)"/>
+    </g>
+    <g id="g5415" transform="matrix(0.536791, 0.0577592, -0.0577592, 0.536791, 1368.72, 499.781)">
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5418" width="7.230413" height="72.96875" x="65.939308" y="460.66718" rx="1.6370747" ry="3.6790967" transform="matrix(0.943099, -0.332513, 0.332513, 0.943099, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5420" width="7.230413" height="72.96875" x="-501.26709" y="32.945621" rx="1.6370747" ry="3.6790967" transform="matrix(-0.332513, -0.943099, 0.943099, -0.332513, 0, 0)" inkscape:transform-center-x="-22.797407" inkscape:transform-center-y="-26.781993"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5422" width="7.230413" height="72.96875" x="-304.91528" y="364.952" rx="1.6370747" ry="3.6790967" transform="matrix(0.435242, -0.900314, 0.900314, 0.435242, 0, 0)" inkscape:transform-center-x="-0.054580855" inkscape:transform-center-y="-0.11405819"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5424" width="7.230413" height="72.96875" x="-405.55185" y="-337.909" rx="1.6370747" ry="3.6790967" transform="matrix(-0.900314, -0.435242, 0.435242, -0.900314, 0, 0)" inkscape:transform-center-x="-0.45083121" inkscape:transform-center-y="0.21580039"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5426" width="7.2304077" height="72.96875" x="-129.78862" y="448.93118" rx="1.6370734" ry="3.6790941" transform="matrix(0.744062, -0.66811, 0.66811, 0.744062, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5428" width="7.2304068" height="72.96875" x="-488.87778" y="-162.5117" rx="1.6370732" ry="3.6790936" transform="matrix(-0.66811, -0.744062, 0.744062, -0.66811, 0, 0)" inkscape:transform-center-x="-10.812994" inkscape:transform-center-y="-33.467625"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5430" width="7.2304125" height="72.96875" x="-434.65988" y="219.1375" rx="1.6370746" ry="3.6790965" transform="matrix(0.0575757, -0.998341, 0.998341, 0.0575757, 0, 0)" inkscape:transform-center-x="-0.0067134245" inkscape:transform-center-y="-0.12624831"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1.15691; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5432" width="7.2304125" height="72.96875" x="-260.01053" y="-468.30582" rx="1.6370746" ry="3.6790965" transform="matrix(-0.998341, -0.0575757, 0.0575757, -0.998341, 0, 0)" inkscape:transform-center-y="0.026899316" inkscape:transform-center-x="-0.49908664"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5434" width="7.474649" height="43.927952" x="-377.0932" y="-400.33444" rx="1.6923734" ry="2.2148545" transform="matrix(-0.925212, -0.379451, 0.379451, -0.925212, 0, 0)" inkscape:transform-center-x="-4.2716058" inkscape:transform-center-y="-7.6715504"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5436" width="7.474649" height="43.927952" x="-382.27505" y="351.12729" rx="1.6923734" ry="2.2148545" transform="matrix(0.379451, -0.925212, 0.925212, 0.379451, 0, 0)" inkscape:transform-center-x="-7.671692" inkscape:transform-center-y="4.2715427"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5438" width="7.474649" height="43.927948" x="-535.38159" y="-25.514301" rx="1.6923734" ry="2.2148545" transform="matrix(-0.385911, -0.922536, 0.922536, -0.385911, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.912671; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5440" width="7.474649" height="43.927948" x="-7.163105" y="509.94055" rx="1.6923734" ry="2.2148545" transform="matrix(0.922536, -0.385911, 0.385911, 0.922536, 0, 0)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5442" sodipodi:cx="116.31907" sodipodi:cy="545.80859" sodipodi:rx="14.495689" sodipodi:ry="14.495689" d="M 130.81476,545.80859 A 14.495689,14.495689 0 1 1 101.82338,545.80859 A 14.495689,14.495689 0 1 1 130.81476,545.80859 z" transform="matrix(0.960398, -0.401749, 0.401749, 0.960398, -129.006, 14.0137)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3279) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(190, 190, 179); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5444" sodipodi:cx="105.4473" sodipodi:cy="547.66473" sodipodi:rx="10.16466" sodipodi:ry="10.16466" d="M 115.61196,547.66473 A 10.16466,10.16466 0 1 1 95.282643,547.66473 A 10.16466,10.16466 0 1 1 115.61196,547.66473 z" transform="matrix(0.960398, -0.401749, 0.401749, 0.960398, -119.396, 7.89883)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3281) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5446" sodipodi:cx="100.93949" sodipodi:cy="545.5434" sodipodi:rx="3.9774756" sodipodi:ry="3.9774756" d="M 104.91697,545.5434 A 3.9774756,3.9774756 0 1 1 96.962016,545.5434 A 3.9774756,3.9774756 0 1 1 104.91697,545.5434 z" transform="matrix(0.960398, -0.401749, 0.401749, 0.960398, -114.285, 7.95537)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(156, 156, 142); stroke-width: 0.519676; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5448" sodipodi:cx="116.31907" sodipodi:cy="545.80859" sodipodi:rx="14.495689" sodipodi:ry="14.495689" d="M 130.81476,545.80859 A 14.495689,14.495689 0 1 1 101.82338,545.80859 A 14.495689,14.495689 0 1 1 130.81476,545.80859 z" transform="matrix(1.96359, -0.692314, 0.692314, 1.96359, -375.858, -545.202)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3283) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(190, 190, 179); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5450" sodipodi:cx="105.4473" sodipodi:cy="547.66473" sodipodi:rx="10.16466" sodipodi:ry="10.16466" d="M 115.61196,547.66473 A 10.16466,10.16466 0 1 1 95.282643,547.66473 A 10.16466,10.16466 0 1 1 115.61196,547.66473 z" transform="matrix(1.55459, -0.548111, 0.548111, 1.55459, -233.943, -347.364)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: url(#radialGradient3285) rgb(0, 0, 0); fill-opacity: 1; fill-rule: nonzero; stroke: rgb(145, 145, 124); stroke-width: 1; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="path5452" sodipodi:cx="100.93949" sodipodi:cy="545.5434" sodipodi:rx="3.9774756" sodipodi:ry="3.9774756" d="M 104.91697,545.5434 A 3.9774756,3.9774756 0 1 1 96.962016,545.5434 A 3.9774756,3.9774756 0 1 1 104.91697,545.5434 z" transform="matrix(1.30537, -0.460241, 0.460241, 1.30537, -152.884, -220.026)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5454" width="7.1152625" height="4.7729135" x="65.982826" y="465.99457" rx="1.6576668" ry="2.3864567" transform="matrix(0.943099, -0.332513, 0.332513, 0.943099, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5456" width="7.1152625" height="4.7729135" x="65.960732" y="523.66797" rx="1.6576668" ry="2.3864567" transform="matrix(0.943099, -0.332513, 0.332513, 0.943099, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5458" width="7.1152625" height="4.7729135" x="-501.19525" y="95.592987" rx="1.6576668" ry="2.3864567" transform="matrix(-0.332513, -0.943099, 0.943099, -0.332513, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5460" width="7.1152625" height="4.7729135" x="-501.19519" y="37.786999" rx="1.6576668" ry="2.3864567" transform="matrix(-0.332513, -0.943099, 0.943099, -0.332513, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5462" width="7.1152625" height="4.7729135" x="-306.59344" y="427.05988" rx="1.6576668" ry="2.3864567" transform="matrix(0.431749, -0.901994, 0.901994, 0.431749, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5464" width="7.1152625" height="4.7729135" x="-306.31866" y="369.14117" rx="1.6576668" ry="2.3864567" transform="matrix(0.431749, -0.901994, 0.901994, 0.431749, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5466" width="7.1152625" height="4.7729135" x="-404.36612" y="-276.25415" rx="1.6576668" ry="2.3864567" transform="matrix(-0.901994, -0.431749, 0.431749, -0.901994, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5468" width="7.1152625" height="4.7729135" x="-404.18933" y="-334.01593" rx="1.6576668" ry="2.3864567" transform="matrix(-0.901994, -0.431749, 0.431749, -0.901994, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5470" width="7.1152616" height="4.7729135" x="-129.78484" y="454.45309" rx="1.6576666" ry="2.3864567" transform="matrix(0.744062, -0.66811, 0.66811, 0.744062, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5472" width="7.1152616" height="4.7729135" x="-129.78716" y="512.4054" rx="1.6576666" ry="2.3864567" transform="matrix(0.744062, -0.66811, 0.66811, 0.744062, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5474" width="7.1152616" height="4.7729135" x="-488.91299" y="-100.00322" rx="1.6576666" ry="2.3864567" transform="matrix(-0.66811, -0.744062, 0.744062, -0.66811, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5476" width="7.1152616" height="4.7729135" x="-488.91293" y="-157.80919" rx="1.6576666" ry="2.3864567" transform="matrix(-0.66811, -0.744062, 0.744062, -0.66811, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5478" width="7.1152616" height="4.7729135" x="-435.77966" y="280.63101" rx="1.6576666" ry="2.3864567" transform="matrix(0.0537059, -0.998557, 0.998557, 0.0537059, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5480" width="7.1152616" height="4.7729135" x="-435.53876" y="222.79398" rx="1.6576666" ry="2.3864567" transform="matrix(0.0537059, -0.998557, 0.998557, 0.0537059, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5482" width="7.1152616" height="4.7729135" x="-258.33395" y="-406.56134" rx="1.6576666" ry="2.3864567" transform="matrix(-0.998557, -0.0537059, 0.0537059, -0.998557, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5484" width="7.1152616" height="4.7729135" x="-258.15717" y="-464.32318" rx="1.6576666" ry="2.3864567" transform="matrix(-0.998557, -0.0537059, 0.0537059, -0.998557, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5486" width="6.75" height="3.4375" x="390.19818" y="340.07739" rx="0.47016668" ry="1.71875" transform="matrix(0.901994, 0.431749, -0.431749, 0.901994, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5488" width="6.7500005" height="3.4375002" x="373.94806" y="386.9249" rx="0.47016671" ry="1.7187501" transform="matrix(0.921316, 0.388814, -0.388814, 0.921316, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5490" width="6.7500005" height="3.4375002" x="361.05246" y="-402.72012" rx="0.47016671" ry="1.7187501" transform="matrix(-0.412213, 0.911088, -0.911088, -0.412213, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5492" width="6.7500005" height="3.4375002" x="393.76926" y="-339.68652" rx="0.47016671" ry="1.7187501" transform="matrix(-0.329492, 0.944158, -0.944158, -0.329492, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5494" width="6.7500005" height="3.4375002" x="527.9704" y="-20.811844" rx="0.47016671" ry="1.7187501" transform="matrix(0.372629, 0.92798, -0.92798, 0.372629, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5496" width="6.7500005" height="3.4375002" x="528.52869" y="8.4513111" rx="0.47016671" ry="1.7187501" transform="matrix(0.372629, 0.92798, -0.92798, 0.372629, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5498" width="6.75" height="3.4375" x="36.094131" y="-545.8858" rx="0.47016668" ry="1.71875" transform="matrix(-0.895012, 0.446042, -0.446042, -0.895012, 0, 0)"/>
+      <rect style="opacity: 1; fill: rgb(250, 251, 230); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;" id="rect5500" width="6.75" height="3.4375" x="34.23085" y="-517.57141" rx="0.47016668" ry="1.71875" transform="matrix(-0.895012, 0.446042, -0.446042, -0.895012, 0, 0)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: none; fill-opacity: 1; fill-rule: nonzero; stroke: rgb(239, 239, 235); stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 0.418269;" id="path5502" sodipodi:cx="171.87114" sodipodi:cy="489.99133" sodipodi:rx="29.74268" sodipodi:ry="29.74268" d="M 201.61382,489.99133 A 29.74268,29.74268 0 1 1 142.12846,489.99133 A 29.74268,29.74268 0 1 1 201.61382,489.99133 z" transform="matrix(0.901994, 0.431749, -0.431749, 0.901994, 287.033, -70.2209)"/>
+      <path sodipodi:type="arc" style="opacity: 1; fill: none; fill-opacity: 1; fill-rule: nonzero; stroke: rgb(239, 239, 235); stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 0.418269;" id="path5504" sodipodi:cx="152.11635" sodipodi:cy="538.56073" sodipodi:rx="14.407301" sodipodi:ry="14.407301" d="M 166.52365,538.56073 A 14.407301,14.407301 0 1 1 137.70905,538.56073 A 14.407301,14.407301 0 1 1 166.52365,538.56073 z" transform="matrix(0.901994, 0.431749, -0.431749, 0.901994, 297.439, -60.2057)"/>
+    </g>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 1414.4913,917.89578 C 1414.4913,897.74323 1414.4913,897.74323 1414.4913,897.74323 C 1365.8777,873.52482 1365.8777,873.52482 1365.8777,873.52482" id="path5756"/>
+    <g id="g5514" transform="matrix(0.713522, 0, 0, 0.713522, 1092.85, 388.956)">
+      <path id="path5516" d="M 327.75998,612.9113 C 327.75998,700.20702 327.75998,700.20702 327.75998,700.20702 C 396.31737,700.20702 396.31737,700.20702 396.31737,700.20702 C 396.31737,630.43917 396.31737,630.43917 396.31737,630.43917 C 376.17621,612.9113 376.17621,612.9113 376.17621,612.9113 C 328.92196,613.25498 327.75998,612.9113 327.75998,612.9113 z" style="fill: rgb(253, 253, 253); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(190, 190, 190); stroke-width: 1.03197px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;"/>
+      <path id="path5518" d="M 376.56353,613.59867 L 376.56353,629.40812 C 395.93003,630.09549 395.5427,630.09549 395.5427,630.09549" style="fill: none; fill-rule: evenodd; stroke: rgb(138, 138, 138); stroke-width: 1.03197px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;"/>
+    </g>
+    <g id="g5528" transform="matrix(0.713522, 0, 0, 0.713522, 1247.63, 390.042)">
+      <path id="path5530" d="M 327.75998,612.9113 C 327.75998,700.20702 327.75998,700.20702 327.75998,700.20702 C 396.31737,700.20702 396.31737,700.20702 396.31737,700.20702 C 396.31737,630.43917 396.31737,630.43917 396.31737,630.43917 C 376.17621,612.9113 376.17621,612.9113 376.17621,612.9113 C 328.92196,613.25498 327.75998,612.9113 327.75998,612.9113 z" style="fill: rgb(253, 253, 253); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(190, 190, 190); stroke-width: 1.03197px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;"/>
+      <path id="path5532" d="M 376.56353,613.59867 L 376.56353,629.40812 C 395.93003,630.09549 395.5427,630.09549 395.5427,630.09549" style="fill: none; fill-rule: evenodd; stroke: rgb(138, 138, 138); stroke-width: 1.03197px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;"/>
+    </g>
+    <path style="fill: rgb(255, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 0.307256px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;" d="M 1504.5791,643.21934 L 1508.8912,655.00251 L 1504.285,653.4833 L 1499.7674,654.95252 L 1504.5791,643.21934 z" id="path5726" sodipodi:nodetypes="ccccc"/>
+    <path style="fill: rgb(255, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 0.307256px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;" d="M 1504.7204,778.89134 L 1509.0325,790.67451 L 1504.4263,789.1553 L 1499.9087,790.62452 L 1504.7204,778.89134 z" id="path5738" sodipodi:nodetypes="ccccc"/>
+    <path style="fill: rgb(255, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 0.307256px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1;" d="M 1345.2679,741.53059 L 1349.58,729.74742 L 1344.9738,731.26663 L 1340.4562,729.79741 L 1345.2679,741.53059 z" id="path5740" sodipodi:nodetypes="ccccc"/>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 1344.6645,641.94735 C 1344.8413,732.81058 1344.8413,732.81058 1344.8413,732.81058" id="path5744"/>
+    <path style="fill: none; fill-rule: evenodd; stroke: rgb(255, 0, 0); stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" d="M 1504.4907,652.58241 C 1504.6675,743.44564 1504.6675,743.44564 1504.6675,743.44564" id="path5746"/>
+    <path style="fill: url(#radialGradient3287) rgb(0, 0, 0); fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 1.0007; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1; filter: url(#filter5116);" d="M 642.82808,196.7977 C 642.47856,230.31825 643.82808,329.7977 643.82808,329.7977 L 643.82808,329.7977 C 789.82808,329.7977 789.82808,329.7977 789.82808,329.7977 C 789.82808,196.7977 789.32808,196.7977 789.32808,196.7977 C 772.82808,182.2977 765.32808,183.2977 765.32808,183.2977 C 671.32808,181.2977 668.82808,183.7977 668.82808,183.7977 C 668.82808,183.7977 642.91901,188.07751 642.82808,196.7977 z" id="path5128" sodipodi:nodetypes="cccccccs" transform="matrix(0.414741, 0, 0, 0.405585, 1057.88, 480.707)"/>
+    <text xml:space="preserve" style="font-size: 7.93095px; font-style: normal; font-weight: bold; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1312.74" y="565.631" id="text2773"><tspan y="565.631" x="1312.74" sodipodi:role="line" id="tspan2775"><tspan x="1312.74" y="565.631" id="tspan2777">&gt;GET SALES </tspan><tspan dx="0" x="1370.27" y="565.631" id="tspan2779"/></tspan><tspan y="575.545" x="1312.74" sodipodi:role="line" id="tspan2781"><tspan x="1312.74" y="575.545" id="tspan2783">   TOTAL</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 8.04557px; font-style: normal; font-weight: bold; fill: rgb(153, 153, 153); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1470.95" y="565.765" id="text2785"><tspan y="565.765" x="1470.95" sodipodi:role="line" id="tspan2787"><tspan x="1470.95" y="565.765" id="tspan2789" style="fill: rgb(153, 153, 153);">&gt;GET SALES </tspan><tspan dx="0" x="1529.31" y="565.765" id="tspan2791" style="fill: rgb(153, 153, 153);"/></tspan><tspan y="575.822" x="1470.95" sodipodi:role="line" id="tspan2793"><tspan x="1470.95" y="575.822" id="tspan2795" style="fill: rgb(153, 153, 153);">   TOTAL</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 10px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1331.43" y="755.035" id="text2943"><tspan y="755.035" x="1331.43" sodipodi:role="line" id="tspan2945"><tspan x="1331.43" y="755.035" id="tspan2947">GET LIST OF ALL</tspan><tspan dx="0" x="1423.63" y="755.035" id="tspan2949"/></tspan><tspan y="767.535" x="1331.43" sodipodi:role="line" id="tspan2951"><tspan x="1331.43" y="767.535" id="tspan2953">SALES MADE</tspan><tspan dx="0" x="1403.09" y="767.535" id="tspan2955"/></tspan><tspan y="780.035" x="1331.43" sodipodi:role="line" id="tspan2957"><tspan x="1331.43" y="780.035" id="tspan2959">LAST YEAR</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 10px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1493.37" y="757.841" id="text2961"><tspan y="757.841" x="1493.37" sodipodi:role="line" id="tspan2963"><tspan x="1493.37" y="757.841" id="tspan2965">ADD ALL SALES</tspan><tspan dx="0" x="1580.48" y="757.841" id="tspan2967"/></tspan><tspan y="770.341" x="1493.37" sodipodi:role="line" id="tspan2969"><tspan x="1493.37" y="770.341" id="tspan2971">TOGETHER</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 8.04557px; font-style: normal; font-weight: bold; fill: rgb(255, 255, 255); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1470.64" y="588.715" id="text2973"><tspan y="588.715" x="1470.64" sodipodi:role="line" id="tspan2975"><tspan x="1470.64" y="588.715" id="tspan2977">4 TOTAL SALES</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 10px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1332.85" y="860.491" id="text2979"><tspan y="860.491" x="1332.85" sodipodi:role="line" id="tspan2981"><tspan x="1332.85" y="860.491" id="tspan2983">QUERY</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 9px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1487.72" y="847.577" id="text2985"><tspan y="847.577" x="1487.72" sodipodi:role="line" id="tspan2987"><tspan x="1487.72" y="847.577" id="tspan2989">SALE 1</tspan><tspan dx="0" x="1522.44" y="847.577" id="tspan2991"/></tspan><tspan y="858.827" x="1487.72" sodipodi:role="line" id="tspan2993"><tspan x="1487.72" y="858.827" id="tspan2995">SALE 2</tspan><tspan dx="0" x="1522.44" y="858.827" id="tspan2997"/></tspan><tspan y="870.077" x="1487.72" sodipodi:role="line" id="tspan2999"><tspan x="1487.72" y="870.077" id="tspan3001">SALE 3</tspan><tspan dx="0" x="1522.44" y="870.077" id="tspan3003"/></tspan><tspan y="881.327" x="1487.72" sodipodi:role="line" id="tspan3005"><tspan x="1487.72" y="881.327" id="tspan3007">SALE 4</tspan></tspan></text>
+    <rect ry="0.022097087" rx="0" y="460.38123" x="164.5349" height="0.044194173" width="0" id="rect5413" style="opacity: 1; fill: rgb(78, 219, 55); fill-opacity: 1; fill-rule: nonzero; stroke: none; stroke-width: 1.082; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 3.1; stroke-dasharray: none; stroke-opacity: 1;"/>
+    <flowRoot xml:space="preserve" id="flowRoot5253" style="font-size:12px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion5255"><rect id="rect5257" width="62.225395" height="33.941124" x="330.21887" y="640.82605"/></flowRegion><flowPara id="flowPara5259"/></flowRoot>    <flowRoot xml:space="preserve" id="flowRoot5631" style="font-size:12px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion5633"><rect id="rect5636" width="226.27417" height="67.17514" x="839.33575" y="169.18582"/></flowRegion><flowPara id="flowPara5638"/></flowRoot>    <rect style="opacity: 1; fill: rgb(246, 246, 240); fill-opacity: 0; fill-rule: nonzero; stroke: none; stroke-width: 2.4; stroke-linecap: butt; stroke-linejoin: round; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1;" id="rect5762" width="595.38391" height="154.14928" x="0" y="524.8609" rx="7.1171522" ry="3.4265683"/>
+    <flowRoot xml:space="preserve" id="flowRoot2676" style="font-size:12px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion2678"><rect id="rect2680" width="220" height="45" x="14" y="-59.669922"/></flowRegion><flowPara id="flowPara2682"/></flowRoot>    <flowRoot xml:space="preserve" id="flowRoot2684" style="font-size:12px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion2686"><rect id="rect2688" width="337" height="117" x="-27" y="-211.66992"/></flowRegion><flowPara id="flowPara2690"/></flowRoot>    <flowRoot xml:space="preserve" id="flowRoot2692" style="font-size:12px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion2694"><rect id="rect2696" width="123" height="189" x="120" y="-349.66992"/></flowRegion><flowPara id="flowPara2698"/></flowRoot>    <flowRoot xml:space="preserve" id="flowRoot2728" style="font-size:12px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion2730"><rect id="rect2732" width="248.19447" height="79.549515" x="22.98097" y="54.800766"/></flowRegion><flowPara id="flowPara2734"/></flowRoot>    <flowRoot xml:space="preserve" id="flowRoot2798" style="font-size:10px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion2800"><rect id="rect2802" width="8.485281" height="12.727922" x="101.82338" y="423.55695"/></flowRegion><flowPara id="flowPara2804"/></flowRoot>    <flowRoot xml:space="preserve" id="flowRoot2806" style="font-size:10px;font-style:normal;font-weight:bold;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Bitstream Vera Sans"><flowRegion id="flowRegion2808"><rect id="rect2810" width="451.13412" height="149.90663" x="21.213203" y="623.66815"/></flowRegion><flowPara id="flowPara2812"/></flowRoot>    <text xml:space="preserve" style="font-size: 14px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1018.53" y="879.429" id="text2737"><tspan y="879.429" x="1018.53" sodipodi:role="line" id="tspan2739"><tspan x="1018.53" y="879.429" style="font-size: 16px;" id="tspan2741">Data tier</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 14px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1018.53" y="558.691" id="text2694"><tspan y="558.691" x="1018.53" sodipodi:role="line" id="tspan2696"><tspan x="1018.53" y="558.691" style="font-size: 16px;" id="tspan2698">Presentation tier</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 14px; font-style: normal; font-weight: bold; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1018.53" y="702.198" id="text2700"><tspan y="702.198" x="1018.53" sodipodi:role="line" id="tspan2702"><tspan x="1018.53" y="702.198" style="font-size: 16px;" id="tspan2704">Logic tier</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 12px; font-style: normal; font-weight: normal; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1020.04" y="725.487" id="text3427"><tspan sodipodi:role="line" id="tspan3429" x="1020.04" y="725.487"><tspan x="1020.04" y="725.487" id="tspan3431">This layer coordinates the </tspan></tspan><tspan sodipodi:role="line" id="tspan3433" x="1020.04" y="740.487"><tspan x="1020.04" y="740.487" id="tspan3435">application, processes commands, </tspan></tspan><tspan sodipodi:role="line" id="tspan3437" x="1020.04" y="755.487"><tspan x="1020.04" y="755.487" id="tspan3439">makes logical decisions and </tspan></tspan><tspan sodipodi:role="line" id="tspan3441" x="1020.04" y="770.487"><tspan x="1020.04" y="770.487" id="tspan3443">evaluations, and performs </tspan></tspan><tspan sodipodi:role="line" id="tspan3445" x="1020.04" y="785.487"><tspan x="1020.04" y="785.487" id="tspan3447">calculations.  It also moves and </tspan></tspan><tspan sodipodi:role="line" id="tspan3449" x="1020.04" y="800.487"><tspan x="1020.04" y="800.487" id="tspan3451">processes data between the two </tspan></tspan><tspan sodipodi:role="line" id="tspan3453" x="1020.04" y="815.487"><tspan x="1020.04" y="815.487" id="tspan3455">surrounding layers.</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 12px; font-style: normal; font-weight: normal; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1019.72" y="903.985" id="text3457"><tspan sodipodi:role="line" id="tspan3459" x="1019.72" y="903.985"><tspan x="1019.72" y="903.985" id="tspan3461">Here information is stored and retrieved </tspan></tspan><tspan sodipodi:role="line" id="tspan3463" x="1019.72" y="918.985"><tspan x="1019.72" y="918.985" id="tspan3465">from a database or file system.  The </tspan></tspan><tspan sodipodi:role="line" id="tspan3467" x="1019.72" y="933.985"><tspan x="1019.72" y="933.985" id="tspan3469">information is then passed back to the </tspan></tspan><tspan sodipodi:role="line" id="tspan3471" x="1019.72" y="948.985"><tspan x="1019.72" y="948.985" id="tspan3473">logic tier for processing, and then </tspan></tspan><tspan sodipodi:role="line" id="tspan3475" x="1019.72" y="963.985"><tspan x="1019.72" y="963.985" id="tspan3477">eventually back to the user.</tspan></tspan></text>
+    <text xml:space="preserve" style="font-size: 12px; font-style: normal; font-weight: normal; fill: rgb(0, 0, 0); fill-opacity: 1; stroke: none; stroke-width: 1px; stroke-linecap: butt; stroke-linejoin: miter; stroke-opacity: 1; font-family: Bitstream Vera Sans;" x="1020.04" y="579.832" id="text3714"><tspan sodipodi:role="line" id="tspan3716"><tspan x="1020.04" y="579.832" id="tspan3718">The top-most level of the application</tspan><tspan dx="0" x="1241.47" y="579.832" id="tspan3720"/></tspan><tspan sodipodi:role="line" id="tspan3722"><tspan x="1020.04" y="594.832" id="tspan3724">is the user interface. The main function</tspan><tspan dx="0" x="1257.22" y="594.832" id="tspan3726"/></tspan><tspan sodipodi:role="line" id="tspan3728"><tspan x="1020.04" y="609.832" id="tspan3730">of the interface is to translate tasks </tspan><tspan dx="0" x="1238.45" y="609.832" id="tspan3732"/></tspan><tspan sodipodi:role="line" id="tspan3734"><tspan x="1020.04" y="624.832" id="tspan3736">and results to something the user can </tspan><tspan dx="0" x="1252.98" y="624.832" id="tspan3738"/></tspan><tspan sodipodi:role="line" id="tspan3740"><tspan x="1020.04" y="639.832" id="tspan3742">understand.</tspan></tspan></text>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/content/developer/tutorials/server_framework_101/02_newapp.rst b/content/developer/tutorials/server_framework_101_legacy/02_newapp.rst
similarity index 95%
rename from content/developer/tutorials/server_framework_101/02_newapp.rst
rename to content/developer/tutorials/server_framework_101_legacy/02_newapp.rst
index 31e02dcfd..70d1ffaec 100644
--- a/content/developer/tutorials/server_framework_101/02_newapp.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/02_newapp.rst
@@ -2,6 +2,12 @@
 Chapter 2: A New Application
 ============================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 The purpose of this chapter is to lay the foundation for the creation of a completely new Odoo module.
 We will start from scratch with the minimum needed to have our module recognized by Odoo.
 In the upcoming chapters, we will progressively add features to build a realistic business case.
diff --git a/content/developer/tutorials/server_framework_101/02_newapp/app_in_list.png b/content/developer/tutorials/server_framework_101_legacy/02_newapp/app_in_list.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/02_newapp/app_in_list.png
rename to content/developer/tutorials/server_framework_101_legacy/02_newapp/app_in_list.png
diff --git a/content/developer/tutorials/server_framework_101/02_newapp/overview_form_view_01.png b/content/developer/tutorials/server_framework_101_legacy/02_newapp/overview_form_view_01.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/02_newapp/overview_form_view_01.png
rename to content/developer/tutorials/server_framework_101_legacy/02_newapp/overview_form_view_01.png
diff --git a/content/developer/tutorials/server_framework_101/02_newapp/overview_form_view_02.png b/content/developer/tutorials/server_framework_101_legacy/02_newapp/overview_form_view_02.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/02_newapp/overview_form_view_02.png
rename to content/developer/tutorials/server_framework_101_legacy/02_newapp/overview_form_view_02.png
diff --git a/content/developer/tutorials/server_framework_101/02_newapp/overview_list_view_01.png b/content/developer/tutorials/server_framework_101_legacy/02_newapp/overview_list_view_01.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/02_newapp/overview_list_view_01.png
rename to content/developer/tutorials/server_framework_101_legacy/02_newapp/overview_list_view_01.png
diff --git a/content/developer/tutorials/server_framework_101/03_basicmodel.rst b/content/developer/tutorials/server_framework_101_legacy/03_basicmodel.rst
similarity index 98%
rename from content/developer/tutorials/server_framework_101/03_basicmodel.rst
rename to content/developer/tutorials/server_framework_101_legacy/03_basicmodel.rst
index fcdbceaeb..ae823f3ec 100644
--- a/content/developer/tutorials/server_framework_101/03_basicmodel.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/03_basicmodel.rst
@@ -2,6 +2,12 @@
 Chapter 3: Models And Basic Fields
 ==================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 At the end of the :doc:`previous chapter <02_newapp>`, we were able to
 create an Odoo module. However, at this point it is still an empty shell which doesn't allow us to
 store any data. In our real estate module, we want to store the information related to the
diff --git a/content/developer/tutorials/server_framework_101/04_securityintro.rst b/content/developer/tutorials/server_framework_101_legacy/04_securityintro.rst
similarity index 96%
rename from content/developer/tutorials/server_framework_101/04_securityintro.rst
rename to content/developer/tutorials/server_framework_101_legacy/04_securityintro.rst
index 5c4c2317f..47af31398 100644
--- a/content/developer/tutorials/server_framework_101/04_securityintro.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/04_securityintro.rst
@@ -2,6 +2,12 @@
 Chapter 4: Security - A Brief Introduction
 ==========================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 In the :doc:`previous chapter <03_basicmodel>`, we created our first table
 intended to store business data. In a business application such as Odoo, one of the first questions
 to consider is who\ [#who]_ can access the data. Odoo provides a security mechanism to allow access
diff --git a/content/developer/tutorials/server_framework_101/05_firstui.rst b/content/developer/tutorials/server_framework_101_legacy/05_firstui.rst
similarity index 98%
rename from content/developer/tutorials/server_framework_101/05_firstui.rst
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui.rst
index f79e0d0bc..ae81a9765 100644
--- a/content/developer/tutorials/server_framework_101/05_firstui.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/05_firstui.rst
@@ -2,6 +2,12 @@
 Chapter 5: Finally, Some UI To Play With
 ========================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 Now that we've created our new :doc:`model <03_basicmodel>` and its
 corresponding :doc:`access rights <04_securityintro>`, it is time to
 interact with the user interface.
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/attribute_and_default.gif b/content/developer/tutorials/server_framework_101_legacy/05_firstui/attribute_and_default.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/attribute_and_default.gif
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/attribute_and_default.gif
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/estate_form_default.png b/content/developer/tutorials/server_framework_101_legacy/05_firstui/estate_form_default.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/estate_form_default.png
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/estate_form_default.png
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/estate_menu_action.png b/content/developer/tutorials/server_framework_101_legacy/05_firstui/estate_menu_action.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/estate_menu_action.png
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/estate_menu_action.png
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/estate_menu_root.png b/content/developer/tutorials/server_framework_101_legacy/05_firstui/estate_menu_root.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/estate_menu_root.png
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/estate_menu_root.png
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/inactive.gif b/content/developer/tutorials/server_framework_101_legacy/05_firstui/inactive.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/inactive.gif
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/inactive.gif
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/menu_01.png b/content/developer/tutorials/server_framework_101_legacy/05_firstui/menu_01.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/menu_01.png
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/menu_01.png
diff --git a/content/developer/tutorials/server_framework_101/05_firstui/menu_02.png b/content/developer/tutorials/server_framework_101_legacy/05_firstui/menu_02.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/05_firstui/menu_02.png
rename to content/developer/tutorials/server_framework_101_legacy/05_firstui/menu_02.png
diff --git a/content/developer/tutorials/server_framework_101/06_basicviews.rst b/content/developer/tutorials/server_framework_101_legacy/06_basicviews.rst
similarity index 97%
rename from content/developer/tutorials/server_framework_101/06_basicviews.rst
rename to content/developer/tutorials/server_framework_101_legacy/06_basicviews.rst
index f7f027b08..18edd5aad 100644
--- a/content/developer/tutorials/server_framework_101/06_basicviews.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/06_basicviews.rst
@@ -2,6 +2,12 @@
 Chapter 6: Basic Views
 ======================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 We have seen in the :doc:`previous chapter <05_firstui>` that Odoo is able
 to generate default views for a given model. In practice, the default view is **never** acceptable
 for a business application. Instead, we should at least organize the various fields in a logical
diff --git a/content/developer/tutorials/server_framework_101/06_basicviews/form.png b/content/developer/tutorials/server_framework_101_legacy/06_basicviews/form.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/06_basicviews/form.png
rename to content/developer/tutorials/server_framework_101_legacy/06_basicviews/form.png
diff --git a/content/developer/tutorials/server_framework_101/06_basicviews/list.png b/content/developer/tutorials/server_framework_101_legacy/06_basicviews/list.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/06_basicviews/list.png
rename to content/developer/tutorials/server_framework_101_legacy/06_basicviews/list.png
diff --git a/content/developer/tutorials/server_framework_101/06_basicviews/search_01.png b/content/developer/tutorials/server_framework_101_legacy/06_basicviews/search_01.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/06_basicviews/search_01.png
rename to content/developer/tutorials/server_framework_101_legacy/06_basicviews/search_01.png
diff --git a/content/developer/tutorials/server_framework_101/06_basicviews/search_02.png b/content/developer/tutorials/server_framework_101_legacy/06_basicviews/search_02.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/06_basicviews/search_02.png
rename to content/developer/tutorials/server_framework_101_legacy/06_basicviews/search_02.png
diff --git a/content/developer/tutorials/server_framework_101/06_basicviews/search_03.png b/content/developer/tutorials/server_framework_101_legacy/06_basicviews/search_03.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/06_basicviews/search_03.png
rename to content/developer/tutorials/server_framework_101_legacy/06_basicviews/search_03.png
diff --git a/content/developer/tutorials/server_framework_101/07_relations.rst b/content/developer/tutorials/server_framework_101_legacy/07_relations.rst
similarity index 98%
rename from content/developer/tutorials/server_framework_101/07_relations.rst
rename to content/developer/tutorials/server_framework_101_legacy/07_relations.rst
index 1d2130d83..86384d260 100644
--- a/content/developer/tutorials/server_framework_101/07_relations.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/07_relations.rst
@@ -2,6 +2,12 @@
 Chapter 7: Relations Between Models
 ===================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 The :doc:`previous chapter <06_basicviews>` covered the creation of custom
 views for a model containing basic fields. However, in any real business scenario we need more than
 one model. Moreover, links between models are necessary. One can easily imagine one model containing
diff --git a/content/developer/tutorials/server_framework_101/07_relations/property_many2many.png b/content/developer/tutorials/server_framework_101_legacy/07_relations/property_many2many.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/07_relations/property_many2many.png
rename to content/developer/tutorials/server_framework_101_legacy/07_relations/property_many2many.png
diff --git a/content/developer/tutorials/server_framework_101/07_relations/property_many2one.png b/content/developer/tutorials/server_framework_101_legacy/07_relations/property_many2one.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/07_relations/property_many2one.png
rename to content/developer/tutorials/server_framework_101_legacy/07_relations/property_many2one.png
diff --git a/content/developer/tutorials/server_framework_101/07_relations/property_offer.png b/content/developer/tutorials/server_framework_101_legacy/07_relations/property_offer.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/07_relations/property_offer.png
rename to content/developer/tutorials/server_framework_101_legacy/07_relations/property_offer.png
diff --git a/content/developer/tutorials/server_framework_101/07_relations/property_tag.png b/content/developer/tutorials/server_framework_101_legacy/07_relations/property_tag.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/07_relations/property_tag.png
rename to content/developer/tutorials/server_framework_101_legacy/07_relations/property_tag.png
diff --git a/content/developer/tutorials/server_framework_101/07_relations/property_type.png b/content/developer/tutorials/server_framework_101_legacy/07_relations/property_type.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/07_relations/property_type.png
rename to content/developer/tutorials/server_framework_101_legacy/07_relations/property_type.png
diff --git a/content/developer/tutorials/server_framework_101/08_compute_onchange.rst b/content/developer/tutorials/server_framework_101_legacy/08_compute_onchange.rst
similarity index 97%
rename from content/developer/tutorials/server_framework_101/08_compute_onchange.rst
rename to content/developer/tutorials/server_framework_101_legacy/08_compute_onchange.rst
index a5ac62f5d..33d4c4a51 100644
--- a/content/developer/tutorials/server_framework_101/08_compute_onchange.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/08_compute_onchange.rst
@@ -2,6 +2,12 @@
 Chapter 8: Computed Fields And Onchanges
 ========================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 The :doc:`relations between models <07_relations>` are a key component of
 any Odoo module. They are necessary for the modelization of any business case. However, we may want
 links between the fields within a given model. Sometimes the value of one field is determined from
@@ -50,7 +56,7 @@ method should set the value of the computed field for every record in
 
 By convention, :attr:`~odoo.fields.Field.compute` methods are private, meaning that they cannot
 be called from the presentation tier, only from the business tier (see
-:ref:`tutorials/server_framework_101/01_architecture`). Private methods have a name starting with an
+:ref:`tutorials/server_framework_101_legacy/01_architecture`). Private methods have a name starting with an
 underscore ``_``.
 
 Dependencies
diff --git a/content/developer/tutorials/server_framework_101/08_compute_onchange/compute.gif b/content/developer/tutorials/server_framework_101_legacy/08_compute_onchange/compute.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/08_compute_onchange/compute.gif
rename to content/developer/tutorials/server_framework_101_legacy/08_compute_onchange/compute.gif
diff --git a/content/developer/tutorials/server_framework_101/08_compute_onchange/compute_inverse.gif b/content/developer/tutorials/server_framework_101_legacy/08_compute_onchange/compute_inverse.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/08_compute_onchange/compute_inverse.gif
rename to content/developer/tutorials/server_framework_101_legacy/08_compute_onchange/compute_inverse.gif
diff --git a/content/developer/tutorials/server_framework_101/08_compute_onchange/onchange.gif b/content/developer/tutorials/server_framework_101_legacy/08_compute_onchange/onchange.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/08_compute_onchange/onchange.gif
rename to content/developer/tutorials/server_framework_101_legacy/08_compute_onchange/onchange.gif
diff --git a/content/developer/tutorials/server_framework_101/09_actions.rst b/content/developer/tutorials/server_framework_101_legacy/09_actions.rst
similarity index 96%
rename from content/developer/tutorials/server_framework_101/09_actions.rst
rename to content/developer/tutorials/server_framework_101_legacy/09_actions.rst
index 430965192..42a5be5f7 100644
--- a/content/developer/tutorials/server_framework_101/09_actions.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/09_actions.rst
@@ -2,6 +2,12 @@
 Chapter 9: Ready For Some Action?
 =================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 So far we have mostly built our module by declaring fields and views. We just introduced business
 logic in the :doc:`previous chapter <08_compute_onchange>` thanks to
 computed fields and onchanges. In any real business scenario, we would want to link some business
diff --git a/content/developer/tutorials/server_framework_101/09_actions/offer_01.gif b/content/developer/tutorials/server_framework_101_legacy/09_actions/offer_01.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/09_actions/offer_01.gif
rename to content/developer/tutorials/server_framework_101_legacy/09_actions/offer_01.gif
diff --git a/content/developer/tutorials/server_framework_101/09_actions/offer_02.gif b/content/developer/tutorials/server_framework_101_legacy/09_actions/offer_02.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/09_actions/offer_02.gif
rename to content/developer/tutorials/server_framework_101_legacy/09_actions/offer_02.gif
diff --git a/content/developer/tutorials/server_framework_101/09_actions/property.gif b/content/developer/tutorials/server_framework_101_legacy/09_actions/property.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/09_actions/property.gif
rename to content/developer/tutorials/server_framework_101_legacy/09_actions/property.gif
diff --git a/content/developer/tutorials/server_framework_101/10_constraints.rst b/content/developer/tutorials/server_framework_101_legacy/10_constraints.rst
similarity index 96%
rename from content/developer/tutorials/server_framework_101/10_constraints.rst
rename to content/developer/tutorials/server_framework_101_legacy/10_constraints.rst
index b6f5f771e..7f25c5631 100644
--- a/content/developer/tutorials/server_framework_101/10_constraints.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/10_constraints.rst
@@ -2,6 +2,12 @@
 Chapter 10: Constraints
 =======================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 The :doc:`previous chapter <09_actions>` introduced the ability to add
 some business logic to our model. We can now link buttons to business code, but how can we prevent
 users from entering incorrect data? For example, in our real estate module nothing prevents
diff --git a/content/developer/tutorials/server_framework_101/10_constraints/python.gif b/content/developer/tutorials/server_framework_101_legacy/10_constraints/python.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/10_constraints/python.gif
rename to content/developer/tutorials/server_framework_101_legacy/10_constraints/python.gif
diff --git a/content/developer/tutorials/server_framework_101/10_constraints/sql_01.gif b/content/developer/tutorials/server_framework_101_legacy/10_constraints/sql_01.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/10_constraints/sql_01.gif
rename to content/developer/tutorials/server_framework_101_legacy/10_constraints/sql_01.gif
diff --git a/content/developer/tutorials/server_framework_101/10_constraints/sql_02.gif b/content/developer/tutorials/server_framework_101_legacy/10_constraints/sql_02.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/10_constraints/sql_02.gif
rename to content/developer/tutorials/server_framework_101_legacy/10_constraints/sql_02.gif
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles.rst b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles.rst
similarity index 99%
rename from content/developer/tutorials/server_framework_101/11_sprinkles.rst
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles.rst
index f7116fd92..0ea52b145 100644
--- a/content/developer/tutorials/server_framework_101/11_sprinkles.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles.rst
@@ -2,6 +2,12 @@
 Chapter 11: Add The Sprinkles
 =============================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 Our real estate module now makes sense from a business perspective. We created
 :doc:`specific views <06_basicviews>`, added several
 :doc:`action buttons <09_actions>` and
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/decoration.png b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/decoration.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/decoration.png
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/decoration.png
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/editable_list.gif b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/editable_list.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/editable_list.gif
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/editable_list.gif
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/form.gif b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/form.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/form.gif
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/form.gif
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/inline_view.png b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/inline_view.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/inline_view.png
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/inline_view.png
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/search.gif b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/search.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/search.gif
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/search.gif
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/stat_button.gif b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/stat_button.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/stat_button.gif
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/stat_button.gif
diff --git a/content/developer/tutorials/server_framework_101/11_sprinkles/widget.png b/content/developer/tutorials/server_framework_101_legacy/11_sprinkles/widget.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/11_sprinkles/widget.png
rename to content/developer/tutorials/server_framework_101_legacy/11_sprinkles/widget.png
diff --git a/content/developer/tutorials/server_framework_101/12_inheritance.rst b/content/developer/tutorials/server_framework_101_legacy/12_inheritance.rst
similarity index 98%
rename from content/developer/tutorials/server_framework_101/12_inheritance.rst
rename to content/developer/tutorials/server_framework_101_legacy/12_inheritance.rst
index 4194546a3..aa25558a9 100644
--- a/content/developer/tutorials/server_framework_101/12_inheritance.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/12_inheritance.rst
@@ -2,6 +2,12 @@
 Chapter 12: Inheritance
 =======================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 A powerful aspect of Odoo is its modularity. A module is dedicated to a business need, but
 modules can also interact with one another. This is useful for extending the functionality of an existing
 module. For example, in our real estate scenario we want to display the list of a salesperson's properties
diff --git a/content/developer/tutorials/server_framework_101/12_inheritance/create.gif b/content/developer/tutorials/server_framework_101_legacy/12_inheritance/create.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/12_inheritance/create.gif
rename to content/developer/tutorials/server_framework_101_legacy/12_inheritance/create.gif
diff --git a/content/developer/tutorials/server_framework_101/12_inheritance/inheritance_methods.png b/content/developer/tutorials/server_framework_101_legacy/12_inheritance/inheritance_methods.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/12_inheritance/inheritance_methods.png
rename to content/developer/tutorials/server_framework_101_legacy/12_inheritance/inheritance_methods.png
diff --git a/content/developer/tutorials/server_framework_101/12_inheritance/unlink.gif b/content/developer/tutorials/server_framework_101_legacy/12_inheritance/unlink.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/12_inheritance/unlink.gif
rename to content/developer/tutorials/server_framework_101_legacy/12_inheritance/unlink.gif
diff --git a/content/developer/tutorials/server_framework_101/12_inheritance/users.png b/content/developer/tutorials/server_framework_101_legacy/12_inheritance/users.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/12_inheritance/users.png
rename to content/developer/tutorials/server_framework_101_legacy/12_inheritance/users.png
diff --git a/content/developer/tutorials/server_framework_101/13_other_module.rst b/content/developer/tutorials/server_framework_101_legacy/13_other_module.rst
similarity index 96%
rename from content/developer/tutorials/server_framework_101/13_other_module.rst
rename to content/developer/tutorials/server_framework_101_legacy/13_other_module.rst
index f32e4a4f7..ae302b0ad 100644
--- a/content/developer/tutorials/server_framework_101/13_other_module.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/13_other_module.rst
@@ -2,6 +2,12 @@
 Chapter 13: Interact With Other Modules
 =======================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 In the :doc:`previous chapter <12_inheritance>`, we used inheritance to
 modify the behavior of a module. In our real estate scenario, we would like to go a step further
 and be able to generate invoices for our customers. Odoo provides an Invoicing module, so it
@@ -47,7 +53,7 @@ When the ``estate_account`` module appears in the list, go ahead and install it!
 the Invoicing application is installed as well. This is expected since your module depends on it.
 If you uninstall the Invoicing application, your module will be uninstalled as well.
 
-.. _tutorials/server_framework_101/13_other_module/create:
+.. _tutorials/server_framework_101_legacy/13_other_module/create:
 
 Invoice Creation
 ----------------
diff --git a/content/developer/tutorials/server_framework_101/13_other_module/create_inv.gif b/content/developer/tutorials/server_framework_101_legacy/13_other_module/create_inv.gif
similarity index 100%
rename from content/developer/tutorials/server_framework_101/13_other_module/create_inv.gif
rename to content/developer/tutorials/server_framework_101_legacy/13_other_module/create_inv.gif
diff --git a/content/developer/tutorials/server_framework_101/14_qwebintro.rst b/content/developer/tutorials/server_framework_101_legacy/14_qwebintro.rst
similarity index 96%
rename from content/developer/tutorials/server_framework_101/14_qwebintro.rst
rename to content/developer/tutorials/server_framework_101_legacy/14_qwebintro.rst
index 5a3b3416f..28d63e3ec 100644
--- a/content/developer/tutorials/server_framework_101/14_qwebintro.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/14_qwebintro.rst
@@ -2,6 +2,12 @@
 Chapter 14: A Brief History Of QWeb
 ===================================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 So far the interface design of our real estate module has been rather limited. Building
 a list view is straightforward since only the list of fields is necessary. The same holds true
 for the form view: despite the use of a few tags such as ``<group>`` or ``<page>``, there
diff --git a/content/developer/tutorials/server_framework_101/14_qwebintro/kanban.png b/content/developer/tutorials/server_framework_101_legacy/14_qwebintro/kanban.png
similarity index 100%
rename from content/developer/tutorials/server_framework_101/14_qwebintro/kanban.png
rename to content/developer/tutorials/server_framework_101_legacy/14_qwebintro/kanban.png
diff --git a/content/developer/tutorials/server_framework_101/15_final_word.rst b/content/developer/tutorials/server_framework_101_legacy/15_final_word.rst
similarity index 86%
rename from content/developer/tutorials/server_framework_101/15_final_word.rst
rename to content/developer/tutorials/server_framework_101_legacy/15_final_word.rst
index 57ae22961..9493df132 100644
--- a/content/developer/tutorials/server_framework_101/15_final_word.rst
+++ b/content/developer/tutorials/server_framework_101_legacy/15_final_word.rst
@@ -2,6 +2,12 @@
 Chapter 15: The final word
 ==========================
 
+.. danger::
+   This tutorial is outdated. We recommend reading :doc:`../server_framework_101` instead.
+
+.. seealso::
+   :doc:`Homepage of the tutorial <../server_framework_101_legacy>`
+
 Coding guidelines
 =================
 
diff --git a/content/developer/tutorials/setup_guide.rst b/content/developer/tutorials/setup_guide.rst
index a1d56720d..0d2b59082 100644
--- a/content/developer/tutorials/setup_guide.rst
+++ b/content/developer/tutorials/setup_guide.rst
@@ -10,8 +10,10 @@ Odoo community and Odoo employees alike, the preferred way is to perform a sourc
    Follow the :ref:`contributing/development/setup` section of the contributing guide to prepare
    your environment for pushing local changes to the Odoo repositories.
 
-Adapt the environment for the tutorials
-=======================================
+.. _tutorials/setup_guide/adapt_env:
+
+Adapt the environment to the tutorials
+======================================
 
 By now, you should have downloaded the source code into two local repositories, one for `odoo/odoo`
 and one for `odoo/enterprise`. These repositories are set up to push changes to pre-defined
@@ -29,10 +31,11 @@ will be part of the `addons-path` that references all directories containing Odo
 
    .. code-block:: console
 
-      $ git clone git@github.com:odoo/tutorials.git
+      $ git clone --branch {BRANCH} --single-branch git@github.com:odoo/tutorials.git
 
 #. Configure your fork and Git to push changes to your fork rather than to the main codebase. If you
-   work at Odoo, configure Git to push changes to the shared fork created on the account **odoo-dev**.
+   work at Odoo, configure Git to push changes to the shared fork created on the account
+   **odoo-dev**.
 
    .. tabs::
 
@@ -41,8 +44,8 @@ will be part of the `addons-path` that references all directories containing Odo
          #. Visit `github.com/odoo/tutorials <https://github.com/odoo/tutorials>`_ and click the
             :guilabel:`Fork` button to create a fork of the repository on your account.
 
-         #. In the command below, replace `<your_github_account>` with the name of the GitHub account
-            on which you created the fork.
+         #. In the command below, replace `<your_github_account>` with the name of the GitHub
+            account on which you created the fork.
 
             .. code-block:: console
 
@@ -58,57 +61,67 @@ will be part of the `addons-path` that references all directories containing Odo
             $ git remote set-url --push origin you_should_not_push_on_this_repository
 
 That's it! Your environment is now prepared to run Odoo from the sources, and you have successfully
-created a repository to serve as an addons directory. This will allow you to push your work to GitHub.
+created a local repository to serve as an addons directory. This will allow you to push your work to
+GitHub.
 
 .. important::
-
    **For Odoo employees only:**
 
-   #. Make sure to read very carefully :ref:`contributing/development/first-contribution`. In particular,
-      your branch name must follow our conventions.
+   #. Make sure to read very carefully :ref:`contributing/development/first-contribution`. In
+      particular:
 
-   #. Once you have pushed your first change to the shared fork on **odoo-dev**, create a
-      :abbr:`PR (Pull Request)`. Please put your quadrigram in the PR title (e.g., "abcd - Technical
-      Training").
-
-      This will enable you to share your upcoming work and receive feedback from your coaches. To ensure
-      a continuous feedback loop, we recommend pushing a new commit as soon as you complete a chapter
-      of the tutorial. Note that the PR is automatically updated with commits you push to **odoo-dev**,
-      you don't need to open multiple PRs.
+      - Your code must follow the :doc:`guidelines </contributing/development/coding_guidelines>`.
+      - Your commit messages must be :doc:`correctly written
+        </contributing/development/git_guidelines>`.
+      - Your branch name must follow our conventions.
 
+   #. Once you have pushed your first change to the shared fork on **odoo-dev**, create a **draft**
+      :abbr:`PR (Pull Request)` with your quadrigram in the title. This will enable you to share
+      your upcoming work and receive feedback from your coaches. To ensure a continuous feedback
+      loop, push a new commit as soon as you complete a chapter of a tutorial.
    #. At Odoo we use `Runbot <https://runbot.odoo.com>`_ extensively for our :abbr:`CI (Continuous
       Integration)` tests. When you push your changes to **odoo-dev**, Runbot creates a new build
-      and test your code. Once logged in, you will be able to see your branches `Tutorials project
-      <https://runbot.odoo.com/runbot/tutorials-12>`_.
+      and tests your code. Once logged in, you will be able to see your branch on the `Tutorials
+      project <https://runbot.odoo.com/runbot/tutorials-12>`_.
 
 .. note::
-
    The specific location of the repositories on your file system is not crucial. However, for the
    sake of simplicity, we will assume that you have cloned all the repositories under the same
    directory. If this is not the case, make sure to adjust the following commands accordingly,
    providing the appropriate relative path from the `odoo/odoo` repository to the
    `odoo/tutorials` repository.
 
-Run the server
-==============
+.. _tutorials/setup_guide/start_server:
 
-Launch with `odoo-bin`
-----------------------
+Start the server
+================
 
 Once all dependencies are set up, Odoo can be launched by running `odoo-bin`, the command-line
-interface of the server.
+interface of the server, and passing the comma-separated list of repositories with the `addons-path`
+argument. If you have access to the `odoo/enterprise` repository, add it to the `addons-path`.
 
-.. code-block:: console
+.. tabs::
 
-    $ cd $HOME/src/odoo/
-    $ ./odoo-bin --addons-path="addons/,../enterprise/,../tutorials" -d rd-demo
+   .. tab:: Run the community edition
+
+      .. code-block:: console
+
+         $ cd $HOME/src/odoo/
+         $ ./odoo-bin --addons-path="addons/,../tutorials" -d tutorials
+
+   .. tab:: Run the enterprise edition
+
+      .. code-block:: console
+
+         $ cd $HOME/src/odoo/
+         $ ./odoo-bin --addons-path="addons/,../enterprise/,../tutorials" -d tutorials
 
 There are multiple :ref:`command-line arguments <reference/cmdline/server>` that you can use to run
 the server. In this training you will only need some of them.
 
 .. option:: -d <database>
 
-   The database that is going to be used.
+   The database to use.
 
 .. option:: --addons-path <directories>
 
@@ -117,66 +130,59 @@ the server. In this training you will only need some of them.
 
 .. option:: --limit-time-cpu <limit>
 
-   Prevent the worker from using more than <limit> CPU seconds for each request.
+   Prevent the worker from using more than `<limit>` CPU seconds for each request.
 
 .. option:: --limit-time-real <limit>
 
-   Prevent the worker from taking longer than <limit> seconds to process a request.
+   Prevent the worker from taking longer than `<limit>` seconds to process a request.
 
 .. tip::
    - The :option:`--limit-time-cpu` and :option:`--limit-time-real` arguments can be used to prevent
      the worker from being killed when debugging the source code.
-   - | You may face an error similar to `AttributeError: module '<MODULE_NAME>' has no attribute
-       '<$ATTRIBUTE'>`. In this case, you may need to re-install the module with :command:`$ pip
-       install --upgrade --force-reinstall <MODULE_NAME>`.
-     | If this error occurs with more than one module, you may need to re-install all the
-       requirements with :command:`$ pip install --upgrade --force-reinstall -r requirements.txt`.
-     | You can also clear the python cache to solve the issue:
-
-       .. code-block:: console
-
-          $ cd $HOME/.local/lib/python3.8/site-packages/
-          $ find -name '*.pyc' -type f -delete
-
    - Other commonly used arguments are:
 
      - :option:`-i <odoo-bin --init>`: Install some modules before running the server
-       (comma-separated list). This is equivalent to going to :guilabel:`Apps` in the user interface,
+       (comma-separated list). This is equivalent to going to :guilabel:`Apps` in the user interface
        and installing the module from there.
      - :option:`-u <odoo-bin --update>`: Update some modules before running the server
-       (comma-separated list). This is equivalent to going to :guilabel:`Apps` in the user interface,
-       selecting a module, and upgrading it from there.
+       (comma-separated list). This is equivalent to going to :guilabel:`Apps` in the user interface
+       and updating the module from there.
+
+.. _tutorials/setup_guide/log_in:
 
 Log in to Odoo
---------------
+==============
 
-Open http://localhost:8069/ on your browser. We recommend using `Chrome
+Open http://localhost:8069/ in your browser. We recommend using `Chrome
 <https://www.google.com/intl/en/chrome/>`_, `Firefox <https://www.mozilla.org/firefox/new/>`_, or
 any other browser with development tools.
 
 To log in as the administrator user, use the following credentials:
 
-- email: `admin`
-- password: `admin`
+- Email: `admin`
+- Password: `admin`
 
-Enable the developer mode
-=========================
-
-The developer or debug mode is useful for training as it gives access to additional (advanced)
-tools. :ref:`Enable the developer mode <developer-mode>` now. Choose the method that you prefer;
-they are all equivalent.
+.. _tutorials/setup_guide/extra_tools:
 
 Extra tools
 ===========
 
+.. _tutorials/setup_guide/extra_tools/dev_mode:
+
+Developer mode
+--------------
+
+:ref:`Enable the developer mode <developer-mode>` to get access to developer-oriented tools in the
+interface.
+
+.. _tutorials/setup_guide/extra_tools/git_commands:
+
 Useful Git commands
 -------------------
 
 Here are some useful Git commands for your day-to-day work.
 
-- | Switch branches:
-  | When you switch branches, both repositories (odoo and enterprise) must be synchronized, i.e.
-    both need to be in the same branch.
+- Switch branches:
 
   .. code-block:: console
 
@@ -186,6 +192,10 @@ Here are some useful Git commands for your day-to-day work.
      $ cd $HOME/src/enterprise
      $ git switch {BRANCH}
 
+  .. important::
+     When you switch branches, both repositories (odoo and enterprise) must be synchronized, i.e.
+     both need to be in the same branch.
+
 - Fetch and rebase:
 
   .. code-block:: console
@@ -198,57 +208,53 @@ Here are some useful Git commands for your day-to-day work.
      $ git fetch --all --prune
      $ git rebase --autostash enterprise/{BRANCH}
 
-Code Editor
+.. _tutorials/setup_guide/extra_tools/code_editor:
+
+Code editor
 -----------
 
-If you are working at Odoo, many of your colleagues are using `VSCode
+You are free to choose your code preferred editor. Most Odoo developers use `VSCode
 <https://code.visualstudio.com>`_, `VSCodium <https://vscodium.com>`_ (the open source equivalent),
 `PyCharm <https://www.jetbrains.com/pycharm/download/#section=linux>`_, or `Sublime Text
-<https://www.sublimetext.com>`_. However, you are free to choose your preferred editor.
+<https://www.sublimetext.com>`_.
 
 It is important to configure your linters correctly. Using a linter helps you by showing syntax and
-semantic warnings or errors. Odoo source code tries to respect Python's and JavaScript's standards,
-but some of them can be ignored.
+semantic warnings or errors. For JavaScript, we use ESLint and you can find a `configuration file
+example here <https://github.com/odoo/odoo/wiki/Javascript-coding-guidelines#use-a-linter>`_.
 
-For Python, we use PEP8 with these options ignored:
-
-- `E501`: line too long
-- `E301`: expected 1 blank line, found 0
-- `E302`: expected 2 blank lines, found 1
-
-For JavaScript, we use ESLint and you can find a `configuration file example here
-<https://github.com/odoo/odoo/wiki/Javascript-coding-guidelines#use-a-linter>`_.
+.. _tutorials/setup_guide/extra_tools/psql_tools:
 
 Administrator tools for PostgreSQL
 ----------------------------------
 
-You can manage your PostgreSQL databases using the command line as demonstrated earlier or using
-a GUI application such as `pgAdmin <https://www.pgadmin.org/download/pgadmin-4-apt/>`_ or `DBeaver
-<https://dbeaver.io/>`_.
+You can manage your PostgreSQL databases using the command line or a GUI application such as
+`pgAdmin <https://www.pgadmin.org/download/pgadmin-4-apt/>`_ or `DBeaver <https://dbeaver.io/>`_.
 
-To connect the GUI application to your database we recommend you connect using the Unix socket.
+We recommend you connect the GUI application to your database using the Unix socket.
 
 - Host name/address: `/var/run/postgresql`
 - Port: `5432`
 - Username: `$USER`
 
-Python Debugging
+.. _tutorials/setup_guide/extra_tools/python_debugging:
+
+Python debugging
 ----------------
 
-When facing a bug or trying to understand how the code works, simply printing things out can go a
-long way, but a proper debugger can save a lot of time.
+When facing a bug or trying to understand how the code works, simply printing things out can help a
+lot, but a proper debugger can save a lot of time.
 
-You can use a classic Python library debugger (`pdb <https://docs.python.org/3/library/pdb.html>`_,
-`pudb <https://pypi.org/project/pudb/>`_ or `ipdb <https://pypi.org/project/ipdb/>`_), or you can
-use your editor's debugger.
+You can use your editor's debugger, or a classic Python library debugger (`pdb
+<https://docs.python.org/3/library/pdb.html>`_, `pudb <https://pypi.org/project/pudb/>`_, or `ipdb
+<https://pypi.org/project/ipdb/>`_).
 
-In the following example we use ipdb, but the process is similar with other libraries.
+In the following example, we use ipdb, but the process is similar to other libraries.
 
 #. Install the library:
 
    .. code-block:: console
 
-      pip install ipdb
+      $ pip install ipdb
 
 #. Place a trigger (breakpoint):
 
diff --git a/redirects/18.0.txt b/redirects/18.0.txt
index e4d3b411f..fdb184ff8 100644
--- a/redirects/18.0.txt
+++ b/redirects/18.0.txt
@@ -7,3 +7,21 @@ applications/finance/accounting/payments/internal_transfers.rst applications/fin
 # applications/point of sale
 
 content/applications/sales/point_of_sale/payment_methods/terminals/vantiv.rst content/applications/sales/point_of_sale/payment_methods/terminals.rst
+
+# developer/tutorials
+
+developer/tutorials/server_framework_101/01_architecture.rst developer/tutorials/server_framework_101_legacy/01_architecture.rst
+developer/tutorials/server_framework_101/02_newapp.rst developer/tutorials/server_framework_101_legacy/02_newapp.rst
+developer/tutorials/server_framework_101/03_basicmodel.rst developer/tutorials/server_framework_101_legacy/03_basicmodel.rst
+developer/tutorials/server_framework_101/04_securityintro.rst developer/tutorials/server_framework_101_legacy/04_securityintro.rst
+developer/tutorials/server_framework_101/05_firstui.rst developer/tutorials/server_framework_101_legacy/05_firstui.rst
+developer/tutorials/server_framework_101/06_basicviews.rst developer/tutorials/server_framework_101_legacy/06_basicviews.rst
+developer/tutorials/server_framework_101/07_relations.rst developer/tutorials/server_framework_101_legacy/07_relations.rst
+developer/tutorials/server_framework_101/08_compute_onchange.rst developer/tutorials/server_framework_101_legacy/08_compute_onchange.rst
+developer/tutorials/server_framework_101/09_actions.rst developer/tutorials/server_framework_101_legacy/09_actions.rst
+developer/tutorials/server_framework_101/10_constraints.rst developer/tutorials/server_framework_101_legacy/10_constraints.rst
+developer/tutorials/server_framework_101/11_sprinkles.rst developer/tutorials/server_framework_101_legacy/11_sprinkles.rst
+developer/tutorials/server_framework_101/12_inheritance.rst developer/tutorials/server_framework_101_legacy/12_inheritance.rst
+developer/tutorials/server_framework_101/13_other_module.rst developer/tutorials/server_framework_101_legacy/13_other_module.rst
+developer/tutorials/server_framework_101/14_qwebintro.rst developer/tutorials/server_framework_101_legacy/14_qwebintro.rst
+developer/tutorials/server_framework_101/15_final_word.rst developer/tutorials/server_framework_101_legacy/15_final_word.rst