Development Of Instructional System For Competency Enhancement In .

1y ago
31 Views
2 Downloads
1.09 MB
5 Pages
Last View : 9d ago
Last Download : 4m ago
Upload by : Cade Thielen
Transcription

2022 BARCELONA 33rd International Conference on “Latest Trends in Science & Technology” (BLTST-22) May 25-27, 2022 Barcelona (Spain)Development of Instructional System forCompetency Enhancement in WebsiteProgramming SkillsT. Yingthawornsuk, S. Suwannakhun, K. Kwansomkid, N. Sarak and S. Rungsawang throughout the United States by Bank Street Teachers Collegein 1993, it has been found that activities on the computernetwork helps to open the world to learners. Teachingactivities on the network results in learners to be more awareabout society, culture, and the world because the educationalnetwork on the internet allows learners to be able tocommunicate quickly with people around the world in aninteractive way. The instant interactions such as Chat, Talk orother services such as e-mail, WWW, FTP, etc. allow learnersto search for information from all over the world, regardless ofwhether where the information comes from or how theinformation has been created.The MOOC (Massive Open Online Course) has beenadopted, which is a form of online teaching and learning thatallows students to learn through the website that is designedand created. This MOOC is innovative and new in the world ofeducation, where students can study through online learningactivities such as watching videos, reading variousText/Infographic, question and answer session, and quizexamination. It is also possible to link between online coursesand various educational technology tools. This is a focus ofour study in a website-based learning system. We useJavaScript coding in development of website and onlineteaching.Because the programming and designing skills with moreexperience in developing the websites are considered to havemany benefits. They can help to promote the competitivenessin the business sector in marketing sector. It creates a goodimage, modernity, and credibility to companies and businesses.It acts as a consultant to find the resolution of problem and italways provides some advice on products or services tocustomers 24 hours a day without waiting for opening hours ofstore but online service that can trade, access from anywhereand increasing sales on products in effective way.According to benefits that internet provides, therefore, inthis work we have used the internet in conjunction withteaching and learning techniques to develop a learning systemthat can improve the programing skill in learners. The targetedlearners are all students who are now studying in MediaTechnology Program, King Mongkut's University ofTechnology Thonburi, Thailand and extending to people inpublic, who are interested in creating a website. Evaluation ofquality and satisfaction toward the website that is developed isAbstract—Nowadays, the internet plays increasingly importantrole in our daily life. Because the internet can give us access to a lotof information, and a variety of news and social media. It can alsofacilitate our communication, opinion, and sharing information,instant news, and recent education technology. Most people usesocial technology for education purpose and doing some research.Since the modern communication technology is very fast intransferring and sharing information. Therefore, people who want tostudy any new kind knowledge can simply access to online internet.In this work based on the evaluation result from the users’satisfaction, the developed website named “ModShare” wasdesigned, tested, and evaluated for the skill requirement of websitedeveloping in learners. From the sample, it can be concluded that thewebsite quality evaluated by experts in Media Technology shows athigh level with mean and S.D. values of 3.87 and 0.18 respectively. Itcan be concluded that the quality of the website based on the experts’opinion is also at high level with mean and S.D. values of 3.99 and0.57 respectively. The findings form study could be supportive oflearning through Internet and website that are designed carefully withknowledge analysis and earning competency for users afterwardaccessing through the proposedsystem.Keywords— Internet, Web, Programming and ModShare.I. INTRODUCTIONNowadays, information and communication technology playa very important role such as the use of computers network inwork, searching for information, or exchanging information ormassage via mobile phone to communicate in public or privateorganizations. Information and communication technologyhave been used at all levels of the organization. Thesetechnologies are beneficial to human life in many ways,namely 1) education, 2) medical and public health, 3)agriculture and industry, 4) banking, 5) security, 6)transportation, and 7) Commerce. These are considered tocreate opportunities for competitive advantages fororganizations. The internet is a technology that is more usefulfor education as it has become. It is an educational medium ofthe modern world, which is the reason for the popular use ofthe internet in teaching activities. According to a survey ofeducational value of activities on computer networksT. Yingthawornsuk, S. Suwannakhun, K. Kwansomkid, N. Sarak and S.Rungsawang, Department of Media Technology, King Mongkut’s Universityof Technology Thonburi, 9

