{"id":17744,"date":"2024-04-09T12:19:28","date_gmt":"2024-04-09T09:19:28","guid":{"rendered":"https:\/\/portal.stem.edu.gr\/?page_id=17744"},"modified":"2024-08-02T12:26:18","modified_gmt":"2024-08-02T09:26:18","slug":"codeorama","status":"publish","type":"page","link":"https:\/\/portal.stem.edu.gr\/en\/codeorama\/","title":{"rendered":"CodeOrama"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17744\" class=\"elementor elementor-17744 elementor-16766\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cdbbfe e-con-full e-flex e-con e-parent\" data-id=\"1cdbbfe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5290763 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5290763\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CodeOrama<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be3fc3b elementor-widget elementor-widget-image\" data-id=\"be3fc3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"212\" src=\"https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview-1024x212.png\" class=\"attachment-medium size-medium wp-image-21816\" alt=\"\" srcset=\"https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview-1024x212.png 1024w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview-150x31.png 150w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview-768x159.png 768w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview-600x124.png 600w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview-220x45.png 220w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf_2024-03-29__15.10.06-removebg-preview.png 1098w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cc01c8 e-con-full e-flex e-con e-parent\" data-id=\"4cc01c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e53b1c7 e-con-full e-flex e-con e-child\" data-id=\"e53b1c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef7bd41 elementor-widget elementor-widget-testimonial\" data-id=\"ef7bd41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">A useful tool\n<br>\nfor teaching\n<br>\nof visual programming.\n<br>\n<br>\nGood reading.<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-top\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<a href=\"\/\u03bc\u03b1\u03b8\u03ae\u03bc\u03b1\u03c4\u03b1-\u03ba\u03b1\u03b9-\u03c5\u03bb\u03b9\u03ba\u03cc\/\"><img decoding=\"async\" width=\"330\" height=\"286\" src=\"https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-03-29-12.30.27.png\" class=\"attachment-full size-full wp-image-15640\" alt=\"\" srcset=\"https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-03-29-12.30.27.png 330w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-03-29-12.30.27-150x130.png 150w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/03\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-03-29-12.30.27-58x50.png 58w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/a>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8119d52 e-con-full e-flex e-con e-child\" data-id=\"8119d52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-27e3b92 e-con-full e-flex e-con e-child\" data-id=\"27e3b92\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4acd759 elementor-widget elementor-widget-text-editor\" data-id=\"4acd759\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>codeVision is a code representation tool whose main goal is to facilitate the teaching of visual programming. It allows the observer of (a) code anatomy to have both an overview of the code as a whole and access to its details, and (b) code functionality highlights the ways in which parts of the code communicate. This research aims to assess the degree of usability of codeVision both in terms of its use and in terms of its development by teachers.<br \/>The survey results showed a good\/acceptable degree of usability of codeVision. However, it is emphasized that, on the one hand, further research is needed that leads to the identification of the points where the ease of use of codeVision is impaired and the attempt to improve it, and on the other hand, the decisive role played by teachers&#8217; satisfaction.<br \/>Anastasios Ladias<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f6bd58 e-con-full e-flex e-con e-parent\" data-id=\"3f6bd58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3256f8b e-con-full e-flex e-con e-child\" data-id=\"3256f8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-fcd1044 e-con-full e-flex e-con e-child\" data-id=\"fcd1044\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb50c0d elementor-widget elementor-widget-html\" data-id=\"eb50c0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe src=\"https:\/\/scratch.mit.edu\/projects\/23731239\/embed\" allowtransparency=\"true\" width=\"485\" height=\"302\" frameborder=\"0\" scrolling=\"no\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5513383 elementor-widget elementor-widget-text-editor\" data-id=\"5513383\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Figure 1. The Scratch code Vision from the &#8220;Air Defense 4&#8221; training script, from its repository<\/p><p><em><a href=\"https:\/\/scratch.mit.edu\/projects\/997671570\" target=\"_blank\" rel=\"noopener\">OpenDiscaverySpace<\/a><\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b0755bb e-con-full e-flex e-con e-child\" data-id=\"b0755bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5eb2c1e elementor-widget elementor-widget-image\" data-id=\"5eb2c1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1744\" height=\"1396\" src=\"https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09.png\" class=\"attachment-large size-large wp-image-21980\" alt=\"\" srcset=\"https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09.png 1744w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09-1024x820.png 1024w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09-150x120.png 150w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09-768x615.png 768w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09-1536x1230.png 1536w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09-600x480.png 600w, https:\/\/portal.stem.edu.gr\/wp-content\/uploads\/2024\/04\/\u03a3\u03c4\u03b9\u03b3\u03bc\u03b9\u03cc\u03c4\u03c5\u03c0\u03bf-2024-04-09-12.34.09-62x50.png 62w\" sizes=\"(max-width: 1744px) 100vw, 1744px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b72cf5 e-con-full e-flex e-con e-parent\" data-id=\"4b72cf5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6952cf elementor-widget elementor-widget-text-editor\" data-id=\"c6952cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Each of the columns of the table corresponds to one of the objects involved in the algorithm of solving a programming problem, while the rows of the table develop the &#8220;states&#8221; in which the objects are after recognizing an event to satisfy the corresponding request. In each cell of the codeVision are placed the scenario(s) that describe the behavior of the specific object (column) in the specific state (line) in which it is located. The links that may exist between the scripts symbolize the communication between the autonomous scripts of the code and are represented by arrows that show the possible flow of the program during the execution of the program (Ladia &amp; Ladia, 2016).<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-440ad77 e-con-full e-flex e-con e-parent\" data-id=\"440ad77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47f228d elementor-widget elementor-widget-text-editor\" data-id=\"47f228d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Code features and codeVision<\/p><p>By representing the program as codeVision, various features of the program are highlighted such as:<\/p><ul><li>the methodology of code development and the standards on which it has been based<\/li><li>the design of each program,<br \/>the perception of program integrity and interoperability between objects.<\/li><li>the modularity of the code (achieved by using<br \/>messages, processes and clones) and the degree of granularity thereof (granulation means the continuous process of segmenting the program by breaking it into simpler ones and with<\/li><li>the limit of this process being that the simplest part constitutes an elementary logical entity).<\/li><li>the degree of abstraction developed during the hierarchical structuring of programs and the technique of hiding the details of lower hierarchical levels.<\/li><li>the analogies between similar parts of the code that lead to the parameterization of the code.<\/li><li>the temporal evolution of the operation of the overall program achieved by the appropriate spatial arrangement of states.<br \/>long threads of code (possibly triggered by calls to hierarchically structured procedures, message passing sequences, and lineages<br \/>clones).<\/li><li>the alternate loops that can be created by recursive processes, messages received from the script that emitted them, and self-replicating clones (Karvounidis, Ladias, Ladias, &amp; Douligeris, 2019).<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1b77d7 e-con-full e-flex e-con e-parent\" data-id=\"e1b77d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CodeOrama A useful tool for teaching of visual programming. Good reading. codeVision is a code representation tool whose main goal<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_tutorstarter_page_metadata":[],"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-17744","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/pages\/17744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/comments?post=17744"}],"version-history":[{"count":10,"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/pages\/17744\/revisions"}],"predecessor-version":[{"id":24789,"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/pages\/17744\/revisions\/24789"}],"wp:attachment":[{"href":"https:\/\/portal.stem.edu.gr\/en\/wp-json\/wp\/v2\/media?parent=17744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}