CSS Framework Research Articles

Comparative Analysis on Various CSS and JavaScript Frameworks

Web development is a huge part of the current world, affecting all parts of the world and human interaction. Learning about frameworks used in web development allows for increased development efficiency and increased website performance and functionality, based on knowing what technologies to apply when and where. This paper will examine various web framework technologies, specifically in the realm of CSS and JavaScript, and various frameworks that make use of them such as AJAX, Node JS, Bootstrap, and AngularJS, among others. This paper will provide analysis and explanation of these technologies’ designs, useful features, and potential shortcomings, and recommend which technology to use depending on various situations and web development environments.

Sistem Informasi Administrasi Forum Kesehatan Kelurahan (FKK) Berbasis Web Kelurahan Wonoplumbon

FKK is a form of community participation in planning, determining, and moving activities as well as monitoring in evaluating health processes at the village level. The activity of FKK has become a success for an Active Alert Village. The FKK consists of the Lurah, puskesmas, community leaders, and health cadres. The FKK can make various activities in the community run in the health sector, both in cooperation, health protection, monitoring and observation, as well as providing joint costs. The FKK also implements arrangements according to the potential of their respective regions. This arrangement is carried out in the form of activities, interventions from problems that exist in the region itself. It can be seen from the many arrangements and activities of the FKK that require a lot of administrative data and information so that a system is needed that can help work related to the administration of the FKK. From the beginning, which is still managed manually, in this research, a web-based system will be developed that can help manage administrative data in Wonoplumbon village. By using the waterfall method and the PHP programming language, CSS and Bootstrap Framework, as well as database processing using MySQL, it is hoped that this system can run well on the website. Through the method used, the system will be built following the sequence of processes from analysis, design, implementation, system testing to maintenance

Sistem Informasi Log Book Harian Peserta Magang Pada Dinas Kominfo Kota Semarang

Log book is a record book of important events in the management, operation, and navigation of ships. In simple terms, the log book is used by apprentices to record daily or daily / time activities carried out during internships. It can also train apprentices to be disciplined and orderly to record information related to improving the skills of apprentices in the field. The use of the daily log book of apprentices within the Ministry of Communication and Informatics is intended for daily reporting of the activities that have been carried out by apprentices as well as a data recap for the Office of Communication and Information Technology in evaluating whether the learning activities provided are in accordance with the needs of the apprentices or not. By utilizing the website application as an online medium, it will help the reporting process go faster. The electronic log book system has the advantage that research activities can be monitored at any time. The software development method used is waterfall which is built using the PHP programming language, CSS and Bootstrap Framework, as well as database processing using MySQL. The method of testing is done by blackbox, namely testing is done by testing the software in terms of functionality. The results of the research, namely the Internship Diary Log Book Information System at the Semarang City Communication and Informatics Service can help interns to make reports quickly.

The RUMERTIME Process as a Protective Factor in School Attendance Problems.

The RUMERTIME Process (RP) is a five-step culturally responsive social-emotional, problem-solving, prevention-intervention strategy used to educate, equip, and empower students, educators, and families. The RP equips individuals with the abilities to recognize, understand, manage, express, and reflect on their thoughts, interactions, mindsets, and emotions (RUMERTIME) in relation to themselves, others, and the daily life challenges they face within multiple systems and settings. The RP is embedded within the Cultivating SEEDS System framework (CSS) and is utilized to equip culturally diverse communities, inclusive of students, family members, educators, and administrators, with the social-emotional skills to effectively solve student attendance problems (SAPs). The data shared in this practice intervention article are descriptive in nature and highlight the RP as a protective factor and explain its three goals. The paper consists of three parts: (a) introduction of the RP, which is embedded in the CSS framework; (b) description of implementation of the RP as integral to the Daytime Intervention Room (DIR) program; and (c) discussion of risk factors that qualified students to receive services through the DIR program as well as data that demonstrated how the RP performed as a protective factor. The DIR program was aimed at creating an alternative to out-of-school suspension (OSS) and the traditional punitive in-school suspension (ISS). The program was established in each of the four schools in an urban high-needs school district in the midwest region of the United States. The DIR program was intentionally designed to include multiple levels, stakeholders, and delivery support, thus creating a solid base for the holistic development of students, educators, and parents. In conjunction with the CSS framework, the DIR program sought to increase academic performance, decrease the number of behavior referrals, and improve attendance rates in this high-needs urban school district.

