DOCSLIB.ORG

Web Boot Camp Week 1 (Custom for Liberty)

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Web Boot Camp Week 1 (Custom for Liberty) "Charting the Course ... ... to Your Success!" Web Boot Camp Week 1 (Custom for Liberty) Course Summary Description This class is designed for students that have experience with HTML5 and CSS3 and wish to learn about, JavaScript and jQuery and AngularJS. Topics Introduction to the Course Designing Responsive Web Applications Introduction to JavaScript Data Types and Assignment Operators Flow Control JavaScript Events JavaScript Objects JavaScript Arrays JavaScript Functions The JavaScript Window and Document Objects JavaScript and CSS Introduction to jQuery Introduction to jQuery UI jQuery and Ajax Introduction to AngularJS Additional AngularJS Topics The Angular $http Service AngularJS Filters AngularJS Directives AngularJS Forms Testing JavaScript Introduction to AngularJS 2 Prerequisites Prior knowledge of HTML5 and CSS3 is required. Duration Five days Due to the nature of this material, this document refers to numerous hardware and software products by their trade names. References to other companies and their products are for informational purposes only, and all trademarks are the properties of their respective companies. It is not the intent of ProTech Professional Technical Services, Inc. to use any of these names generically "Charting the Course ... ... to Your Success!" TDP Web Week 1: HTML5/CSS3/JavaScript Programming Course Outline I. Introduction to the Course O. Client-Side JavaScript Objects A. TDP Web Bootcamp Week 1, 2016 P. Embedding JavaScript in HTML B. Legal Information Q. Using the script Tag C. TDP Web Bootcamp Week 1, 2016 R. Using an External File D. Introductions S. Defining Functions E. Course Description T. Modifying Page Elements F. Course Objectives U. The Form Submission Event G. Course Logistics V. Chapter Summary II. Designing Responsive Web IV. Data Types and Assignment Applications A. JavaScript Comments A. What is Responsive Design? B. JavaScript Basics B. Principles of Responsive Designs C. Variables C. Strategies for Responsive Designs D. Rules for Identifiers D. Alternatives to Responsive Designs E. Reserved Words E. Using Relative Measurements F. Numbers F. A Simple Calculation G. Booleans G. Applying the Formula: Font Size H. Truthy and Falsy H. Applying the Formula: Block Elements I. Truthy and Falsy, cont'd I. Additional Responsive Concepts J. Strings J. What are Media Queries? K. String Literal Escape Codes K. What Can You Query? L. Dates and Times L. Viewport vs Screen Size M. Scope of Variables M. Defeating Mobile Device Scaling N. Quick Practice N. Media Query Breakpoints O. Chapter Summary O. Minimizing Image Size P. Chapter Summary V. Operators A. Math Operators III. Introduction to JavaScript B. Math Operators, cont'd A. What is JavaScript? C. Other Math Operations B. Where Does JavaScript Run? D. Quick Practice C. JavaScript vs Java E. Compound Assignment Operators D. History of JavaScript F. Increment and Decrement Operators E. ECMAScript Versions G. Equality Operators F. Browser Support for ECMAScript H. Comparison Operators Versions I. Boolean Logical Operators G. JavaScript is Typically Interpreted J. Conditional Operator H. Four Categories of JavaScript K. String Concatenation Functionality L. Bitwise Operators I. JavaScript Syntax Overview M. Shift Operators J. Try it Now! N. Type Conversion K. What is an Object? O. Quiz L. Object Terminology P. Other Operators M. Objects Exercise Q. Chapter Summary N. Objects in JavaScript Due to the nature of this material, this document refers to numerous hardware and software products by their trade names. References to other companies and their products are for informational purposes only, and all trademarks are the properties of their respective companies. It is not the intent of ProTech Professional Technical Services, Inc. to use any of these names generically "Charting the Course ... ... to Your Success!" TDP Web Week 1: HTML5/CSS3/JavaScript Programming Course Outline (cont’d) VI. Flow Control M. Deleting Properties A. Defining Blocks N. Determining if a Property Exists B. Conditional Statements O. Enumerating Properties C. The if Statement P. Methods D. The if else Statement Q. Defining Methods with Literal Syntax E. The if else if Statement R. Method and Function Arguments F. The if else if Statement, cont'd S. The this Keyword G. Quick Practice T. Constructor Functions H. The while Loop U. User-Defined Constructor Functions I. The while Loop, cont'd V. Chapter Summary J. The for Loop K. The for Loop, cont'd IX. JavaScript Arrays L. The for Loop, cont'd A. What is an Array? M. Breaking Out of a Loop B. Creating an Array N. The switch-case Statement C. Array Indexes O. The switch-case Statement, cont'd D. Iterating Arrays P. The switch-case Statement, cont'd E. Appending Elements Q. Quick Practice F. Inserting Elements at the Beginning R. Chapter Summary G. Deleting Array Elements H. The splice() Method VII. JavaScript Events I. Using splice() to Insert A. Introduction to JavaScript Events J. Sparse Arrays B. Common JavaScript Events K. Other Useful Array Methods C. JavaScript Events Example L. Array-Like Objects D. Using Javascript to Validate a Form M. Treating Strings as Arrays E. Validating a Form, cont'd N. Chapter Summary F. Calling addEventListener G. Event Bubbling X. JavaScript Functions H. Issues with JavaScript Events A. What is a Function? I. Chapter Summary B. Functions are Objects C. Defining Functions VIII. JavaScript Objects D. Function Declarations A. What is an Object? E. Function Definition Expression B. JavaScript Objects F. Function Definition Expression, cont'd C. Categories of Objects G. Optional Arguments D. What Are Properties? H. Global Functions vs Methods E. Creating Objects I. Scope of Variables Review F. Using Object Literal Syntax J. Defining Functions within Functions G. Using the new Operator K. Closures H. Objects Are Reference Types L. Closures, cont'd I. Prototype Inheritance M. Polluting the Global Namespace J. Working with Properties N. Immediately Invoked Function K. The for-in Lop Expressions L. The Global Object O. Chapter Summary Due to the nature of this material, this document refers to numerous hardware and software products by their trade names. References to other companies and their products are for informational purposes only, and all trademarks are the properties of their respective companies. It is not the intent of ProTech Professional Technical Services, Inc. to use any of these names generically "Charting the Course ... ... to Your Success!" TDP Web Week 1: HTML5/CSS3/JavaScript Programming Course Outline (cont’d) XI. The Javascript Window and Document F. Basic jQuery Syntax Objects G. Traversing Results of a Query A. The JavaScript window Object H. The jQuery ready() Function B. Timers I. Using an Anonymous ready() Function C. URLs and Navigation J. jQuery Methods D. The navigator and screen Objects K. jQuery Getters and Setters: Attributes E. Functions for Dialog Boxes L. jQuery Getters and Setters: CSS F. Opening and Closing Windows Properties G. The JavaScript document Object M. jQuery Getters and Setters: Element H. The DOM Tree Content I. Accessing Nodes N. Inserting or Deleting Elements J. Finding HTML Elements by ID O. jQuery Event Handlers K. Finding Elements by Tag Name P. Chapter Summary L. Finding Elements by CSS Class M. Finding Elements using CSS XIV. Introduction to jQuery UI Selectors A. What is jQuery UI? N. Element Content B. jQuery UI vs HTML5 O. Inserting Nodes C. Getting Started with jQuery UI P. Replacing or Deleting Nodes D. jQuery UI Animations Q. Chapter Summary E. jQuery UI Widgets F. jQuery UI Widgets, cont'd XII. JavaScript and CSS G. jQuery UI Themes A. What are Cascading Style Sheets? H. Using jQuery UI and Modernizr.js B. Defining Styles I. Using jQuery UI and Modernizr.js, C. Basic Style Syntax cont'd D. JavaScript and CSS J. Chapter Summary E. Changing an Element's CSS Class F. Changing CSS Class Example XV. jQuery and Ajax G. The CSSStyleDeclaration Object A. What is AJAX? H. Changing an Element's Style B. Traditional Web Processing Example C. AJAX Processing I. Scripting Element Visibility and D. AJAX Applications Display E. The XMLHttpRequest Object J. Changing the Visibility F. XMLHttpRequest: Raw JavaScript K. Changing the Visibility Example G. Sending a Request: Raw JavaScript L. Changing the Display Style H. Sending a Request: Raw JavaScript, M. Changing the Display Style Example cont'd N. Chapter Summary I. Updating the Document: Raw JavaScript XIII. Introduction to jQuery J. What is JSON? A. Why Do We Need a JavaScript K. Basic JSON Syntax Library? L. Using JSON in Raw JavaScript B. Introduction to jQuery M. jQuery and Ajax C. jQuery Features N. Processing JSON D. More Features O. Complete JSON Example E. Getting Started with jQuery P. jQuery and XML Due to the nature of this material, this document refers to numerous hardware and software products by their trade names. References to other companies and their products are for informational purposes only, and all trademarks are the properties of their respective companies. It is not the intent of ProTech Professional Technical Services, Inc. to use any of these names generically "Charting the Course ... ... to Your Success!" TDP Web Week 1: HTML5/CSS3/JavaScript Programming Course Outline (cont’d) Q. Complete XML Example XVIII. The Angular $http Service R. Monitoring Ajax Requests A. What is AJAX? S. Handling Errors B. The XMLHttpRequest Object T. Chapter Summary C. Standard JavaScript Ajax Example D. Issues with Standard JavaScript Ajax XVI. Introduction to AngularJS E. AngularJS and Ajax A. What is AngularJS? F. What is a Promise? B. AngularJS vs jQuery G. AngularJS and Promises C. AngularJS Features H. The $http Service and Promises D. What is the MVC Architecture? I. Promises in the View E. A Typical AngularJS Architecture J. RESTful CRUD Service Overview F. AngularJS Hello, World K. Invoking the C in CRUD G. The View in AngularJS L. Invoking the R in CRUD H. What is a Scope? M.
Load more

