We present ProvenanceWidgets, a javascript library of UI control elements such as radio buttons, checkboxes, and dropdowns to track and dynamically overlay a user's analytic provenance. These in situ overlays not ...
详细信息
We present ProvenanceWidgets, a javascript library of UI control elements such as radio buttons, checkboxes, and dropdowns to track and dynamically overlay a user's analytic provenance. These in situ overlays not only save screen space but also minimize the amount of time and effort needed to access the same information from elsewhere in the UI. In this paper, we discuss how we design modular UI control elements to track how often and how recently a user interacts with them and design visual overlays showing an aggregated summary as well as a detailed temporal history. We demonstrate the capability of ProvenanceWidgets by recreating three prior widget libraries: (1) Scented Widgets, (2) Phosphor objects, and (3) Dynamic Query Widgets. We also evaluated its expressiveness and conducted case studies with visualization developers to evaluate its effectiveness. We find that ProvenanceWidgets enables developers to implement custom provenance-tracking applications effectively. ProvenanceWidgets is available as open-source software at https://***/ProvenanceWidgets to help application developers build custom provenance-based systems.
Modern Websites commonly rely on various client-side web resources, such as javascript libraries, to provide rich and interactive end-userweb experiences. Unfortunately, anecdotal evidence shows that improperly manage...
详细信息
ISBN:
(纸本)9798400703829
Modern Websites commonly rely on various client-side web resources, such as javascript libraries, to provide rich and interactive end-userweb experiences. Unfortunately, anecdotal evidence shows that improperly managed client-side resources could open up attack surfaces. However, there is still a lack of a comprehensive understanding of the updating practices among web developers and the potential impact of inaccuracies in Common Vulnerabilities and Exposures (CVE) information on the security of the web ecosystem. In this paper, we conduct a longitudinal (four-year) measurement study of the security practices and implications on client-side resources (e.g., javascript libraries and Adobe Flash) across the Web. Specifically, we collect a large-scale dataset of 157.2M webpages of Alexa Top 1M websites for four years in the wild. We find an average of 41.2% of websites (in each year of the four years) carry at least one vulnerable client-side resource (e.g., javascript or Adobe Flash). Worse, we observe that vulnerable javascript library versions are persistently observed in the wild, even after months of the release of their security patches. On average, we observe 531.2 days with 25,337 websites of the window of vulnerability, which can be mitigated by simply applying the released security patches immediately. Furthermore, we manually investigate the fidelity of CVE (Common Vulnerabilities and Exposures) reports on clientside resources, leveraging PoC (Proof of Concept) code. We find that 13 CVE reports (out of 27) have incorrect vulnerable version information, which may mislead security-related tasks such as security updates.
Building an application using third-party libraries is a common practice in software development. As any other system, software libraries and their APIs evolve. To support version migration and ensure backward compati...
详细信息
ISBN:
(纸本)9781665437868
Building an application using third-party libraries is a common practice in software development. As any other system, software libraries and their APIs evolve. To support version migration and ensure backward compatibility, a recommended practice during development is to deprecate API. Different from other popular programming languages such as Java and C#, javascript has no native support to deprecate API elements. However, several strategies are commonly adopted to communicate that an API should be avoided, such as the project documentation, JSDoc annotation, code comment, console message, and deprecation utility. Indeed, there have been many studies on deprecation strategies and evolution mostly on Java, C#, and Python. However, to the best of our knowledge, there are no detailed studies aiming at analyzing how API deprecation changes over time in the javascript ecosystem. This paper provides an empirical study on how API deprecation evolves in javascript by analyzing 1,918 releases of 50 popular packages. Results show that close to 60% have rising trends in the number of deprecated APIs, while only 9.4% indicate a downward trend. Also, most deprecation occurrences are both added and removed on minor releases instead of removed on major releases, as recommended by best practices.
We introduce a coding framework that supplements introductory computer graphics courses, with the goal of teaching graphics fundamentals more effectively and lowering the excessive barrier of entry to 3D graphics prog...
详细信息
ISBN:
(纸本)9781450367981
We introduce a coding framework that supplements introductory computer graphics courses, with the goal of teaching graphics fundamentals more effectively and lowering the excessive barrier of entry to 3D graphics programming. In particular, our framework provides ***, a new WebGL-based software library for implementing projects, including an improved organization system for graphics code that has greatly benefited our students. To mitigate the difficulty of creating 3D graphics-enabled websites and online games, we furthermore introduce the "Encyclopedia of Code"-a World Wide Web framework that encourages visitors to learn 3D computer graphics, build educational graphical demos and articles, host them online, and organize them by topic. Our own contributed examples include various interactive tutorials and educational games. Some of our modules expose students to new graphics techniques, while others explore new modes of online learning, collaboration, and computing. In comparison to earlier online graphics coding platforms and mainstream graphics educational materials, the resources that we have developed offer a significantly unique set of features for both inside and outside our classrooms.
A genogram refers to a family tree used for medical purposes. It is a useful diagnosis tool for physicians to understand patients' family information. There are many programs that attempt to support genogram creat...
详细信息
ISBN:
(纸本)9781509023332
A genogram refers to a family tree used for medical purposes. It is a useful diagnosis tool for physicians to understand patients' family information. There are many programs that attempt to support genogram creation, but each has its own limitation. For examples, some programs require users to pay usage fee and to install them in computers in order to view and edit genograms. While free Web-based genogram tools offer more economical alternatives to the formers, their users usually cannot save genograms for later edition. Moreover, it is not possible to integrate and reuse functionalities from these existing programs in users' own systems. Therefore, we propose a javascript library, called "enGeno", to address the above issues. From our performance evaluation, the enGeno library can efficiently provide physicians capabilities to store and retrieve information about their patients.
This paper introduces jsEO, a new evolutionary computation library that is executed in web browsers, as it is written in javascript. The library allows the rapid development of evolutionary algorithm, and makes easier...
详细信息
ISBN:
(数字)9783662455234
ISBN:
(纸本)9783662455234;9783662455227
This paper introduces jsEO, a new evolutionary computation library that is executed in web browsers, as it is written in javascript. The library allows the rapid development of evolutionary algorithm, and makes easier the collaboration between different clients by means of individuals stored in a web server. In this work, jsEO has been tested against two simple problems, such as the Royal Road function and a 128-terms equation, and analysing how many machines and evaluations it yields. This paper attempts to reproduce results of older papers using modern browsers and all kind of devices that, nowadays, have javascript integrated in the browser, and is a complete rewrite of the code using the popular MooTools library. Results show that the system makes easier the development of evolutionary algorithms, suited for different chromosomes representations and problems, that can be simultaneously executed in many different operating systems and web browsers, sharing the best solutions previously found.
Newly revised and updated resource on jQuery's many features and advantages Web Development with jQuery offers a major update to the popular Beginning javascript and CSS Development with jQuery from 2009. More tha...
详细信息
ISBN:
(数字)9781119209430
ISBN:
(纸本)9781118866078
Newly revised and updated resource on jQuery's many features and advantages Web Development with jQuery offers a major update to the popular Beginning javascript and CSS Development with jQuery from 2009. More than half of the content is new or updated, and reflects recent innovations with regard to mobile applications, jQuery mobile, and the spectrum of associated plugins. Readers can expect thorough revisions with expanded coverage of events, CSS, AJAX, animation, and drag and drop. New chapters bring developers up to date on popular features like jQuery UI, navigation, tables, interactive capabilities, and audio and video. The book focuses on the new features of jQuery that improve performance and speed, providing huge advantages over traditional javascript. Offers new and revised content throughout the book, which focuses on the most recent features and capabilities of jQuery Serves as an essential instructional tool for web developers with javascript and CSS knowledge who want to learn more Advises readers on how to best use jQuery's powerful, easy-to-use features to create dynamic web pages and web applications This resource provides a deep understanding of jQuery and sets readers up for successful interactions with all it has to offer.
When developing HTML5 applications for TV platforms, the TV platforms provide, in addition to standardHTML5 functionality, also extra APIs for TV-specific features. These extra APIs differ between TVplatforms, and tha...
详细信息
When developing HTML5 applications for TV platforms, the TV platforms provide, in addition to standardHTML5 functionality, also extra APIs for TV-specific features. These extra APIs differ between TVplatforms, and that is a problem when developing an application targeting several platforms. This thesis hasexamined if it is possible to design a framework which provides the developer with one API that works formany platforms by wrapping their platform-specific code. The answer is yes. With success, platform-specificfeatures including: TV remote control input, video, volume, Internet connection status, TV channel streamsand EPG data have been harmonised under an API in a javascript library. Furthermore, a build systempackages the code in the way the platforms expect. The framework eases the development of TV platformHTML5 applications. At the moment, the framework supports the Pace, PC and Samsung Smart TVplatforms, but it can be extended with more TV platform back-ends.; Lorsque l’on développe des applications HTML5 pour des plateformes TV, les plateformes TV fournissent,en plus de la fonctionnalité standard d''HTML5, des APIs supplémentaires pour les particularités d''une *** APIs supplémentaires diffèrent entre les plateformes TV, et ceci cause un problème lors dudéveloppement d’une application pour plusieurs plateformes. Cette thèse a fait l’examen de la possibilité deconcevoir un cadre d''applications qui fournit au concepteur une API qui peut servir à plusieurs plateformes,cachant le code spécifique de celles-ci. La réponse est oui. On a réussi à harmoniser : l’entrée de latélécommande, le lecteur vidéos, le volume, la connexion Internet, le flux TV et leurs données GPE, dans uneAPI qui réside dans une bibliothèque javascript. En outre, un système de compilation met le code d’unemanière dont la plateforme peut comprendre. Le cadre d''applications facilite le développement d''applicationsHTML5 des plateformes TV. Pour le moment, le cadre d''applications peut su
Background: Hierarchical clustering is an exploratory data analysis method that reveals the groups (clusters) of similar objects. The result of the hierarchical clustering is a tree structure called dendrogram that sh...
详细信息
Background: Hierarchical clustering is an exploratory data analysis method that reveals the groups (clusters) of similar objects. The result of the hierarchical clustering is a tree structure called dendrogram that shows the arrangement of individual clusters. To investigate the row/column hierarchical cluster structure of a data matrix, a visualization tool called 'cluster heatmap' is commonly employed. In the cluster heatmap, the data matrix is displayed as a heatmap, a 2-dimensional array in which the colour of each element corresponds to its value. The rows/columns of the matrix are ordered such that similar rows/columns are near each other. The ordering is given by the dendrogram which is displayed on the side of the heatmap. Results: We developed InCHlib (Interactive Cluster Heatmap library), a highly interactive and lightweight javascript library for cluster heatmap visualization and exploration. InCHlib enables the user to select individual or clustered heatmap rows, to zoom in and out of clusters or to flexibly modify heatmap appearance. The cluster heatmap can be augmented with additional metadata displayed in a different colour scale. In addition, to further enhance the visualization, the cluster heatmap can be interconnected with external data sources or analysis tools. Data clustering and the preparation of the input file for InCHlib is facilitated by the Python utility script inchlib_clust. Conclusions: The cluster heatmap is one of the most popular visualizations of large chemical and biomedical data sets originating, e. g., in high-throughput screening, genomics or transcriptomics experiments. The presented javascript library InCHlib is a client-side solution for cluster heatmap exploration. InCHlib can be easily deployed into any modern web application and configured to cooperate with external tools and data sources. Though InCHlib is primarily intended for the analysis of chemical or biological data, it is a versatile tool which application domain
This book covers the jQuery javascript framework and the jQuery UI javascript framework to get more results more quickly out of javascript programming. I cover each method exposed by jQuery’s API, which contains meth...
详细信息
ISBN:
(数字)9780470500439
ISBN:
(纸本)9780470227794
This book covers the jQuery javascript framework and the jQuery UI javascript framework to get more results more quickly out of javascript programming. I cover each method exposed by jQuery’s API, which contains methods to make common, redundant tasks go much more quickly in less code. I also cover how jQuery eliminates certain cross-browser, cross-platform development headaches like the event model; not only does it eliminate these headaches, but it also makes it easier to work with events by reducing the amount of code that you need to write to attach events. It even gives you the ability to simulate events. You should have a basic understanding of javascript. I review some basic javascript programming concepts, such as the Event API, but I do not go into great detail about the javascript language itself. You’ll want to have at least a basic grasp of the Document Object Model, or DOM, and basic javascript programming syntax. Additionally, you’ll need to know your way around CSS and HTML, since knowledge of those technologies is also assumed. You’ll see how you can leverage the jQuery UI library to make graphically driven UI widgets. jQuery gives you the ability to break content up among multiple tabs in the same page. You have the ability to customize the look and feel of the tabs, and even to create a polished look and feel by providing different effects that come in when you mouse over tabs and click on them. Some of the UI elements and techniques include: make any element draggable with the mouse drag-and-drop user interfaces lists that are sortable via drag-and-drop re-size elements on a page using the mouse entering a date into a field using a nice, accessible javascript-driven calendar that pops up when you click on an input field custom pop-up dialogues that are like virtual pop-up windows a graphical slider bar, similar to your media player’s volume control
暂无评论