2022 BARCELONA 33rd International Conference on “Latest Trends in Science & Technology” (BLTST-22) May 25-27, 2022 Barcelona (Spain)determined for improvement of website by collecting andsummarizing the opinions from experts in area of websitedesign and the users’ feedback on their satisfaction on websitein many aspects.All sections presented in paper are organized as follows.Related work describes the research reports from the past.Methodology presents the details of techniques that are used inthis work. Implementation shows how the study is conductedand the result of study is obtained. Next section is results anddiscussion, and finally Conclusion of study.III. METHODOLOGYA. Website platform design theoryUser Experience (UX) is the expectation of the desiredoutcome from problem solving. It could be simplicity, luxuryor whatever which depends on the context in which happenedwhile encountering a problem. For example, a customer whoalways buys products with cash has made a purchase with amoney transfer application with the QR Code. If we want tomake a new application for people who want to use it, we mustadjust it to fit the need of people in terms of convenience andeasy to use, less steps and processing time to complete theorder such as Apple Pay or Google Pay.II. RELATED WORKPhichit W. [1] mentioned from the storyline HTML, the webwriting language, HTML is a form of computer language usedto create web pages to store the desired information in theform of a hypertext document (Hypertext) that can link webpages from one to others by the structure of HTML. There arediacritics or tags used to control the display of text, images,tables, and other objects through a web browser.Yuthapong Y. and Chatchawan I. [2] from the web interfacedesign project said that the Link Interfaces use the Menu Page,Pymarid interface and not use more than 3 types of fonts onthe same webpage. The suitable font size for general use onthe website should be 13.3 points as average size. Theappropriate background color should be light colors such aswhite or light gray. The opposite colors should be chosen touse not more than two colors.Techatat T. [3] had reported the research result on Mobilephone image recognition analysis. The result of study suggeststhat the image (ICON), which is the most effect on humanvisual perception, is a real picture or virtual (Realistic) thatcontains the most realistic details. There is a clear definition ofthe picture. An image that can communicate well is a picturethat has more than one composition.Narong M. et al [4] conducted the research on thedevelopment of a teaching system for improving the computerprogramming abilities in the secondary school students. Thisresearch group aimed to study the factors that can affect thelearning of students and approaches used in programming.Then development of teaching system was made, and theeffectiveness of system was evaluated in terms of analysis,design, development, implementation, and samples collectedfrom a group of junior high school students. The result ofstudy has been shown that the following factors, which arepersonality, academic competence, special qualifications,social factors, and other supporting factors affect the learningon computer programming. Using a special learning stylespecifically can maximize the learners' abilities andcompetency. Also, the learning achievement in terms ofknowledge, comprehension and computer programming skillswas found in learners after learning through the teachingsystem to be significantly higher than before at 0.05 level.User Interface (UI) is the design of various platforms thatbusinesses interact with users, such as websites, applications,games, etc. where the design must be attractive, simple,concrete and looks beautiful and colorful for user to use thatapplication. Moreover, the design should also be outstandingand easily understandable on how to use it.B. SoftwareA set of instructions that are written by a programmer sothat the computer works on the specific purposes embedded inprogram. Software can be divided into two types which areOperating System Software and Application Software. In thisworks we used Visual Studio Code, Adobe Illustrator andMySQL.C. Website design elementsIn designing a website, it must be simple, easy tounderstand, consistent, structural, and not too complicatedconfusing. The content must be complete, high quality, andeasy to use and has a design stability.IV. IMPLEMENTATIONA. Operation procedureFirst, we collect data and analyze all preliminary data.Second, objectives of study are made and then the scope ofstudy is drawn as a boundary of work. Then, we plan andcreate the content on website. The website is tested andevaluated with experts and finally improved for the latestmodification of system.Fig. 1. Webpage of Login and 10690

2022 BARCELONA 33rd International Conference on “Latest Trends in Science & Technology” (BLTST-22) May 25-27, 2022 Barcelona (Spain)program of Media Technology. Their satisfactory feedbacktoward the website is collected and evaluated.2) SampleThirty students who are between 18 and 25 years old jointhe study and fill in their feedback opinion. In data analysis, arandom sampling method (Accidental sampling) is used. Dataare collected directly from a group of samples through thesatisfaction questionnaire.Fig. 2. Webpage showing instruction on how to take a quiz after learningFig. 5. Satisfactions from brainstormingC. Evaluation details1) Interactiona) Users can understand the neglect in website.b) Users can understand the different systems in website.c) Users are satisfied when people read their messages.2) Applicationa) The website can provide knowledge about Java Script.b) The website can work correctly.c) The website is easy to use and suitable for users.d) The website is useful to users.e) Overall satisfaction with website’3) Designa) UX/UI design’b) The layout of the website is easy to understand.c) Colors and images are suitable.D. Satisfaction level Fig. 3. Flowchart of website developmentLevel 5 means Excellence.Level 4 means Good.Level 3 means Fair.Level 2 means Improvement required.Level 1 means Poor.E. Quality level 4.50 - 5.00 means that the website is excellent.3.50 - 4.49 means that the website is good.3.00 - 3.49 means that the website is at fair level.1.50 - 2.49 means that the website needs improvement.0.50 - 1.49 means that the website is poor.Fig. 4. Database ModelV. RESULTS AND DISCUSSIONAs the results of satisfaction made on the components of thewebsite shown, the users’ feedback suggested that how to usethe subscription and Login windows is easily understandable.The website can be used comfortably and arrangement of allelements within the website in order, convenient, and easy tounderstand. The character display format is correct as it iswritten. The layout of the elements on the screen isB. Population and sample1) PopulationThe participants, who voluntarily involve in this web-basedlearning system, are the undergraduate students at KingMongkut's University of Technology Thonburi, studying in ahttps://doi.org/10.17758/EIRAI14.F052210691

