Investigating graphic illustration methods in smart school website design

Number of pages: 89 File Format: word File Code: 29898
Year: 2014 University Degree: Master's degree Category: Educational Sciences
  • Part of the Content
  • Contents & Resources
  • Summary of Investigating graphic illustration methods in smart school website design

    Dissertation to receive a master's degree in the field of educational technology (M.A)

    Abstract

    The purpose of this research is to investigate the methods of graphic illustration on the website of smart schools. The statistical population of the research consists of all the websites of smart schools in Kermanshah province, and 1 website was randomly selected for the research. The tool of the present research is a checklist made by a researcher to measure the degree of compliance of the visual elements of the website with the principles of illustration, the content validity of the tool was confirmed by several professors in the field of educational technology, and the reliability of the tool is equal to 0.71 using Cronbach's alpha method. After preparing the questionnaire, 10 students of the master's degree in educational technology were trained as evaluators about illustration methods and then evaluated the desired website. After evaluating the data of the checklist, it was analyzed, and the results showed that the overall status of the Smart Schools website is lower than average. The results of the T-Tech test were a sample confirming this finding. In other words, the results of the T-Tech exam showed that the average obtained in the evaluation is significantly lower than the standard or fixed average in this research.

    Keywords: website, graphic design, media visual effect, graphic images, illustration

    Illustration of information is one of the new methods of displaying and presenting information visually, which aims to better understand and recognize data and for efficient use in various scientific fields. goes This effective method, by using visual strategies, helps to expand the scope of knowledge and causes the transfer of information from the source unit to the destination unit in a proper way. The main and important goal in using visualization methods is to promote and increase the right conditions to strengthen the power of thinking and analyzing information in users (Darudi, 2018; p. 105).

    Attention to the presentation and visual display of information in the form of scientific visualization methods, which is one of the branches of computer science, has been noticed since about two decades ago. This useful method was highly developed by using computer graphics and it led to the development of illustration techniques by relying on scientific methods. Visualization of concepts and information was connected with various educational methods and entered many scientific, technical and specialized fields (ibid., p. 106).

    The graphic designer should be able to help the learner in understanding the author's message and intention by using his/her information and visual experiences. In the school textbook, the presence of the teacher should be felt, the teaching materials should continuously help the student and foster his motivation to learn; At the same time, the contents should have sufficient coherence and there should not be any ambiguous points in them. Graphics comes from the Greek word krafikos[1] and means what is related to planning[2] and design[3]. Another definition of it is "any work or method related to drawing a picture of something or its image". Therefore, it includes all phenomena that are created: in the form of a sign, a sign, a map, a drawing, a drawing from something, and especially a line drawing of a phenomenon. From the time when man decided to present a visual message and used materials that he thought had specific and somewhat fixed concepts for his fellow human beings, graphic art began and until now, with all the advances and changes it has had, it continues to move in the same way. Hundreds of paintings in Chauvet cave [4] in the south of France, which were designed in thirty thousand years before Christ, Lascaux cave paintings [5] (fourteen thousand years before Christ), pictures of hunters in Bimbetka cave [6] in India (seven thousand years before Christ), African natives in Siarberg cave of South Africa (one thousand years before Christ) and many other cave paintings in other parts of the world along with The birth of calligraphy in the written language in three or four thousand years BC are all clear signs of the history of graphics and related disciplines. Simultaneously with the development and progress in the use of computers and the network environment in order to present and display information, one of the useful areas that has been noticed in the last two decades and important researches have been conducted in that field is the topic of information visualization (Schneiderman, 1998). Illustration goes back to patterns that early humans used to carve on the walls of caves with the aim of conveying thoughts and ideas.Illustration goes back to patterns that early humans used to carve on the walls of caves with the aim of conveying thoughts and ideas (Kanas [7], 2009); But the basis of illustration in today's sense should be traced back to the 1980s, that is, when computers entered the market little by little and software and hardware supported graphic activities (Burkhard [8], 2005), on the other hand, understanding and receiving materials and learning them is done through the five senses, which respectively about 75% of normal human learning is with the sense of sight, 13% with the sense of hearing, 6% with the sense of hearing. Touch, 3% is obtained with the sense of smell and 3% with the sense of taste (Ehdian, 2014, p. 66)

    A website is a set of pages related to each other that provides a lot of information in the form of text, image, sound and video. A website is a collection of files containing text, images or graphics. connected to each other, which often includes a main page that is located on an internet service provider.

    According to the stated content, it seems that paying attention to the principles and rules of illustration in terms of its shared dimension with the design of websites should be considered in the design of pages, which led the researcher to investigate this issue.

    1-2: Statement of the problem

    Many researches have been done regarding the effectiveness of visual elements, especially graphics[9] in the educational process, and the vast majority of them have achieved positive results. Lee et al.[10] (2002) have reviewed the research done in this field and citing the researches of Glenberg and Langston[11] (1992), Glenberg and Crowley[12] (1992) and . They point out that the use of images in education has had positive effects on students' learning. On the other hand, many experts who have conducted research in the field of learning problems have suggested that it is better to use graphic elements to make the content more understandable (Kazin [13], 1989). Haram [14] (1982 cited in Kazin, 1989) found that the use of graphics to objectify textual information increased learners' learning. In another place, Stokes [15] (2001) deals with the historical review of the impact of visual elements on the teaching and learning process. In this historical review, he quotes Aristotle and states: "Thinking without images is impossible".

    Researches before the 1990s have mainly documented the benefits of graphic design, but have failed to provide a theoretical framework to explain how graphics are useful for learners (Vickery [16], 2002).

    Researches after the 1990s, on the importance The use of symbols and images have been emphasized in replacing and enriching the content of limited alphabetic symbols in textbooks. By emphasizing various psychological theories such as information processing theory [17] (Atkinson and Shiffrin [18], 1968), dual coding [19] (Pavio [20], 1990), visual perception [21] (Bari and Ranyan [22], 1995) and multimedia [23] (Mayer [24], 2003) the importance of design The graphics of textbooks have been certified.

    Dooley et al. [25] (2005) while emphasizing the role of image and the importance of graphic design, believe that graphic design should pursue only one goal, and that is to present complex information in a way that is understandable and learnable. The graphic designer uses his abilities and skills to create content and communicates with his audience of all age groups. He can play an important role in presenting heavy and complex course materials and by providing real, simple and expressive plans, he can depict the details and make it easy to understand the material; in such a way as to reduce ambiguous and questionable points and help education (Molek Afzali, 2008).

    Caps [26] (2008) believes that a creative graphic designer has three main duties:

    1. Learning and applying visual organization rules.

    2. Taking into account contemporary spatial experiences for teaching and applying visual representations of contemporary spatial temporal events.

    3. Freeing creative reserves and organizing them in dynamic languages, that is, developing contemporary dynamic iconography.

    The task of the creative graphic designer is to force people to look and then force them to read and understand. He uses words, images, colors and shapes for this purpose.

  • Contents & References of Investigating graphic illustration methods in smart school website design

    Table of Contents:

    Table of Contents

    Title                                                                                                                                                                   Page 1

    Chapter 1: General research. 2

    1-1: Introduction. 3

    1-2: statement of the problem. 5

    1-3: Importance and necessity of research: 7

    1-4: Research goals: 8

    1-4-1: General goal: 8

    1-4-2: Sub-goals: 8

    1-5: Research questions: 8

    1-6: Conceptual and operational definitions. 8

    1-6-1: conceptual definitions: 8

    1-6-2: operational definitions: 9

    Chapter two: literature and research background. 10

    2-1: Introduction. 11

    2-2: Background and concept of information visualization. 11

    2-3: Classification of illustration and its dimensions. 13

    2-4: The relationship of visualization of information with visual literacy. 15

    2-5: Graphics. 16

    2-6: Computer graphics. 17

    2-7: illustration. 18

    2-8: Visual communication. 18

    2-9: Visual value of images. 19

    2-10: How to deploy visual elements. 19

    2-11: Using illustrations in educational activities. 20

    2-12: principles and criteria of illustration (illustration) 20

    2-12-1: principle of simplicity. 20

    2-12-2: The principle of emphasis. 21

    2-12-3: Principle of balance. 21

    2-12-4: Compliance with the principle of balance between context and subject. 21

    2-12-5: The principle of image relationship with measurement criteria. 21

    2-12-6: Image relationship with framing criteria. 22

    2-12-7: Principle of optimal distance. 22

    2-12-8: The principle of psychological effects of lines. 22

    2-12-9: The principle of the psychological effect of shapes and their relationship with the educational image. 22

    2-12-10: Psychological properties of colors and their relationship with the image. 23

    2-12-11: Avoiding repetition of the illustration style. 24

    2-12-12: The principle of illustration based on research. 24

    2-12-13: The principle of using an image instead. 24

    2-12-14: The principle of matching with facts. 24

    2-12-15: The principle of highlighting the issue. 25

    2-12-16: Compliance between artistic style and educational subject. 25

    2-12-17: The principle of difference in regional cultures. 25

    2-12-18: The principle of updating the image. 25

    2-12-19: The principle of balance in the portrayal of genders. 25

    2-12-20: attention to national, religious and Islamic identity. 26

    2-12-21: Stimulation of curiosity and interest in discovery. 26

    2-12-22: Attention to children's interest in colors. 26

    2-13: What is a smart school? 26

    2-14: What is the purpose of creating smart schools? 27

    2-15: The mission and vision of the smart school. 28

    2-16: Development strategies of smart schools. 28

    2-17: The organizational structure of the smart school. 29

    2-19: The main components and pillars of smartening schools. 30

    2-21: Theory and theoretical foundations. 32

    2-22: Why design a smart school?. 34

    2-23: What is meant by smart elementary schools? 35

    2-23: Comparison of common and different aspects of data visualization and information. 36

    2-24: Classification of visualization of data types 36

    2-25: Methods and applications of visualization. 40

    2-26: Background of the research. 46

    2-26-1: Internal background. 46

    2-26-2: Foreign background. 47

    The third chapter: research methodology. 49

    3-1: Introduction. 50

    3-2: Type and method of research. 50

    3-3: Measurement tools and methods. 50

    3-4: validity and reliability of the tool. 51

    3-5: Statistical population and its volume. 51

    3-6: sample size and sampling method. 52

    3-7: research variable. 52

    3-8: Data analysis method and tool: 52

    Chapter summary: 52

    Chapter four: Data analysis 53

    4-1: Introduction. 54

    4-2: Analysis of research questions. 54

    Chapter five: discussion and conclusion. 59

    5-1: Introduction. 60

    5-2: Discussion and interpretation of findings 60

    5-3: Suggestions. 62

    A) Practical proposals: 62

    B) Research proposal. 62

    5-4: Limitations 63

    Resources: 64

    Appendices. 68

    English abstract. II

     

    Sources:

    Ahdian, Mohammad. (1384). Introduction to educational technology. Tehran: Press and Tabligh Bushra.

    Afshar Mohajer, Kamran. (1389). The use of graphics in university textbooks. Ayar, No. 22, Spring and Summer, pp. 48-

    Darudi, Fariborz and Soleimanijad, Adel (2008). Image communication and visual processing of information: Familiarity with the theoretical foundations of the field of illustration. Journal of Iranian Library and Information Studies, No. 86

    Darudi, Fariborz. (1388). Application of information visualization techniques and methods and the effect of visual literacy in educational activities. Educational Innovations Quarterly, No. 30, Year 8, Summer.

    Delavar, Ali (2010). Probability and applied statistics. Tehran: Rushd Publications

    How to make schools smart (August 2019), Center for Statistics and Information and Communication Technology of the Ministry of Education

    Falahdar, Hamira. (1386). The role of environmental graphics in educational centers. The Development of Art Education, Volume 5, Number One, Fall.

    Caps, J. (1368). Image language. Translation: Firouz Mohajer, Tehran: Soroush Publications.

    Malek Afzali, F. (1378). Analytical study of the role of graphics in the distance education system. Master of Arts Thesis (unpublished), Tehran, Islamic Azad University, South Branch.

    National Center for Statistics and Information and Communication Technology (2018). Methodology for making schools smarter. http://dl.eram.shirazu.ac.ir/root/Utility/eLearning/shivehnameh_hoshmandsazi-900508.pdf

    Jalali, Ali Akbar and colleagues (2008). Road map of smart schools - implementation guide. Published by Tehran General Directorate of Education

    Agutter, Jim; Bermudez, Julio (2005). "Information visualization design: The growing challenges of a data saturated world". AIA Report on university research. Retrieved Sep. 20, 2006, from: www.aia.org/Sit-eObjects/files/Agutter_color.pdf

    Atkinson, R. C. & R. M. Shiffrin (1968). "Human Memory A proposed system and its control processes". In W. Spence & J. T. Spence (Eds), The Psychology of Learning and Motivation: Advances in Research and Theory, Vol 2, pp. 742-775, New York: Academic Press.

    Bamford, Anne. (2003) The visual literacy white paper. Commissioned by Adobe Systems Pty Ltd, Australia, 7. Available: www.adobe.com/uk/education/pdf/adobe_visual_literacy_paper.pdf [Accessed: 24, Dec. 2006]

    Barry, M., & G. B. Runyan (1995). "A review of distance-learning studies in the U.S. military", The American Journal of Distance Education, 9(3), 37-56.

    Buckley, A.R. (1997) (The Application of Spatial Data Analysis and Visualization in the Development of Landscape [Ph.D. dissertation], United States – Oregon, Indicators to Assess Stream Conditions, Oregon State University, Department of Geography.

    Burkhard, T. (2005). 2-7

    Mackinlay, J.D. San Francisco: Chen, Chaomei (1999). London: Springer-Verlag. (1989). Cognitive Psychology, 4, 55-81. Cuban, L., and Peck, C. technologies in high school classrooms: explaining an apparent paradox. American Educational Research Journal, 38(4), 813-834.

    Demaine, Jeff (1996). Information Visualization. Information Technology Services. National Library of Canada. Available: http://www.collectionscanada.ca/91//p1234-e.html [Accessed: 18, Jun. 2006]

    Dooley, k. E., Linder, J. R., Dooley, L. M., Blackburn, R. & Y. Gazi, (2005). "Multimedia Design", In Dooley, k. E., Linder, J. R., L. Dooley M, Advanced Methods in Distance Education.: Applications and Practices for Educators, Administrators, and Learners, Hershey, PA: Information Science Publishing.

    Glenberg, J. & Kruley, F. (1992). Competence in the workplace: How cognitive performance models and situated instruction can accelerate skill acquisition. In R. Glasser (Ed.), Advances in instructional psychology: Educational design and cognitive science, (Volume 5).

Investigating graphic illustration methods in smart school website design