STUDI PERBANDINGAN VUE COMPONENT LIBRARY/FRAMEWORK: VUETIFY, BUEFY, BOOTSTRAPVUE MENGGUNAKAN GTMETRIX

Developing a web application from scratch is relatively hard as it requires writing a large amount of code. Maintaining the code when it comes to evolve becomes quite tedious. Therefore, using a framework will simplify the process. Using a CSS framework will lift developers’s web designing process as it does the hard work for developers, especially Component framework as it provides a large range of components and attributes. However, when building a simple web application, developers usually do not need a full-fledged framework as it will come with a downside on performance and bundle size. In this article we will discuss three popular vue component libraries/frameworks and test its performance using GTmetrix so this can become a variable of consideration when choosing components framework.

IMPLEMENTATION OF HIGH FIDELITY PROTOTYPING IN ONLINE FIELD PLACEMENT PROGRAM SYSTEM DESIGN

Service activities carried out by the Academic and Student Administration Bureau (BAAK) STMIK Widuri for students who will carry out field placement program (KKP) are currently still carried out conventionally, this makes the process of making KKP cover letters and also assignments for supervisors takes time, which is quite long and less efficient. To overcome these problems, it is necessary to create a web-based application system that can simplify and speed up the activities of student KKP administration services. In this study, observations were made on the current system modeled using Business Process Modeling Notation (BPMN) and Data Flow Diagrams (DFD). The problem analysis process uses the Root Cause Analysis (RCA) method. The system design runs with UML diagrams, namely Use Case, Activity and Deployment Diagrams. Making a prototype with a high fidelity concept using the PHP programming language, HTML 5, CSS, jQuery, Bootstrap and DataTables frameworks and the Chart.js library. This research resulted in a prototype that describes the overall functionality of the Online MPA system, interactive and has an attractive interface.

Bootstrap and Django Framework

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing a responsive and mobile-friendly website. This paper provides a user-friendly introduction to Boot- strap Framework, its use, responsiveness, and components. In this paper, we are going to see Introduction of Bootstrap, History of Boot- strap, Advantages, and Disadvantages, knowledge of HTML,CSS, and little JAVASCRIPT. This is about Bootstrap now Django. Django is a high-level python web framework that encourages rapid development and clean, pragmatic de- sign Django provides a dynamic crud interface. In this paper, we are going to see the importance of Django, why we should use Django, the Advantages and Disadvantages of Django, and short knowledge of python. Because to implement the Django framework we want to have proper knowledge of python so we can easily implement it.

Development of A Geographic Information System for The Distribution of Parks in Kediri City

The Department of Environment, Hygiene, and Parks is an agency that takes care of cleanliness and landscaping in Kediri. The distribution of parks in the Kediri City area is data and managed using a manual system using Microsoft Excel to get results in reports. For this reason, the Department of Environment, Cleanliness, and Parks requires an application that can be used to help manage data on the distribution of parks in the Kediri City area. The required system can manage park distribution data, display a park distribution map, and display the scale of conditions. The Geographic Information System for the Distribution of Parks in the City of Kediri was designed and built to meet the needs of the relevant agencies. Users of this system consist of visitors, admins, and heads of services. The system is designed and implemented using PHP, HTML, CSS, JavaScript, Mysql, and Laravel Framework, then integration with Google Maps API. The final result of this research is a Geographic Information System for the distribution of web-based parks in the City of Kediri using the Google map API as a provider of free maps that are integrated into the website. In addition, of course, it provides information about the distribution of the park and the scale of conditions.

Pengembangan dan Validasi Rancang Bangun Sistem Informasi Surat Elektronik Poliklinik Berbasis Website

