Hypertext Markup Language Research Articles

System of smart detection and control to electrical energy for saving of electrical energy consumption

Public campus has a mandate to saving of electrical energy. Electrical energy consumption is often wasteful in building. There is tendency wasteful by user. Electronic equipment is often still turn on at idle time. Only a few students want to turn off the equipment and shut down the computer. Saving of electrical energy is not only at idle time but it can be improved into operational hour. It is not depending on idle time or operational hours, but depends on human presence. Implementation of electrical energy saving has to be supported by frugal behavior and equipment technology. In this study, we name system of smart detection and control to electrical energy (Sisdece). This system is consist of hardware and software. Hardware applies passive infrared sensor (PIR) sensor, wireless sensor network (WSN), microcontroller ESP32, access point, relay. Software use C++, hypertext preprocessor (PHP), hypertext markup language (HTML) and android studio. Result of measurement has been done in a month during November 2020. Average of energy saved is 12.51 kWh and total of electrical energy is 105.86 kWh. Comparison of energy saved to electrical energy is 11.81%. This is a significant reduction to electrical bill. The result is expected as benchmark of electrical energy management in Politeknik Negeri Medan (POLMED).

KEBERKESANAN GAMIFIKASI DALAM PEMBELAJARAN TEKNOLOGI REKABENTUK WEB

Students that take the Web Design Technologies programming course think this course is difficult to learn because they need to master various programming languages which are Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript (JS), and jQuery. Therefore, in line with the development of technology, lecturers should change traditional methods to modern learning methods with the use of technology that is suitable to the millennial generation. This situation is also due to the COVID-19 pandemic phenomenon which requires lecturers to act creatively in using teaching aids that are able to assist students' self-learning using online methods and distance learning. Therefore, this study was conducted to study the use of Battle Web gamification that was built using the ADDIE model as a teaching aid for the Web Design Technologies course. Questionnaires with six constructs were distributed to get feedback with the involvement of 53 students. Data were collected and analyzed using SPSS software. Item reliability is implemented to ensure the quality of the questionnaire items and the data obtained. The results show that students give positive results related to the use of Battle Web in their Teaching and Learning (T&L) sessions. Battle Web impacts students' learning process in terms of motivation, attitude, and cognitive development because Battle Web has appropriate multimedia elements, clear instructions and the language used is easy to understand.

OPERATIONAL ASPECTS OF WEB-APPLICATIONS DEVELOPMENT BASED ON JAVASCRIPT FRAMEWORK

The problem of using hypertext markup language HTML5 and cascade style sheets CSS3 while developing the visual interface of applications in development framework based on programming language JavaScript was studied. The performance features of main components of application infrastructure were analyzed. JSON format usage and influence on application operation of such elements as repository data base, WEB-services, server and client side portion of application and content delivery network were investigated. The main criteria of development socially minded applications with attractive visual interface on JavaScript and HTML5 were defined. The analysis of operational aspects of JavaScript programming language and its usage while developing visual interface of applications and its further promotion in the world of hardware and software was carried out. The research result is the information system development for courier delivery

Intranet-Based Wiki with Instant Messaging Protocol

This research developed an Intranet-Based Wiki with Instant Messaging Protocol (IBWIMP) for the Staff of the Department of Computer Science, University of Nigeria, Nsukka to enable them to collaborate on tasks; like writing of documents like, memo, project guidelines, proposal/grants, and circulars with online security consideration. The essence of this work is to improve on the contributions staff make during work, in carrying out tasks with their colleagues irrespective of the person’s location at that point in time. The existing system on ground would always require the presence of the staff within the department before they can carry out the tasks meant for them or respond to the available mails within their mail boxes located within the general office of the department. In regard to such situation, there is always delay in the processing of such mails or documents that could require urgent attention of the supposed staff therefore could cause serious damages. This research established a better internet connection for the security of the system and the documents therein by the use of virtual private server (VPS) hosting on virtual private network (VPN). This system allows the collaboration between the staff of the department and external persons, or partners classified as external staff user on documents like circulars that normally come from outside the department. This system automatically sends emails to the supposed users whenever the admin posts a document via the Short Message Transfer Protocol (SMTP). The system is accessed online by the users from any location once there is accessible internet connection and users can collaborate on the development of any posted document at the same time. This application was designed using Object Oriented Analysis and Design Methodology (OOADM) and implemented using Hypertext Markup Language (HTML), JavaScript, Cascading Style Sheet (CSS), CkEditor, Hypertext Pre-Processor (PHP) and MySQL database management system.