Recommended publications
  • Approved DITA 2.0 Proposals
    DITA Technical Committee DITA 2.0 proposals DITA TC work product Page 1 of 189 Table of contents 1 Overview....................................................................................................................................................3 2 DITA 2.0: Stage two proposals.................................................................................................................. 3 2.1 Stage two: #08 <include> element.................................................................................................... 3 2.2 Stage two: #15 Relax specialization rules......................................................................................... 7 2.3 Stage two: #17 Make @outputclass universal...................................................................................9 2.4 Stage two: #18 Make audience, platform, product, otherprops into specializations........................12 2.5 Stage two: #27 Multimedia domain..................................................................................................16 2.6 Stage two: #29 Update bookmap.................................................................................................... 20 2.7 Stage two: #36 Remove deprecated elements and attributes.........................................................23 2.8 Stage two: #46: Remove @xtrf and @xtrc...................................................................................... 31 2.9 Stage 2: #73 Remove delayed conref domain.................................................................................36
    [Show full text]
  • XRI 2.0 FAQ 1 December 2005
    XRI 2.0 FAQ 1 December 2005 This document is a comprehensive FAQ on the XRI 2.0 suite of specifications, with a particular emphasis on the XRI Syntax 2.0 Committee Specification which was submitted for consideration as an OASIS Standard on November 14, 2005. 1 General..................................................................................... 3 1.1 What does the acronym XRI stand for? ................................................................3 1.2 What is the relationship of XRI to URI and IRI? ....................................................3 1.3 Why was XRI needed?..........................................................................................3 1.4 Who is involved in the XRI specification effort? ....................................................4 1.5 What is the XRI 2.0 specification suite? ................................................................4 1.6 Are there any intellectual property restrictions on XRI? ........................................4 2 Uses of XRI .............................................................................. 5 2.1 What things do XRIs identify? ...............................................................................5 2.2 What are some example uses of XRI?..................................................................5 2.3 What are some applications that use XRI? ...........................................................5 3 Features of XRI Syntax ........................................................... 6 3.1 What were some of the design requirements
    [Show full text]
  • List of Different Digital Practices 3
    Categories of Digital Poetics Practices (from the Electronic Literature Collection) http://collection.eliterature.org/1/ (Electronic Literature Collection, Vol 1) http://collection.eliterature.org/2/ (Electronic Literature Collection, Vol 2) Ambient: Work that plays by itself, meant to evoke or engage intermittent attention, as a painting or scrolling feed would; in John Cayley’s words, “a dynamic linguistic wall- hanging.” Such work does not require or particularly invite a focused reading session. Kinetic (Animated): Kinetic work is composed with moving images and/or text but is rarely an actual animated cartoon. Transclusion, Mash-Up, or Appropriation: When the supply text for a piece is not composed by the authors, but rather collected or mined from online or print sources, it is appropriated. The result of appropriation may be a “mashup,” a website or other piece of digital media that uses content from more than one source in a new configuration. Audio: Any work with an audio component, including speech, music, or sound effects. CAVE: An immersive, shared virtual reality environment created using goggles and several pairs of projectors, each pair pointing to the wall of a small room. Chatterbot/Conversational Character: A chatterbot is a computer program designed to simulate a conversation with one or more human users, usually in text. Chatterbots sometimes seem to offer intelligent responses by matching keywords in input, using statistical methods, or building models of conversation topic and emotional state. Early systems such as Eliza and Parry demonstrated that simple programs could be effective in many ways. Chatterbots may also be referred to as talk bots, chat bots, simply “bots,” or chatterboxes.
    [Show full text]
  • Autonomous Agents on the Web
    Report from Dagstuhl Seminar 21072 Autonomous Agents on the Web Edited by Olivier Boissier1, Andrei Ciortea2, Andreas Harth3, and Alessandro Ricci4 1 Ecole des Mines – St. Etienne, FR, [email protected] 2 Universität St. Gallen, CH, [email protected] 3 Fraunhofer IIS – Nürnberg, DE, [email protected] 4 Università di Bologna, IT, [email protected] Abstract The World Wide Web has emerged as the middleware of choice for most distributed systems. Recent standardization efforts for the Web of Things and Linked Data are now turning hypermedia into a homogeneous information fabric that interconnects everything – devices, information resources, abstract concepts, etc. The latest standards allow clients not only to browse and query, but also to observe and act on this hypermedia fabric. Researchers and practitioners are already looking for means to build more sophisticated clients able to meet their design objectives through flexible autonomous use of this hypermedia fabric. Such autonomous agents have been studied to large extent in research on distributed artificial intelligence and, in particular, multi-agent systems. These recent developments thus motivate the need for a broader perspective that can only be achieved through a concerted effort of the research communities on the Web Architecture and the Web of Things, Semantic Web and Linked Data, and Autonomous Agents and Multi-Agent Systems. The Dagstuhl Seminar 21072 on “Autonomous Agents on the Web” brought together leading scholars and practitioners across these research areas in order to support the transfer of knowledge and results – and to discuss new opportunities for research on Web-based autonomous systems. This report documents the seminar’s program and outcomes.
    [Show full text]
  • Freenet-Like Guids for Implementing Xanalogical Hypertext
    Freenet-like GUIDs for Implementing Xanalogical Hypertext Tuomas J. Lukka Benja Fallenstein Hyperstructure Group Oberstufen-Kolleg Dept. of Mathematical Information Technology University of Bielefeld, PO. Box 100131 University of Jyvaskyl¨ a,¨ PO. Box 35 D-33501 Bielefeld FIN-40351 Jyvaskyl¨ a¨ Germany Finland [email protected] lukka@iki.fi ABSTRACT For example, an email quoting another email would be automati- We discuss the use of Freenet-like content hash GUIDs as a prim- cally and implicitly connected to the original via the transclusion. itive for implementing the Xanadu model in a peer-to-peer frame- Bidirectional, non-breaking external links (content linking) can be work. Our current prototype is able to display the implicit con- resolved through the same mechanism. Nelson[9] argues that con- nection (transclusion) between two different references to the same ventional software, unable to reflect such interconnectivity of doc- permanent ID. We discuss the next layers required in the implemen- uments, is unsuited to most human thinking and creative work. tation of the Xanadu model on a world-wide peer-to-peer network. In order to implement the Xanadu model, it must be possible to efficiently search for references to permanent IDs on a large scale. The original Xanadu design organized content IDs in a DNS-like Categories and Subject Descriptors hierarchical structure (tumblers), making content references arbi- H.5.4 [Information Interfaces and Presentation]: Hypertext/Hy- trary intervals (spans) in the hierarchy. Advanced tree-like data permedia—architectures; H.3.4 [Information Storage and Retrie- structures[6] were used to retrieve the content efficiently.
    [Show full text]
  • Angularjs Workbook
    AngularJS Workbook Exercises take you to mastery By Nicholas Johnson version 0.1.0 - beta Image credit: San Diego Air and Space Museum Archives Welcome to the Angular Workbook This little book accompanies the Angular course taught over 3 days. Each exercise builds on the last, so it's best to work through these exercises in order. We start out from the front end with templates, moving back to controllers. We'll tick off AJAX, and then get into building custom components, filters, services and directives. After covering directives in some depth we'll build a real app backed by an open API. By the end you should have a pretty decent idea of what is what and what goes where. Template Exercises The goal of this exercise is just to get some Angular running in a browser. Getting Angular We download Angular from angularjs.org Alternately we can use a CDN such as the Google Angular CDN. Activating the compiler Angular is driven by the template. This is different from other MVC frameworks where the template is driven by the app. In Angular we modify our app by modifying our template. The JavaScript we write simply supports this process. We use the ng-app attribute (directive) to tell Angular to begin compiling our DOM. We can attach this attribute to any DOM node, typically the html or body tags: 1 <body ng-app> 2 Hello! 3 </body> All the HTML5 within this directive is an Angular template and will be compiled as such. Linking from a CDN Delivering common libraries from a shared CDN can be a good idea.
    [Show full text]
  • Connecting Topincs Using Transclusion to Connect Proxy Spaces
    Connecting Topincs Using transclusion to connect proxy spaces Robert Cerny Anton-Kubernat-Straße 15, A-2512 Oeynhausen, Austria [email protected] http://www.cerny-online.com Abstract. Topincs is a software system for agile and distributed knowledge management on top of the common web infrastructure and the Topic Maps Data Model. It segments knowledge into stores and offers users a way to establish a temporary connection between stores through transclusion and merging. This allows to easily copy topics and statements. Through this mechanism, later acts of integration are simplified, due to matching item identifiers. Furthermore, transclusion can be used to create permanent connections between stores. 1 Introduction A Topincs store [5, 6, 10] is a knowledge repository for an individual or a group to make statements about subjects. It uses the Topic Maps Data Model [7] for representing knowledge. Throughout this paper we will illustrate crucial aspects by the example of a small fictional software company, called Modestsoft. It employs around 10 people and has various departments, including development, testing, and sales & services. Modestsoft uses several shared Topincs stores to manage its organizational knowledge. Those stores deal with Modestsoft’s staff, products, issues, clients, and their configurations, to name only a few. Additionally, every employee has his own store. While the shared stores have a clear boundary around their domain, the personal stores may contain topics and statements of a wider variety and are considered a repository for note taking, and as such they function as a memory extender [4]. Figure 1 illustrates Modestsoft’s setup and the Topincs stores they use to manage their spontaneous knowledge recording demands.
    [Show full text]
  • What Can Software Learn from Hypermedia?
    What Can Software Learn From Hypermedia? Philip Tchernavskij Clemens Nylandsted Klokmose Michel Beaudouin-Lafon LRI, Univ. Paris-Sud, CNRS, Digital Deisgn & Information Studies, LRI, Univ. Paris-Sud, CNRS, Inria, Université Paris-Saclay Aarhus University Inria, Université Paris-Saclay Orsay 43017-6221, France Aarhus N 8200, Denmark Orsay 43017-6221, France [email protected] [email protected] [email protected] ABSTRACT procedures, or working materials in the physical world, these dimen- Most of our interactions with the digital world are mediated by sions of flexibility are limited or nonexistent in computer-mediated apps: desktop, web, or mobile applications. Apps impose artificial activity. These limitations are especially evident as software has limitations on collaboration among users, distribution across de- become ubiquitous in our social and professional lives. vices, and the changing procedures that constantly occur in real In general, apps model procedures, in the sense that they couple work. These limitations are partially due to the engineering prin- what users can do, e.g., changing color, with what they can do it ciples of encapsulation and program-data separation. By contrast, to, e.g., text. Some apps supports collaborating on a particular task, the field of hypermedia envisions collaboration, distribution and but limit the available tools and working materials. Some apps can flexible practices as fundamental features of software. We discuss be extended with new tools, but are highly specialized, e.g., for shareable dynamic media, an alternative model for software that illustration or programming. Apps can only be combined in limited unifies hypermedia and interactive systems, and Webstrates, an ways, e.g., it is possible to work on an image in two image treatment experimental implementation of that model.
    [Show full text]
  • Chapter 9: the Forms of Resource Descriptions
    Chapter 9 The Forms of Resource Descriptions Ryan Shaw Murray Maloney 9.1. Introduction . 467 9.2. Structuring Descriptions . 469 9.3. Writing Descriptions . 492 9.4. Worlds of Description . 501 9.5. Key Points in Chapter Nine . 508 9.1 Introduction Throughout this book, we have emphasized the importance of separately consid­ ering fundamental organizing principles, application-specific concepts, and de­ tails of implementation. The three-tier architecture we introduced in §1.6 is one way to conceptualize this separation. In §6.7, we contrasted the implementation-focused perspective for analyzing relationships with other per­ spectives that focus on the meaning and abstract structure of relationships. In this chapter, we present this contrast between conceptualization and implemen­ tation in terms of separating the content and form of resource descriptions. In the previous chapters, we have considered principles and concepts of organ­ izing in many different contexts, ranging from personal organizing systems to cultural and institutional ones. We have noted that some organizing systems have limited scope and expected lifetime, such as a task-oriented personal or­ ganizing system like a shopping list. Other organizing systems support broad uses that rely on standard categories developed through rigorous processes, like a product catalog. By this point you should have a good sense of the various conceptual issues you need to consider when deciding how to describe a resource in order to meet the The Discipline of Organizing goals of your organizing system. Considering those issues will give you some sense of what the content of your descriptions should be. In order to focus on the conceptual issues, we have deferred discussion of specific implementation issues.
    [Show full text]
  • Historically, Cross-Origin Interactions, Through Hyperlinks
    Historically, cross-origin interactions, through hyperlinks, transclusion and form submission, were the most important and distinguishing features of HTTP, HTML and the World Wide Web. As the Web moved from being composed of static markup and resources rendered by the user agent to also include active content, through plug-ins and embedded scripting, and client-side state, through cookies, it quickly became clear that unrestricted cross-origin interactions presented serious privacy and security risks. To deal with these risks, user agents and plugin technologies introduced a set of restrictions generally known as the Same Origin Policy. (SOP) Though many variants of the SOP exist, they all generally 1) preserved the existing cross-origin interactions allowed by HTML and HTTP while 2) restricting the ability of active content to read or make new types of requests across origins. This specification allows resources to voluntarily relax these restrictions. To do so safely, it is important to understand both 1) the pre-existing security impacts of cross- origin requests allowed by the legacy architecture of the Web as well as 2) the distinction between the goal of this specification: authorizing cross-origin read access to a resource in the user agent, and the possibly unintended consequences of authorizing write/execute access to resources by applications from foreign origins executing in the user agent. In this specification, A simple cross-origin requestst has beenare defined as congruent the set of HTTP methods, headers and data which may with those which may be generated sent cross-origin by currently deployed user agents that do not implement CORS.
    [Show full text]
  • Hyperwell: Local-First, Collaborative Notebooks for Digital Annotation
    Hyperwell: Local-First, Collaborative Notebooks for Digital Annotation A thesis presented for the degree of Master of Science by Jan Kaßel [email protected] 3724135 at the Institute of Computer Science Universität Leipzig, Germany May 4, 2020 Advisor & First Examiner Second Examiner Dr. Thomas Köntges Prof. Gregory Crane Chair of Digital Humanities Department of Classical Studies Leipzig University Tufts University Except where otherwise noted, content in this thesis is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License¹, which permits un- restricted adaption, use, and distribution in any medium, provided the original work is properly cited the resulting work is licensed under the same terms as the original. The source code of all Hyperwell repositories is available as open-source soft- ware, licensed under the more permissive MIT License. Copyright 2020, Jan Kaßel. 1. https://creativecommons.org/licenses/by-sa/4.0/ Table of Contents Abstract i Acknowledgements ii List of Abbreviations iii List of Figures iv 1 Introduction 1 1.1 Motivation: A Question of Ownership ................ 3 1.2 Research Goals and Affiliated Work ................. 4 1.3 Synopsis ................................ 5 2 Related Work 7 2.1 Hypertext and Annotation ....................... 7 2.2 Digital Real-Time Collaboration ................... 10 2.3 Linked Data and Digital Humanities . 12 2.4 Peer-to-Peer Networks ........................ 16 2.5 Local-First Applications ........................ 20 3 Study: Exploring Collaborative Workflows 22 3.1 Study Framework ........................... 25 3.2 Analyzing Digital Workflows ..................... 27 3.3 Setting and Observations ....................... 30 3.4 Results ................................. 32 4 Peer-to-Peer Annotation 35 4.1 What’s (Not) Wrong with Servers? .
    [Show full text]
  • Transclusion in Software for the Complex, the Changing, and The
    TRANSCLUSIONINSOFTWAREFORTHECOMPLEX,THE CHANGING,ANDTHEINDETERMINATE philip tchernavskij student id: 20118057 Master’s Thesis Advisors: Susanne Bødker & Clemens Nylandsted Klokmose Department of Computer Science Aarhus University May 2016 Philip Tchernavskij, studienummer 20118057: Transklusion i Software til det komplekse, det foranderlige, og det ubestemmelige, Kandidatspeciale vejledere: Susanne Bødker og Clemens Nylandsted Klokmose Institut for Datalogi Aarhus Universitet maj 2016 ABSTRACT I investigate the unexamined phenomenon of software transclusion. My study is a theoretical inquiry into the potentials, challenges, trade- offs, and consequences of software transclusion as an architectural composition mechanism and user interaction. I take up three research themes collecting challenges for user software: reconfigurable software, asymmetrical collaboraiton, and ecology of software artifacts. I develop a model for transclusive software, which formulates software systems as networks of information substrates applying transclusion as a fun- damental composition mechanism and user interaction. I apply this model in a reformulation of a system taking up my research themes, and analyze the resulting design sketch to reflect on the generative power and limitations of my model. I conclude that software transclu- sion is a novel mechanism for my themes and has productive synergy with the models instrumental interaction and information substrates, that my model of transclusive software implies several future design and research challenges, especially for reliability and security models, and for common software artifacts. iii ACKNOWLEDGEMENTS I am grateful for the help of some outstanding scholars and friends in producing this thesis. Thanks to my advisors, Susanne Bødker and Clemens Klokmose, for discussions, critiques, and patience. Thanks to Niels Olof Bouvin, Henrik Korsgaard, and Ted Nelson for volun- teering their time to clarify their work in personal communications.
    [Show full text]