User interface design for responsive web applications

Ponencia presentada en: The 11th International Conference on Web Information Systems and Technologies. May 20-22, 2015, in Lisbon, PortugalFil: Casalánguida, Hernán. Universidad Nacional de Córdoba. Facultad de Matemática, Astronomía y Física; Argentina.Fil: Durán, Juan Eduardo. Universidad Nacional de Córdoba. Facultad de Matemática, Astronomía y Física; Argentina.The design of web applications that adapt to different kinds of devices is now a necessity. The responsive web design (RWD) is an actual approach to this problem. There exists a large quantity of responsive frameworks (RF) for developing RWDs. In particular for the domain of Rich internet applications and for the adaptation of applications to different kinds of devices we have found a few adaptive design approaches that start with abstract user interface (UI) models; however, such approaches did not take into account the use of RFs. The problem of defining a development process from an abstract UI model to a RF is interesting due to some reasons; a good process should consider: an abstract UI model whose elements are abstractions for RF widgets, the use of tools for RFs that generate part of the final UI code, the use of model transformations to map abstract UI elements onto widgets of the RF. In this paper we created an abstract UI model called RIAAD2 that considers abstractions for all the UI elements of a selected set of RFs, and we developed a process for the creation of a final UI using a RF that considers the above requirements.acceptedVersionFil: Casalánguida, Hernán. Universidad Nacional de Córdoba. Facultad de Matemática, Astronomía y Física; Argentina.Fil: Durán, Juan Eduardo. Universidad Nacional de Córdoba. Facultad de Matemática, Astronomía y Física; Argentina.Ciencias de la Computació

Web application of movie catalogue with React

In modern digital society, the requirements for digital services applies its influence in developing new tools for building web applications. One of those tools is React, an open-source front-end library for creating user interface (UI) for websites and web applications with responsive design. Proof of the popularity and the advantages of React is the number of websites and web applications, which use it (according to the statistics, they are more than 11 million). The aim of the article is to reveal the main characteristics and advantages of React technology by comparison with another web tool Angular and. to present a web application for movie catalogue, developed with JavaScript and React library. It consists of Home page, Catalogue page (movies), About Page, Login page, Register page, and a Sign-out button. Main functionalities: non-register users (guests) can only view the page. A guest can register as a new user or login if it is already registered. The users can create new elements (movie publication), edit or delete their own publication. If a user is not an owner of the publication, they can comment or like other user’s publications

Responsive Graphical User Interface (ReGUI) and its Implementation in MATLAB

In this paper we introduce the responsive graphical user interface (ReGUI) approach to creating applications, and demonstrate how this approach can be implemented in MATLAB. The same general technique can be used in other programming languages.Comment: 8 pages, 3 figure

Hikester - the event management application

Today social networks and services are one of the most important part of our everyday life. Most of the daily activities, such as communicating with friends, reading news or dating is usually done using social networks. However, there are activities for which social networks do not yet provide adequate support. This paper focuses on event management and introduces "Hikester". The main objective of this service is to provide users with the possibility to create any event they desire and to invite other users. "Hikester" supports the creation and management of events like attendance of football matches, quest rooms, shared train rides or visit of museums in foreign countries. Here we discuss the project architecture as well as the detailed implementation of the system components: the recommender system, the spam recognition service and the parameters optimizer

Concurrency Controls in Event-Driven Programs