Application Development Design “How To Make Money Online” Using The Wartefall Method (Case Study : CV Satoeasa For Indonesia)

CV Satoeasa is a organization engaged in training and consulting services in the context of empowering and developing business actors. Satoeasa is supported by personnel who have competency standards and experience in the fields of entrepreneurship and local economic development. CV Satoeasa Untuk Indonesia is committed to increasing entrepreneurial capacity and is passionate about realizing a growing and developing business. use of the application "How To Make Money Online" to increase competitiveness with other companies, improve the quality of service to customers because now customers have more options to browse applications, compare and analyze services and ratings before choosing an application to be installed on their phone device . For the development of the application "How To Make Money Online" CV Satoeasa For Indonesia plans to create a web-based application with the aim of making it easier for customers to access it without having to install their personal device first. This research uses the waterfall method. In the waterfall method there are several steps including requirements, design, implementation, verification and maintenance. This "How To Make Money Online" application is still based on Android, therefore the author intends to make a web-based "How To Make Money Online" application development design. The result of this research is an application development design. Application development is easier with the application design that will be developed. The conclusion is the "How To Make Money Online" application development design using HTML (HyperText Markup Language) programming. Before this application was developed, it was based on Android and after it was developed it became web-based. In this application there are several menus including the homepage, articles, contacts, about us and help. Provide solutions to CV Satoeasa Untuk Indonesia regarding the design of the application development "How To Make Money Online" using the waterfall method

HTML-Based Website Learning Training (Hypertext Markup Languange)

In today's era of globalization, websites are very familiar, where many people easily use the web or website. Some can make their own and some ask for it to be made or rather buy. Just use it and then we just need to use it. Our partners are neighborhood associations 05 and 06 which are located in Perumnas Depok Timur, which have young women and men who are curious about website development, and some young women and men want to continue their studies at a higher level by majoring in information and communication. In making a website, they need several stages that they have to apply because our partners are teenagers who are unfamiliar with website creation, for that we here want to make a basic training in website creation which will later be useful for them in terms of application in their environment and society. Where in this training introduced HTML (hypertext markup language). It is hoped that by studying HTML, teenagers can understand how to create a website with HTML.

A deep web data extraction model for web mining: a review

The World Wide Web has become a large pool of information. Extracting structured data from a published web pages has drawn attention in the last decade. The process of web data extraction (WDE) has many challenges, dueto variety of web data and the unstructured data from hypertext mark up language (HTML) files. The aim of this paper is to provide a comprehensive overview of current web data extraction techniques, in termsof extracted quality data. This paper focuses on study for data extraction using wrapper approaches and compares each other to identify the best approach to extract data from online sites. To observe the efficiency of the proposed model, we compare the performance of data extraction by single web page extraction with different models such as document object model (DOM), wrapper using hybrid dom and json (WHDJ), wrapper extraction of image using DOM and JSON (WEIDJ) and WEIDJ (no-rules). Finally, the experimentations proved that WEIDJ can extract data fastest and low time consuming compared to other proposed method.<br /><div> </div>

Developing an online software to remotely manage apparel production lines

