The document discusses various technologies related to Web 2.0 patterns, including:
- The programmable web which is based on HTTP and can encode data in formats like XML, HTML, plain text, and JSON.
- Rich Internet Applications (RIAs) which bring desktop functionality to the browser using technologies like Flash, Silverlight, and JavaFX.
- Asynchronous partial updates which allow parts of a resource like a webpage to be updated without reloading the entire page. This can be done with technologies like AJAX, AMF, and REST-based implementations.
A work-in-progress talk on an academic perspective of Model-View-Update (the Elm architecture), including a work-in-progress formal semantics, and extensions to include distributed session types.
CouchApps are web applications built using CouchDB, JavaScript, and HTML5. CouchDB is a document-oriented database that stores JSON documents, has a RESTful HTTP API, and is queried using map/reduce views. This talk will answer your basic questions about CouchDB, but will focus on building CouchApps and related tools.
JSON stands for JavaScript Object Notation. JSON objects are used for transferring data between server and client.
JSON Is Not XML.
JSON is a simple, common representation of data.
Describes a Web development technique for creating interactive Web applications using a combination of HTML (or XHTML) and Cascading Style Sheets for presenting information; Document Object Model (DOM).
JavaScript, to dynamically display and interact with the information presented; and the XMLHttpRequest object to interchange and manipulate data asynchronously with the Web server.
It allows for asynchronous communication, Instead of freezing up until the completeness, the browser can communicate with server and continue as normal.
JSON stands for JavaScript Object Notation. JSON objects are used for transferring data between server and client.
JSON is a subset of JavaScript. ( ECMA-262 ).
Language Independent, means it can work well with most of the modern programming language
Text-based, human readable data exchange format
Light-weight. Easier to get and load the requested data quickly.
Easy to parse.
JSON has no version and No revisions to the JSON grammar.
JSON is very stable
Character Encoding is Strictly UNICODE. Default: UTF-8. Also UTF-16 and UTF-32 are allowed.
official Internet media type for JSON is application/json.
JSON Is Not XML.
JSON is a simple, common representation of data.
AJAX:
AJAX, or Asynchronous JavaScript and XML.
Describes a Web development technique for creating interactive Web applications using a combination of HTML (or XHTML) and Cascading Style Sheets for presenting information; Document Object Model (DOM).
JavaScript, to dynamically display and interact with the information presented; and the XMLHttpRequest object to interchange and manipulate data asynchronously with the Web server.
It allows for asynchronous communication, Instead of freezing up until the completeness, the browser can communicate with server and continue as normal.
This document provides an overview of JavaScript including:
1. Why JavaScript is important for web development as one of the three main languages used along with HTML and CSS.
2. The different ways JavaScript can display data such as writing to HTML elements or using alerts.
3. Key JavaScript concepts such as variables, comments, functions, objects, and errors.
4. How JavaScript interacts with the DOM to modify HTML elements and handle events.
Presentation on various definitions for JSON including JSON-RPC, JSPON, JSON Schema, JSONP and tools for working these definitions including Persevere client and server..
The document discusses JSON injection security concerns. It describes what JSON is and how it is commonly used to transmit structured data between servers and web applications. The main security risks discussed are: (1) using eval() to parse JSON, which can enable JavaScript code injection attacks; (2) sensitive JSON data being stolen through JSON array hacks or CSRF attacks; (3) potential data theft, forgery, or misuse if JSON data is compromised. It provides recommendations for securing applications such as using a JSON parser instead of eval(), validating JSON with regular expressions, making JSON responses non-array objects, and only allowing JSON data requests via POST. Examples of past exploits exploiting JSON vulnerabilities at Gmail and Twitter are also briefly mentioned
Joins and Other Aggregation Enhancements Coming in MongoDB 3.2MongoDB
Applications get great efficiency from MongoDB by combining data that is accessed together into a single document. There are however situations where it is more efficient to have references between documents rather than embedding everything into a single document. This led to joins being our most requested feature. MongoDB 3.2 addresses this through the introduction of the $lookup stage in the aggregation pipeline to implement left-outer joins.
This webinar looks at $lookup as well as the other significant aggregation enhancements coming with MongoDB 3.2—why they're needed, what they deliver, and how to use them.
A work-in-progress talk on an academic perspective of Model-View-Update (the Elm architecture), including a work-in-progress formal semantics, and extensions to include distributed session types.
CouchApps are web applications built using CouchDB, JavaScript, and HTML5. CouchDB is a document-oriented database that stores JSON documents, has a RESTful HTTP API, and is queried using map/reduce views. This talk will answer your basic questions about CouchDB, but will focus on building CouchApps and related tools.
JSON stands for JavaScript Object Notation. JSON objects are used for transferring data between server and client.
JSON Is Not XML.
JSON is a simple, common representation of data.
Describes a Web development technique for creating interactive Web applications using a combination of HTML (or XHTML) and Cascading Style Sheets for presenting information; Document Object Model (DOM).
JavaScript, to dynamically display and interact with the information presented; and the XMLHttpRequest object to interchange and manipulate data asynchronously with the Web server.
It allows for asynchronous communication, Instead of freezing up until the completeness, the browser can communicate with server and continue as normal.
JSON stands for JavaScript Object Notation. JSON objects are used for transferring data between server and client.
JSON is a subset of JavaScript. ( ECMA-262 ).
Language Independent, means it can work well with most of the modern programming language
Text-based, human readable data exchange format
Light-weight. Easier to get and load the requested data quickly.
Easy to parse.
JSON has no version and No revisions to the JSON grammar.
JSON is very stable
Character Encoding is Strictly UNICODE. Default: UTF-8. Also UTF-16 and UTF-32 are allowed.
official Internet media type for JSON is application/json.
JSON Is Not XML.
JSON is a simple, common representation of data.
AJAX:
AJAX, or Asynchronous JavaScript and XML.
Describes a Web development technique for creating interactive Web applications using a combination of HTML (or XHTML) and Cascading Style Sheets for presenting information; Document Object Model (DOM).
JavaScript, to dynamically display and interact with the information presented; and the XMLHttpRequest object to interchange and manipulate data asynchronously with the Web server.
It allows for asynchronous communication, Instead of freezing up until the completeness, the browser can communicate with server and continue as normal.
This document provides an overview of JavaScript including:
1. Why JavaScript is important for web development as one of the three main languages used along with HTML and CSS.
2. The different ways JavaScript can display data such as writing to HTML elements or using alerts.
3. Key JavaScript concepts such as variables, comments, functions, objects, and errors.
4. How JavaScript interacts with the DOM to modify HTML elements and handle events.
Presentation on various definitions for JSON including JSON-RPC, JSPON, JSON Schema, JSONP and tools for working these definitions including Persevere client and server..
The document discusses JSON injection security concerns. It describes what JSON is and how it is commonly used to transmit structured data between servers and web applications. The main security risks discussed are: (1) using eval() to parse JSON, which can enable JavaScript code injection attacks; (2) sensitive JSON data being stolen through JSON array hacks or CSRF attacks; (3) potential data theft, forgery, or misuse if JSON data is compromised. It provides recommendations for securing applications such as using a JSON parser instead of eval(), validating JSON with regular expressions, making JSON responses non-array objects, and only allowing JSON data requests via POST. Examples of past exploits exploiting JSON vulnerabilities at Gmail and Twitter are also briefly mentioned
Joins and Other Aggregation Enhancements Coming in MongoDB 3.2MongoDB
Applications get great efficiency from MongoDB by combining data that is accessed together into a single document. There are however situations where it is more efficient to have references between documents rather than embedding everything into a single document. This led to joins being our most requested feature. MongoDB 3.2 addresses this through the introduction of the $lookup stage in the aggregation pipeline to implement left-outer joins.
This webinar looks at $lookup as well as the other significant aggregation enhancements coming with MongoDB 3.2—why they're needed, what they deliver, and how to use them.
MongoDB + Java - Everything you need to know Norberto Leite
Learn everything you need to know to get started building a MongoDB-based app in Java. We'll explore the relationship between MongoDB and various languages on the Java Virtual Machine such as Java, Scala, and Clojure. From there, we'll examine the popular frameworks and integration points between MongoDB and the JVM including Spring Data and object-document mappers like Morphia.
GDG Almaty Meetup: Reactive full-stack .NET web applications with WebSharpergranicz
Reactive programming has become an indispensable tool for solving many of the challenges in data-driven applications, desktop and web alike. A quick survey of the reactive landscape reveals a staggering variety of choices available to developers, and it is a smaller challenge nowadays to choose the right technology to build on. In this talk, you will learn about applying functional programming and F# (and C#) to develop full-stack, reactive web applications and microservices using WebSharper, a mature open source web framework/ecosystem for developing enterprise-grade .NET web applications.
This document provides an introduction to JavaScript. It discusses that JavaScript is an object-oriented scripting language based on ECMAScript standards. The document outlines JavaScript's history and versions. It describes how JavaScript can be used to add interactivity to HTML pages through dynamic HTML, event handling, validation, and more. Examples of JavaScript uses include AJAX-based sites and Google Web Toolkit. The document concludes with a discussion of JavaScript compatibility issues and possibilities.
The document discusses AJAX (Asynchronous JavaScript and XML), which allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes, without reloading the entire page. It provides an overview of the basic objects and steps needed to make AJAX work, including the XMLHttpRequest object, how servers respond, and using the response. It then contrasts the traditional synchronous web page model with AJAX's asynchronous approach. The document also covers the basics of writing AJAX applications, including creating XMLHttpRequest objects, sending requests, handling responses, and using properties and methods. Finally, it provides a skeleton for a general AJAX application and an example to get the time from the server without refreshing the whole page.
RESTful Web API and MongoDB go for a pic nicNicola Iarocci
Why and how MongoDB is a perfect match for building your next RESTful Web API. Presented at: NoSQL Day 2013 (Udine, Italy), MongoTorino 2013 (Turin, Italy), A Morning With MongoDB (Milan).
Development time is wasted as the bulk of the work shifts from adding business features to struggling with the RDBMS. MongoDB, the leading NoSQL database, offers a flexible and scalable solution.
The document discusses Mongo-Hadoop integration and provides examples of using the Mongo-Hadoop connector to run MapReduce jobs on data stored in MongoDB. It covers loading and writing data to MongoDB from Hadoop, using Java MapReduce, Hadoop Streaming with Python, and analyzing data with Pig and Hive. Examples show processing an email corpus to build a graph of sender-recipient relationships and message counts.
This document provides an overview of JSON (JavaScript Object Notation) including its syntax, values, objects, arrays, and uses for exchanging and storing data. JSON is a lightweight data format that is easy for humans to read and write and easy for machines to parse and generate. The document also discusses using JSON with XMLHttpRequest to make HTTP requests to a web server and retrieve JSON data to display on a web page without reloading.
The document provides information about JavaScript and the Document Object Model (DOM). It discusses how JavaScript can dynamically access and update HTML elements using the DOM. It explains that all HTML elements are defined as objects in the DOM that can be accessed and manipulated using JavaScript properties and methods. The document provides examples of how to select elements, modify attributes and styles, add and remove elements, and handle events. It also covers common JavaScript objects like Date, Math, and built-in constructors.
Es una monografía realizada por mí, en carácter de trabajo final para concluir y evaluar mi ayudantía en la Cátedra de Microbiología y Parasitología de la Carrera de Odontología de la Universidad Nacional de La Rioja (UNLaR).
DOGV, núm. 7300, de 20 de junio de 2014. Estudio de la ley de centros de culto de Cataluña. Entre otros, se analiza el artículo 11, sobre medidas sin carácter sancionador, y -en general- la normativa urbanistica sobre centros de culto en Catalunya.
Ius canonicum, ISSN 0021-325X, Vol. 51, Nº 101, 2011, págs. 277-328
Desde hace años las confesiones religiosas, especialmente las minoritarias, pero también la Iglesia Católica, encuentran dificultades para la apertura de lugares de culto. Sin embargo, estos obstáculos para acceder a suelo dotacional, no tiene su causa principal en la legislación vigente, sino más bien en malas prácticas administrativas o en una compresión laicista de la relaciones de las confesiones con los Poderes Públicos. Igualmente las administraciones públicas denuncian la existencia de oratorios islámicos y evangélicos con insuficientes medidas constructivas de seguridad
El documento describe un programa de maestría en educación a distancia. Explica que el programa se estructura en 12 módulos obligatorios y 2 líneas de especialización, cubriendo temas como los fundamentos de la educación a distancia, el aprendizaje a distancia, el diseño instruccional, y las nuevas tecnologías. También describe las evaluaciones que incluyen participación en foros virtuales, pruebas a distancia, actividades grupales, y un proyecto de especialización. El programa toma dos años en completar y otorga 1,
El documento habla sobre las herramientas y estrategias de marketing y comunicación en línea. Explica que los públicos ahora se comunican e interactúan con las marcas en línea, creando su propio contenido. Describe varias herramientas clave como sitios web, correo electrónico, redes sociales, blogs, motores de búsqueda y más. También analiza casos prácticos de cómo diferentes empresas y organizaciones han utilizado estas herramientas con éxito para comunicarse con sus audiencias en línea.
El documento proporciona información sobre técnicas de soldadura en frío de hierro colado. Explica que la preparación de la superficie, selección del material de aporte y método de aplicación son cruciales para obtener uniones resistentes. También describe ventajas del sistema UTP como alta maquinabilidad, resistencia mecánica y capacidad para realizar soldaduras estancas sin precalentamiento.
DynaScan ds² Premium High Bright LCD Dislaysdynascan
This document summarizes DynaScan's professional LCD monitors. DynaScan was founded in 1998 and manufactures high brightness LCD displays between 46" and 65" in size, with brightness ratings from 1500-5000 nits. The monitors use LED backlights with local dimming for high contrast and low power consumption. They are factory calibrated to D65 color temperature and intended for applications requiring daylight visible screens both indoors and outdoors.
Este documento enumera 9 razones para visitar Brasil, incluyendo sus atracciones, cultura y gente, invitando al lector a experimentar la diversidad y belleza del país.
Costa Rica enfrenta problemas de malnutrición como bajo peso y estatura en niños menores de 5 años, y sobrepeso y obesidad en niños entre 5 y 19 años y mujeres entre 20 y 44 años. El documento propone un proyecto llamado "Comer Más Sano es Más Barato" para promover el consumo de frutas, verduras y proteínas a través de campañas en tiendas Walmart con el objetivo de mejorar los hábitos alimenticios de clientes, empleados y la población en general.
This Week at the State! August 12 - 17, 2013StateTheatre
The State Theatre continues the month of August with the final film for the Read It
Watch It series, several showings of Much Ado About Nothing, a music concert featuring SugarBomb!, as well as another $3
blockbuster film.
C:\Documents And Settings\Usuario\Mis Documentos\Power Point De William1\Madr...02241951
Este poema expresa el profundo amor y gratitud del autor hacia su madre. Describe a su madre como una rosa y mariposa gentil que lo guió con sabiduría y amor incondicional durante su niñez y toda su vida, mitigando sus penas con caricias, besos y oraciones. El autor promete amar y nunca olvidar a su madre bendita.
Este documento trata sobre los embaldosados del plano con polígonos regulares. Explica que los triángulos y cuadriláteros pueden embaldosar el plano, e introduce un nuevo embaldosado pentagonal. También discute embaldosados hexagonales, naturales y periódicos, así como embaldosados aperiódicos y quasi-cristales. Finalmente, analiza propiedades matemáticas como repetitividad, rectificabilidad y secciones áureas en relación con los embaldosados.
MongoDB + Java - Everything you need to know Norberto Leite
Learn everything you need to know to get started building a MongoDB-based app in Java. We'll explore the relationship between MongoDB and various languages on the Java Virtual Machine such as Java, Scala, and Clojure. From there, we'll examine the popular frameworks and integration points between MongoDB and the JVM including Spring Data and object-document mappers like Morphia.
GDG Almaty Meetup: Reactive full-stack .NET web applications with WebSharpergranicz
Reactive programming has become an indispensable tool for solving many of the challenges in data-driven applications, desktop and web alike. A quick survey of the reactive landscape reveals a staggering variety of choices available to developers, and it is a smaller challenge nowadays to choose the right technology to build on. In this talk, you will learn about applying functional programming and F# (and C#) to develop full-stack, reactive web applications and microservices using WebSharper, a mature open source web framework/ecosystem for developing enterprise-grade .NET web applications.
This document provides an introduction to JavaScript. It discusses that JavaScript is an object-oriented scripting language based on ECMAScript standards. The document outlines JavaScript's history and versions. It describes how JavaScript can be used to add interactivity to HTML pages through dynamic HTML, event handling, validation, and more. Examples of JavaScript uses include AJAX-based sites and Google Web Toolkit. The document concludes with a discussion of JavaScript compatibility issues and possibilities.
The document discusses AJAX (Asynchronous JavaScript and XML), which allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes, without reloading the entire page. It provides an overview of the basic objects and steps needed to make AJAX work, including the XMLHttpRequest object, how servers respond, and using the response. It then contrasts the traditional synchronous web page model with AJAX's asynchronous approach. The document also covers the basics of writing AJAX applications, including creating XMLHttpRequest objects, sending requests, handling responses, and using properties and methods. Finally, it provides a skeleton for a general AJAX application and an example to get the time from the server without refreshing the whole page.
RESTful Web API and MongoDB go for a pic nicNicola Iarocci
Why and how MongoDB is a perfect match for building your next RESTful Web API. Presented at: NoSQL Day 2013 (Udine, Italy), MongoTorino 2013 (Turin, Italy), A Morning With MongoDB (Milan).
Development time is wasted as the bulk of the work shifts from adding business features to struggling with the RDBMS. MongoDB, the leading NoSQL database, offers a flexible and scalable solution.
The document discusses Mongo-Hadoop integration and provides examples of using the Mongo-Hadoop connector to run MapReduce jobs on data stored in MongoDB. It covers loading and writing data to MongoDB from Hadoop, using Java MapReduce, Hadoop Streaming with Python, and analyzing data with Pig and Hive. Examples show processing an email corpus to build a graph of sender-recipient relationships and message counts.
This document provides an overview of JSON (JavaScript Object Notation) including its syntax, values, objects, arrays, and uses for exchanging and storing data. JSON is a lightweight data format that is easy for humans to read and write and easy for machines to parse and generate. The document also discusses using JSON with XMLHttpRequest to make HTTP requests to a web server and retrieve JSON data to display on a web page without reloading.
The document provides information about JavaScript and the Document Object Model (DOM). It discusses how JavaScript can dynamically access and update HTML elements using the DOM. It explains that all HTML elements are defined as objects in the DOM that can be accessed and manipulated using JavaScript properties and methods. The document provides examples of how to select elements, modify attributes and styles, add and remove elements, and handle events. It also covers common JavaScript objects like Date, Math, and built-in constructors.
Es una monografía realizada por mí, en carácter de trabajo final para concluir y evaluar mi ayudantía en la Cátedra de Microbiología y Parasitología de la Carrera de Odontología de la Universidad Nacional de La Rioja (UNLaR).
DOGV, núm. 7300, de 20 de junio de 2014. Estudio de la ley de centros de culto de Cataluña. Entre otros, se analiza el artículo 11, sobre medidas sin carácter sancionador, y -en general- la normativa urbanistica sobre centros de culto en Catalunya.
Ius canonicum, ISSN 0021-325X, Vol. 51, Nº 101, 2011, págs. 277-328
Desde hace años las confesiones religiosas, especialmente las minoritarias, pero también la Iglesia Católica, encuentran dificultades para la apertura de lugares de culto. Sin embargo, estos obstáculos para acceder a suelo dotacional, no tiene su causa principal en la legislación vigente, sino más bien en malas prácticas administrativas o en una compresión laicista de la relaciones de las confesiones con los Poderes Públicos. Igualmente las administraciones públicas denuncian la existencia de oratorios islámicos y evangélicos con insuficientes medidas constructivas de seguridad
El documento describe un programa de maestría en educación a distancia. Explica que el programa se estructura en 12 módulos obligatorios y 2 líneas de especialización, cubriendo temas como los fundamentos de la educación a distancia, el aprendizaje a distancia, el diseño instruccional, y las nuevas tecnologías. También describe las evaluaciones que incluyen participación en foros virtuales, pruebas a distancia, actividades grupales, y un proyecto de especialización. El programa toma dos años en completar y otorga 1,
El documento habla sobre las herramientas y estrategias de marketing y comunicación en línea. Explica que los públicos ahora se comunican e interactúan con las marcas en línea, creando su propio contenido. Describe varias herramientas clave como sitios web, correo electrónico, redes sociales, blogs, motores de búsqueda y más. También analiza casos prácticos de cómo diferentes empresas y organizaciones han utilizado estas herramientas con éxito para comunicarse con sus audiencias en línea.
El documento proporciona información sobre técnicas de soldadura en frío de hierro colado. Explica que la preparación de la superficie, selección del material de aporte y método de aplicación son cruciales para obtener uniones resistentes. También describe ventajas del sistema UTP como alta maquinabilidad, resistencia mecánica y capacidad para realizar soldaduras estancas sin precalentamiento.
DynaScan ds² Premium High Bright LCD Dislaysdynascan
This document summarizes DynaScan's professional LCD monitors. DynaScan was founded in 1998 and manufactures high brightness LCD displays between 46" and 65" in size, with brightness ratings from 1500-5000 nits. The monitors use LED backlights with local dimming for high contrast and low power consumption. They are factory calibrated to D65 color temperature and intended for applications requiring daylight visible screens both indoors and outdoors.
Este documento enumera 9 razones para visitar Brasil, incluyendo sus atracciones, cultura y gente, invitando al lector a experimentar la diversidad y belleza del país.
Costa Rica enfrenta problemas de malnutrición como bajo peso y estatura en niños menores de 5 años, y sobrepeso y obesidad en niños entre 5 y 19 años y mujeres entre 20 y 44 años. El documento propone un proyecto llamado "Comer Más Sano es Más Barato" para promover el consumo de frutas, verduras y proteínas a través de campañas en tiendas Walmart con el objetivo de mejorar los hábitos alimenticios de clientes, empleados y la población en general.
This Week at the State! August 12 - 17, 2013StateTheatre
The State Theatre continues the month of August with the final film for the Read It
Watch It series, several showings of Much Ado About Nothing, a music concert featuring SugarBomb!, as well as another $3
blockbuster film.
C:\Documents And Settings\Usuario\Mis Documentos\Power Point De William1\Madr...02241951
Este poema expresa el profundo amor y gratitud del autor hacia su madre. Describe a su madre como una rosa y mariposa gentil que lo guió con sabiduría y amor incondicional durante su niñez y toda su vida, mitigando sus penas con caricias, besos y oraciones. El autor promete amar y nunca olvidar a su madre bendita.
Este documento trata sobre los embaldosados del plano con polígonos regulares. Explica que los triángulos y cuadriláteros pueden embaldosar el plano, e introduce un nuevo embaldosado pentagonal. También discute embaldosados hexagonales, naturales y periódicos, así como embaldosados aperiódicos y quasi-cristales. Finalmente, analiza propiedades matemáticas como repetitividad, rectificabilidad y secciones áureas en relación con los embaldosados.
Este documento presenta información sobre el uso de las redes sociales y nuevas tecnologías por las empresas en Panamá. Explica que las redes sociales han forzado a las empresas a abrir versiones en línea y han complementado la forma en que ofrecen sus negocios. Proporciona cifras sobre la presencia en la web de empresas panameñas, las más populares en Facebook y Twitter, y estadísticas sobre el uso de internet y redes sociales en Panamá. También discute estrategias y riesgos para que las empresas usen las redes social
El documento define la ingeniería y las funciones de los ingenieros. Explica que la ingeniería aplica el conocimiento científico para mejorar la calidad de vida mediante el desarrollo de tecnología. Describe las principales ramas de la ingeniería como civil, mecánica, eléctrica y más. Finalmente resume los alcances de los títulos de Ingeniero Civil e Ingeniero Electromecánico otorgados por la Universidad Nacional del Nordeste.
El documento describe diferentes tipos de anemia por defectos en la síntesis del hem, incluyendo anemia por deficiencia de hierro, anemia sideroblástica y anemia por acumulación de hierro. Explica las características clínicas, exámenes de laboratorio y hallazgos histológicos de cada tipo de anemia, así como sus posibles causas y tratamientos.
This document provides information about subscribing to The Management Accountant journal published by The Institute of Cost Accountants of India. Some key details:
- The Management Accountant has been published since 1966 and aims to provide information, analysis, and research for Cost and Management Accountants.
- Subscription rates are ₹100 per issue or ₹1000 annually. Registered students can subscribe for ₹300 per year.
- To subscribe, readers should complete an application form and send it with a draft payment to the specified address.
- The journal is published monthly and covers topics relevant to cost and management accounting professionals like case studies, technical articles, updates on the profession.
Deformacinių siūlių sujungimo sistema HSD naudojama skersinių jėgų perdavimui pastatų/statinių siūlėse, tokiu būdu sumažėja nevienodi pastato nusėdimai ir poslinkiai dėl skirtingų deformacijų poveikio. Priklausomai nuo HSD elemento, sujungimo sistema leidžia horizontalius pastato poslinkius išilgine kryptimi arba išilgine ir skersine kryptimis, kurie atsiranda dėka susitraukimo, valkšnumo arba temperatūrinių pokyčių.
Inkarinis sujungimas HSD leidžia jėgos „slydimą" inkaro ašies kryptimi. Paprastai inkariniai sujungimai leidžia skersinių jėgų perdavimą laisva kryptimi. Dideli našumą gali garantuoti tik inkarai, kurie paskirsto apkrovą. Tais atvejais jeigu reikia įvertinti šonines apkrovas, būtina naudoti elementą HSD-V, kuris leidžia skersinių jėgų perdavimą išilginę ir skersinę kryptimis. Tuo atveju aktyvi jėga perduodama tik viena kryptimi.
Este documento presenta varios productos de salud y nutrición de la marca Forever Living, incluyendo combos básicos de suplementos, té de hierbas, gel de aloe vera, productos a base de polen de abeja y jalea real. Se proporcionan detalles sobre los ingredientes y beneficios de cada producto. También incluye información sobre sellos de calidad y enlaces para comprar los productos.
Zero Downtime for Oracle E-Business Suite on Oracle ExalogicPaulo Fagundes
The following is intended to outline our general product direction. It is intended for
information purposes only, and may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or functionality, and should not be relied upon
in making purchasing decisions. The development, release, and timing of any features or
functionality described for Oracle’s products remains at the sole discretion of Oracle.
AJAX is a new approach to web application development that uses asynchronous JavaScript and XML to transmit small amounts of data in the background without interfering with the display and behavior of the existing page. Some key aspects of AJAX include asynchronous data retrieval using XMLHttpRequest, data interchange formats like XML/JSON, dynamic display using the DOM, and JavaScript binding it all together for a more responsive user experience compared to traditional full page loads. Common AJAX design patterns address issues like predictive fetching of likely next data, throttling frequent submissions, periodic refreshing of data, and multi-stage downloading of pages and components.
This document discusses various techniques for transferring data between a client and server, including JSON, web sockets, and AJAX. JSON is introduced as a widely supported format for data interchange. Web sockets allow for full-duplex communication between client and server, while AJAX can be used to make asynchronous requests. Requirements for communication protocols include wide server/client support, ease of debugging, and ability to pass firewalls. JSON meets these requirements as it is text-based, simple, and supported across many platforms. The document demonstrates using JSON to return flight data from a server to a client and discusses jQuery functions like $.get and $.ajax for making requests. It also covers concepts like the same-origin policy and techniques like JSON
JSON Fuzzing: New approach to old problemstitanlambda
The document describes a new approach to JSON fuzzing developed by the authors. It notes that existing fuzzing tools do not support JSON format testing. The authors extended an existing Firefox addon to add JSON parsing and fuzzing capabilities. This allows converting a JSON request to name-value pairs for fuzzing, fuzzing the values, converting back to JSON format and sending to the application. A demo is provided and future work discussed, such as supporting different JSON formats and integrating the technique into other tools.
JavaScript para Graficos y Visualizacion de Datosphilogb
This document discusses using JavaScript for data visualization and graphics. It presents examples of collecting video data using HTML5 APIs, transforming the data with Web Workers and typed arrays, rendering 3D scenes with WebGL and PhiloGL, and interacting with forms. The examples show loading weather data and manipulating it to render an interactive 3D histogram in the browser. The document argues that using modern HTML5 APIs and lightweight frameworks directly provides more power and control than monolithic application frameworks.
This document discusses different methods for client-client and client-server communication using HTML5, including desktop notifications, postMessage for cross-window messaging, CORS for cross-origin resource sharing, and server-sent events for streaming data from the server to client. It provides an overview and examples of how each technique works and when they should be used, such as desktop notifications for browser-based apps, postMessage for communication between iframes or popups, CORS for making cross-domain AJAX requests, and server-sent events for push notifications from server without websockets.
JavaScript para Graficos y Visualizacion de Datos - BogotaJSphilogb
This document discusses using JavaScript for data visualization and graphics. It presents examples of collecting video data using HTML5 APIs, transforming the data with Web Workers and typed arrays, rendering 3D scenes with WebGL and PhiloGL, and interacting with forms. The examples show loading weather data and visualizing it over time by interacting with an HTML5 range slider. The conclusion argues that using HTML5 APIs directly with polyfills is preferable to monolithic frameworks for data visualization applications.
The document discusses upcoming web standards like HTML5 and WebSockets. It provides examples of using local storage, handling errors with window.onerror, and the Same Origin Policy. It also demonstrates how to access device sensors and use the webcam with getUserMedia. The document promotes Opera's developer tools like Dragonfly and extensions to aid web development.
Here are the key steps to load data from a RESTful service using AJAX and jQuery:
1. Make an AJAX GET request to the REST API endpoint using jQuery.ajax() or jQuery.getJSON().
2. Specify the URL, set the data type to "json", and provide a success callback.
3. On success, the JSON response will be passed to the callback function where it can be used to update the UI.
4. Parse the JSON response into a JavaScript object for easy access to the data.
5. Update the HTML using the jQuery DOM manipulation methods like html(), text(), etc.
So in summary - make an AJAX GET, parse the JSON response,
The first of its kind Web Technology Conference on Open Source Technology, WebOSS '07 was organised in Kolkata on Sat, 13th Oct 07 and I spoke at the event as one of the participants on "Building Applications using AJAX". Here I will share my presentation.
The document discusses creating rich client web applications using AJAX. It provides an overview of AJAX including how it allows sending and receiving only needed data asynchronously to update portions of a page without reloading the whole page. It discusses using JavaScript and XMLHttpRequest to make asynchronous requests to AJAX endpoints, which can return payloads in XML or JSON format. Finally, it covers some AJAX libraries and security considerations.
1. AJAX uses a group of technologies including HTML, CSS, DOM, JavaScript, and XMLHttpRequest to asynchronously exchange data with a web server in the background without interfering with the display and behavior of the existing page.
2. The document discusses how AJAX works and the XMLHttpRequest object used to asynchronously exchange data with a web server. It provides examples of using AJAX for real-time validation and to retrieve up-to-date stock information from a database without reloading the page.
3. The key steps in an AJAX application are to create an XMLHttpRequest object, assign an onreadystatechange handler, open a request to the server, and send the request. The response is then
Websockets talk at Rubyconf Uruguay 2010Ismael Celis
This document discusses using WebSockets for real-time applications in Ruby. It begins with an overview of WebSockets and use cases. It then covers the WebSocket DOM API, handshake process, and implementing a WebSocket server in Ruby with EventMachine and EM-WebSocket. It provides an example of building a multicast channel application with JSON messages. It also discusses scaling options like Pusher and shows code samples for a Pusher implementation.
The document provides an overview of Node.js, a JavaScript runtime environment for building scalable network applications. Some key points covered include:
- Node.js is built on Google's V8 JavaScript engine and is event-driven and non-blocking.
- It is well-suited for data-intensive real-time applications due to its lightweight and efficient nature.
- Node.js differs from other scripting languages by being non-blocking, single-threaded, and having an event-based approach built-in.
The document discusses a lecture on AJAX and JSON. It provides an introduction to AJAX, where and how it can be used, and how to combine AJAX with JSON. It then reviews JavaScript objects and JSON, and demonstrates how to make AJAX requests with simple JavaScript. The document outlines the steps to create an XMLHttpRequest object and make asynchronous requests. It also discusses properties and methods of the XMLHttpRequest object like open(), send(), status, and readyState. Finally, it provides examples of using AJAX to fetch JSON data and display it on a page.
SOAP Web Services have a well established role in the enterprise, but aside from the many benefits of the WS-* standards, SOAP and XML also carry additional baggage for developers. Consequently, REST Web Services are gaining tremendous popularity within the developer community. This session will begin by comparing and contrasting the basic concepts of both SOAP and REST Web Services. Building on that foundation, Sam Brannen will show attendees how to implement SOAP-based applications using Spring-WS 2.0. He will then demonstrate how to build a similar REST-ful application using Spring MVC 3.0. The session will conclude with an in-depth look at both server-side and client-side development as well as efficient integration testing of Web Services using the Spring Framework.
Web Architectures - Lecture 02 - Web Information Systems (4011474FNR)Beat Signer
The document discusses web information systems and web architectures. It describes how modern web information systems need to be extensible, manage heterogeneous information from multiple sources, and deal with user context. It also provides examples of HTTP requests and responses, explaining the basic client-server web architecture and how browsers and servers communicate over HTTP. Key concepts covered include URIs, MIME types, caching, and proxies.
Event-driven IO server-side JavaScript environment based on V8 EngineRicardo Silva
This document contains information about Ricardo Silva's background and areas of expertise. It includes his degree in Computer Science from ISTEC and MSc in Computation and Medical Instrumentation from ISEP. It also notes that he works as a Software Developer at Shortcut, Lda and maintains a blog and email contact for Node.js topics. The document then covers several JavaScript, Node.js and Websockets topics through examples and explanations in 3 sentences or less each.
This document provides an introduction to JavaScript web development. It covers key concepts like AJAX architecture, unobtrusive JavaScript, CSS, and how they interact. JavaScript allows dynamic interaction and filtering of HTML content. The document demonstrates JavaScript features like variables, arrays, objects, JSON, loops, functions, and more. It also discusses advantages of CSS for layout and separation of concerns from HTML.
Alexey Kupriyanenko "The State of Modern JavaScript and Web in 2020 - Real us...Fwdays
Web technologies are on a constant rise, and as time goes by, they’re just getting better, quicker and making our lives much easier. In this talk, we will review some of them, including those still in experimental stages.
We’ll kickoff with “Web Standards” and “Browser Features”, that you can start using right away. Following that, we will tackle some of the interesting ideas flying around out there, and explore them via real use cases most of us probably deal with on a daily basis.
And the cheery on top of all of this - Upcoming APIs. Although still in early stages, we’ll examine them and even challenge them with different use cases and problems that they are solving.
Similar to Web 2.0 Patterns and Technologies - Lecture 07 - Web Information Systems (4011474FNR) (20)
This document outlines the course organization, goals, schedule, and content for a Human-Computer Interaction course. It provides contact information for the instructor, Prof. Beat Signer, and TAs. The course will cover HCI principles, the interaction design process, requirements analysis, prototyping, evaluation methods, and use cases. Students will complete an assignment involving the design of parts of a new university website and take a final exam. The course will involve lectures, exercises, and group work.
Indoor Positioning Using the OpenHPS FrameworkBeat Signer
The OpenHPS framework is an open source hybrid positioning system that allows for flexibility in technologies, algorithms, use cases, and output. It features a process network design that connects different positioning techniques and data sources. The framework includes core components, abstractions, data storage options, and communication abilities. It was demonstrated through an indoor positioning use case and validated for accuracy and effectiveness. OpenHPS aims to support developers and researchers in indoor positioning applications.
Personalised Learning Environments Based on Knowledge Graphs and the Zone of ...Beat Signer
Presentation given at CSEDU 2022, Virtual Event.
The learning of new knowledge and skills often requires previous knowledge, which can lead to some frustration if a teacher does not know a learner's exact knowledge and skills and therefore confronts them with exercises that are too difficult to solve. We present a solution to address this issue when teaching techniques and skills in the domain of table tennis, based on the concrete needs of trainers that we have investigated in a survey. We present a conceptual model for the representation of knowledge graphs as well as the level at which individual players already master parts of this knowledge graph. Our fine-grained model enables the automatic suggestion of optimal exercises in a player's so-called zone of proximal development, and our domain-specific application allows table tennis trainers to schedule their training sessions and exercises based on this rich information. In an initial evaluation of the resulting solution for personalised learning environments, we received positive and promising feedback from trainers. We are currently investigating how our approach and conceptual model can be generalised to some more traditional educational settings and how the personalised learning environment might be further improved based on the expressive concepts of the presented model.
Research paper: https://beatsigner.com/publications/personalised-learning-environments-based-on-knowledge-graphs-and-the-zone-of-proximal-development.pdf
Cross-Media Technologies and Applications - Future Directions for Personal In...Beat Signer
Webinar given at icity Lab Talks - The Digital Value Chain
In this talk, I will first provide an overview of the lab’s research on a general data-driven approach for cross-media information system and architectures based on the resource-selector-link (RSL) hypermedia metamodel. We will then have a look at several cross-media applications for personal information management and next-generation presentation solutions (MindXpres). Finally, I will outline the lab’s most recent research on tangible interaction and dynamic data physicalisation.
Bridging the Gap: Managing and Interacting with Information Across Media Boun...Beat Signer
The document discusses cross-media information spaces and architectures (CISA). It describes Prof. Beat Signer's research group which focuses on managing and interacting with information across media boundaries using a data-centric approach based on a hypermedia metamodel. The group develops technologies for cross-media linking, flexible document representation, and cross-media user interfaces. Several projects are mentioned, including systems for personal information management, content-driven presentations, interactive paper, and dynamic data physicalization.
Codeschool in a Box: A Low-Barrier Approach to Packaging Programming CurriculaBeat Signer
Presentation given at CSEDU 2023, Prague, Czech Republic.
The tech industry is a fast-growing field, with many companies facing issues in finding skilled workers to fill their open vacancies. At the same time, many people have limited access to the quality education necessary to enter this job market. To address this issue, various small and often volunteer-run non-profit organisations have emerged to up-skill capable learners. However, these organisations face tight constraints and many challenges while trying to design and deliver high-quality education to their learners. In this position paper, we discuss some of these challenges and present a preliminary version of a curriculum packager addressing some of these issues. Our proposed solution, inspired by first-hand experience in these organisations as well as computing education research (CER), is based on a combination of micromaterials, study lenses and a companion mobile application. While our solution is designed for the specific context of small organisations providing vocational ICT training, it can also be applied to the broader domain of learning environments facing similar constraints.
Research paper: https://beatsigner.com/publications/codeschool-in-a-box-a-low-barrier-approach-to-packaging-programming-curricula.pdf
Towards a Framework for Dynamic Data PhysicalisationBeat Signer
This document proposes a framework for dynamically physicalizing data. It describes the Tangible Hologram (TangHo) platform, which uses a 6 degree of freedom robotic arm prototype built from Lego Mindstorms. The arm can interact bidirectionally with a user through holograms displayed via HoloLens. Challenges include inverse kinematics since the final system will be body mounted. The document concludes that the conceptual framework and TangHo prototype allow for data-driven physicalization of large multi-dimensional datasets through dynamic and interactive designs.
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
Strategies for Effective Upskilling is a presentation by Chinwendu Peace in a Your Skill Boost Masterclass organisation by the Excellence Foundation for South Sudan on 08th and 09th June 2024 from 1 PM to 3 PM on each day.
A review of the growth of the Israel Genealogy Research Association Database Collection for the last 12 months. Our collection is now passed the 3 million mark and still growing. See which archives have contributed the most. See the different types of records we have, and which years have had records added. You can also see what we have for the future.
How to Build a Module in Odoo 17 Using the Scaffold MethodCeline George
Odoo provides an option for creating a module by using a single line command. By using this command the user can make a whole structure of a module. It is very easy for a beginner to make a module. There is no need to make each file manually. This slide will show how to create a module using the scaffold method.
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPRAHUL
This Dissertation explores the particular circumstances of Mirzapur, a region located in the
core of India. Mirzapur, with its varied terrains and abundant biodiversity, offers an optimal
environment for investigating the changes in vegetation cover dynamics. Our study utilizes
advanced technologies such as GIS (Geographic Information Systems) and Remote sensing to
analyze the transformations that have taken place over the course of a decade.
The complex relationship between human activities and the environment has been the focus
of extensive research and worry. As the global community grapples with swift urbanization,
population expansion, and economic progress, the effects on natural ecosystems are becoming
more evident. A crucial element of this impact is the alteration of vegetation cover, which plays a
significant role in maintaining the ecological equilibrium of our planet.Land serves as the foundation for all human activities and provides the necessary materials for
these activities. As the most crucial natural resource, its utilization by humans results in different
'Land uses,' which are determined by both human activities and the physical characteristics of the
land.
The utilization of land is impacted by human needs and environmental factors. In countries
like India, rapid population growth and the emphasis on extensive resource exploitation can lead
to significant land degradation, adversely affecting the region's land cover.
Therefore, human intervention has significantly influenced land use patterns over many
centuries, evolving its structure over time and space. In the present era, these changes have
accelerated due to factors such as agriculture and urbanization. Information regarding land use and
cover is essential for various planning and management tasks related to the Earth's surface,
providing crucial environmental data for scientific, resource management, policy purposes, and
diverse human activities.
Accurate understanding of land use and cover is imperative for the development planning
of any area. Consequently, a wide range of professionals, including earth system scientists, land
and water managers, and urban planners, are interested in obtaining data on land use and cover
changes, conversion trends, and other related patterns. The spatial dimensions of land use and
cover support policymakers and scientists in making well-informed decisions, as alterations in
these patterns indicate shifts in economic and social conditions. Monitoring such changes with the
help of Advanced technologies like Remote Sensing and Geographic Information Systems is
crucial for coordinated efforts across different administrative levels. Advanced technologies like
Remote Sensing and Geographic Information Systems
9
Changes in vegetation cover refer to variations in the distribution, composition, and overall
structure of plant communities across different temporal and spatial scales. These changes can
occur natural.
it describes the bony anatomy including the femoral head , acetabulum, labrum . also discusses the capsule , ligaments . muscle that act on the hip joint and the range of motion are outlined. factors affecting hip joint stability and weight transmission through the joint are summarized.
How to Setup Warehouse & Location in Odoo 17 InventoryCeline George
In this slide, we'll explore how to set up warehouses and locations in Odoo 17 Inventory. This will help us manage our stock effectively, track inventory levels, and streamline warehouse operations.
How to Make a Field Mandatory in Odoo 17Celine George
In Odoo, making a field required can be done through both Python code and XML views. When you set the required attribute to True in Python code, it makes the field required across all views where it's used. Conversely, when you set the required attribute in XML views, it makes the field required only in the context of that particular view.
Web 2.0 Patterns and Technologies - Lecture 07 - Web Information Systems (4011474FNR)
1. 2 December 2005
Web Information Systems
Web 2.0 Patterns and Technologies
Prof. Beat Signer
Department of Computer Science
Vrije Universiteit Brussel
http://www.beatsigner.com
2. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 2November 14, 2014
The Programmable Web
Based on HTTP
Data often encoded in XML
Potential alternative data formats
HTML
plain text
JavaScript Object Notation (JSON)
binary formats
3. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 3November 14, 2014
Rich Internet Applications (RIAs)
Bring the desktop to the browser
Highly responsive (good performance)
asynchronous and partial content updates
Rich Graphical User Interface (GUI)
various RIA toolkits and environments introduced earlier
- Adobe Flash, Apache Flex and AIR
- Microsoft Silverlight
- Sun JavaFX
- JavaServer Faces (JSF)
- Mozilla XUL (XML User Interface Language)
- OpenLaszlo
- ...
4. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 4November 14, 2014
Asynchronous Partial Updates
Client Server
Rather than updating an entire resource (e.g. webpage),
we can asynchronously update parts of a resource
Updates initiated by the client (or the server) based on
user interaction, state change, timeout, …
Service Service
5. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 5November 14, 2014
Asynchronous Partial Updates …
Updates cannot be initiated by the server if HTTP is used!
have to use polling or long polling (e.g. Comet model)
There are different possibilities how the partial update of
resources can be realised over the Web
AJAX
Action Message Format (AMF)
- used by Apache Flex
REST-based implementations
…
6. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 6November 14, 2014
AJAX
Asynchronous JavaScript and XML
AJAX is not a technology by itself but a group
of existing technologies (term coined in 2005)
HTML and CSS for the visualisation
JavaScript in combination with DOM to dynamically change the
presented information and process messages on the client side
method to asynchronously exchange data between the client
(browser) and the server
- often via the XMLHttpRequest (XHR) JavaScript object
- data can be in different formats including XML, plain text, JavaScript Object
Notation (JSON), ...
client-side AJAX engine deals with asynchronous message
handling
7. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 7November 14, 2014
XMLHttpRequest Object
The XMLHttpRequest (XHR) object has several
important properties
onreadystatechange
- registers a JavaScript function that will handle the response from the server
readyState
- represents a response status from the server
• 0 (unititialised): object has been created but is uninitialised
• 1 (open): object has been created but send method not yet called
• 2 (sent): send method has been called and the HTTP response headers have been received
• 3 (receiving): some data (body) has been received but response not yet available
• 4 (loaded): all data has been received and the response is available
- a function registered via onreadystatechage is executed each time readyState changes
responseText, responseBody and responseXML
- contains the server's response in different formats
8. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 8November 14, 2014
AJAX Example
<html>
<body>
<script type="text/javascript">
function createXMLHttpRequest() {
if (typeof XMLHttpRequest != "undefined") {
return new XMLHttpRequest();
}
else if (typeof ActiveXObject != "undefined") { // code for IE5 and IE6
return new ActiveXObject("Microsoft.XMLHTTP");
}
else {
throw new Error("XMLHttpRequest object not supported!")
}
}
function getTime() {
xhr = createXMLHttpRequest();
xhr.onreadystatechange=function() {
if (xhr.readyState == 4 && xhr.status == 200) {
document.testForm.time.value=xhr.responseText;
}
}
xhr.open("GET","time.php",true);
xhr.send(null);
}
</script>
9. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 9November 14, 2014
AJAX Example ...
createXMLHttpRequest() deals with different browser
versions
For more advanced AJAX examples see
http://www.w3schools.com/Ajax/
Getting Started with Ajax
http://refcardz.dzone.com/refcardz/
getting-started-ajax
<form name="testForm">
Input: <input type="text" name="input" onkeyup="getTime();" />
Time: <input type="text" name="time" />
</form>
</body>
</html>
10. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 10November 14, 2014
Google Search (Suggest) AJAX Example
11. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 11November 14, 2014
AJAX
Advantages
reduced load time and higher responsiveness
application state can be maintained across multiple pages since
the main container page is not reloaded
Disadvantages
not possible to bookmark any particular state of an application
content may not be crawled by certain search engines since they
do not execute JavaScript code
cannot be used in browsers with disabled JavaScript functionality
page updates are not automatically registered in the browser's
history engine
Various libraries simplify the AJAX development
e.g. the jQuery JavaScript library
12. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 12November 14, 2014
Web Socket API
Bidirectional, full-duplex socket connection between
the server and browser for real-time web applications
(low latency) with asynchronous partial updates
server-initiated updates become possible!
client and server upgrade from the HTTP protocol to the
WebSocket protocol (initial HTTP handshake)
- via Upgrade: websocket HTTP header field
- browser as well as server have to support the Web Socket protocol
reduced "overhead" since no HTTP headers
no longer necessary to do any polling or long polling
- faster since in the polling approach the server can send nothing while a client
request is transmitted
similarly an EventSource object can be used if only the server
has to push information (server-sent events)
W3CCandidateRecommendation
13. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 13November 14, 2014
Web Socket API ...
<script type="text/javascript">
var socket = new WebSocket("ws://chat-server.com");
socket.onopen = function(e) { alert("Opened connection ..."); };
socket.onmessage = function(e) {
var message = JSON.parse(e.data));
alert("Message received.");
...
};
socket.onclose = function(e) { alert("Closed connection."); };
socket.onerror = function(e) { alert("WebSocket Error" + e); };
socket.send("Hellow World");
...
socket.close();
</script>
W3CCandidateRecommendation
14. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 14November 14, 2014
Web Sockets Support
When can I use..., http://caniuse.com/#search=socket
15. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 15November 14, 2014
Example: Multiplayer Port of Quake II
Google's browser port of Quake II uses
canvas and WebGL
<audio> for sound
<video> for in-game videos
Web Sockets for communication with the server (other players)
Local Storage for managing preferences and saved games
16. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 16November 14, 2014
JavaScript Object Notation (JSON)
Developed as an XML alternative to represent JavaScript
objects as strings (language independent)
Easy to produce and faster to parse than XML
supports different data types
JSON is based on a subset of JavaScript
JSON document can be read via the JavaScript eval() function
- security issues: note that this approach can be dangerous if the source is not
trusted since any JavaScript code might be executed
most recent browsers offer a JSON parser
- recognises only JSON data types and rejects any scripts
Many Web 2.0 Applications offer a JSON interface
Flickr, YouTube, Delicious, ...
17. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 17November 14, 2014
JSON Data Types
The values themselves can be simple values (number,
boolean or string), arrays or objects
nesting is supported
Type Description
Number integer, real or float
Boolean true or false
String double-quoted Unicode (use backslash for escaping)
Array comma-separated ordered sequence of values enclosed in
square brackets
Object comma-separated collection of key:value pairs enclosed in
curly brackets
null null value
18. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 18November 14, 2014
JSON Syntax Diagrams
http://www.json.org
20. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 20November 14, 2014
JSON-RPC
Simple JSON-encoded remote procedure call protocol
that is very similar to XML-RPC (discussed earlier)
multiple requests might be sent to a peer and answered out of
order (use id to match a request with its response)
{
"version": "1.1",
"method": "Math.multiply",
"id": "24034824",
"params": [128.0, 256.0]
}
JSON-RPC Request
{
"version": "1.1",
"result": 32768.0,
"error": null,
"id": "24034824"
}
JSON-RPC Response
21. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 21November 14, 2014
Service-Oriented Architecture (SOA)
Architecture that modularises functionality as
interoperable services
loose coupling of services
service encapsulation
interoperability between different operating systems and
programming languages
mashup of services
...
Software as a service (SaaS)
software is offered as a service and may itself be a composition of
third-party services
22. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 22November 14, 2014
Representational State Transfer (REST)
REST is an architectural style for distributed hypermedia
systems requirering the following constraints
(1) separation of concerns between client and server
client and server can be developed and replaced independently
(2) uniform interface
identification of resources (e.g. URIs on the Web)
manipulation of resources on the server via representation on the client side
self-describing messages (e.g. MIME type on the Web)
hypermedia for application state change (e.g. hypertext links to related
resources)
(3) stateless
no client state is stored on the server side
(4) cacheability
responses must explicitly or implicitly define whether they are cacheable
23. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 23November 14, 2014
Representational State Transfer (REST) ...
(5) layering
intermediary servers (proxies) can be transparently added between the client
and the server
(6) code on demand (optional)
the server can send application logic (code) to the client (e.g. Java Applets)
A service that conforms at least to the first five
constraints is called a RESTful service
The Web is an implementation of a system conforming to
the REST architectural style
however, RESTful services can also be implemented over
protocols other than HTTP
24. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 24November 14, 2014
Web Services
Web-based client-server communication
over HTTP
Two main types of Web Services
Big Web Services
- Universal Description, Discovery and Integration (UDDI)
- Web Services Description Language (WSDL)
- Simple Object Access Protocol (SOAP)
RESTful Web Services
- better integrated with HTTP and web browsers
- makes use of GET, POST, PUT and DELETE HTTP methods
25. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 25November 14, 2014
Big Web Services
Service
Provider
Service
Requester
Service
Broker
UDDI
WSDL
SOAP
SOAP
WSDL
26. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 26November 14, 2014
Big Web Services ...
Universal Description, Discovery and Integration (UDDI)
yellow pages for WSDL
"global" registry describing available business services
very complex
Microsoft and IBM shut down their public UDDI registries in 2006
Web Service Description Language (WSDL)
XML application to describe a Web Service's functionality
complex
Simple Object Access Protocol (SOAP)
defines an envelope for transporting XML messages
The Web Service Stack contains many other protocols
BPEL, WS-Security, WS-Reliability, WS-Transaction, ...
27. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 27November 14, 2014
SOAP
Successor of XML-RPC (discussed earlier)
Introduced in 1998 as Simple Object Access Protocol
Dave Winer, Don Box, Bob Atkinson and Mohsen Al-Ghosein
since version 1.2 the name is no longer treated as an acronym
XML-based communication protocol
A SOAP message consists of an <Envelope> element
which contains
an optional <Header> element
a <Body> element
- remote procedure call or response information
SOAP requests are often sent via HTTP POST requests
28. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 28November 14, 2014
SOAP Request Message Example
predefined SOAP attributes
- encodingStyle: defines the used data types
- mustUnderstand: if set to 1 then the server has to understand the header
- actor: can be used to delegate the header to an intermediary receiver (proxy)
<?xml version="1.0"?>
<soap:Envelope xmlns:soap="http://www.w3.org/2001/12/soap-envelope"
soap:encodingStyle="http://www.w3.org/2001/12/soap-encoding">
<soap:Header>
<t:username xmlns:t="http://wise.vub.ac.be/transaction/"
soap:mustUnderstand="1">pellens</t:username>
</soap:Header>
<soap:Body xmlns:c="http://wise.vub.ac.be/courses/">
<c:getCourseInfo>
<c:courseID>4011474FNR</c:courseID>
</c:getCourseInfo>
</soap:Body>
</soap:Envelope>
29. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 29November 14, 2014
SOAP Response Message Example
note that also a response message can have a <Header> element
the body contains a <Fault> element if something went wrong on
the server side
<?xml version="1.0"?>
<soap:Envelope xmlns:soap="http://www.w3.org/2001/12/soap-envelope"
soap:encodingStyle="http://www.w3.org/2001/12/soap-encoding">
<soap:Body>
<c:getCourseInfoResponse xmlns:c="http://wise.vub.ac.be/courses">
<c:title>Web Information Systems</c:title>
<c:description>The goal of this course is to teach students the concepts and
technologies for realising Web Information Systems (WIS). This ranges from basic
network technologies and protocols to high level frameworks for the design and
...
</c:description>
</c:getCourseInfoResponse>
</soap:Body>
</soap:Envelope>
30. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 30November 14, 2014
SOAP ...
Advantages
platform and language independent
SOAP over HTTP results in less problems with proxies and
firewalls than other remote procedure call solutions (e.g. CORBA)
there exist a lot of tools and language bindings that automatically
create the required client and server-side functionality
- e.g. Java API for XML Web Services (JAX-WS)
Disadvantages
slower than non-verbose protocols (e.g. CORBA)
Big Web Services are not simple
HTTP is reduced to a simple transport protocol for a large amount
of XML metadata payload
- does not make use of the rich functionality offered for HTTP envelopes
no mechanism for the caching of results
31. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 31November 14, 2014
RESTful Web Services
A RESTful web service (or RESTful Web API) is a simple
web service implemented using HTTP
The definition of RESTful web service includes
the URI of the web service (e.g. http://wise.vub.be/course/)
- different resources identified by unique URIs
the type (MIME) of data supported by the service
- e.g. application/json, application/xml, ...
supported set of operations via HTTP methods
- e.g. GET, POST, PUT, DELETE
One-to-one mapping between create, read, update, and
delete (CRUD) operations and HTTP methods
POST (create), GET (read), PUT (update) and DELETE (delete)
32. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 32November 14, 2014
RESTful Web Service Example
POST /users HTTP/1.1
Host: wise.vub.ac.be
Content-Type: application/xml
<?xml version="1.0"?>
<user>
<name>Roels</name>
</user> create
GET /users/Roels HTTP/1.1
Host: wise.vub.ac.be
Accept: application/xml read
PUT /users/Roels HTTP/1.1
Host: wise.vub.ac.be
Content-Type: application/xml
<?xml version="1.0"?>
<user>
<name>Signer</name>
</user> update
DELETE /users/Signer HTTP/1.1
Host: wise.vub.ac.be
Accept: application/xml delete
33. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 33November 14, 2014
Apache CouchDB
Document-oriented database
provides a RESTful JSON API
- manage the database by simply using POST, GET, PUT and DELETE HTTP
requests with JSON payload
non-relational database
- manages a collection of JSON documents
free and open source
Implemented in Erlang
functional programming language that is ideal for building
concurrent distributed systems
leads to a flexible CouchDB design that is scalable and extensible
Nice example of a RESTful web service that can easily
be accessed from various types of clients
34. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 34November 14, 2014
Really Simple Syndication (RSS)
Format that is used to read and write frequently updated
information on the Web
e.g. blog entries
specific channels on news sites
...
Special RSS readers or aggregators
Two main RSS variants
simple fork (Dave Winer)
- RSS 0.92, RSS 0.93, RSS 0.94 and RSS 2.0
RDF fork
- RSS 1.0
RSS feeds are represented as XML documents
35. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 35November 14, 2014
RSS Example
many other elements
<language>, <copyright>, <pubDate>, ...
<?xml version="1.0" encoding="ISO-8859-1" ?>
<rss version="2.0">
<channel>
<title>W3Schools Home Page</title>
<link>http://www.w3schools.com</link>
<description>Free web building tutorials</description>
<item>
<title>RSS Tutorial</title>
<link>http://www.w3schools.com/rss</link>
<description>New RSS tutorial on W3Schools</description>
</item>
<item>
<title>XML Tutorial</title>
<link>http://www.w3schools.com/xml</link>
<description>New XML tutorial on W3Schools</description>
</item>
...
</channel>
...
</rss>
36. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 36November 14, 2014
Atom
Two related standards
Atom Syndication Format
- similar to RSS
- supports more content formats (e.g. videos) than RSS
Atom Publishing Protocol (APP)
- HTTP-based approach for creating and editing Web resources
- similar to the RESTful web service example shown earlier
Many web service interfaces are based on
the Atom protocol
Microsoft Windows Live
OpenSocial
…
37. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 37November 14, 2014
Mashups
Combine content or functionality from existing
websites, web services and RSS feeds
different mashup tools may address different types
of users (e.g. developers vs. end users)
Various Mashup tools
Yahoo Pipes
IBM Mashup Center
...
38. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 38November 14, 2014
Video: Yahoo Pipes
Creating a basic pipe, http://blip.tv/file/get/Jc174-YahooPipesBasics201.wmv
39. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 39November 14, 2014
Video: Yahoo Pipes ...
Sorting, filtering, and debugging, http://blip.tv/file/get/Jc174-YahooPipesSortingFilteringAndDebugging584.wmv
40. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 40November 14, 2014
Video: Yahoo Pipes ...
Using other People’s Pipes, http://blip.tv/file/get/Jc174-YahooPipesTheYahooSearchModuleUnionModuleAndUsingOther879.wmv
41. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 41November 14, 2014
Exercise 7
Mashup Tools
42. Beat Signer - Department of Computer Science - bsigner@vub.ac.be 42November 14, 2014
References
AJAX Tutorial
http://www.w3schools.com/Ajax/
Mike Amundsen, Building Hypermedia APIs with HTML5
& Node, O'Reilly Media, December 2011
Jim Webber, Savas Parastatidis and Ian Robinson, REST
in Practice: Hypermedia and Systems Architecture,
O'Reilly Media, September 2010
Dave Crane, Getting Started with Ajax
http://refcardz.dzone.com/refcardz/getting-started-
ajax