Polyclinic at State University of Padang is one of technical services unit or UPT that still uses manual system for documenting medical records and administration. The purpose of this project is to make a design about information system in polyclinic at State University of Padang. It will be an effective project for many activities and also for a process of health services, so that, all of activities in Polyclinic will being computerized. Beside of that, this system also uses online system that will help the patient in the clinic to get good services easily. The system of this design uses a PHP's programming language with Framework Codeigniter. Moreover, the design of this information system in the clinic also uses Relational Database Management System (RDBMS) MySQL. Designing and Planning this project uses Bootstrap CSS Framework that functioning to make the system more dynamist and responsive. The output of this project in the clinic at State University of Padang is a system that will fulfill the requirements of health services by an online system. And for an employee, this system is useful to make a monthly or yearly report, so that their job will be easier than before. However, the designing and planning of information systems in that clinic still needing a development in many aspects to get the maximum result. The development of this project will include such as a system or even the people around the clinic at State University of Padang.

Development of an Automated Management System for Agricultural Technologies in Horticulture

The implementation of intelligent technologies in industrial horticulture is possible with the help of an automated system for managing production processes. (Research purpose) To develop and substantiate the parameters of an automated management system for agricultural technologies in horticulture with the ability to conduct land inspections using a mobile application. (Materials and methods) ADO.NET driver Npqsql was used for work with the database. Dapper was used as Object Relational Mapping. The web application used the Model View Controller design pattern, and Bootstrap as the css framework. Data visualization from the database was carried out using cloud technology, placing the site using a set of Internet Information Services. Jquery (a set of JavaScript functions) served as the main framework for working with the client-side of the program code. The authors also used the PostgreSql database management system. The mobile application was created in the Android studio integrated environment. (Results and discussion) The authors developed an automated system for managing agricultural technologies. They formed the structure of the hardware and software base. They created the system ability to operate in a dialogue mode with the user through forms, based on the algorithm for choosing the optimal options for technological processes in the horticultural products production. A mobile application was implemented to conduct digital land inspections. They determined the procedure for conducting land inspections by agronomists using a mobile application. (Conclusions) The authors developed a system for the automated technologies formation and management in horticulture, which provided operational processing of information flows in real time, reflecting the characteristics of the plants’ growth and state in critical phases of development. They provided modern recording devices and a mobile application operation. They showed that the system automatically optimized machine technologies for the cultivation of horticultural crops according to biological (realization of the potential biological productivity of crops) and economic (increasing the efficiency of using production resources) criteria.

Penerapan Metode Rapid Application Development (RAD) dalam Perancangan Sistem Pemesanan Menu menggunakan Quick Response (QR) Code

Cafe business that provides food and beverage menus is a fast growing business today. 99's Coffee located in Tanjung Pura is a cafe that wants to further optimize service to consumers by simplifying the process of ordering food and drinks. The purpose of this research is to design an ordering system to make it easier for customers to order menus and business owners to manage orders. The method used in designing this system is Rapid Application Development (RAD). The stages in the RAD consist of Requirements planning, Design Workshop and Implementation. The system was built using the PHP programming language with the Codeigniter Framework, the system display uses the Bootstrap CSS Framework and data storage uses MariaDB. The result of this research is a system that allows customers to order food and beverage menus by simply scanning the Quick Response (QR) Code that has been provided at each customer's table.

The automated system Steach. Space designed for Programming teaching

The research aims at designing and verifying an automated system for online learning in Programming languages. Such systems were designed to provide students’ independent theoretical training and exercising within in-person learning and are able to operate on their own. Nginx, Docker, Gunicorn, Django, Python, PostgreSQL, HTML5, and CSS Framework were applied. Testing was held at Sholom-Aleichem Priamursky State University and Pacific National University in the 2019-2020 academic year. Training in C++ and Python was arranged for 30 students for the research efficiency checking. The researchers found out the system used could make Programming learning more efficient. The results showed that it was improved by 30% in an experimental group and by 17% in a control group. The survey data used defined that the participants of the experiment (students, lecturers, experts) appreciated the software solution. The designed system Steach.space has a user-friendly interface, contains modules for developing integrated/built-in courses, providing teaching aids and tests, computer-assisted verification of assignments in Programming, and observing statistics/history on student learning. The software can be used for teaching programming languages, as well as other subject domains.

Simple Additive Weighting untuk Front-end Framework Terbaik