This research aims to create an online software specially designed to plan and manage apparel production lines, using different programming codes Hypertext Preprocessor (PHP), Hypertext Markup Language (HTML), and an open source database management system a relational database management system (MySQL), the online database and the website where designed to allow users to have an easy interface to communicate with that database.

Document Parsing Tool for Language Translation and Web Crawling using Django REST Framework

There are 7.5 billion inhabitants and over 7,117 languages existing around the world, but only 20% of the people speak English. To understand the wisdom and knowledge of other cultures language translation becomes a basic need. In this paper, a computer-assisted document parsing tool is investigated. The proposed approach uses a language translator that performs translation from images eliminating the need of a human translator for images avoiding the scope for misinterpretation and misunderstanding among people of different ethnic groups. The proposed tool is also capable of performing web crawling using Django Representational State Transfer framework. Further, the proposed approach employs Python packages such as pytesseract, textblob and beautifulsoup to perform Optical Character Recognition, Translation and Extraction of Hypertext Markup Language data respectively. Experimental results of translation on four different categories of images such as Maps, Comics, Newspapers and Magazines, Scientific Publications demonstrate an accuracy of 97.2%, 93.3%, 95.82% and 98.27% respectively. By considering websites like E-commerce, Magazines, Blogs, Social Media, News and Educational sites average precision of 5.4, recall of 7.45 and F-score of 6.24 is achieved. The results reveal that the proposed system can be used as an improvement over a human translator and a data entry operator.

Image2emmet: Automatic code generation from web user interface image

AbstractWeb development usually follows with analyzing the functionality, designing the user interface (UI) prototype, implementing the UI by front‐end (FE) developers and implementing the REpresentational State Transfer (RESTful) application programming interface (API) by back‐end (BE) programmers. Unfortunately, web development is a tedious, cumbersome, and time‐consuming task, which makes it a challenge for the FE programmers to work in an efficient way. In this paper, we propose an approach, image2emmet, to assist FE programmers in implementing the UI. First, we collect HyperText Markup Language, Cascading Style Sheets (HTML‐CSS) dataset in an automatic and efficient way. The HTML‐CSS dataset used for model training consists of HTML‐CSS code and its display images. Second, the faster region‐based convolutional neural network (CNN) (R‐CNN) is utilized to detect the UI component. Finally, we build a model combining CNN and long short‐term memory (LSTM) to transform the UI component into the HTML‐CSS code. The empirical study demonstrates that image2emmet can achieve a precision of 80% on the UI component detection and 60% on the transformation of UI component into HTML‐CSS code.

Development of a Web-based System for Matching Losers and Finders of Personal Items

A considerable amount of time is wasted in the process of searching for a missing item and consequently, human schedules are disrupted. This study aimed to design and implement a web-based system for matching losers and finders of personal items using the waterfall model. The modelling language employed in this work was Unified Modeling Language (UML). The server-side was built using the Node.js JavaScript framework to provide backend logic to process information from the client-side and MongoDB database. The client-side was made using Hypertext Markup Language (HTML), cascading style sheet (CSS) and JavaScript. The system was evaluated using alpha and beta testing by module testing and getting feedback from users based on some predefined criteria. The developed system was able to match lost items with efficiency and functionality of 80% and 77%, respectively.

Coping with Diversity - A System for End-users to Customize Web User Interfaces

To address diverse interaction needs of heterogeneous users' groups, user interfaces must be flexible to accommodate for customization that are specific to each user profile. Although, existing web interfaces provide some flexibility, some problems still remain: a) manual adjustments carried out by end users are required for each web application; b) the flexibility provided by current web interfaces is insufficient to address diverse interaction needs of various users' profiles and c) few users are aware about such options to customize the presentation of web interfaces. To contribute to the customization of user interface according to the needs of diverse users, in this work we asses the suitability of a tool that customize web interfaces based on the needs and preferences of end users. UIFlex is a web-based browser plugin that enables users to define their interaction profile. In this task, users are supported by fifteen web-based design rules that were extracted from the literature and the knowledge of authorities. To customize the presentation of web interfaces, UIFlex relies on a set of rules defined for each individual user and "injects" JavaScript codes, Cascading Style Sheets (CSS) and in some cases HyperText Markup Language (HTML) codes in any page that follows W3C standards. UIFlex was evaluated by 104 users of diverse interaction profiles. The results obtained are promising and suggest that the solution improves the perception that the interactive system performs as desired by users.