Functional reactive programming (FRP) is a programming paradigm that utilizes the concepts of functional programming and time-varying data types to create event-driven applications. In this paradigm, data types in which values can change over time are primitives and can be applied to functions. These values are composable and can be combined with functions to create values that react to changes in values from multiple sources. Events can be modeled as values that change in discrete time steps. Computation can be encoded as values that produce events, with combination operators, it enables us to write concurrent event-driven programs by combining the concurrent computation as events. Combined with the denotational approach of functional programming, we can write programs in a concise manner. The style of event-driven programming has been widely adopted for developing graphical user interface applications, since they need to process events concurrently to stay responsive. This makes FRP a fitting approach for managing complex state and handling of events concurrently. In recent years, real-time systems such as IoT (internet of things) applications have become an important field of computation. Applying FRP to real-time systems is still an active area of research.For IoT applications, they are commonly tasked to perform data capturing in real time and transmit them to other devices. They need to exchange data with other applications over the internet and respond in a timely manner. The data needs to be processed, for simple analysis or more computation intensive work such as machine learning. Designing applications that perform these tasks and remain efficient and responsive can be challenging. In this thesis, we demonstrate that FRP is a suitable approach for real-time applications. These applications require soft real-time requirements, where systems can tolerate tasks that fail to meet the deadline and the results of these tasks might still be useful.First, we design the concurrency abstractions needed for supporting asynchronous computation and use it as the basis for building the FRP abstraction. Our implementation is in Haskell, a functional programming language with a rich type system that allows us to model abstractions with ease. The concurrency abstraction is based on some of the ideas from the Haskell solution for asynchronous computation, which elegantly supports cancelation in a composable way. Based on the Haskell implementation, we extend our design with operators that are more suitable for building web applications. We translate our implementation to JavaScript as it is more commonly used for web application development, and implementing the RxJS interface. RxJS is a popular JavaScript library for reactive programming in web applications. By implementing the RxJS interface, we argue that our programming model implemented in Haskell is also applicable in mainstream languages such as JavaScript

Pro-Resume: The Infographic Resume Builder

Scoring an interview is a challenge for any job seeker these days, thus having a unique and well-organized resume is crucial to grab a recruiter’s attention. Online resume builders such as ResumeNow and VisualizeMe have been created to help users build resumes; however, their templates are lacking in quantity, customizability, and in some instances, even legibility. Thus, our team set out to create an infographic online resume builder, a web application that allows its users to build, organize, and beautify their resumes to aid them in their job search. Our system allows for easy integration with their LinkedIn profiles so that their work history can be easily duplicated without typing everything out. There is also a large scope of infographic template options that users can choose from and, most importantly, users will have the ability to further customize their content and organization by using the system’s editing mode

SOLUSI BISNIS BERBASIS AJAX : STUDI KASUS SISTEM POS (POINT OF SALE)

Retailers find themselves up against fierce competition. They must fight for every sale, and work hard to build customer loyalty and protect already slim margins. Today, an increasing number of smaller retailers understand the urgent need to catch up to larger players to remain competitive. They also recognize the important role that IT investments play in organizations� strategic decision-making and operational efficiency in all areas of the business, including point of sale, supply chain management, and inventory. The savvy retailer knows that POS (Point Of Sale) data and functionality has quickly become critical to business rather than a mere convenience. In recent time Ajax based applications have become very popular. Ajax is a new model for web applications to provide more responsive and faster user interfaces resembling more closely to dekstop applications. Typical usage areas are user input validation without page submission, integrating small elements from several servers on a single page, and simulating push-services. Especially the latter are promising for enhancing web applications and for realizing them directly in browsers without plug-ins or additional software. Many frameworks and libraries (open source or comercial) are available which support Ajax development. In this final project, we will integrate some open-source Ajax framework to build low-cost, interactive and integrate POS (Point Of Sale) systems which is accessible to a wide retailer through the Internet. This is we call as iPOS. We hope it�s will become a solution for retailers to run their business more efective and effisien

Designing a gamified social platform for people living with dementia and their live-in family caregivers

In the current paper, a social gamified platform for people living with dementia and their live-in family caregivers, integrating a broader diagnostic approach and interactive interventions is presented. The CAREGIVERSPRO-MMD (C-MMD) platform constitutes a support tool for the patient and the informal caregiver - also referred to as the dyad - that strengthens self-care, and builds community capacity and engagement at the point of care. The platform is implemented to improve social collaboration, adherence to treatment guidelines through gamification, recognition of progress indicators and measures to guide management of patients with dementia, and strategies and tools to improve treatment interventions and medication adherence. Moreover, particular attention was provided on guidelines, considerations and user requirements for the design of a User-Centered Design (UCD) platform. The design of the platform has been based on a deep understanding of users, tasks and contexts in order to improve platform usability, and provide adaptive and intuitive User Interfaces with high accessibility. In this paper, the architecture and services of the C-MMD platform are presented, and specifically the gamification aspects. © 2018 Association for Computing Machinery.Peer ReviewedPostprint (author's final draft