Web applications that used to run on a desktop in recent years have received huge demand for this area to be more sophisticated and complex, not only that, but users also want web applications to run on mobile devices. Web appearance that is only designed for computer devices will make users difficult when opening a web page display on a different device. By using the CSS framework library, web developers will be greatly helped in making the program more responsive and can also be run on a variety of Open Source both Windows, iOS, and Android. Decision-making system that can determine the best front-end Framework can be an alternative solution for web developers to determine which front-end framework is easier and more convenient to use. Simple Additive Weighting is used to analyze and decide which the best alternative with calculations that take five main criteria in this research that is Preprocessor, Responsive, Browser Support, Easy to Use, and Template. In this study the highest prefects were obtained by Bootstrap 1,000 while for foundation and bulma get a large prefensie s 0.868 and 0.820.

Sistem Informasi Penyebaran Lokasi Pelatihan Desa Berbasis GIS di Balai Besar Pengembangan Latihan Masyarakat Jakarta

Jakarta Large Community Development Training Center is one of the work units in the Ministry of Villages, Disadvantaged Regions Development and Transmigration, that has the task and function to train rural communities. Every year the community trained can reach thousands of people consisting of several villages. Because the development of information technology maps can be displayed digitally by using Geographic Information Systems (GIS), so that it is more efficient and easily accessed by anyone and anywhere, this digital map will be integrated using the web. This research will be developed using HTML, CSS and Javascript website frameworks as front end, PHP as backend and MySQL by utilizing phpMyAdmin features as a database, all the programming languages will be processed using Codeigniter Framework. The final results of this study will be a Geographic Information System form for training distribution by displaying training locations, training data, as well as video documentation when training takes place, the data will be presented in Google Maps form so that it can easily find the location of training deployments that can later be used as a reference to determine the next training location

Rancang Bangun E-Commerce Pusat Oleh-oleh Khas Kediri

Web ¬E-commerce system is an application or software that is developed to promote Kediri’s original souvenirs, here we choose Toko Oleh Oleh Tahu Shinta Kediri as a subject. The problem that the store face now is from promoting way, they still use the conventional one, there have not been any online platform yet, and the information about Kediri’s souvenirs is limited as well. The goals of developing this E-commerce platform are to promotote Kediri’s original souvenirs without looking out the place, so that we make the ordering proccess easier to people from outside of Kediri. Besside that, this program could be one of the information system and publication, so everyone knows that Kediri has their own product. The method that we use in this developing is observatuin, literature review, and interview. This program is developed by using PHP programming language, with MySQL as the database. The design is builded with HTML, CSS, and Bootstrap framework. The result that is expected from these proccess is there will be a system that contaion information about Kediri’s original souvenirs and we can promote it widely, so more and more people will know that Kediri has their own souvernis which are a must to try.

PENERAPAN SISTEM INFORMASI PENJUALAN DENGAN PLATFORM E-COMMERCE PADA PERUSAHAAN DAERAH APOTEK SARI HUSADA DEMAK

Sari Husada Pharmacy is one of the regional companies engaged in drug sales in Demak Regency. The company prioritizes innovation in information technology to face globalization and modern business competition in the industrial era 4.0. Improved services are needed so they can add regular customers and provide comfort to the existence of e-commerce. E-commerce solutions will overcome the problem of some customers who do not easily reach the location of the pharmacy because the transaction activities do not have to be in one place and it is difficult to check the stock of the drug, so that information systems are made more effective and efficient. The method used uses SDLC application development, namely waterfall. This method consists of five sequences, including: analysis, design, coding, testing, and implementation. This information system is created using PHP programming with CodeIgniter, Javascript, CSS (Bootstrap) and Sublime Text frameworks and database management using PHPMyAdmin which is installed together in Xampp, Apache Web Server and MySQL. The testing technique uses Blackbox and User Acceptance Test (UAT). The results of calculations from the User Acceptance Test (UAT) is 85,4% determine that the information system is very good to implemented at Sari Husada Pharmacy.

AI-Enhanced Cooperative Spectrum Sensing for Non-Orthogonal Multiple Access

