A look at how HTML5 aims to plug the holes that Flash has been filling in browsers for the last decade, looking at both HTML5 and non-HTML5 JavaScript APIs.
For Flash Brighton in Feb 2010.
The document describes the FIDO2 specification which includes two new standards: WebAuthn for authentication in browsers and CTAP for platform authentication. It provides overviews and code snippets for how credentials can be registered and used for authentication on websites using public key cryptography with FIDO2 compliant security keys or platform authenticators on devices. The specification also covers credential management APIs and the processes of decommissioning credentials.
The document discusses several popular Java security frameworks that can be used to secure Java web and standalone applications. It provides details on Spring Security, Apache Shiro, OACC, PicketLink, Wicket, JGuard, and HDIV, describing their key features such as authentication, authorization, encryption, and access control capabilities. The frameworks vary in their support for technologies like LDAP, CAS, OpenID, SAML, and their ability to integrate with tools like databases, rules engines, and single sign-on servers.
In this talk I will cover how to create a REST API using Grails 2.3 to support single-page applications, exploring all the possible alternatives.
Code is available at https://github.com/alvarosanchez/restful-grails-springsecurity-greach2014
I will also explain how to integrate Spring Security using the spring-security-rest plugin I recently created, to implement a stateless, token-based, RESTful authentication.
Apache Sling is a RESTful content-centric web application framework built on OSGi and JCR standards. It allows resources to be accessed via URLs and supports scripting languages like JSP and JavaScript to render resources. Sling follows REST principles where resources are independent of representations and identified through URLs. It differs from traditional MVC frameworks by treating everything as a resource rather than distinguishing between controllers, models, and views. Sling uses OSGi bundles, a JCR repository like Jackrabbit to store content, and a scripting engine to handle requests and return representations of resources.
Security for oauth 2.0 - @topavankumarjPavan Kumar J
The document provides an overview of OAuth 2.0 authorization framework and discusses common security issues. It begins with introducing the speaker and their background in security. The main topics covered include the history and core elements of OAuth, common grant types and flows, and vulnerabilities like insecure storage of secrets, CSRF attacks during authorization, scope permission issues, and account takeover risks. Best practices for clients and authorization servers to mitigate these threats are also outlined.
The presenter discusses "passkeys", which are multi-device FIDO credentials that can be backed up and replicated across devices. Passkeys are designed to help scale adoption of passwordless FIDO authentication in the consumer space by providing a familiar password manager-like user experience. The presenter demos how passkeys could enable cross-device and cross-ecosystem FIDO authentication on mobile and other devices. Passkeys are also presented as a potential drop-in replacement for passwords with enhanced security characteristics, particularly for high-value enterprise and consumer use cases such as privileged access management.
MikroTik Hotspot 2.0 (IEEE 802.11u) - MUM Jakarta 2016Rofiq Fauzi
This document discusses Hotspot 2.0 technology which aims to make connecting to Wi-Fi networks as easy as connecting to cellular networks. It provides an overview of Hotspot 2.0 components and capabilities, as well as demonstrating MikroTik's support for Hotspot 2.0 by configuring a wireless interface and connecting devices using different credentials in a single access point.
F5 Networks announced a free trial version of its new virtual appliance, the BIG-IP Local Traffic Manager (LTM) Virtual Edition (VE). The combination of virtual and physical Application Delivery Controllers (ADCs) is a major milestone in delivering on F5’s vision for dynamic IT infrastructure.
The document discusses REST API design principles and best practices. It begins by providing examples of RESTful API requests and responses. It then covers REST concepts like resources, verbs, hypermedia, content negotiation, and representation formats. The document advocates for designing APIs that are self-documenting through hypermedia and embedding links to allow discovery of available state transitions and actions. It also discusses balancing REST purism with pragmatic design choices and notes that many popular APIs are not purely RESTful but are still well-designed.
This document discusses security considerations for API gateway aggregation. It proposes building an API gateway aggregator in front of existing API gateways to expose APIs outside a company while minimizing security risks and impact on existing services. It describes how the aggregator can implement OAuth 2.0 authorization with a centralized authorization server and token exchange to authorize external applications without complexifying authorization for internal services. Advanced use cases discussed include supporting the Financial-grade API security profile for highly sensitive data and implementing zero-trust networking.
The document discusses the configuration and setup of the Cisco ASA Firepower module. It provides the following key points:
1. The ASA Firepower module adds next-generation firewall services like IPS, application control, URL filtering, and malware protection. It can be configured in single or multiple context mode, and inline or transparent mode.
2. The module is configured using the separate Firesight Management Center application, either on an external appliance or virtual machine. Basic CLI configuration is also available directly on the ASA.
3. Setup involves installing the module software and image on the ASA, then building and configuring the Firesight Management Center to register and manage the module. Traffic policies on
Incorporating Web Services in Mobile Applications - Web 2.0 San Fran 2009Aduci
Most of the APIs available to developers today have been coded for robust web server integration with little thought of incorporation into light weight mobile applications. This talk will look at the pitfalls of using these APIs directly and methods of incorporating APIs, such as Amazon, eBay, Google and other API sets into mobile and lightweight applications, while maintaining a quality user experience.
First we will review the challenges of incorporating these APIs including;
* Retrieval of large data sets
* Multiple round trip communications
* Security issues of calls
* Display of information
For each of these challenges we will show specific examples with sample functionality, API flows, and XML blocks. Some examples will include web user authentication techniques, media retrieval lists, and interface usability issues.
Once we understand the challenges of incorporating various web APIs we will then look at techniques for handling APIs properly including caching methods, large data set handling, paging, filtering, just in time techniques, information on demand and speed testing. Throughout we will look at pseudo code, and detailed examples of real life examples.
With the proper techniques mobile applications can take advantage of a wide array of third party and home grown APIs without degradation of performance, memory, and overall usability.
OnConnectionLost: The life of an offline web application - JSUnconf 2015Johannes Thönes
Can you use HTML5 technologies to build a web application which works offline? Without a reliable internet connection? Let’s say for two weeks?
That is what our client asked us to build. Their people will use the application on the road; reading documents, entering results and uploading pictures. And then they come home, connect to the internet and sync their results with their colleagues’.
AppCache, IndexedDB and File API allow us to store the application and its data in the browser. However, they require us to re-think assumptions we used to make in the web: Is the client or the server the master of the data? How can we handle updates of the application? What data do we need to download beforehand? How do you test offline automatically? And what does offline mean anyway?
We want to show you what we discussed and how we answered these questions.
Updated: NW.js - Desktop Apps with JavascriptRalf Schwoebel
My updated presentation from the Javascript MeetUp in Berlin, 20th of April: status of our hybrid development world.
This expands the presentation I held last year on EnterJS and gives updates to releasing a commercial desktop app build with NW.js (formerly known as Node-Webkit).
Business with Javascript Apps on the Desktop: possible!
Offline Strategies for HTML5 Web Applications - oscon13Stephan Hochdörfer
This document discusses various strategies for enabling offline functionality in HTML5 web applications. It begins by explaining the differences between application caching and offline storage. It then covers using the application cache, web storage, web SQL database, IndexedDB, and file API for caching static resources and storing dynamic data locally. It notes pros and cons of each approach as well as browser support limitations. The document aims to help developers choose the best offline solutions for HTML5 applications.
A simple and quick overview of the process of App development for mobile phones.
This presentation is a solid starting point for every IT department, think about App development for smartphones. It gives you a budget idea and the first skeleton to put your plan into flesh and blood!
This document discusses how to create offline web applications using HTML5 application cache manifest files. It covers HTTP response headers, caching strategies, manifest file structure and directives, updating the cache, checking online/offline status, and the application cache API. The manifest file lists application assets to cache and supports caching, network, and fallback rules. Updates require modifying cache busting values or the manifest file itself.
Offline strategies for HTML5 web applications - frOSCon8Stephan Hochdörfer
The document discusses various strategies for enabling offline functionality in HTML5 web applications. It begins by introducing the speaker and defining what is meant by "offline" in this context. It then covers application caching using the cache manifest to store static resources locally. Other techniques discussed include storing dynamic data locally using Web Storage, Web SQL Database, IndexedDB, and the File API. For each approach, examples are provided of how to perform common operations like adding, modifying and retrieving data items. The techniques are also compared in terms of advantages and disadvantages.
HTML5 Offline Web Applications (Silicon Valley User Group)robinzimmermann
Robin Zimmermann presented on developing offline web applications using HTML5's Application Cache specification. The presentation covered the WHATWG and W3C specs that define AppCache, how to create a manifest file that lists resources to cache, how browsers handle caching resources when online and serving cached content offline, and tips for testing and debugging offline applications. Example code was provided for manifest file structure and checking browser support using JavaScript.
This presentation shows you, how we on https://orga.zone/ use the AppCache manifest of HTML5 to create business apps and provide an AppStore-free solution for solid business applications. This presentation is from July 2005: the FrankfurtJS meetup and it is in english
Mobile applications Development - Lecture 8
Anatomy of an HTML 5 mobile web app
PhoneGap
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
El ornato limpieza de vías y espacios públicosivazorro
Este documento trata sobre la limpieza y ornato de las vías y espacios públicos de una ciudad. Explica que todos los ciudadanos deben pagar una cuota anual para contribuir al ornato de la ciudad y mantener las calles limpias. También describe las funciones de la Dirección de Aseo y Ornato municipal, que incluyen el aseo de espacios públicos, la recolección de basura, el mantenimiento de áreas verdes y la mejora del medio ambiente.
The document discusses HTML5 offline applications and the application cache API. It explains that the application cache allows caching of files locally using a cache manifest file to enable offline browsing, speed, reduced server load, and resilience. It outlines the anatomy of offline applications and describes the structure and sections of a cache manifest file, including CACHE, NETWORK, FALLBACK, and SETTINGS. It also lists the different application cache events.
HTML5 is all the rage with the cool kids, and although there's a lot of focus on the new language, there's lots of interesting new JavaScript APIs both in the HTML5 spec and separated out. This presentation will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs.
HTML5 is all the rage with the cool kids, and although there’s a lot of focus on the new language, there’s plenty for web app developers with new JavaScript APIs both in the HTML5 spec and separated out as their own W3C specifications. This session will take you through demos and code and show off some of the outright crazy bleeding edge demos that are being produced today using the new JavaScript APIs. But it’s not all pie in the sky – plenty is useful today, some even in Internet Explorer!
This document provides an overview of HTML5 and CSS3 features. It discusses the evolution of browsers and web applications. Key HTML5 features covered include client-side storage, offline capabilities, 2D graphics using canvas and SVG, audio/video playback, geolocation, and forms. New CSS3 features and JavaScript APIs related to these HTML5 technologies are also summarized.
This document provides a short introduction to HTML5, including:
- HTML5 is the 5th version of the HTML standard by the W3C and is still under development but supported by many browsers.
- HTML5 introduces new semantic elements, video and audio tags, 2D/3D graphics using <canvas>, and new JavaScript APIs for features like geolocation, offline web apps, and drag and drop.
- The document provides examples of using new HTML5 features like video playback, semantic elements, geolocation API, and drawing on a canvas with JavaScript.
Is html5-ready-workshop-110727181512-phpapp02PL dream
The document discusses the capabilities of HTML5 for building offline applications. It mentions several HTML5 features that enable offline functionality, including application cache, manifest files, and offline events. Application cache allows caching assets defined in a manifest file so the application can work offline. The offline event fires when the browser loses internet connectivity, informing the application it is now offline.
The document discusses the capabilities of HTML5 for building offline applications. It mentions several HTML5 features that enable offline functionality, including application cache, manifest files, and offline events. Application cache allows caching assets defined in a manifest file so the application can work offline. The offline event fires when the browser loses internet connectivity, informing the application it is now offline.
The things browsers can do! SAE Alumni Convention 2014Christian Heilmann
This document discusses various features that browsers can do. It covers CSS selectors and properties, DOM manipulation using JavaScript, media queries, Canvas API, and more. Code examples are provided to demonstrate how to use these features. The document emphasizes that browsers continue to evolve and new opportunities exist where there is lack of support for emerging features.
The document provides an overview and code snippets for an Eagles 2011 NFL Draft mobile app created with Sencha Touch. It discusses challenges faced like learning Sencha Touch, displaying live updates, and adapting images for different screen sizes. Lessons learned include destroying DOM elements when done, establishing post-launch content parameters, and using background-size for images. The document also discusses tooling, dependencies, and best practices for mobile development.
Massimo Artizzu - The tricks of Houdini: a magic wand for the future of CSS -...Codemotion
The way that banner is rendered is really bland. That animation performance is lackluster to say the least. Maybe you're still unsatisfied with grid. CSS has always suffered from a slow-paced evolution but it's probably coming to an end. Houdini is a project that aims to expose the internals of CSS engines to developers, in order to create new and performant ways to extend CSS. We'll see the current state-of-the-art and some neat examples, to conclude with a glance to what the future holds for us.
HTML5 and CSS3 – exploring mobile possibilities - Frontend Conference ZürichRobert Nyman
The document discusses HTML5 and CSS3 features for mobile development, including CSS media queries, flexbox, transitions, animations, and new HTML5 form elements. It also covers JavaScript techniques like geolocation, web storage, offline applications, and the history API. Additional topics include mobile performance optimization, debugging with Weinre, and link protocols.
Progressive Web Apps are one of the hottest things to come to the web platform in years, but how much of it is just hot air? When can you actually start shipping these things? Decades ago! In a hands on presentation, I'll show how PWAs are truly meant to be progressive - building on an evolution of web technologies nearly as old as the web itself, and still let you ship one of the most performant and cutting edge web apps around.
The document provides an overview of HTML5 including:
- New tags such as article, aside, audio, canvas, and video
- The structure of an HTML5 page including the doctype, meta charset, and link types
- Forms with new input types and validation attributes
- Playing audio and video with HTML5 tags and controlling them with JavaScript
- Drawing graphics on a canvas using JavaScript
- Web workers for running scripts in background threads
- Options for data storage including web storage, web SQL, and IndexedDB
The document discusses different techniques for animation and graphics rendering in web browsers, including CSS transforms and animations, Canvas, SVG, WebGL, and HTML5 video. It provides code examples and comparisons of performance between techniques like Canvas with JavaScript versus Flash. Key technologies mentioned are CSS transforms, requestAnimationFrame, Box2D physics engine, Raphael.js for vector graphics, and WebGL shaders.
Implementing Awesome: An HTML5/CSS3 WorkshopShoshi Roberts
We go over what parts of HTML5 and CSS3 you can use right away and how to degrade gracefully in order to appease the older browsers. Then, we play with some of the awesome visual candy you can make using the latest properties.
- Presented at PyGotham
This document discusses responsive image techniques for adaptive web design. It begins by explaining browser sniffing versus feature testing, and recommends using feature testing to determine browser width, screen resolution, and bandwidth instead of browser sniffing. It then covers techniques like using background-size to control image sizes, SVG for smaller file sizes, and font-based solutions. The document also discusses server-side techniques like .htaccess rewrite rules and client-side techniques like picture and HiSRC. It advocates for a mobile-first approach using CSS media queries and a single pixel GIF for responsive images.
This document discusses JavascriptMVC, an alternative Javascript MVC framework to BackboneJS. It provides an overview of JavascriptMVC's features such as MIT licensing, clear documentation, and providing an almost total solution for building web applications. Potential pros include the licensing, documentation, and comprehensive features. Potential cons include it being less well known and having fewer online resources than BackboneJS in Taiwan. Examples of how it handles classes, CSS, data loading/validation, and views are also provided.
This document provides an overview of HTML5 and related technologies. It discusses how HTML5 is more than just HTML, and covers the HTML5 specification process and components. It then provides a tour of new HTML5 features like <video>, <audio>, SVG, <canvas>, geolocation, and CSS3 specifications including borders, colors, shadows, backgrounds, fonts, media queries and transforms. The document demonstrates several of these features and provides resources for further information.
HTML5 introduces new semantic elements like article, header, nav, and section that divide the content into meaningful regions. It also defines new multimedia elements such as video, audio, and canvas. New form input types and attributes are added for validation. The Canvas API allows dynamic drawing via scripting. The Drag and Drop API supports dragging and dropping elements. Other HTML5 APIs include Geolocation, Web Storage, and Web Workers. Overall, HTML5 provides a powerful set of features for building robust, dynamic web applications.
The document discusses HTML5 and CSS features such as data attributes, media queries, the canvas API, and JavaScript array methods and template strings. It provides code examples and links to resources about using these features for responsive design, conditional loading of resources, image manipulation, and more powerful string interpolation in JavaScript.
Flash over the years, has been used to prop up the regular browser like a sad old man drinking alone in a pub.
Today browsers come shipped with technology designed to rival flash and aim to shut it squarely out of the game.
Are browser ready to rock without Flash?
The document discusses a screencast on using jQuery for designers, noting that the screencast will cover getting started with jQuery, DOM navigation and manipulation, events, Ajax, and tips. It provides Remy's contact information and encourages asking questions during the screencast. The document also lists various jQuery resources like documentation, blogs, tutorials, and forums for getting help with jQuery.
This document discusses various web storage options for offline and client-side storage of data, including Web Storage, IndexedDB, Web SQL Databases, and the History API. Web Storage is recommended for simple storage needs due to its wide browser support and easy API. IndexedDB and Web SQL are suggested for larger data storage, with each having some advantages and limitations. The History API can be used to modify browser URLs and handle back button navigation. The offline manifest feature allows creating an application cache to serve local files when offline.
This document discusses best practices for taking a visual design mockup and implementing it as a functional website. It recommends deconstructing the mockup to understand clickable elements, platforms, and browser support. Estimating costs requires breaking work into components, accounting for risks and unknowns, and tracking time versus quotes. Prototyping early and following a KISS (Keep It Simple, Stupid) approach are also advised. Third-party libraries should be vetted for quality and activity level. The recap stresses function over form, anticipating invisible elements, prototyping, and following a KI(RF)SS (Keep It Relevantly Simple, Stupid) principle.
jQuery: out with the old, in with the newRemy Sharp
This document provides an overview and introduction to jQuery. It discusses understanding jQuery and its core functionality as a DOM library. It covers selecting elements, DOM navigation/filtering, debugging selectors, new features like deferreds/promises in jQuery's Ajax functionality. It also discusses best practices like letting the browser handle effects natively when possible, proper use of document ready, and designing well-behaved jQuery plugins.
HTML5 provides new semantic elements like <article> and <header> that allow for more meaningful structure than generic divs and spans. It also enables new multimedia capabilities with <video>, <audio>, and the <canvas> element for drawing. Behind the scenes, HTML5 introduces APIs for offline web applications, local storage, and client-side databases. The document discusses these new features and how to use polyfills to provide fallback support for older browsers that don't yet support the full HTML5 specification.
This document provides an overview of HTML5 features including new HTML5 elements, offline capabilities through the App Cache, local storage options, multimedia additions like video and audio, cross-domain messaging, and the Canvas API. It discusses using these features across browsers through polyfills and shims, and emphasizes the importance of JavaScript knowledge for full HTML5 implementation. Web Sockets are introduced as enabling real-time two-way communication through a persistent connection.
The document discusses developing for mobile web. It covers several topics including physical properties of mobile devices, their network usage and power constraints. It also discusses different versions of Gmail optimized for different devices. The document recommends inlining content, deferring non-essential work, and being creative with JavaScript libraries and debugging to improve performance for mobile. It highlights the ability of web technologies to build cross-device applications quickly without native restrictions. The conclusion is that native languages may be better if writing many device plugins, but web technologies can be effective otherwise.
We'll look at how the HTML5 and related specifications allow us to develop applications that can survive outside of the web. Browsers now offer us simple storage and more complicated SQL based storage and also full offline support which means we can build our apps to be self sufficient when the user is disconnected. This talk will take you through the technology and walk you though some practical code.
A walk through of the features of TwitterLib.js - a library that helps standardise all the Twitter API calls and all the data coming back from Twitter, and includes a collection of utility methods to speed development up.
HTML5 is all the rage with the cool kids, and although there's a lot of focus on the new language, there's lots of interesting new JavaScript APIs both in the HTML5 spec and separated out. This presentation will take you through demos and code behind the new JavaScript APIs, and explore where these features can be used
This document discusses how to build iPhone apps using only web technologies like HTML5, CSS3, and JavaScript without relying on native iOS frameworks or the App Store. Key points covered include how to create offline-capable apps using the cache manifest, emulate touch events with JavaScript, make the app feel native through CSS transforms and meta tags, and detect device capabilities. The example rubiks cube app demonstrates these techniques to create an offline-capable puzzle game experience on iPhone similar to a native app.
jQuery is a JavaScript library which allows you to develop solutions with less code, in less time. You can build interactive prototypes for your prospective clients, or take an existing solution and add new dynamic behaviour with little effort.
We will see how jQuery can be used to quickly and concisely apply JavaScript behaviour to your web app. It will cover selectors, Ajax, DOM manipulation and more. The aim: to produce lean unobtrusive JavaScript with jQuery.
The document discusses various JavaScript APIs available in HTML5 for building rich web applications, including Canvas, Drag and Drop, Geolocation, Local Storage, Web Sockers, Offline Applications, and more. It provides code examples and links to documentation resources for each API. The last part encourages exploring demos and contacting the author with any other questions.
The document discusses jQuery, a JavaScript library that makes DOM scripting and Ajax requests easier. It provides functions to select elements, handle events, animate elements and load JSON data. Some key features include CSS selector syntax, DOM manipulation methods, event handling and Ajax functions. The document also covers plugins, effects, and utilities included in jQuery.
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
Transcript: Details of description part II: Describing images in practice - T...BookNet Canada
This presentation explores the practical application of image description techniques. Familiar guidelines will be demonstrated in practice, and descriptions will be developed “live”! If you have learned a lot about the theory of image description techniques but want to feel more confident putting them into practice, this is the presentation for you. There will be useful, actionable information for everyone, whether you are working with authors, colleagues, alone, or leveraging AI as a collaborator.
Link to presentation recording and slides: https://bnctechforum.ca/sessions/details-of-description-part-ii-describing-images-in-practice/
Presented by BookNet Canada on June 25, 2024, with support from the Department of Canadian Heritage.
Are you interested in dipping your toes in the cloud native observability waters, but as an engineer you are not sure where to get started with tracing problems through your microservices and application landscapes on Kubernetes? Then this is the session for you, where we take you on your first steps in an active open-source project that offers a buffet of languages, challenges, and opportunities for getting started with telemetry data.
The project is called openTelemetry, but before diving into the specifics, we’ll start with de-mystifying key concepts and terms such as observability, telemetry, instrumentation, cardinality, percentile to lay a foundation. After understanding the nuts and bolts of observability and distributed traces, we’ll explore the openTelemetry community; its Special Interest Groups (SIGs), repositories, and how to become not only an end-user, but possibly a contributor.We will wrap up with an overview of the components in this project, such as the Collector, the OpenTelemetry protocol (OTLP), its APIs, and its SDKs.
Attendees will leave with an understanding of key observability concepts, become grounded in distributed tracing terminology, be aware of the components of openTelemetry, and know how to take their first steps to an open-source contribution!
Key Takeaways: Open source, vendor neutral instrumentation is an exciting new reality as the industry standardizes on openTelemetry for observability. OpenTelemetry is on a mission to enable effective observability by making high-quality, portable telemetry ubiquitous. The world of observability and monitoring today has a steep learning curve and in order to achieve ubiquity, the project would benefit from growing our contributor community.
Measuring the Impact of Network Latency at TwitterScyllaDB
Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.
Best Programming Language for Civil EngineersAwais Yaseen
The integration of programming into civil engineering is transforming the industry. We can design complex infrastructure projects and analyse large datasets. Imagine revolutionizing the way we build our cities and infrastructure, all by the power of coding. Programming skills are no longer just a bonus—they’re a game changer in this era.
Technology is revolutionizing civil engineering by integrating advanced tools and techniques. Programming allows for the automation of repetitive tasks, enhancing the accuracy of designs, simulations, and analyses. With the advent of artificial intelligence and machine learning, engineers can now predict structural behaviors under various conditions, optimize material usage, and improve project planning.
Mitigating the Impact of State Management in Cloud Stream Processing SystemsScyllaDB
Stream processing is a crucial component of modern data infrastructure, but constructing an efficient and scalable stream processing system can be challenging. Decoupling compute and storage architecture has emerged as an effective solution to these challenges, but it can introduce high latency issues, especially when dealing with complex continuous queries that necessitate managing extra-large internal states.
In this talk, we focus on addressing the high latency issues associated with S3 storage in stream processing systems that employ a decoupled compute and storage architecture. We delve into the root causes of latency in this context and explore various techniques to minimize the impact of S3 latency on stream processing performance. Our proposed approach is to implement a tiered storage mechanism that leverages a blend of high-performance and low-cost storage tiers to reduce data movement between the compute and storage layers while maintaining efficient processing.
Throughout the talk, we will present experimental results that demonstrate the effectiveness of our approach in mitigating the impact of S3 latency on stream processing. By the end of the talk, attendees will have gained insights into how to optimize their stream processing systems for reduced latency and improved cost-efficiency.
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Erasmo Purificato
Slide of the tutorial entitled "Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Emerging Trends" held at UMAP'24: 32nd ACM Conference on User Modeling, Adaptation and Personalization (July 1, 2024 | Cagliari, Italy)
Fluttercon 2024: Showing that you care about security - OpenSSF Scorecards fo...Chris Swan
Have you noticed the OpenSSF Scorecard badges on the official Dart and Flutter repos? It's Google's way of showing that they care about security. Practices such as pinning dependencies, branch protection, required reviews, continuous integration tests etc. are measured to provide a score and accompanying badge.
You can do the same for your projects, and this presentation will show you how, with an emphasis on the unique challenges that come up when working with Dart and Flutter.
The session will provide a walkthrough of the steps involved in securing a first repository, and then what it takes to repeat that process across an organization with multiple repos. It will also look at the ongoing maintenance involved once scorecards have been implemented, and how aspects of that maintenance can be better automated to minimize toil.
Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 :
- Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants.
- REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfjackson110191
These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.
RPA In Healthcare Benefits, Use Case, Trend And Challenges 2024.pptxSynapseIndia
Your comprehensive guide to RPA in healthcare for 2024. Explore the benefits, use cases, and emerging trends of robotic process automation. Understand the challenges and prepare for the future of healthcare automation
Coordinate Systems in FME 101 - Webinar SlidesSafe Software
If you’ve ever had to analyze a map or GPS data, chances are you’ve encountered and even worked with coordinate systems. As historical data continually updates through GPS, understanding coordinate systems is increasingly crucial. However, not everyone knows why they exist or how to effectively use them for data-driven insights.
During this webinar, you’ll learn exactly what coordinate systems are and how you can use FME to maintain and transform your data’s coordinate systems in an easy-to-digest way, accurately representing the geographical space that it exists within. During this webinar, you will have the chance to:
- Enhance Your Understanding: Gain a clear overview of what coordinate systems are and their value
- Learn Practical Applications: Why we need datams and projections, plus units between coordinate systems
- Maximize with FME: Understand how FME handles coordinate systems, including a brief summary of the 3 main reprojectors
- Custom Coordinate Systems: Learn how to work with FME and coordinate systems beyond what is natively supported
- Look Ahead: Gain insights into where FME is headed with coordinate systems in the future
Don’t miss the opportunity to improve the value you receive from your coordinate system data, ultimately allowing you to streamline your data analysis and maximize your time. See you there!
The DealBook is our annual overview of the Ukrainian tech investment industry. This edition comprehensively covers the full year 2023 and the first deals of 2024.
20. var video = document.getElementsByTagName('video')[0];
if (video.paused) {
video.play();
}
21. var video = document.getElementsByTagName('video')[0];
if (video.paused) {
video.play();
}
// position & asTime defined elsewhere
video.addEventListener('timeupdate', function () {
positon.innerHTML = asTime(this.currentTime);
}, false);
26. Warning! User agents should not provide a public API to cause
videos to be shown full-screen. A script, combined with a carefully
crafted video file, could trick the user into thinking a system-modal
dialog had been shown, and prompt the user for a password. There is
also the danger of "mere" annoyance, with pages launching full-
screen videos when links are clicked or pages navigated. Instead,
user-agent specific interface features may be provided to easily allow
the user to obtain a full-screen playback mode.
27. Warning! User agents should not provide a public API to cause
videos to be shown full-screen. A script, combined with a carefully
crafted video file, could trick the user into thinking a system-modal
dialog had been shown, and prompt the user for a password. There is
also the danger of "mere" annoyance, with pages launching full-
screen videos when links are clicked or pages navigated. Instead,
user-agent specific interface features may be provided to easily allow
the user to obtain a full-screen playback mode.
53. • Pushed data relies on Flash
• If no Flash, switches to polling
54. • Pushed data relies on Flash
• If no Flash, switches to polling
• Polling bad for high concurrency
55. • Had to work in corporate environment
• Corp env were blocking odd traffic &
Flash
• Needed to be pure JS solution
• It's possible, but complicated
57. var ws = new WebSocket("ws://hostname:80/");
ws.onmessage = function (event) {
// message in, let's convert it to JSON
var data = JSON.parse(event.data);
};
ws.onclose = function () {};
ws.onopen = function () {};
58. var ws = new WebSocket("ws://localhost:8080/");
ws.onmessage = function(event) {
var data = JSON.parse(event.data);
var p = $(twitterlib.render(data));
if( $('#tweets > li').length > 15) {
$('#tweets >li:last').slideDown(100, function() {
$(this).remove();
});
}
$('#tweets').prepend(p);
p.slideDown(140);
};
ws.onclose = function() {
alert("socket closed");
};
ws.onopen = function() {
//alert("connected...");
};
70. var ctx = canvas.getContext('2d');
// Create radial gradient
var grad = ctx.createRadialGradient(0,0,0,0,0,600);
71. var ctx = canvas.getContext('2d');
// Create radial gradient
var grad = ctx.createRadialGradient(0,0,0,0,0,600);
grad.addColorStop(0, '#E4E4E4');
grad.addColorStop(1, '#000');
72. var ctx = canvas.getContext('2d');
// Create radial gradient
var grad = ctx.createRadialGradient(0,0,0,0,0,600);
grad.addColorStop(0, '#E4E4E4');
grad.addColorStop(1, '#000');
// assign gradients to fill
ctx.fillStyle = grad;
73. var ctx = canvas.getContext('2d');
// Create radial gradient
var grad = ctx.createRadialGradient(0,0,0,0,0,600);
grad.addColorStop(0, '#E4E4E4');
grad.addColorStop(1, '#000');
// assign gradients to fill
ctx.fillStyle = grad;
// draw 600x600 fill
ctx.fillRect(0,0,600,600);
77. body.onmousemove = function (event) {
var width = window.innerWidth,
height = window.innerHeight,
x = event.clientX,
y = event.clientY,
rx = 600 * x / width,
ry = 600 * y / width;
var xc = parseInt(256 * x / width);
var yc = parseInt(256 * y / height);
grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600);
grad.addColorStop(0, '#000');
grad.addColorStop(1, 'rgb('+xc+','+(255-xc)+','+yc+')');
ctx.fillStyle = grad;
ctx.fillRect(0,0,600,600);
};
http://html5demos.com/canvas-grad
78. body.onmousemove = function (event) {
var width = window.innerWidth,
height = window.innerHeight, Caclulate from
x = event.clientX, the mouse the
y = event.clientY, radius and
rx = 600 * x / width,
ry = 600 * y / width;
colours
var xc = parseInt(256 * x / width);
var yc = parseInt(256 * y / height);
grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600);
grad.addColorStop(0, '#000');
grad.addColorStop(1, 'rgb('+xc+','+(255-xc)+','+yc+')');
ctx.fillStyle = grad;
ctx.fillRect(0,0,600,600);
};
http://html5demos.com/canvas-grad
79. body.onmousemove = function (event) {
var width = window.innerWidth,
height = window.innerHeight,
x = event.clientX,
y = event.clientY,
rx = 600 * x / width,
ry = 600 * y / width;
Re-render the
var xc = gradient
parseInt(256 * x / width);
var yc = parseInt(256 * y / height);
grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600);
grad.addColorStop(0, '#000');
grad.addColorStop(1, 'rgb('+xc+','+(255-xc)+','+yc+')');
ctx.fillStyle = grad;
ctx.fillRect(0,0,600,600);
};
http://html5demos.com/canvas-grad
80. body.onmousemove = function (event) {
var width = window.innerWidth,
height = window.innerHeight,
x = event.clientX,
y = event.clientY,
rx = 600 * x / width,
ry = 600 * y / width;
var xc = parseInt(256 * x / width);
var yc = parseInt(256 * y / height);
Set the new fill
grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600);
grad.addColorStop(0, '#000'); style and refill -
the browser
grad.addColorStop(1, 'rgb('+xc+','+(255-xc)+','+yc+')');
handles the hard
ctx.fillStyle = grad;
ctx.fillRect(0,0,600,600);
work
};
http://html5demos.com/canvas-grad
81. body.onmousemove = function (event) {
var width = window.innerWidth,
height = window.innerHeight,
x = event.clientX,
y = event.clientY,
rx = 600 * x / width,
ry = 600 * y / width;
var xc = parseInt(256 * x / width);
var yc = parseInt(256 * y / height);
grad = ctx.createRadialGradient(rx, ry, 0, rx, ry, 600);
grad.addColorStop(0, '#000');
grad.addColorStop(1, 'rgb('+xc+','+(255-xc)+','+yc+')');
ctx.fillStyle = grad;
ctx.fillRect(0,0,600,600);
};
http://html5demos.com/canvas-grad
127. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
128. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
129. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
130. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
131. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
132. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
133. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
134. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
135. Browser: I have a
Browser: request Server: serve all manifest, cache
assets
Browser:
Server: serve
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
136. Browser: I have a
Problem:
Browser: request Server: serve all manifest, cache
assets
Change of content
requiresBrowser:
Server: serve
2 refreshes
applicationCache Browser: reload
manifest assets
updated
Browser: only
Browser: serve Server: 304 Not
request manifest
locally Modified
file
137. applicationCache.onUpdateReady =
function () {
applicationCache.swapCache();
notice('reload');
};
window.onOnline =
function () {
// fire an update to the cache
applicationCache.update();
};
145. app.html
var w = new Worker('worker.js');
w.onmessage = function (event) {
alert("msg: " + event.data);
};
146. app.html
var w = new Worker('worker.js');
w.onmessage = function (event) {
alert("msg: " + event.data);
};
w.postMessage('run');
147. worker.js
onmessage = function (event) {
if (event.data == 'run') {
run();
}
};
function run() {
var n = 1;
search: while (running) {
n += 1;
for (var i = 2; i <= Math.sqrt(n); i += 1)
if (n % i == 0)
continue search;
// found a prime!
postMessage(n);
}
}
148. worker.js
onmessage = function (event) {
if (event.data == 'run') {
run();
}
};
function run() {
var n = 1;
search: while (running) {
n += 1;
for (var i = 2; i <= Math.sqrt(n); i += 1)
if (n % i == 0)
continue search;
// found a prime!
postMessage(n);
}
}
149. worker.js
onmessage = function (event) {
if (event.data == 'run') {
run();
}
};
function run() {
var n = 1;
search: while (running) {
n += 1;
for (var i = 2; i <= Math.sqrt(n); i += 1)
if (n % i == 0)
continue search;
// found a prime!
postMessage(n);
}
}
150. Can dos
• Spawn more workers
• setTimeout/Interval & clear
• Access navigator
• Error handling onerror
• XHR (though responseXML is null)