An Integrated Model for Monitoring Nodes in Computer Networks

Monitoring complex computer network environment is now a very challenging task for network administrators despite the various existing monitoring applications for networks that are faced with the issues of centralized monitoring, which causes network traffic, reduces network bandwidth, and are unable to concurrently run two or more network services. This research paper was designed to tackle the problems exhibited by the existing network monitoring application by integrating different network monitoring services in a single model using the power of agent’s distributed processing and monitoring services. Data about the existing and proposed model was gathered using key informant interview approach, and observation of the existing software. Iterative software model was adopted as the software development life cycle based on its strengths and suitability. The proposed model was developed using use-case and sequence diagrams. Suitable programming languages and development environment such as Java, JavaScript, Hypertext Preprocessor, Hypertext markup language and MySQL were used in coding the software prototype. The functionality of the proposed system was tested and results showed that the proposed system has 100% anomaly network intrusion detection rate and better functional features as compared to the existing network monitoring applications observed.

A mobile app for delirium screening.

ObjectiveThe objective of this study is to describe the algorithm and technical implementation of a mobile app that uses adaptive testing to assess an efficient mobile app for the diagnosis of delirium.Materials and MethodsThe app was used as part of a NIH-funded project to assess the feasibility, effectiveness, administration time, and costs of the 2-step delirium identification protocol when performed by physicians and nurses, and certified nursing assistants (CNA). The cohort included 535 hospitalized patients aged 79.7 (SD = 6.6) years enrolled at 2 different sites. Each patient was assessed on 2 consecutive days by the research associate who performed the reference delirium assessment. Thereafter, physicians, nurses, and CNAs performed adaptive delirium assessments using the app. Qualitative data to assess the experience of administering the 2-step protocol, and the app usability were also collected and analyzed from 50 physicians, 189 nurses, and 83 CNAs. We used extensible hypertext markup language (XHTML) and JavaScript to develop the app for the iOS–based iPad. The App was linked to Research Electronic Data Capture (REDCap), a relational database system, via a REDCap application programming interface (API) that sent and received data from/to the app. The data from REDCap were sent to the Statistical Analysis System for statistical analysis.ResultsThe app graphical interface was successfully implemented by XHTML and JavaScript. The API facilitated the instant updating and retrieval of delirium status data between REDCap and the app. Clinicians performed 881 delirium assessments using the app for 535 patients. The transmission of data between the app and the REDCap system showed no errors. Qualitative data indicated that the users were enthusiastic about using the app with no negative comments, 82% positive comments, and 18% suggestions of improvement. Delirium administration time for the 2-step protocol showed similar total time between nurses and physicians (103.9 vs 106.5 seconds). Weekly enrollment reports of the app data were generated for study tracking purposes, and the data are being used for statistical analyses for publications.DiscussionThe app developed using iOS could be easily converted to other operating systems such as Android and could be linked to other relational databases beside REDCap, such as electronic health records to facilitate better data retrieval and updating of patient’s delirium status.ConclusionOur app operationalizes an adaptive 2-step delirium screening protocol. Its algorithm and cross-plat formed code of XHTML and JavaScript can be easily exported to other operating systems and hardware platforms, thus enabling wider use of the efficient delirium screening protocol that we have developed. The app is currently implemented as a research tool, but with adaptation could be implemented in the clinical setting to facilitate widespread delirium screening in hospitalized older adults.

TBase - an Integrated Electronic Health Record and Research Database for Kidney Transplant Recipients.