Many state-of-the-art techniques are leveraged to improve spectral efficiency, of which cognitive radio and multiple access are the most promising ones. In cognitive radio communications, spectrum sensing is the most fundamental part, whose accuracy has a significant impact on spectrum utilization. Furthermore, due to the complex radio environment, multiple-user CSS has been proposed as a refined solution. NOMA, as an essential technique in 5G, holds great promise in improving spectral efficiency and carrying massive connectivity. In this article, we propose a novel CSS framework for NOMA to further improve the spectral efficiency. Considering the complicated physical layer implementations of NOMA, we introduce an AI based solution to cooperatively sense the spectrum with a nice accuracy rate and acceptable complexity. Numerical results validate the effectiveness of our proposed solution.

CAZymes-based ranking of fungi (CBRF): an interactive web database for identifying fungi with extrinsic plant biomass degrading abilities

Carbohydrate-active enzymes (CAZymes) are industrially important enzymes, which are involved in synthesis and breakdown of carbohydrates. CAZymes secreted by microorganisms especially fungi are widely used in industries. However, identifying an ideal fungal candidate is costly and time-consuming process. In this regard, we have developed a web-database “CAZymes Based Ranking of Fungi (CBRF)”, for sorting and selecting an ideal fungal candidate based on their genome-wide distribution of CAZymes. We have retrieved the complete annotated proteomic data of 443 published fungal genomes from JGI-MycoCosm web-repository, for the CBRF web-database construction. CBRF web-database was developed using open source computing programing languages such as MySQL, HTML, CSS, bootstrap, jQuery, JavaScript and Ajax frameworks. CBRF web-database sorts complete annotated list of fungi based on three selection functionalities: (a) to sort either by ascending (or) descending orders; (b) to sort the fungi based on a selected CAZy group and class; (c) to sort fungi based on their individual lignocellulolytic abilities. We have also developed a simple and basic webpage “S-CAZymes” using HTML, CSS and Java script languages. The global search functionality of S-CAZymes enables the users to understand and retrieve information about a specific carbohydrate-active enzyme and its current classification in the corresponding CAZy family. The S-CAZymes is a supporting web page which can be used in complementary with the CBRF web-database (knowing the classification of specific CAZyme in S-CAZyme and use this information further to sort fungi using CBRF web-database). The CBRF web-database and S-CAZymes webpage are hosted through Amazon® Web Services (AWS) available at http://13.58.192.177/RankEnzymes/about. We strongly believe that CBRF web-database simplifies the process of identifying a suitable fungus both in academics and industries. In future, we intend to update the CBRF web-database with the public release of new annotated fungal genomes.

Aplikasi E-Archiving dan Monitoring Surat Menyurat

A neat and easily monitored-mails administration is an urgent needs of every agency, including UPT. Taman Budaya in Dinas Kebudayaan dan Pariwisata Provinsi Sumatera Utara. Manually archieved-mails generated problems; such as slow disposition, difficulties in tracing the mails, as well as taking a long time to find certain mails required. The proposed application aims to solve those limitations of manual system applied. The Bootstrap CSS Framework is chosen to be applied for its open source and ability to create an easily displayed web in all of gadgets specifications, whereas the methodology used to develop the web system is Web Development Life Cycle (WDLC). This methodology has five stages which are (1)Planning, (2 )Analysis, (3) Design and Development, (4) Testing, and (5) Implementation and Maintainance. The output of this research is an applicable web system that manage mails administration; including disposition, archieving, and monitoring.

TEKNIK RESPONSIVE WEB DESIGN BOOTSTRAP 4 SERTA PENERAPANNYA DALAM RANCANG BANGUN LAYOUT WEB

Technology development makes influences the way to access the internet, which generally uses Desktop and Notebook computers, giving to other alternatives, namely accessing the internet using Tablets and Smartphones. The problem is that the majority of web layout designs cannot adjust the layout size automatically for these devices, because the resolution size of each device is different. To overcome the existing problems, we need a responsive web design method and technique in order to produce web layouts that can adjust the size of screen resolution automatically. The method used by applying the concept of Responsive Web Design (RWD), so that web layouts can adapt to screen size. Responsive web design techniques can be done in several ways, including using manual techniques using CSS Media Query and implementing CSS Frameworks such as Bootstrap CSS. The test results showed that the implementation of responsive web layouts using Bootstrap was very effective and efficient because web designers only needed the main library from Bootstrap, which was then combined by modifying according to the wishes of the user.