{"id":209,"date":"2024-02-02T16:50:35","date_gmt":"2024-02-02T16:50:35","guid":{"rendered":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/?page_id=209"},"modified":"2024-02-02T16:50:35","modified_gmt":"2024-02-02T16:50:35","slug":"archi-viewpoint-xml-generator","status":"publish","type":"page","link":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/?page_id=209","title":{"rendered":"Archi &#8211; Viewpoint XML Generator"},"content":{"rendered":"\n<form id=\"formArchimate\" onsubmit=\"return false;\" class=\"m-2\">\n    <div class=\"row\">\n        <div class=\"col\">\n            <h4>Viewpoint Information<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-6\">\n            <div class=\"mb-3\">\n                <label for=\"idInput\" class=\"form-label\">Viewpoint Unique ID<\/label>\n                <input type=\"text\" class=\"form-control\" name=\"id\" id=\"idInput\" placeholder=\"vp-custom\">\n            <\/div>\n        <\/div>\n        <div class=\"col-6\">\n            <div class=\"mb-3\">\n                <label for=\"nameInput\" class=\"form-label\">Viewpoint Name<\/label>\n                <input type=\"text\" class=\"form-control\" name=\"name\" id=\"nameInput\" placeholder=\"Viewpoint Custom\">\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col\">\n            <h4>Viewpoint Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Motivation Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n            <div class=\"col-4\">\n                <div class=\"form-check\">\n                    <input class=\"form-check-input\" type=\"checkbox\" value=\"Stakeholder\" name=\"elements\">\n                    <label class=\"form-check-label\">\n                        <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/stakeholder@2x.png\"> Stakeholder\n                    <\/label>\n                <\/div>\n            <\/div>\n            <div class=\"col-4\">\n                <div class=\"form-check\">\n                    <input class=\"form-check-input\" type=\"checkbox\" value=\"Driver\" name=\"elements\">\n                    <label class=\"form-check-label\">\n                        <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/driver@2x.png\"> Driver\n                    <\/label>\n                <\/div>\n            <\/div>\n            <div class=\"col-4\">\n                <div class=\"form-check\">\n                    <input class=\"form-check-input\" type=\"checkbox\" value=\"Assessment\" name=\"elements\">\n                    <label class=\"form-check-label\">\n                        <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/assessment@2x.png\"> Assessment\n                    <\/label>\n                <\/div>\n            <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Goal\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/goal@2x.png\"> Goal\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Outcome\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/outcome@2x.png\"> Outcome\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Principle\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/principle@2x.png\"> Principle\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Requirement\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/requirement@2x.png\"> Requirement\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Constrait\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/constraint@2x.png\"> Constrait\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Meaning\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/meaning@2x.png\"> Meaning\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Value\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/value@2x.png\"> Value\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Strategy Layer Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Resource\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/resource@2x.png\"> Resource\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Capability\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/capability@2x.png\"> Capability\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ValueStream\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/value-stream@2x.png\"> Value Stream\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"CourseOfAction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/course-of-action@2x.png\"> Course Of Action\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Business Layer Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessActor\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-actor@2x.png\"> Business Actor\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessRole\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-role@2x.png\"> Business Role\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessCollaboration\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-collaboration@2x.png\"> Business Collaboration\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessInterface\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-interface@2x.png\"> Business Interface\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessProcess\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-process@2x.png\"> Business Process\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessFunction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-function@2x.png\"> Business Function\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessInteraction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-interaction@2x.png\"> Business Interaction\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessEvent\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-event@2x.png\"> Business Event\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessService\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-service@2x.png\"> Business Service\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"BusinessObject\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/business-object@2x.png\"> Business Object\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Contract\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/contract@2x.png\"> Contract\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Representation\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/representation@2x.png\"> Representation\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Product\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/product@2x.png\"> Product\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Application Layer Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationComponent\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-component@2x.png\"> Application Component\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationCollaboration\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-collaboration@2x.png\"> Application Collaboration\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationInterface\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-interface@2x.png\"> Application Interface\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationFunction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-function@2x.png\"> Application Function\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationInteraction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-interaction@2x.png\"> Application Interaction\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationProcess\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-process@2x.png\"> Application Process\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationEvent\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-event@2x.png\"> Application Event\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ApplicationService\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/application-service@2x.png\"> Application Service\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Data Object\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/data-object@2x.png\"> Data Object\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Technology Layer Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Node\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/node@2x.png\"> Node\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Device\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/device@2x.png\"> Device\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ImplementationEvent\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/system-software@2x.png\"> System Software\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyCollaboration\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-collaboration@2x.png\"> Technology Collaboration\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyInterface\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-interface@2x.png\"> Technology Interface\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Path\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/path@2x.png\"> Path\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"CommunicationNetwork\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/communication-network@2x.png\"> Communication Network\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyFunction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-function@2x.png\"> Technology Function\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyProcess\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-process@2x.png\"> Technology Process\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyInteraction\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-interaction@2x.png\"> Technology Interaction\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyEvent\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-event@2x.png\"> Technology Event\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"TechnologyService\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/technology-service@2x.png\"> Technology Service\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Artifact\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/artifact@2x.png\"> Artifact\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Equipment\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/equipment@2x.png\"> Equipment\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Facility\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/facility@2x.png\"> Facility\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"DistributionNetwork\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/distribution-network@2x.png\"> Distribution Network\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Material\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/material@2x.png\"> Material\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Implementation and Migration Layer Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Plateu\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/workpackage@2x.png\"> Work Package\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Deliverable\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/deliverable@2x.png\"> Deliverable\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"ImplementationEvent\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/implementation-event@2x.png\"> Implementation Event\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Plateau\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/plateau@2x.png\"> Plateau\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Gap\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/gap@2x.png\"> Gap\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"row mt-3\">\n        <div class=\"col\">\n            <h6>Composite Elements<\/h6>\n        <\/div>\n    <\/div>\n    <div class=\"row\">\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Grouping\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/grouping@2x.png\"> Grouping\n                <\/label>\n            <\/div>\n        <\/div>\n        <div class=\"col-4\">\n            <div class=\"form-check\">\n                <input class=\"form-check-input\" type=\"checkbox\" value=\"Location\" name=\"elements\">\n                <label class=\"form-check-label\">\n                    <img decoding=\"async\" src=\"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/wp-content\/plugins\/archiviewpoint\/html\/archimate\/location@2x.png\"> Location\n                <\/label>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/form>\n<div class=\"row mt-4\">\n    <div class=\"col-4\" style=\"padding-bottom: 2rem !important;\">\n        <button class=\"btn btn-primary\" onclick=\"generate()\">Generate<\/button>\n    <\/div>\n<\/div>\n<script>\n    function generate(){\n        const form = $('#formArchimate');\n        const id = $('#idInput').val();\n        const name = $('#nameInput').val();\n        const elements = form.serializeArray();\n        var xml = document.implementation.createDocument(\"\", \"\", null);\n        var header = '<?xml version=\"1.0\" encoding=\"UTF-8\"?>';\n        var viewpoints = xml.createElement('viewpoints');\n        viewpoints.setAttribute('version', '3.0');\n        var viewpoint = xml.createElement('viewpoint');\n        viewpoint.setAttribute('id', id);\n        var nameXml = xml.createElement('name');\n        nameXml.setAttribute('xml:lang', 'en');\n        nameXml.append(name);\n        viewpoint.appendChild(nameXml);\n\n        for (const element in elements) {\n            var elementXml = xml.createElement('concept');\n            elementXml.append(elements[element].value);\n            viewpoint.appendChild(elementXml);\n        }\n\n        viewpoints.appendChild(viewpoint);\n\n        const serializer = new XMLSerializer();\n        const link = document.createElement(\"a\");\n        const file = new Blob([header, serializer.serializeToString(viewpoints)], { type: 'text\/xml' });\n        link.href = URL.createObjectURL(file);\n        link.download = id.trim() + '.viewpoint';\n        link.click();\n        URL.revokeObjectURL(link.href);\n    }\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=\/wp\/v2\/pages\/209"}],"collection":[{"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=209"}],"version-history":[{"count":1,"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=\/wp\/v2\/pages\/209\/revisions"}],"predecessor-version":[{"id":210,"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=\/wp\/v2\/pages\/209\/revisions\/210"}],"wp:attachment":[{"href":"https:\/\/alarcos.esi.uclm.es\/bizdevops-ea\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}