TBase is an electronic health record (EHR) for kidney transplant recipients (KTR) combining automated data entry of key clinical data (e.g., laboratory values, medical reports, radiology and pathology data) via standardized interfaces with manual data entry during routine treatment (e.g., clinical notes, medication list, and transplantation data). By this means, a comprehensive database for KTR is created with benefits for routine clinical care and research. It enables both easy everyday clinical use and quick access for research questions with highest data quality. This is achieved by the concept of data validation in clinical routine in which clinical users and patients have to rely on correct data for treatment and medication plans and thereby validate and correct the clinical data in their daily practice. This EHR is tailored for the needs of transplant outpatient care and proved its clinical utility for more than 20 years at Charité - Universitätsmedizin Berlin. It facilitates efficient routine work with well-structured, comprehensive long-term data and allows their easy use for clinical research. To this point, its functionality covers automated transmission of routine data via standardized interfaces from different hospital information systems, availability of transplant-specific data, a medication list with an integrated check for drug-drug interactions, and semi-automated generation of medical reports among others. Key elements of the latest reengineering are a robust privacy-by-design concept, modularity, and hence portability into other clinical contexts as well as usability and platform independence enabled by HTML5 (Hypertext Markup Language) based responsive web design. This allows fast and easy scalability into other disease areas and other university hospitals. The comprehensive long-term datasets are the basis for the investigation of Machine Learning algorithms, and the modular structure allows to rapidly implement these into clinical care. Patient reported data and telemedicine services are integrated into TBase in order to meet future needs of the patients. These novel features aim to improve clinical care as well as to create new research options and therapeutic interventions.

From evidence to practice: development of web-based Dutch lipid reference values.

IntroductionIn the Netherlands, the total number of yearly measured lipid profiles exceeds 500,000. While lipid values are strongly affected by age and sex, until recently, no up-to-date age- and sex-specific lipid reference values were available. We describe the translation of big-cohort lipid data into accessible reference values, which can be easily incorporated in daily clinical practice.MethodsLipid values (total cholesterol, LDL cholesterol, HDL cholesterol and triglycerides) from all healthy adults and children in the LifeLines cohort were used to generate age- and sex-specific percentiles. A combination of RStudio, Cascading Style Sheets and HyperText Markup Language was used to interactively display the percentiles in a responsive web layout.ResultsAfter exclusion of subjects reporting cardiovascular disease or lipid-lowering therapy at baseline, 141,611 subjects were included. On the website, input fields were created for age, sex and all main plasma lipids. Upon input of these values, corresponding percentiles are calculated, and output is displayed in a table and an interactive graph for each lipid. The website has been made available in both Dutch and English and can be accessed at www.lipidtools.com.ConclusionWe constructed the first searchable, national lipid reference value tool with graphical display in the Netherlands to use in screening for dyslipidaemias and to reduce the underuse of lipid-lowering therapy in Dutch primary prevention. This study illustrates that data collected in big-cohort studies can be made easily accessible with modern digital techniques and preludes the digital health revolution yet to come.

Web-Based Human-Machine Interfaces of Industrial Controllers in Single-Page Applications

Advances in conventional industrial controllers have led to new technologies such as multilanguage use, cross-platform applications, and remote monitoring and control. However, the human-machine interfaces (HMIs) of conventional industrial controllers and mobile devices cannot directly transmit instant messages to each other. This study describes a simple method of upgrading the HMIs of conventional industrial controllers into controllers capable of Web-based remote access. The study began with the development of a model-view-controller architecture consisting of Hypertext Markup Language, Cascading Style Sheets, and JavaScript and proceeded to the implementation of a single-page application (SPA) method through AJAX and WebSocket, which communicates with the back-end Node.js server to transfer data. Future advancements will enable information to flow through cross-platform devices across various operating systems and Web browsers, allowing users to remotely monitor and control machines from mobile smart devices. We demonstrated the simplicity of the SPA method by transforming a conventional personal computer-based industrial controller, WINPC32, to an all-purpose Web-based HMI for industrial use with the graphic user interface software, GPX.

