=Paper= {{Paper |id=Vol-2740/20200159 |storemode=property |title=Development of an Electronic Multimedia Interactive Textbook for Physics Study at Technical Universities |pdfUrl=https://ceur-ws.org/Vol-2740/20200159.pdf |volume=Vol-2740 |authors=Alla Bovtruk,Iryna Slipukhina,Sergii Mieniailov,Petro Chernega,Nataliia Kurylenko |dblpUrl=https://dblp.org/rec/conf/icteri/BovtrukSMCK20 }} ==Development of an Electronic Multimedia Interactive Textbook for Physics Study at Technical Universities== https://ceur-ws.org/Vol-2740/20200159.pdf
                Development of an Electronic Multimedia Interactive
                Textbook for Physics Study at Technical Universities

                        Alla Bovtruk1[0000-0001-6280-9778], Іryna Slipukhina2[0000-0002-9253-8021],
                       Sergii Mieniailov3[0000-0002-4871-311X], Petro Chernega4[0000-0003-0303-7928]
                                       Nataliia Kurylenko5[0000-0002-1083-3247]
                1, 3, 4
                        National Aviation University, Cosmonaut Komarov Avenue 1, 03058 Kyiv, Ukraine
           2
               National Center «Junior Academy of Sciences of Ukraine», Degtyarivska Street 38/44, 04119
                                                        Kyiv, Ukraine
                          5
                            Kherson State University, University Street 27, 73000 Kherson, Ukraine
                              bovtruk9@gmail.com, slipukhina2015@gmail.com,
                              msm56msm@gmail.com, peter.chernega@gmail.com,
                                           kurylenko.n.v1976@gmail.com



                    Abstract. The article reveals the problem of creating and improving e-
                    textbooks on the example of the development of an electronic textbook for
                    physics study at technical universities. The disadvantages of e-textbooks based
                    on standard platforms and templates are considered. The problems of using
                    Web technologies for the improvement of such textbooks are discussed. There
                    are numerous platforms and templates for creating electronic textbooks. How-
                    ever, our analysis has showed inconvenience and inadequacy of the resources
                    for the needs of the engineering education; the corresponding texts have a large
                    volume, complex structure, contain multilevel cross-content focused both on
                    understanding the fundamental laws and their technological application during
                    engineering activities. Therefore, students find it difficult to navigate in a large
                    amount of material with numerous equations, massive evidence base, and large
                    graphic material.
                        The presented e-book configuration has been written in JavaScript. The e-
                    book significantly expands the material visibility (color accented graphics, vid-
                    eos, animation, etc.), improves usability (thoughtful intuitive navigation, one-
                    click equations, tips, etc.) using the capabilities of computer technology. It con-
                    tains a variety of original demo animation, videos, and color drawings worked
                    out to the smallest detail. Many convenient hyperlinks are available at the click
                    (pop-up equations, tips, help, and additional information). The e-book also op-
                    timizes the student’s independent work (examples of step-by-step solution of
                    the problems, questions for self-testing with hidden answers, etc.). The e-book
                    is offered to students of all technical specialties and all forms of university edu-
                    cation. The application of this e-book involves acquiring theoretical knowledge
                    and practical skills in physics.

                    Keywords: e-Book, Electronic Educational Resource, Open Educational Re-
                    sources, Direct Programming, Multimedia Interactive Textbook.




Copyright © 2020 for this paper by its authors. Use permitted under Creative Commons License Attribution 4.0 International (CC BY 4.0).
1      Introduction

Significant changes in the quality and nature of education in the 21st century are re-
lated with direct and indirect digitization of forms, methods, and tools of learning.
The relevant techniques such as online courses, online exams, digital textbooks, edu-
cational animation are developed on their basis [1].
   Digitization is one of the critical factors in the hard competition of universities for
the precedence in various rankings. According to the Ukrainian Institute of the Future,
higher education should integrate physical and digital spaces by 2030. In particular, it
takes place through managing the education content and process through «student-
teacher» interaction using online platforms [2].The significance of development and
use of new electronic educational resources and implementation of the digital peda-
gogy in Ukrainian education is also emphasized in the Concept of a New Ukrainian
School [3].
   Our analysis has shown that e-textbooks are a kind of the electronic educational re-
source (EER), which is defined «as an electronic version of a printed textbook, which
is usually divided into separate subject areas» [4], «an educational or instructional
book in digital form» [5], «electronic versions of a text that can be read on a desktop,
mobile device, or e-reader device» [6].
   In the national regulatory documents and sources an e-textbook is defined as «an
electronic educational publication with the systematic presentation of an educational
material that corresponds to the educational program, contains digital objects of vari-
ous formats, and provides interactive communication», which is reflected in the gen-
eral provisions of the Law of Ukraine «On Education» [7] (Article 1, Paragraph 5)
and «Regulations on Educational Electronic Resources» [8]. The government guaran-
tees the free provision of textbooks (including electronic ones) and manuals for all
pupils and pedagogical workers in accordance with the procedure established by the
Cabinet of Ministers of Ukraine [7] (Article 4, Paragraph 3).
   International educational community sets the priorities for e-textbooks develop-
ment and transition from paper books to interactive multimedia tools. Teachers can
transform such learning material that gives the opportunity to provide students with
an individual educational path. There is a growing number of open educational re-
sources (OER) that refer to openly licensed materials that give users legal permission
to save, reuse, revise, remix, and redistribute information [4], [9]. A striking example
of the high demand for OER-based training courses is the activity of Coursera, a tech-
nology company (https://www.coursera.org/home) offering hundreds of free online
courses to users.
   The analysis of the Internet messages showed that the advantages of e-textbooks
are their cheapness comparably to similar printed editions and the ability to use a
single device for many e-textbooks. The disadvantages are that this software can take
up a lot of memory on the gadget, communication with the teacher is rather problem-
atic, it is difficult to put the notice in the educational text, etc. On the other hand, it is
obvious that the creation of high quality and low-cost digital materials to support
student learning is relatively difficult process, which requires additional competencies
for the research and teaching staff and have some need for the state and universities
support [5]. The authors of [10] note that the developers of e-textbooks should make
the most of digital advantages such as multimedia and collaborate with the teachers in
real time. Thus, their design should be focused on usefulness, practicality, and moti-
vate the students. It should be noted that long-term studies of e-textbooks use by stu-
dents revealed a number of subtle features, which are described in detail in the paper
[4]. The following factors can be used for the educational electronic resources (EER)
assessment: content, methodology, ergonomic and design, and technical factors [8].
   Analysis of the situation of e-books creating for the technical disciplines study has
showed that the number of the books is growing annually, and the vast majority of
them are similar in structure to the OpenStax OER [11] or the well-known resource
«Open Physics 2.6», which contains, among other things, the high quality text-based
educational material for general physics study [12]. However, more detailed research-
es and practice with similar products have shown that they are inconvenient and un-
suitable for the educational needs of future engineers. This revealed a particular prob-
lem of the WEB-technologies use for the development of electronic multimedia inter-
active textbooks for engineering specialties, for example, an e-textbook for general
physics study.


2      Analysis of Recent Studies and Publications

In order to obtain up-to-date survey data on the attitude and use of OER by students in
the 2019 year, we conducted a survey of 128 first and second-year students of the
National Aviation University. An analysis of the results obtained using the Google
Forms toolkit revealed that the respondents actively use electronic data sources during
learning (almost 90%), the majority of which are freely available (Fig. 1a). This con-
firmed the need for creation of the electronic platforms in departments that would
accumulate EER with open or partially restricted access for users. On the other hand,
only about 63% of the respondents would like to have all textbooks electronically
(Fig. 1b) and 67% noted that they are very or occasionally tired of using the EER
(Fig. 1c). Such data may indicate that students need to use both the paper textbook
and its electronic version. In this context, interesting is the research data [4] according
to which users (students and postgraduate students of the university) do not indicate
the electronic textbook as a more effective tool in forming the required subject skills.
   Nowadays in our country the EER is focused on the achievement of complete gen-
eral secondary education. Multimedia and electronic textbooks and manuals are de-
veloped on special electronic platforms of such specialized large publishing houses as
«Intellectuals» (http://rozumniki.net), «Morning» (https://www.ranok.com.ua), «Edu-
cation» (http://osvita-center.com.ua/brands/vydavnychyy_dim_osvita), «Bogdan»
(https://bohdan-books.com) under the control of the Ministry of Education and Sci-
ence of Ukraine (MES of Ukraine) with compliance with state requirements for the
high-quality OER [8].
                              a




                              b




                               c
Fig. 1. Statistics of students' answers to the questionnaire
The problem of EER development for higher technical education institutions is much
more complicated. This is due to the fact that such software products, on the one
hand, have a large volume, complex structure, contain multilevel cross-content fo-
cused both on understanding the fundamental laws and their technical and technologi-
cal application during the engineering activities; on the other hand, creation of the
high-quality EER requires involvement of the IT professionals, digital content devel-
opers, and programmers who are not always in the staff of a particular university de-
partment.
   The research has found that there are very few data related to the physics e-
textbook design among scientific papers including published on the popular Research
Gate platform. Obviously, this is due to the complexity of implementing such pro-
jects, especially from scratch. The authors [13] have described some features of crea-
tion of the interactive educational material and visualization of models of the dynam-
ics of rotation of a solid body; they also have confirmed the stimulation of cognitive
activity of students as a result of the material use [14]. The features of creation and
methodology of use of the complex EER as a package of physics electronic books for
students of the bilingual educational environment senior classes are described in [15];
the EER includes the virtual laboratory environment, students' worksheets, and the
final test.
   Previously, we have already gained practical experience in web-development for
physics study and information portal in WordPress designed by Adobe Photoshop and
using HTML and CSS site layout [16] as well as an electronic workbook for laborato-
ry works in the form of the flipbook [17].


3      The Purpose of the Article

The article purpose is to highlight the features and problems of the process of creating
an e-book for technical disciplines study at universities on the example of the manual
«Physics. Module 1. Mechanics».


4      Methods

The most important question that arises when creating an interactive e-textbook is the
choice for programming the most suitable environment. The electronic edition we
offer has a large amount of information and contains many equations, massive evi-
dence base, and graphic material worked out to the smallest detail. In addition, it im-
plements video, original demo animation, and «pop-up» reference material. Moreo-
ver, in accordance with the requirements of the Ministry of Education and Science of
Ukraine [8, item III.2], the e-textbook should be adaptive, interactive, cross-platform,
and functional. The benchmarking method we have used has shown that now there are
a number of platforms and templates for creating EER. The most popular ones are
Drupal (https://www.drupal.org/), WordPress (https://www.wordpress.org/), Joomla
(https://www.joomla.org/) and others that are written mainly in PHP programming
language and have been widely used in creating a wide range of cross-platform web
products, from personal blogs to knowledge management systems and business col-
laboration. However, taking into account the above requirements, the features of the
known platforms and templates as well as the data obtained by us in the study [16]
and [17], the path of direct programming and creation of the software from scratch
using JavaScript language was chosen already at the stage of creating the technical
task.


5      Results and Discussion

The paper version of the manual «Physics. Module 1. Mechanics» (with the stamp of
the Ministry of Education and Science of Ukraine) was first published in 2004. It was
a new type of publication; its preparation became necessary in connection with the
conversion of Ukraine higher education to the credit-module system of teaching [18].
   The electronic content of this textbook comprises the basic material necessary for
the study of the part of general physics «Mechanics» in higher technical schools,
namely:

─ theoretical core (topics «Kinematics», «Dynamics», «Laws of conservation»,
  «Fundamentals of the special theory of relativity») with comprehensive explana-
  tions of all questions and necessary mathematical conclusions of equations;
─ examples of solving problems with detailed explanations;
─ a significant amount of self-solving tasks;
─ laboratory works;
─ keywords;
─ reference material with all necessary information.

   There are generally accepted stages of web product development [19]. We can sep-
arate the following main steps of the process of direct programming (frontend and
backend development), which we have used in the development of the interactive
electronic textbook:

─ creating a content tree structure that includes the following main folders:
  1 – build; 2 – gulpfile.babel.js; 3 – node_modules [index.html; package.json;
  npmrc]; 4 – source [app, assets, content (book / chapters 1, 2 …], [extensions / avi-
  ation, personalities];
─ processing of the text material (carried out using the Sublime cross-platform text
  editor): HTML markup and CSS formatting;
─ connection of dynamic effects on JavaScript;
─ developing graphics that were implemented using Word capabilities;
─ create 2D animation based on Photoshop;
─ video implementation using Vegas-Pro;
─ implementation of the server part of the project using Node.js for compilation;
─ code optimization and protection (if possible).

  IT capabilities have been widely used at all stages to provide diversity, visual ap-
peal, clearness, aeronautical focus, and usability. In particular, we have declined the
standard buttons for switching between the EER sections and topics, which are ap-
plied in [11] and [12]; the list of the e-textbook «Physics. Module 1. Mechanics»
items is permanently accessible to the user on the left side of the screen. The looked-
for topic can be opened with one click, with the current item highlighted (Fig. 2),
which makes it easy to navigate the EER architecture.
   An important role in the perception of a figure that reproduces the physical model
of a phenomenon, process, or law is played by colors through which the accents in the
image can be positioned. That is, the associated color accents of lines and inscriptions
allow the user to understand without difficulty the idea of drawing (for example, the
red color of the vectors forces ⃗ and the angular acceleration ⃗ (Fig. 2)).




Fig. 2. Features of the page of the interactive electronic textbook «Physics. Module 1. Mechan-
                                   ics» with 2D demonstrations

For the page «Dynamic Characteristics of Solid Body Rotational Motion» the code
snippet has the following structure:

2.4. Динамічні характеристики обертального руху абсолютно твердо- го тіла

З’ясуємо особливості обертального руху АТТ з динамічного погляду, розглянувши такий дослід.

............
............
As you know, the physics course (as well as various technical disciplines) contains significant mathematical conclusions with numerical references. As students point out, the large number of cascading transitions that are usually used in e-textbooks often leads to a loss of logic in the educational material and misunderstanding. There- fore, all the numerous references to equations in the proposed interactive electronic textbook are pop-up, without cascading transitions. The hidden tips at the one-click «open / hide» are used for self-preparation and self-testing (Fig. 3). The element code of this page looks like this:
  • відцентрова сила

    Відцентрова це сила, що виникає в неінерціальних системах відліку, що обертаються (2.94a) . (Див. п.2.11).
  • Fig. 3. Self-test questions with tooltips Particularly interesting from a didactic point of view is the presence in the interactive electronic textbook animated 2D attachments, which demonstrate the dynamics of scientific thoughts. However, the most effective is the implementation of video clips from official sources. Thus, we used a series of documentaries on the Discovery Channel «Airport from within» [20], which allowed us to demonstrate the real work of the mechanics laws in aviation (Fig. 4). Fig. 4. Aviation-themed video clip in the built-in video player As noted above, the physics training material contains significant mathematical calcu- lations, which often make it difficult for the user to perceive the required data. As the students point out, the large number of cascaded transitions that are typically present- ed in EER often leads to a loss of logic confusion during learning. Therefore, a large number of references to the equations in the e-book «Physics. Module 1. Mechanics» are pop-up, without cascading transitions. For example, for the convenience of find- ing the definition of physics terms, the unit «Keywords» is made in such a way that all the necessary links are opened/closed with one click (Fig. 5). To increase the interest of students to the personalities of famous physicists, we have replaced standard biographies of the scientists, which can be easily found using the Internet, by the short texts with wise aphorisms of these scientists (and not about physics only) that appear against the backdrop window with the portrait (Fig. 6). Fig. 5. Features of the Keywords page Fig. 6. A window dedicated to outstanding physicist with some of his aphorisms. The code snippet for such a page looks like: ГАЛІЛЕО Галілей (1564 – 1642)

    Італійський мислитель епохи Відродження, засновник класичної механіки, фізик, астроном, математик, поет.

    " Всі істини легко зрозуміти, тільки-но вони будуть виявлені. Але проблема в тому, що їх складно виявити."

    " Немає більшої ненависті в світі, ніж ненависть невігласів до знання."

    " Істинне знання - знання причин."

    In the current conditions of the domestic universities functioning, the creation of EER has become a problem for the specific departments that work on this issue sepa- rately. And this, in addition to creating high-quality scientific content, implies that they have to get additional competencies such as knowledge of JavaScript syntax, HTML, CSS, site building rules, graphics editors, the basics of animation and video processing; this requires a lot of time. Development of the e-textbook «Physics. Module 1. Mechanics» lasted more than a year; this EER contains 270 Mb of digital information representing 220 pages of significant educational text, over 80 drawings and animations, over 500 equations with conclusions and cross-references, videos, a thematic dictionary with pop-up definitions. This volume of material, variety, and specificity of works for the creation of such edition requires the joint concerted activity of the scientific and pedagogical workers such as content authors and a group of engineers-developers (web designers, layout engineers, graphic artists, animators, video content specialists, as well as back- end developers). It should be noted that in our case students acted at different stages of product creation. 6 Conclusions The proposed article has revealed the authentic pedagogical experience in the digital textbook designing, in particular, the selection of effective software tools. In our opin- ion, direct JavaScript programming is the most promising and convenient technology for the interactive e-books developing for the engineering specialties. This technology greatly extends the space for developers to create schemes and drawings with appro- priate technical features. We offer color-based graphic data that can be maintained in color accents and processed to the smallest detail. Use the animation and video made the physics course visual and deepen the clearness of the material. Direct program- ming has been implemented in the process of creating the physics e-textbook «Phys- ics. Module 1.Mechanics» and made it possible to develop from scratch a unique multimedia interactive cross-browser EER with easy-to-use navigation. We have used for this purpose JavaScript programming, the HTML5 hypertext markup language, cascading CSS3 style sheets, Adobe Photoshop, and VEGAS Pro software. The Node.js platform was used to build and implement the server-side of the project. In- tuitive navigation, one-click viewing, pop-ups hyperlinks, pop-ups equations, and tips have made the study material easy to use in the learning process. In our opinion, this combination of software products is now most convenient for the development of the sophisticated EER architecture for technical disciplines. Note that an important ad- vantage of our technology is that it does not require any additional installation of various applications and plug-ins on users' devices. Application of direct programming significantly optimizes the student's independ- ent work (examples of detailed step-by-step problem solving, self-test questions with hidden answers, comprehensive information for preparation of laboratory works, etc.). Due to cross-browser compatibility and cross-platform performance any modern web browser and any operating system (Windows, MacOS, and Linux) can be used. An important area of development of e-textbook «Physics. Module 1. Mechanics» is the implementation of tests and interactive instructions for laboratory work fulfill- ment on the basis of a physics field experiment. Such EER can be submitted in the form of the flipbook that we have proposed in [17]. In addition to the theoretical ma- terial multimedia presentation and practical instructions, the EER also contain hyper- links to experimental data processing programs (Excel, MatLab, MicroCal Origin, etc.); besides, it can provide controlled-consulting interaction and feedback between students and the teacher. We believe it would be very helpful to set up an inter-departmental interdiscipli- nary IT laboratory in the technical university, one of the important activities of which would be the creation of digital educational resources (EER, digital demonstrations, various specialized multimedia, etc.) for use during the study of engineering and mathematical disciplines. The activities of such centers, which should be carried out with the involvement of scientific-pedagogical, engineering workers, students of the technical universities, and structures of the external environment (for example, em- ployers in the field of IT). Moreover, focusing of EER development on the general educational disciplines such as physics should have the greatest impact on the im- provement of the e-textbook creation culture. All abovementioned would significantly contribute to the motivation of the funda- mental disciplines study, acquisition of comprehensive awareness of the scientific and technological picture of the world, increasing the quality of interdisciplinary educa- tion of future specialists. Unexpected circumstances of the pandemic have actualized the revision of higher education technologies, which are now more and more mixed and individualized. In this context, an important role is played by adequate teaching aids, in particular, e- textbooks. They should match the specifics of teaching various natural and technical disciplines at university departments. The organization of exclusively distance learning during the pandemic has acceler- ated and expanded the implementation of the developed e-book «Physics. Module 1. Mechanics». Analysis of the results of this pedagogical experiment is one of the areas of further researches. References 1. Ainslee, J. Digitization of education in the 21st Century/ e-Learning Industry April 28. (2018). URL: https://elearningindustry.com/digitization-of-education-21st-century. 2. Ukraine – Learning Nation // Ukrainian Institute of the Future. URL: https://strategy.uifuture.org/ukraina-learning-nation.html. (in Ukrainian). 3. The New Ukrainian School, https://mon.gov.ua/storage/app/media/zagalna%20serednya/Book-ENG.pdf. 4. Aimee de Noyelles and John Raible Published: Monday, October 9, 2017 Exploring the Use of E-Textbooks in Higher Education: A Multiyear Study / EDUCAUSE, URL: https://er.educause.edu/articles/2017/10/exploring-the-use-of-e-textbooks-in-higher- education-a-multiyear-study. 5. Electronic-Textbooks, https://www.pcmag.com/encyclopedia/term/e-textbook 6. Academic Technologies, https://academictechnologies.it.miami.edu/explore- technologies/technology-summaries/e-textbooks/index.html 7. On Education: the Law of Ukraine, https://zakon.rada.gov.ua/laws/show/2145-19. (in Ukrainian). 8. Regulations on Electronic Educational Resources from 01.10.2012 № 1060. URL: https://zakon.rada.gov.ua/laws/show/z1695-12. (in Ukrainian). 9. Robert, A. Reiser and John V. Dempsey, eds., Trends and Issues in Instructional Design and Technology, fourth ed. Pearson Education. ISBN-10: 0134235460, ISBN-13: 978- 0134235462 (2017). 10. Gerhart N., Peak D., Prybutok V. Encouraging E-Textbook Adoption: Merging Two Mod- els. Decision Sciences: Journal of Innovative Education, Vol. 15, No. 2. 191–218 (2017). doi: 10.1111/dsji.12126. 11. Physics / OpenStax, https://openstax.org/details/books/university-physics-volume-1 12. Оpen physics 2.6, https://physics.ru/textbook/chapter1/section/paragraph1/. (in Rusian). 13. Adawiyah, R., Harjono, A. The Development of Interactive Physics E-Book in Rigid Body Equilibrium and Rotational Dynamics. IOSR Journal of Research; Method in Education (IOSR-JRME) e- ISSN: 2320 – 7388,p-ISSN: 2320 – 737X Volume 8, Issue 2 Ver. II (Mar.–Apr. 2018), pp. 29-33. URL: https://www.researchgate.net/publication/324054567. 14. Adawiyah, R., Harjono, A., Gunavan, G., Hermansyah H. Interactive e-book of physics to increase students’ creative thinking skills on rotational dynamics concept. Journal of Phys- ics Conference Series 1153:012117·February 2019 with 201 Reads. doi: 10.1088/1742- 6596/1153/1/012117. 15. Alif Syaiful Adam, Jawa Timur, One-Stop Physics E-Book Package Development for Sen- ior High School Learning Media October 2019 International Journal of Emerging Tech- nologies in Learning (iJET) 14(9):150-158. doi: 10.3991/ijet.v14i19. 16. Slipukhina, I., Gedenach, T., Olkhovyk V. Creating an informational website for physics academic course: web design specifics. ISSN: 2076-8184. Information Technologies and Learning Tools. Vol. 62, No. 6. рр. 192-202. (2017). URL: https://journal.iitta.gov.ua/index.php/itlt/article/view/1812/1279. 17. Meleshko, M., Slіpukhіna, І., Chernetskyi, І., Kubai, Y. Features of technology of creation of the interactive electronic document for accompaniment of laboratory practical workshop on physics. // Information Technologies and Learning Tools. Vol 39, No. 1. Рр.. 264-274. (2014). ISSN Online: 2076-8184. URL: http://journal.iitta.gov.ua/index.php/itlt/article/view/1006/740#.U3SzdMVybwo. (in Ukrainian). 18. Physics. Module 1. Mechanics: Tutorial/ A. Bovtruk, Y. Gerasimenko, S. Mieniailov, and B. Lakhin; edited by A.Polishchuk. Vol.3. Kyiv: NAU Book Publishers, р.176. (2008). (in Ukrainian). 19. About W3C Standards, https://www.w3.org/standards/about.html. 20. Discovery «Airport from within», https://www.youtube.com/watch?v=s7B4i-YPseY.