2022 BARCELONA 33rd International Conference on “Latest Trends in Science & Technology” (BLTST-22) May 25-27, 2022 Barcelona (Spain)TABLE I.appropriate. The font style is appropriate. The buttonplacement and various display messages are appropriate. Thefont size is appropriate. The font color is appropriate. Thesatisfactions on attributes mentioned above were found to be athigh level with mean values between 3.88 to 4.5. Theattractiveness of the website was at a moderate level with meanof 3.55. For the overall satisfaction it shows at a high levelwith a mean of 3.99.QUALITY ASSESSMENT RESULTSItemsUsers’ satisfactionComponents of websiteUsers’ satisfactionExperts’ satisfactionElements of websiteDevelopment of WebsiteTotal AverageThe users’ satisfactions toward the website on theappropriateness of the composition of the website, thesuitability of the buttons, the ease of understanding on how touse the website, and the feeling of returning to the websitewere found mostly at high level with respective mean values of4.44, 4.02, 3.85. and 3.55. Its overall satisfaction is at highlevel with a mean value of 3.96, and by the experts’ opinionwith a mean of 3.99 respectively.In the satisfactions of users on the following terms:Membership & login window, design of website background,elements of website, display of text, use of color images, fontstyle, size and color, button element layout, and attraction touse, were found to be at high levels with a range of meanvalues between 2.66 to 4.33. The overall mean value of 3.96can be found for the users’ satisfaction om the components ofwebsite. In terms of website development, the followingfeatures, which are comprising of text display, order of displayon the screen, using to improve the cognitive development,using the Edit window to program on the website, accuracyand suitability of website layout were satisfactorily found fortheir mean values between 3 to 4. The overall mean valueresults from the experts’ opinion found at 3.87 which is at highlevel of satisfaction.MeanS.D.Quality .910.2300.0960.366ExcellentExcellentExcellentFig. 8. Post on basic knowledge of JavaScript arrayVI. CONCLUSIONThe development of website-based teaching systemcontributes the knowledge and information regarding designand programming of website to users. The practical skills ofweb programming in users can be improved after learningfrom the system. To assess the quality of the website that wasdeveloped and the satisfaction of the users toward the website,questionnaires survey forms were used to collect sample dataand then evaluated from both experts and website users.As the result of evaluation made on the users’ satisfactiontoward the website, the “ModShare” website was evaluated forskill of website developing in learners by experts. From thesample collected, the satisfactions on attributes mentioned inresults were found to be at high level with mean valuesbetween 3.88 to 4.5. For the overall satisfaction It can beconcluded that the quality of the website is at a high level witha mean and S.D. values of 3.99 and 0.57 respectively. Thequality improvement of the developed website based onevaluation scores that were obtained will be further steps inmodification of system.Fig. 6. User profileACKNOWLEDGMENTThis study has been approval with the IRB numberKMUTT-IRB-COE-2021-135 by King Mongkut’s Universityof Technology Thonburi, Thailand.Fig. 7. JavaScript knowledge on a test 2