Predictive modeling of maximum injury severity and potential economic cost in a car accident based on the General Estimates System data

In this paper, we aim to identify the significant variables that contribute to the injury severity level of the person in the car when an accident happens and build a statistical model for predicting the maximum injury severity level as well as estimating the potential economic cost in a car accident based on those variables. The General Estimates System data, which is a representative sample of police-reported motor vehicle crashes of all types collected by the National Highway Transportation Safety Administration, from the years 2012 to 2013 is the main data source. Some other data sources such as the car safety rating from the United State Department of Transformation and the state-specific cost of crash deaths fact sheets are also used in the predictive model building process. An interactive system programmed in HyperText Markup Language, Cascading Style Sheets and JavaScript is developed based on the results of predictive modeling. The system is hosted on a website at http://gessmu.azurewebsites.net for public access. The system allows users to input variables that are significant contributors in car accidents and obtain the predicted maximum injury severity level and potential economic cost of a car accident.

HTML5 and the evolution of HTML; tracing the origins of digital platforms

HTML (Hypertext Markup Language) has experienced a major transformation during the last decade prior to releasing its latest version known as HTML5 (Hypertext Markup Language 5). Several elements conceived around HTML during this period introduced significant problems in the development of the standard due to an increasing fragmentation and complexity in protocols, platforms, devices and systems. With the setting up of the WHATWG (Web Hypertext Application Technology Working Group) and the popularization of HTML5, initial disagreements between W3C (World Wide Consortium) and other digital platforms around the strategy to follow were put to an end. However, the development of HTML5 has opened up doors to profound changes in the way that web standards are produced and the role of the Web as a techno-social platform. For shedding some light on these issues, this paper provides a retrospective throughout a historical revision of the evolution of HTML, shedding some light into the technical, economic and social factors that helped to create a “Living Standard”. For achieving this objective, the paper is built on the empirical evidence gathered from 21 interviews carried out with different HTML5 experts as well as a documentation analysis around the hypertext standard. This contribution stresses how the platform economy paradigm emerged thanks to different factors contributing to the increasing centralization that can be observed nowadays. Lastly, it is argued that the role of organizations like W3C and others should be strengthened for avoiding the oligopolistic practices of digital platforms in future episodes of socio-technical controversies.

The Development of a Web-based Credit Transfer Application (CTA) for Higher Academic Institution: From Feasibility Study to Testing Phase

Credit transfer is the process of transferring course credits of the subject to another programme or another institution to support and promote students’ flexibility in their study by reducing number of courses or subjects required to complete their studies. Currently, the enrolment of new degree students in Kolej Universiti Poly-Tech MARA Kuala Lumpur (KUPTMKL) is using the manual application forms to apply the subject credit transfer. Understandably, the manual process is tedious and students are pruned to make mistake. The objective of this paper is to develop a web-based Credit Transfer Application system (CTA) for Faculty of Computing and Multimedia (FCOM) of KUPTMKL that can be used for the FCOM degree programme Coordinator and student in managing the application of credit transfer with several security applications and mechanisms such as random password, restriction of unsupported file format and database security. The CTA is developed using Agile methodology and Visual Studio Code is used to build the CTA as the code editor to write the programming languages such as Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), Hypertext Pre-processor (PHP) and XAMMP to manage the MySQL databases. In the development of the CTA system, the feasibility study is performed and three methods are used namely, observation, conducting interviews and delivering questionnaires. Based on 100 respondents of FCOM degree students and 5 Coordinators, the result shows more than 95 percent of evidence indicates that the new system developed is able to store, display and manage all information successfully and performed efficiently compared to manual method. CTA can be easily accessed by students and management via the Web.