Showing papers on "Web engineering published in 2020"
TL;DR: This contribution presents a MDWE approach with live code editing and wireframing capabilities, and presents the cyclic iterations of developing and evaluating the artifacts, which show promising results for collaborative Web development tasks that could open the gate towards novel, collaborative and agile MDWE techniques.
Abstract: Today’s Model-Driven Web Engineering (MDWE) approaches automatically generate Web applications from conceptual, domain-specific models This enhances productivity by simplifying the design process through a higher degree of abstraction Due to this raised level of abstraction, the collaboration on conceptual models also opens up new use cases, such as the tighter involvement of non-technical stakeholders into Web development However, especially in the early design stages of Web applications, common practices for requirement elicitation mostly rely on wireframes instead of MDWE, created usually in analog settings Additionally, state-of-the-art MDWE should integrate established and emerging Web development features, such as Near Real-Time (NRT) collaborative modeling and shared editing on the generated code The combination of collaborative modeling, coding and wireframing, all in NRT, bears a lot of potential for improving MDWE practices The challenge when covering these requirements lies with synchronizing source code, wireframes and models, an essential need to cope with regular changes in the software architecture to provide the flexibility needed for agile MDWE In this contribution, we present a MDWE approach with live code editing and wireframing capabilities We present the conceptual considerations of our approach, the realization of it and the integration into an overarching development methodology Following a design science approach, we present the cyclic iterations of developing and evaluating our artifacts, which show promising results for collaborative Web development tasks that could open the gate towards novel, collaborative and agile MDWE techniques
6 citations
TL;DR: In this article, a metamodel and a UML profile are used as data quality artefacts during the design stage of web applications, in order to prevent data quality issues.
Abstract: An acceptable level of quality in data is nowadays a paramount for any kind of organization or enterprise that wishes its business processes to prosper. Thus, introducing activities focused in the data quality management is a crucial requirement for the analysts if the level of quality of data for the functionality or service at hand is to be ensured. Such specialized data quality management activities should be presented as early as possible during the software development process. So far and having done a search for proposals in this field, there is still a lack of either methodological or technological proposals with which a developer could be able to design data quality aware applications in the specific field of Web application development. Considering the benefits offered in the field of Model Driven Web Engineering, this work presents a partial outcome of our research in this novel field: a metamodel and a UML profile, both able to be used as data quality artefacts during the design stage of Web applications. The main objective is to provide the designer with the tools needed to design Web applications, in order to prevent data quality issues.
4 citations
1 Apr 2020
TL;DR: The results show that application development is built more easily because requirements can be well defined because a collection of requirements from the context of software development and spatial specifications are met and the application is completed.
Abstract: Inventory of GIS Web Applications for Environmental Roads, Drainage, and Septic Tanks is an information system built to support spatial requirements, where these applications are built to address the problem of investing in environmental roads, drainage, and septic tanks according to maps. In developing a web-based GIS application, it usually uses the software development methodology but in this study, the application implementation uses the Y-Model Webgis Development (YWDM) which is a combination of web engineering and the context of developing web-based app with a study case on inventorying spatial requirements on roads, drainage, and septic tanks. This methodology was implemented as a map visualization for city planning and development and is needed applications that are capable and appropriate. By using the YWDM methodology, the needs and accuracy of application development can be done well, using several tools. The data process uses tools, including ArcGIS ESRI, to create spatial data and PHP and JavaScript programming languages to visualize the results. The results show that application development is built more easily because requirements can be well defined because a collection of requirements from the context of software development and spatial specifications are met and the application is completed. When creating a GIS web application, some methodologies can be used besides waterfalls or ordinary SDLCs, because spatial requirements are not well defined. With the implementation of this methodology, it is proven that the development of GIS web applications can be easier and by the needs desired by the user.
3 citations
9 Jun 2020
TL;DR: The application of deep learning techniques, like recurrent neural networks and generative adversarial neural networks, aimed at generating high-quality weblogs are proposed, which can be used for automated testing and improvement of Web sites even before their release.
Abstract: A robust technique for generating web navigation logs could be fundamental for applications not yet released, since developers could evaluate their applications as if they were used by real clients. This could allow to test and improve the applications faster and with lower costs, especially with respect to the usability and interaction aspects. In this paper we propose the application of deep learning techniques, like recurrent neural networks (RNN) and generative adversarial neural networks (GAN), aimed at generating high-quality weblogs, which can be used for automated testing and improvement of Web sites even before their release.
2 citations
30 Mar 2020
TL;DR: This paper documents a systematic approach (RAMLFlask) to extending Web application frameworks to include support for interface-description languages (IDLs such as RAML) and code generation.
Abstract: This paper documents a systematic approach (RAMLFlask) to extending Web application frameworks (Flask) to include support for interface-description languages (IDLs such as RAML) and code generation.
1 citations
18 Jun 2020
TL;DR: The results are promising and support the idea that the user interface of the tool adds to the learning of the students since they show higher need for cognition scores and better self-evaluation after its use.
Abstract: This study is a preliminary case study examining the use of a free Web Development learning platform in order to en-deepen and facilitate further knowledge in App Development beginners. The use of CodeTrip.gr was examined with regard to perceived learning outcomes and effect on the need for cognition from the viewpoint of undergraduate non-major students with basic Web Engineering and programming skills. A didactic intervention including CodeTrip was conducted with a randomized sample of 18 undergraduate students, who were asked during the tool introduction and after doing the course, using qualitative analysis and validated items from technology and media effects research. The results are promising and support the idea that the user interface of the tool adds to the learning of the students since they show higher need for cognition scores and better self-evaluation after its use. Generalization of results is limited due to the small sample size. Future work includes the validation of the questionnaire with a bigger sample.
1 citations
8 Feb 2020
TL;DR: The design of an automated evaluation tool which evaluate the aspects for any web page and will have various advantages for web developers who can predict the design quality of web pages and enhance it before and after implementation of website without user interaction is aimed at.
Abstract: Inform plays a very important role in life and nowadays, the world largely depends on the World Wide Web to obtain any information. Web comprises of a lot of websites of every discipline, whereas websites consists of web pages which are interlinked with each other with the help of hyperlinks. The success of a website largely depends on the design aspects of the web pages. Researchers have done a lot of work to appraise the web pages quantitatively. Keeping in mind the importance of the design aspects of a web page, this paper aims at the design of an automated evaluation tool which evaluate the aspects for any web page. The tool takes the HTML code of the web page as input, and then it extracts and checks the HTML tags for the uniformity. The tool comprises of normalized modules which quantify the measures of design aspects. For realization, the tool has been applied on four web pages of distinct sites and design aspects have been reported for comparison. The tool will have various advantages for web developers who can predict the design quality of web pages and enhance it before and after implementation of website without user interaction.
1 Aug 2020
TL;DR: A taxonomy for Design-Operation Continuum Engineering of CPSs is built based on case studies from two different industrial domains involving CPSs (elevation and railway), which is later used to elicit requirements from these two case studies in order to present a blueprint on adopting Design- Operation Continuum engineering in any organization developing CPSs.
Abstract: Software systems that are embedded in autonomous Cyber-Physical Systems (CPSs) usually have a large life-cycle, both during its development and in maintenance. This software evolves during its life-cycle in order to incorporate new requirements, bug fixes, and to deal with hardware obsolescence. The current process for developing and maintaining this software is very fragmented, which makes developing new software versions and deploying them in the CPSs extremely expensive. In other domains, such as web engineering, the phases of development and operation are tightly connected, making it possible to easily perform software updates of the system, and to obtain operational data that can be analyzed by engineers at development time. However, in spite of the rise of new communication technologies (e.g., 5G) providing an opportunity to acquire Design-Operation Continuum Engineering methods in the context of CPSs, there are still many complex issues that need to be addressed, such as the ones related with hardware-software co-design. Therefore, the process of Design-Operation Continuum Engineering for CPSs requires substantial changes with respect to the current fragmented software development process. In this paper, we build a taxonomy for Design-Operation Continuum Engineering of CPSs based on case studies from two different industrial domains involving CPSs (elevation and railway). This taxonomy is later used to elicit requirements from these two case studies in order to present a blueprint on adopting Design-Operation Continuum Engineering in any organization developing CPSs.
19 Jan 2020
TL;DR: The conceptual considerations of the approach, the realization of the synchronous wireframing tool and the synchronization between wireframe and model are presented, and the evaluation results for collaborative Web development tasks are promising and open the gate towards novel, collaborative and agile MDWE techniques.
Abstract: Today’s Model-Driven Web Engineering (MDWE) approaches automatically generate Web applications from conceptual, domain-specific models. This enhances productivity by simplifying the design process through a higher degree of abstraction. Due to this raised level of abstraction, the collaboration based on conceptual models also opens up new use cases, such as the end user’s tighter involvement into Web development. However, especially in the early design stages of Web applications, common practices for requirement elicitation mostly rely on paper prototypes or wireframes instead of MDWE, created usually in analog settings. The digitization of this process, combined with the benefits of model-driven development, bears a lot of potential for improving MDWE practices. In this contribution, we enhance an existing MDWE approach with wireframing capabilities, realized through real-time synchronization of models, wireframes and code. We present the conceptual considerations of our approach, the realization of the synchronous wireframing tool and the synchronization between wireframe and model. Our evaluation results for collaborative Web development tasks are promising and open the gate towards novel, collaborative and agile MDWE techniques.
TL;DR: Two-semester web course curricula have a huge impact on achieving the minimum required skill in web development field in IT-Software industries and will increase problem solving skill and versatile knowledge of web engineering in undergraduate life.
Abstract: For last 15 years universities around the world are continuously developing effective curricula for Web Engineering in order to create good opportunities for graduates to cope up with IT-Software industries. From this study we will show the gap between the skill requirements of IT-Software industries and universities’ web course curricula. Also, we will provide a balanced and structured web course curriculum for any universities. Nowadays, there is a rapid development in web-based applications everywhere but most of our students are late bloomer in programming. So, to ease their difficulties in web sector we need a balanced web curriculum and effective teaching method. By this curriculum one can achieve an overall idea and a minimum view of web engineering which can be beneficial for them in further Web development. Students get a little knowledge in their university on Web Engineering because of the vastness of the contents and the small duration of semester. Our two-semester web course curricula will help them to overcome this problem. Two-semester web course curricula have a huge impact on achieving the minimum required skill in web development field in IT-Software industries. It will help to obtain most of the area of web related content also it will increase problem solving skill and versatile knowledge of web engineering in undergraduate life.
TL;DR: In this paper, the Common Variability Language (CVL) is used as a composition-based approach and annotations to manage fine-grained variability of a Software Product Line for web applications.
Abstract: Web applications development involves managing a high diversity of files and resources like code, pages or style sheets, implemented in different languages. To deal with the automatic generation of custom-made configurations of web applications, industry usually adopts annotation-based approaches despite the majority of studies encourage the use of composition-based approaches to implement Software Product Lines. Recent work tries to combine both approaches to get the complementary benefits. However, technological companies are reticent to adopt new development paradigms such as feature-oriented programming or aspect-oriented programming. Moreover, it is extremely difficult, or even impossible, to apply these programming models to web applications, mainly because of their multilingual nature, since their development involves multiple types of source code (Java, Groovy, JavaScript), templates (HTML, Markdown, XML), style sheet files (CSS and its variants, such as SCSS), and other files (JSON, YML, shell scripts). We propose to use the Common Variability Language as a composition-based approach and integrate annotations to manage fine grained variability of a Software Product Line for web applications. In this paper, we (i) show that existing composition and annotation-based approaches, including some well-known combinations, are not appropriate to model and implement the variability of web applications; and (ii) present a combined approach that effectively integrates annotations into a composition-based approach for web applications. We implement our approach and show its applicability with an industrial real-world system.
30 May 2020
TL;DR: The results of this study are in the form of web prototype Palembang's culinary information system that can provide information about Palemben's culinary products for social media-based SMEs.
Abstract: Information technology has opened up digital economic opportunities in Indonesia. A number of applications of information technology are the internet, websites and social media. The internet has become a medium of data and information traffic with very large capacities and very high speeds. Website can be used as virtual places for various purposes . Social media can be used as an online social media. Small and medium businesses are one of the pillars of national economic growth. But with the existing limitations, the small and medium-sized businesses (SMEs) actors/officers are still constrained by the promotion of their products. All the facilities and advances in information technology need to be packaged in such a way that they can be utilized by SMEs in running their business. This research will design a Palembang culinary information system website. The method used is web engineering which consists of 5 (five) phases: communication, planning, modeling, construction, and dissemination. The results of this study are in the form of web prototype Palembang's culinary information system that can provide information about Palembang's culinary products for social media-based SMEs.