2022 BARCELONA 33rd International Conference on “Latest Trends in Science & Technology” (BLTST-22) May 25-27, 2022 Barcelona (Spain)Sarayut Rungsawang graduated for Bachelor'sdegree in of Media Technology, King Mongkut’sUniversity of Technology Thonburi (KMUTT),Bangkok, Thailand in 2020.REFERENCES[1][2][3][4][5][6][7][8]Phichit Wichitbunrak, Computer Language HTML, Executive JournalBangkok University, No.3: 1, 2011, Pathum Thani, BangkokUniversity, Thailand.Yuthaphong Yanyothin and Chatchawan Inthusamit, “Website InterfaceDesign” Thesis, Faculty of Architecture and Design Graduate School.Rajamangala University of Technology Rattanakosin, 2015, NakhonPathom, Thailand.Techatat Thumnitakit, “Analysis of mobile phone icon perception”,Department of Media Arts and Design Graduate School, 2006, ChiangMai University, Chiang Mai, Thailand.Narong Manosudhirit and Montree Yamkasikornm, “Teaching SystemDevelopment for Developing computer programming ability”, Ph.D.thesis, 2013, Thailand.Thai Programmers Association, UI vs. UX: What is the differencebetween user interface and user experience, 2017, 017.2.5Basic web design principles with elements and structure layout, 2017,www.1belief.com.Manop Chan, “JavaScript Language”, 2021, www. marcuscode.com.Website making company: Roles, functions, benefits and importance ofthe website, 2019, www.article.co.thhaweesak Yingthawornsuk works with department ofMedia Technology, King Mongkut’s University ofTechnology Thonburi, Thailand. He graduated forPh.D. degree in Electrical Engineering from VanderbiltUniversity, TN, USA in 2007.Sirimonpak Suwannakhun works with Faculty ofIndustrial Education and Technology, King Mongkut’sUniversity of Technology Thonburi, Thailand. Shegraduated for Ph.D. degree in Program LearningInnovation and Technology, King Mongkut’s Universityof Technology Thonburi (KMUTT), Bangkok, Thailandin 2017.Kantapat Kwansomkid studies with department ofMedia Technology, King Mongkut’s University ofTechnology Thonburi, Thailand. He graduated fromBangpakok Wittayakom school, Thailand in 2020.with Science and Mathematics degree.Nontanat Sarak graduated for Bachelor's degree inof Media Technology, King Mongkut’s Universityof Technology Thonburi (KMUTT), Bangkok,Thailand in 2020.https://doi.org/10.17758/EIRAI14.F052210693

a) The website can provide knowledge about Java Script. b) The website can work correctly. c) The website is easy to use and suitable for users. d) The website is useful to users. e) Overall satisfaction with website' 3) Design . a) UX/UI design' b) The layout of the website is easy to understand. c) Colors and images are suitable.

Related Documents:

Bruksanvisning för bilstereo . Bruksanvisning for bilstereo . Instrukcja obsługi samochodowego odtwarzacza stereo . Operating Instructions for Car Stereo . 610-104 . SV . Bruksanvisning i original

10 tips och tricks för att lyckas med ert sap-projekt 20 SAPSANYTT 2/2015 De flesta projektledare känner säkert till Cobb’s paradox. Martin Cobb verkade som CIO för sekretariatet för Treasury Board of Canada 1995 då han ställde frågan

service i Norge och Finland drivs inom ramen för ett enskilt företag (NRK. 1 och Yleisradio), fin ns det i Sverige tre: Ett för tv (Sveriges Television , SVT ), ett för radio (Sveriges Radio , SR ) och ett för utbildnings program (Sveriges Utbildningsradio, UR, vilket till följd av sin begränsade storlek inte återfinns bland de 25 största

Hotell För hotell anges de tre klasserna A/B, C och D. Det betyder att den "normala" standarden C är acceptabel men att motiven för en högre standard är starka. Ljudklass C motsvarar de tidigare normkraven för hotell, ljudklass A/B motsvarar kraven för moderna hotell med hög standard och ljudklass D kan användas vid

LÄS NOGGRANT FÖLJANDE VILLKOR FÖR APPLE DEVELOPER PROGRAM LICENCE . Apple Developer Program License Agreement Syfte Du vill använda Apple-mjukvara (enligt definitionen nedan) för att utveckla en eller flera Applikationer (enligt definitionen nedan) för Apple-märkta produkter. . Applikationer som utvecklas för iOS-produkter, Apple .

och krav. Maskinerna skriver ut upp till fyra tum breda etiketter med direkt termoteknik och termotransferteknik och är lämpliga för en lång rad användningsområden på vertikala marknader. TD-seriens professionella etikettskrivare för . skrivbordet. Brothers nya avancerade 4-tums etikettskrivare för skrivbordet är effektiva och enkla att

Den kanadensiska språkvetaren Jim Cummins har visat i sin forskning från år 1979 att det kan ta 1 till 3 år för att lära sig ett vardagsspråk och mellan 5 till 7 år för att behärska ett akademiskt språk.4 Han införde två begrepp för att beskriva elevernas språkliga kompetens: BI

**Godkänd av MAN för upp till 120 000 km och Mercedes Benz, Volvo och Renault för upp till 100 000 km i enlighet med deras specifikationer. Faktiskt oljebyte beror på motortyp, körförhållanden, servicehistorik, OBD och bränslekvalitet. Se alltid tillverkarens instruktionsbok. Art.Nr. 159CAC Art.Nr. 159CAA Art.Nr. 159CAB Art.Nr. 217B1B