Presentation for my last workshop at Velocity 2011.
Mobile web is coming in 2011 with a strong wave; mobile devices are more powerful every year; mobile browsers are evolving even faster than desktop web browser; and tablets have mobile browsers rather tan desktop browsers. That is a good mix of new problems for WPO.
How to deal with mobile browsers?
How is WPO impacting on mobile web?
Mobile web development techniques (and Opera's developer tools)Andreas Bovens
This document discusses mobile web development techniques and Opera's developer tools. It outlines three approaches to catering websites for mobile users: doing nothing, creating a separate mobile site, or creating one site that works for all devices. Key techniques discussed include using the viewport meta tag to control zoom levels, media queries to apply different CSS styles based on screen width, and keeping mobile design in mind from the start to simplify layouts. The document promotes the goal of a "one site holy grail" that works seamlessly across devices and concludes by introducing Opera's developer tools for testing mobile webpages.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
HTML5 and the dawn of rich mobile web applicationsJames Pearce
HTML5 and its related technologies are enabling new ways to build beautiful sites and applications for contemporary mobile devices. Native mobile developers can now use web technologies to surmount cross-platform headaches, and desktop web developers can reach mobile users in familiar, app-like ways. This session explores the state of the art in HTML5-based mobile web frameworks, and demonstrates the practical possibilities that this powerful and standards-based approach can bring.
This document summarizes John Resig's presentation on the state of jQuery in 2009. It discusses recent releases of jQuery including versions 1.3, 1.3.1, and 1.3.2. It also outlines improvements to performance, features being added in upcoming versions, growing adoption on large sites, increasing traffic to jQuery.com, financial donations supporting development, and plans for conferences and community events.
Augmented Reality (AR) - The Future of Mobile Applications? Carin Campanario
Inspirational snippets of information (images and website links) about AR technologies, applications, concepts, ideas, events and blogs, gathered from the web for a Barcamp London 7 session on 25th October 2009, by Carin Campanario.
The document discusses the history and evolution of the Internet from 1991 onward. It notes that in 1991, Tim Berners-Lee invented the World Wide Web and technologies like HTTP and HTML. This allowed the Internet to grow beyond use by just governments and universities. Businesses then started using the web for marketing. Over time, HTML evolved through different versions to support more features. Browser wars occurred between Netscape and Microsoft. While technologies advanced the web, some issues also arose like overuse of tables and convoluted code. Later, CSS was introduced to separate design from content, but was slow to be adopted.
The document discusses designing experiences for the mobile web. It notes that the mobile web is profoundly different than the desktop experience due to different contexts and portability. Some key decisions for mobile web design include whether to have a single or dual-site approach, how to structure navigation and content for smaller screens, and usability testing approaches. It also describes a case study of redesigning a website for mobile and some of the challenges encountered.
Mobile web development techniques (and Opera's developer tools)Andreas Bovens
This document discusses mobile web development techniques and Opera's developer tools. It outlines three approaches to catering websites for mobile users: doing nothing, creating a separate mobile site, or creating one site that works for all devices. Key techniques discussed include using the viewport meta tag to control zoom levels, media queries to apply different CSS styles based on screen width, and keeping mobile design in mind from the start to simplify layouts. The document promotes the goal of a "one site holy grail" that works seamlessly across devices and concludes by introducing Opera's developer tools for testing mobile webpages.
Dreamweaver CS6, jQuery, PhoneGap, mobile designDee Sadler
A session talk for #NAGW2012 on:
Mobile app, choices
Dreamweaver’s place
Creating Mobile Design (actual design, not code)
Other helpful Adobe tools to create HTML/CSS
jQuery Mobile in DW
PhoneGap Build in DW
HTML5 and the dawn of rich mobile web applicationsJames Pearce
HTML5 and its related technologies are enabling new ways to build beautiful sites and applications for contemporary mobile devices. Native mobile developers can now use web technologies to surmount cross-platform headaches, and desktop web developers can reach mobile users in familiar, app-like ways. This session explores the state of the art in HTML5-based mobile web frameworks, and demonstrates the practical possibilities that this powerful and standards-based approach can bring.
This document summarizes John Resig's presentation on the state of jQuery in 2009. It discusses recent releases of jQuery including versions 1.3, 1.3.1, and 1.3.2. It also outlines improvements to performance, features being added in upcoming versions, growing adoption on large sites, increasing traffic to jQuery.com, financial donations supporting development, and plans for conferences and community events.
Augmented Reality (AR) - The Future of Mobile Applications? Carin Campanario
Inspirational snippets of information (images and website links) about AR technologies, applications, concepts, ideas, events and blogs, gathered from the web for a Barcamp London 7 session on 25th October 2009, by Carin Campanario.
The document discusses the history and evolution of the Internet from 1991 onward. It notes that in 1991, Tim Berners-Lee invented the World Wide Web and technologies like HTTP and HTML. This allowed the Internet to grow beyond use by just governments and universities. Businesses then started using the web for marketing. Over time, HTML evolved through different versions to support more features. Browser wars occurred between Netscape and Microsoft. While technologies advanced the web, some issues also arose like overuse of tables and convoluted code. Later, CSS was introduced to separate design from content, but was slow to be adopted.
The document discusses designing experiences for the mobile web. It notes that the mobile web is profoundly different than the desktop experience due to different contexts and portability. Some key decisions for mobile web design include whether to have a single or dual-site approach, how to structure navigation and content for smaller screens, and usability testing approaches. It also describes a case study of redesigning a website for mobile and some of the challenges encountered.
There Are No “Buts” in Progressive Enhancement [Øredev 2015]Aaron Gustafson
Progressive enhancement sounds practical, but not for your current project, right? Good news: you’re wrong!
In this session, Aaron will debunk the myths that often preclude individuals and organizations from embracing progressive enhancement and demonstrate solid techniques for applying progressive enhancement in your work.
By the end of this session, you’ll walk away with
* a better sense of the devices people are using to access the Web,
* a framework for envisioning experience as a continuum, and
* a solid understanding of how to improve the accessibility and reach of your Web projects.
Come find out why progressive enhancement isn’t just for “content” sites (whatever those are).
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
Building Mobile Applications with IonicMorris Singer
The document provides an introduction and overview of the Ionic framework for building mobile apps. It discusses that Ionic builds on existing technologies like AngularJS, Cordova plugins, and a layout engine. It reviews Ionic's technology stack including AngularJS, UI Router for routing, and Ionic components. It demonstrates how to generate a starter app, and shows examples of lists, buttons, icons, and touch gestures in Ionic.
[Slides from my 'Edge of the Web' workshop]
The web platform has evolved significantly over the last several years, giving developers more power than ever to create rich, interactive applications delivered via browsers. New capabilities in HTML, CSS and JavaScript paired with constantly updating browsers make it possible to do things on the web that used to be the exclusive domain of plugins and native apps. In this workshop, you’ll be introduced to some of the most powerful and useful techniques available to the modern web developer that will change the way you think about web app development.
The future of web app development is exciting, and these are the technologies that will underpin and drive that change. Don’t get left behind with IE8-era knowledge. Get ahead of the curve and master the edge of the web.
Slides from an HTML5 overview session I presented at work...
This presentation has an accompanying sample webapp project: http://code.google.com/p/html5-playground
This document is a presentation on HTML5 and beyond given by Tomoya Asai at JSiSE at Hokkaido University. The presentation covers the current state and future of HTML5, browsers, JavaScript APIs, and new web technologies. It provides examples and references to specifications, browser implementations, and demos related to HTML5 features such as semantic markup, forms, canvas, WebSockets, geolocation, and more.
This document discusses how web design firms can compete with internal GIS teams by providing web-based GIS (WebGIS) applications. It notes that WebGIS requires learning new tools like JavaScript, AJAX, and RESTful services. To protect their work, internal GIS teams need to learn these new web technologies and prioritize usability over features to create responsive applications. The document advocates for an iterative development process with a focus on performance and usability testing.
Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College
Presented June 8, 2012 (Online) at the 'Access by Touch: Delivering Library Services Through Mobile Technologies' conference sponsored by Amigos Library Services.
Description: By the end of 2012, it is expected that more than 80% of the world’s population will have access to a smartphone. Your library users will assume that your library can be accessible from anywhere, at any time, and on any device. Now is the time to be ready! During this webinar, you will:
- learn what a mobile framework is.
- acquire best practices in mobile Web development.
- understand the various technologies (HTML, CSS, JavaScript) and how they work together to build mobile Web apps.
- recognize the differences between native and web apps.
- have an opportunity to continue to work with Chad after the webinar to demonstrate what you learned.
- gain access after the webinar to a free Web server so you can see your mobile Web app live.
This document provides an overview and introduction to HTML5. It begins with a discussion of browser market share statistics and the birth of HTML5 by the WHATWG organization. It then outlines the wide range of new HTML5 markup, elements, events, APIs and technologies including forms, canvas, web sockets, and more. The remainder of the document discusses the status and implementation of these HTML5 features across modern browsers like Firefox, and provides references to HTML5 test suites, specifications, implementations and demos.
Web Standards: Fueling Innovation [Web Design World Boston '08]Aaron Gustafson
Web standards are all about rules and structure, formalities that many people find restrictive and stifling. From another perspective, however, the rigid structure of web standards can be seen as a boon to creativity on the web. In this session, Aaron Gustafson will teach you how to use smart JavaScript to leverage the extensibility of XHTML and CSS and push the boundaries of web design and development, all while still adhering to the best practices of web standards.
The jQuery Foundation coordinates work on the jQuery project, including code, documentation, infrastructure, and events. It is a non-profit organization funded by conferences, donations, and memberships. The Foundation maintains jQuery and related projects like jQuery UI, jQuery Mobile, and QUnit on GitHub. jQuery 1.x continues to support older browsers while jQuery 2.x supports modern browsers, with both versions maintaining API compatibility. Major releases in 2012 included jQuery 1.9 in January and jQuery 2.0 in April.
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
This document provides an overview of HTML5 and CSS3 features including new semantic HTML5 elements, multimedia capabilities like video and canvas, geolocation, and CSS3 properties for styling like borders, backgrounds, shadows, fonts, transitions and transforms. It includes code examples and screenshots to illustrate these new capabilities.
Slides for my Adobe MAX 2011 presentation on Optimizing Sites for Mobile Devices. In this hands-on lab, I explore the concept of developing a mobile strategy that approaches mobile as an equal partner in the design process, and explores techniques to help site content deploy across devices and contexts.
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
Building Desktop RIAs with PHP, HTML & Javascript in AIRfunkatron
This document discusses building desktop applications with Adobe AIR using web technologies like PHP, HTML, and JavaScript. It provides an overview of AIR and its architecture, which allows building desktop apps using these web technologies. It also discusses using JavaScript in AIR applications and some JavaScript frameworks that work well, with an emphasis on jQuery. It then discusses using PHP as the server-side language to work with AIR applications, providing some examples of using PHP and JSON for asynchronous calls and file uploading.
The document provides an introduction to HTML 5, including:
- HTML 5 is the new standard for HTML that aims to reduce the need for plugins like Flash and provide better error handling.
- New features in HTML 5 include new semantic elements, form validation, deprecated elements, and new APIs for video, audio, offline applications and more.
- Getting started with HTML 5 involves changes to page structure like shortening tags, using new elements and attributes, and removing obsolete code. Semantic elements, forms, and error handling are also covered.
This document discusses new features in HTML5 and CSS3. It provides examples of new HTML5 elements like <header>, <nav>, <article>, and new forms elements. It also covers new CSS3 features like gradients, rounded corners, shadows. Additionally, it mentions new JavaScript APIs in HTML5 for things like geolocation, drag and drop, offline web apps, storage and more. Finally, it encourages developers to use new web standards and provides resources for learning HTML5.
10 things you can do to speed up your web app today 2016Chris Love
Web Sites are to slow and this is costing businesses money. Most performance issues are easy to fix. In this session we review why web performance is important and 10 simple things you can do to make a faster user experience.
Media queries allow CSS styles to be applied conditionally based on characteristics of the device viewing the content, like screen width. They provide a way to target specific devices and change layouts without changing the HTML. The document discusses the syntax of media queries, including using media types, features, expressions, and keywords. It provides examples of using media queries to load different style sheets or apply different CSS rules for different screen widths.
WebApps FutureCon 에서 발표한 "2011년 웹 & 모바일 개발자가 주목해야할 기술들" 자료입니다. HTML5,CSS3,Javascript,Responsive Web Design,Device API,Hybrid App,Hybrid Framework 등에 대해서 설명합니다.
There Are No “Buts” in Progressive Enhancement [Øredev 2015]Aaron Gustafson
Progressive enhancement sounds practical, but not for your current project, right? Good news: you’re wrong!
In this session, Aaron will debunk the myths that often preclude individuals and organizations from embracing progressive enhancement and demonstrate solid techniques for applying progressive enhancement in your work.
By the end of this session, you’ll walk away with
* a better sense of the devices people are using to access the Web,
* a framework for envisioning experience as a continuum, and
* a solid understanding of how to improve the accessibility and reach of your Web projects.
Come find out why progressive enhancement isn’t just for “content” sites (whatever those are).
As browsers explode with new capabilities and migrate onto devices users can be left wondering, “what’s taking so long?” Learn how HTML, CSS, JavaScript, and the web itself conspire against a fast-running application and simple tips to create a snappy interface that delight users instead of frustrating them.
Building Mobile Applications with IonicMorris Singer
The document provides an introduction and overview of the Ionic framework for building mobile apps. It discusses that Ionic builds on existing technologies like AngularJS, Cordova plugins, and a layout engine. It reviews Ionic's technology stack including AngularJS, UI Router for routing, and Ionic components. It demonstrates how to generate a starter app, and shows examples of lists, buttons, icons, and touch gestures in Ionic.
[Slides from my 'Edge of the Web' workshop]
The web platform has evolved significantly over the last several years, giving developers more power than ever to create rich, interactive applications delivered via browsers. New capabilities in HTML, CSS and JavaScript paired with constantly updating browsers make it possible to do things on the web that used to be the exclusive domain of plugins and native apps. In this workshop, you’ll be introduced to some of the most powerful and useful techniques available to the modern web developer that will change the way you think about web app development.
The future of web app development is exciting, and these are the technologies that will underpin and drive that change. Don’t get left behind with IE8-era knowledge. Get ahead of the curve and master the edge of the web.
Slides from an HTML5 overview session I presented at work...
This presentation has an accompanying sample webapp project: http://code.google.com/p/html5-playground
This document is a presentation on HTML5 and beyond given by Tomoya Asai at JSiSE at Hokkaido University. The presentation covers the current state and future of HTML5, browsers, JavaScript APIs, and new web technologies. It provides examples and references to specifications, browser implementations, and demos related to HTML5 features such as semantic markup, forms, canvas, WebSockets, geolocation, and more.
This document discusses how web design firms can compete with internal GIS teams by providing web-based GIS (WebGIS) applications. It notes that WebGIS requires learning new tools like JavaScript, AJAX, and RESTful services. To protect their work, internal GIS teams need to learn these new web technologies and prioritize usability over features to create responsive applications. The document advocates for an iterative development process with a focus on performance and usability testing.
Building a Simple Mobile-optimized Web App Using the jQuery Mobile FrameworkSt. Petersburg College
Presented June 8, 2012 (Online) at the 'Access by Touch: Delivering Library Services Through Mobile Technologies' conference sponsored by Amigos Library Services.
Description: By the end of 2012, it is expected that more than 80% of the world’s population will have access to a smartphone. Your library users will assume that your library can be accessible from anywhere, at any time, and on any device. Now is the time to be ready! During this webinar, you will:
- learn what a mobile framework is.
- acquire best practices in mobile Web development.
- understand the various technologies (HTML, CSS, JavaScript) and how they work together to build mobile Web apps.
- recognize the differences between native and web apps.
- have an opportunity to continue to work with Chad after the webinar to demonstrate what you learned.
- gain access after the webinar to a free Web server so you can see your mobile Web app live.
This document provides an overview and introduction to HTML5. It begins with a discussion of browser market share statistics and the birth of HTML5 by the WHATWG organization. It then outlines the wide range of new HTML5 markup, elements, events, APIs and technologies including forms, canvas, web sockets, and more. The remainder of the document discusses the status and implementation of these HTML5 features across modern browsers like Firefox, and provides references to HTML5 test suites, specifications, implementations and demos.
Web Standards: Fueling Innovation [Web Design World Boston '08]Aaron Gustafson
Web standards are all about rules and structure, formalities that many people find restrictive and stifling. From another perspective, however, the rigid structure of web standards can be seen as a boon to creativity on the web. In this session, Aaron Gustafson will teach you how to use smart JavaScript to leverage the extensibility of XHTML and CSS and push the boundaries of web design and development, all while still adhering to the best practices of web standards.
The jQuery Foundation coordinates work on the jQuery project, including code, documentation, infrastructure, and events. It is a non-profit organization funded by conferences, donations, and memberships. The Foundation maintains jQuery and related projects like jQuery UI, jQuery Mobile, and QUnit on GitHub. jQuery 1.x continues to support older browsers while jQuery 2.x supports modern browsers, with both versions maintaining API compatibility. Major releases in 2012 included jQuery 1.9 in January and jQuery 2.0 in April.
HTML5--The 30,000' View (A fast-paced overview of HTML5)Peter Lubbers
A fast-paced overview of HTML5.
Topics include:
-What is HTML5?
-History of HTML5
-WHATWG and W3C specifications
-What is part of HTML5?
-Using HTML5 Today
-Using HTML5 in browsers that do not support it
-Detecting native availability of HTML5 features
This document provides an overview of HTML5 and CSS3 features including new semantic HTML5 elements, multimedia capabilities like video and canvas, geolocation, and CSS3 properties for styling like borders, backgrounds, shadows, fonts, transitions and transforms. It includes code examples and screenshots to illustrate these new capabilities.
Slides for my Adobe MAX 2011 presentation on Optimizing Sites for Mobile Devices. In this hands-on lab, I explore the concept of developing a mobile strategy that approaches mobile as an equal partner in the design process, and explores techniques to help site content deploy across devices and contexts.
RESS: An Evolution of Responsive Web DesignDave Olsen
Responsive web design has become an important tool for front-end developers as they develop mobile-optimized solutions for clients. Browser-detection has been an important tool for server-side developers for the same task for much longer. Unfortunately, both techniques have certain limitations. I’ll show how both front-end and server-side developers can take advantage of the new technique called RESS (Responsive Web Design with Server Side Components) that aims to be combine the best of both worlds for delivering mobile-optimized content.
Building Desktop RIAs with PHP, HTML & Javascript in AIRfunkatron
This document discusses building desktop applications with Adobe AIR using web technologies like PHP, HTML, and JavaScript. It provides an overview of AIR and its architecture, which allows building desktop apps using these web technologies. It also discusses using JavaScript in AIR applications and some JavaScript frameworks that work well, with an emphasis on jQuery. It then discusses using PHP as the server-side language to work with AIR applications, providing some examples of using PHP and JSON for asynchronous calls and file uploading.
The document provides an introduction to HTML 5, including:
- HTML 5 is the new standard for HTML that aims to reduce the need for plugins like Flash and provide better error handling.
- New features in HTML 5 include new semantic elements, form validation, deprecated elements, and new APIs for video, audio, offline applications and more.
- Getting started with HTML 5 involves changes to page structure like shortening tags, using new elements and attributes, and removing obsolete code. Semantic elements, forms, and error handling are also covered.
This document discusses new features in HTML5 and CSS3. It provides examples of new HTML5 elements like <header>, <nav>, <article>, and new forms elements. It also covers new CSS3 features like gradients, rounded corners, shadows. Additionally, it mentions new JavaScript APIs in HTML5 for things like geolocation, drag and drop, offline web apps, storage and more. Finally, it encourages developers to use new web standards and provides resources for learning HTML5.
10 things you can do to speed up your web app today 2016Chris Love
Web Sites are to slow and this is costing businesses money. Most performance issues are easy to fix. In this session we review why web performance is important and 10 simple things you can do to make a faster user experience.
Media queries allow CSS styles to be applied conditionally based on characteristics of the device viewing the content, like screen width. They provide a way to target specific devices and change layouts without changing the HTML. The document discusses the syntax of media queries, including using media types, features, expressions, and keywords. It provides examples of using media queries to load different style sheets or apply different CSS rules for different screen widths.
WebApps FutureCon 에서 발표한 "2011년 웹 & 모바일 개발자가 주목해야할 기술들" 자료입니다. HTML5,CSS3,Javascript,Responsive Web Design,Device API,Hybrid App,Hybrid Framework 등에 대해서 설명합니다.
Este documento resume la estética y tecnología digital, así como la estética en Trujillo a través de los tiempos. Explica que la estética es perceptiva, relacional y experimental, y cómo el arte digital permite la comunicación simultánea de texto, imágenes, sonido y video. También describe las influencias estéticas de las culturas Moche, coloniales y de la época de la independencia en Trujillo, así como las técnicas y manifestaciones artísticas de cada período.
El documento resume un dictamen preliminar sobre el Anteproyecto de Plan Hidrológico Nacional presentado al Consejo Nacional del Agua en septiembre de 2000. Señala que el plan tiene un enfoque estructuralista anticuado y poco equilibrado, con un énfasis excesivo en la regulación de aguas superficiales y un olvido de las aguas subterráneas. También indica que el plan carece de transparencia sobre los regadíos con aguas subterráneas y que los déficits hídricos propuestos pare
Cooler Bags Business Xinxinyu(Xiamen) Industrial Co., Ltd.zrl07
Xinxinyu(Xiamen) Industrial CO., Ltd. is a Chinese company that manufactures and sells cooler bags. The document repeatedly lists the company contact information and introduces different cooler bag models numbered XXYI004 through XXYI015, but does not provide prices, material details, or dimensions for the bags.
Este documento ofrece consejos sobre piercings y dilataciones. Recomienda ponerse piercings solo en áreas que no causen alergias y que sean realizados por especialistas para evitar daños. Además, aconseja mantenerlos limpios y esterilizados para prevenir infecciones, y acudir a un profesional en caso de problemas. Finalmente, advierte que las dilataciones pueden deformar la piel de forma permanente.
The document discusses the evolution of transparency in branding from opacity in the 1950s-70s to translucency in the 80s-90s and predictions for the future of transparency and social markets. It argues opacity and translucency lock brands into static propositions and blind them to alternative models while complete transparency, if embraced, can improve decision quality for stakeholders and lead to collaboration between organizations and their stakeholders in the new "social market."
MPAK Motor Company produces various electric buses that are environmentally friendly including city buses that are 10.5-13 meters long, double decker buses that are 11 meters long, coaches that are 12 meters long, airport shuttle buses that are 13.9 meters long, and mini-coaches that are 7 meters long. The buses have aluminum frames, lightweight bodies, and can fully charge within 3-4 hours.
Este documento presenta el proyecto final de grado de Daniel Cuesta Valero sobre una aplicación móvil llamada Smart Shopping. La aplicación tiene como objetivo acercar la experiencia de compra online a la tienda física mediante un catálogo fotográfico y más información sobre los productos. La arquitectura de la aplicación incluye una base de datos PostgreSQL, un servidor Openbravo ERP y una interfaz móvil desarrollada con Enyo Backbone. La aplicación ofrece funcionalidades como el análisis de datos de uso de los clientes y recom
TITUS @ Security Summit Roma 2011 - Classificazione, Compliance, DLPClever Consulting
La presentazione di Gary McConnell - CTO e Managing Partner Clever Consulting - al Security Summit Roma 2011, dove ha mostrato il funzionamento ed i vantaggi delle soluzioni di Data Classification TITUS, durante una sessione tecnico-legale tenuta in collaborazione con l'avv. Gabriele Faggioli (ISLegal).
Dalla normativa alla strategia di DLP, i relatori hanno spiegato come la classificazione dei dati si riveli fondamentale sia in un'ottica di compliance che di sicurezza, prevenendo l'uso improprio di documenti ed email e la diffusione accidentale di informazioni riservate.
http://bitly.com/CleverTITUS
The document provides instructions for setting up the basic configuration in MISys Manufacturing including installing the software, creating user accounts and security groups, customizing the company profile, and enabling standard and extra cost modules. It outlines how to get started by logging in, navigating the interface, and accessing the various configuration options to tailor the system for your specific needs. The goal is to have the client working hands-on with meaningful data and using MISys Manufacturing immediately after completing the initial setup.
How we Live Today is how we Work Tomorrow
We know how to be digital as consumers, but do we know how to be digital as businesses? Apigee CEO Chet Kapoor kicked off his keynote address at I ♥ APIs 2015 with this question.
1) Este documento presenta los pasos básicos de la vida cristiana contenidos en el libro "Nueva Vida en Cristo Volumen 1".
2) El libro busca proveer una base sólida para la vida cristiana de los lectores y ha sido revisado para usarlo con diferentes versiones de la Biblia.
3) Se puede acceder a copias electrónicas gratuitas del libro y volúmenes adicionales en varias páginas web, y también está disponible en otros idiomas además del español.
Mecanismo de resistencia gram negativosNataly Vanesa
Este documento describe los principales mecanismos de resistencia a antibióticos en bacterias Gram negativas, incluyendo la modificación enzimática del antibiótico mediante enzimas como las β-lactamasas, el uso de bombas de expulsión, y cambios en la permeabilidad de la membrana a través de las porinas. En particular, se enfoca en las β-lactamasas más prevalentes como las AmpC, las de espectro extendido (BLEE), y las carbapenemasas, las cuales son una seria amenaza debido a su capacidad de
La pantera negra es una variación de los grandes felinos que vive en climas cálidos de África y Asia, habitando bosques, sabanas y selvas. Es un mamífero solitario excepto para reproducirse, cazando presas como ciervos y monos para alimentarse. Siendo una especie en peligro de extinción, sus mayores depredadores son los humanos que la cazan por su piel.
El documento discute los conceptos de visión, misión y objetivos de una empresa. Explica que la visión se refiere a donde la empresa se dirige a largo plazo, la misión define su razón de ser actual, y los objetivos son metas específicas para cumplir la misión. Incluye ejemplos de visión, misión y objetivos para diferentes tipos de empresas.
Build Amazing Mobile Apps using HTML5, CSS3 and JavaScript - - MeeGo Confere...Raj Lal
This document discusses building mobile apps using HTML5, CSS3, and JavaScript. It presents three types of mobile apps: web apps, hybrid apps, and native apps. It then demonstrates building each type of app through examples on the Nokia N900: 1) a HTML5 web app using video, canvas, and other features, 2) a hybrid app with CSS3 styles and animations built using QtWebKit, and 3) a native app using JavaScript and QML to create interfaces and bind to native device APIs. The document encourages developers to start building on the N900 immediately using these techniques and tools.
El documento presenta los conceptos básicos de la teoría del sí mismo de Carl Rogers. Rogers propone que el sí mismo se compone de las percepciones, experiencias y sensaciones personales de un individuo. Una persona congruente experimenta equilibrio entre estas tres dimensiones. La terapia no directiva de Rogers se centra en el cliente y busca que este se vuelva más consciente de sus verdaderos sentimientos para lograr mayor congruencia entre su sí mismo y sus experiencias.
This document discusses creating an accessible and inclusive mobile experience. It begins by noting that while some devices like the iPhone are popular, they only represent a small portion of the overall mobile device market and user population. It then examines the need to make the mobile web accessible to all users, not just those with certain devices, and provides examples of how usage and capabilities vary greatly across the global mobile landscape. The document advocates for an adaptive approach that considers this diversity and creates an experience optimized for all types of mobile browsers and networks.
These are the slides for a three hour primer for PHP developers. It covers the whole spectrum from the mobile web to apis for native apps, as well as topics such as generating QR codes and sending push notifications from PHP to android and apple devices.
The key to a successful mobile site is high performance and reliability across a wide range of device capabilities and network latencies. However, the mobile web is a hostile environment with support for HTML5, JavaScript and CSS varying widely across browsers and devices. This talk will explain best practices to build high performance mobile sites that work across a wide range of devices and capabilities. The focus will be on lessons learnt at Betfair while rewriting the entire mobile web stack and how we used techniques to maximise performance and reliability. After discussing the problems faced in mobile the talk will explain how adaptive techniques can be used to provide progressive enhancement. This will be followed by an explanation of why and where performance bottlenecks occur and how these can be solved.
PhoneGap allows developers to build mobile apps using standard web technologies like HTML, CSS, and JavaScript. It works by embedding a webview component within a native container, and provides a bridge for JavaScript to access some device APIs. PhoneGap has grown a large community and supports many mobile platforms. While it allows cross-platform development, apps are still packaged natively and some limitations remain. The future roadmap includes improved plugin support and new features like web sockets and background services to enhance the capabilities of hybrid mobile apps.
Building a JavaScript Module Framework at GiltEric Shepherd
For modules to function within a large-scale system and on third-party sites, they need to be self-contained units with minimal dependencies. They also need to keep their hands off of other modules and library code. Gilt's module framework manages multiple independent components, providing them with what they need, and only what they need, to do their jobs.
HTML5 is the Future of Mobile, PhoneGap Takes You There Todaydavyjones
PhoneGap allows developers to build mobile apps using HTML, CSS and JavaScript instead of relying on platform-specific languages like Objective-C or Java. The document discusses PhoneGap's capabilities and advantages, including writing apps once that run on multiple platforms, using web technologies that are widely known by developers, and leveraging growing browser capabilities on mobile through HTML5. It also outlines PhoneGap's APIs, tools, libraries, and community to help developers get started building cross-platform mobile apps.
The document discusses the mobile browser landscape. It notes there are over 20 mobile browsers ranging in quality. The browsers have different rendering engines like WebKit, Gecko, and Presto. WebKit implementations vary across platforms. Mobile browsing is growing faster than desktop browsing. The document advocates for mobile-first design and progressive enhancement to ensure usability across browsers.
Max Firtman is a mobile and web developer based in Buenos Aires, Argentina. PhoneGap is an open source framework that allows building cross-platform mobile apps using HTML, CSS, and JavaScript. It works by packaging web apps so they can be deployed and run as native mobile applications. PhoneGap supports many mobile platforms but each still requires separate compilation. Debugging mobile web apps can also be challenging. The speaker provides advice around maintaining a single codebase, embracing platform differences, and focusing on performance and the best experience for each context.
Maximiliano Firtman - Разработка приложений с помощью PhoneGap .toster
Max Firtman is a mobile and web developer based in Buenos Aires, Argentina. PhoneGap is an open source framework that allows building cross-platform mobile apps using HTML, CSS, and JavaScript. It works by packaging web apps so they can be deployed and distributed as native mobile applications. PhoneGap supports many mobile platforms but each still requires separate compilation. Debugging mobile web apps can also be challenging.
Do Try This At Home Ajax Bookmarking, Cross Site Scripting, And Other Web 2 ...jward5519
This document summarizes Brian Dillard's talk on emerging web technologies and how developers can participate in shaping the future of the web. The talk discusses the tensions between standards and proprietary technologies, and encourages developers to build things using emerging draft standards while they are still evolving. It provides suggestions on how developers can get involved through open source contributions, bug reporting, and following discussions on specification drafts and browser implementations.
We’ll get deep in the well-known techniques for website’s performance (from Steve Souders and others) and how real mobile devices reacts to each one. Are mobile browsers compatible with CSS Sprites or with Lazy Load Script? What about inline images and canvas? What are the big differences between desktop and mobile web performance?
Extreme Web Performance for Mobile Devices - Velocity Barcelona 2014Maximiliano Firtman
This document summarizes key points about optimizing performance for mobile web:
1. Mobile platforms are dominated by iOS and Android, with different browsers on each (Safari, Chrome). Understanding the ecosystem is important for testing and optimization.
2. Perception of speed is critical - aim for responses within 1 second. Mobile hardware is less powerful so optimization is needed. Tools like emulators, remote inspectors, and APIs help measure performance.
3. For initial loading, focus on getting above-the-fold content within 1 second using techniques like avoiding redirects, gzipping files, separating critical CSS, and deferring non-essential assets.
PhoneGap is an open source framework that allows developers to build mobile apps using HTML, CSS, and JavaScript. It works by wrapping web applications in wrappers for each mobile operating system so they can access native device APIs and app stores. Key features include access to device capabilities like the camera, geolocation, contacts and more. It supports building apps for Android, iOS, BlackBerry and other platforms.
Optimizing content for the "mobile web"Chris Mills
In this presentation I discuss the mobile web: what it is, why it is lucrative, the limitations of developing for mobile, and how to best optimize web sites for viewing on mobile. This includes media queries, viewport and general best practices. I delivered this to a class at Oxford Brookes university on the 25th March 2011.
Best practices for delivering quality web experiencesBen Mantooth
The document discusses best practices for delivering quality mobile web experiences across different browsers and devices. It recommends adopting an end-user point of view to understand their objectives and tailor the experience accordingly. Developers should leverage evolving browser capabilities to improve perceived performance and ensure applications work as intended on all customer devices. A "one web" approach applying common performance practices across mobile and desktop can improve efficiencies.
The document discusses techniques for optimizing mobile web performance. It begins by explaining why mobile web performance optimization (MWPO) is important given the slower mobile networks, processors, browsers, and users on mobile devices. It then debunks several myths about mobile web development. The document provides an overview of different mobile browsers and categories them by capabilities. It emphasizes the importance of testing on real devices and networks. The document outlines 14 rules for mobile web performance optimization including making fewer HTTP requests, using content delivery networks, adding expiration headers, gzipping components, putting stylesheets at the top, and lazy loading components. It also provides additional tips for mobile optimization.
The document discusses Firefox OS and web APIs for building mobile apps. It highlights that a Firefox OS app is essentially a website plus proposed phone APIs. It provides examples of common APIs for things like vibration, geolocation, push notifications, and more. It also discusses topics like offline support, storing data via IndexedDB or local storage, and the importance of the app manifest file. The overall message is that the web is a powerful platform for building mobile apps and Firefox OS aims to unleash this potential through proposed web APIs and a simplified development model.
Performance Optimization for Mobile Web | Fresh Tilled SoilFresh Tilled Soil
In this presentation Fresh Tilled Soil takes a discerning look at how the mobile web has been transformed to date, and where it will go from here. We'll talk about the latest tools for testing and debugging websites, newest HTML5/CSS3/JavaScript technologies, and the best strategies for mobile website performance & optimization. Finally, we’ll reveal some of the exciting, not yet released web API’s that will bring the mobile-web user experience to a whole new level!
Ugly truths about html5 moosecon - robert virkus - 2013-03-07Enough Software
This document discusses some of the challenges with using HTML5 for mobile apps. It notes that while HTML5 promised to allow one codebase to work across platforms, the fragmentation of WebKit browsers and lack of access to native device features have made that difficult to achieve. It also warns of potential security and performance issues when attempting to create native-like experiences with HTML5 alone. The document advocates for either hybrid approaches that combine HTML5 and native code, or limiting HTML5 to content-heavy rather than performance-critical applications.
Similaire à Mobile Web & HTML5 Performance Optimization (20)
Session delivered at Malaga, Spain in the Wey Wey Web conference about how to use and integrate IA, ChatGPT and other LLMs into your websites including: plugins, how ChatGPT browses the web, and how to use prompt engineering for formatted data generation.
AI is everywhere nowadays, but if you are a web developer, you don't know where it fits in your work.
In this session, you will quickly understand how to add AI models to your website. You will also see how ChatGPT plugins work, how to create one, and how to gain control of the content used by LLMs.
In this session, you'll learn about API integration with OpenAI and Google LaMDA APIs, tokens, and how to keep things secure while scaling up. We'll walk you through real examples and hands-on demos, so you'll be ready to bring AI magic to your web projects quickly.
But that's not all! We'll also discuss how to create your plugin for LLMs, how Bing Chat and ChatGPT browser plugin works when browsing your web content, and how to opt out or optimize the results for AI. We'll cover basic concepts of data preprocessing, structuring, and how to tweak the model for your needs. Let's have fun and unlock ChatGPT and AI's power together!
The document discusses various features and capabilities of progressive web apps (PWAs). It covers topics like installation experiences, app experiences, platform integration, and more. Some key points include:
- PWAs can be installed on devices for app-like experiences while working offline or online. Features like custom install buttons and enhanced install dialogs improve this experience.
- App-related capabilities include theming, icons, splash screens, and desktop enhancements. Proper icons and splash screens optimize the experience across platforms.
- Platform integration examines modern authentication, background syncing, and OS integration using APIs for files, protocols, notifications, and more.
- The document provides an overview of developing PWAs
The document discusses the modern Progressive Web App (PWA) development model. It covers key aspects of PWAs like service workers, app lifecycles, installation experiences, and platform integration. The goal is to build PWAs that provide native-like experiences across devices and platforms while avoiding app stores when possible by using technologies like web app manifests, service workers, and app shell architecture.
This document discusses techniques for optimizing web performance on mobile. It begins by noting common metrics for performance goals like first meaningful paint and interactive. It then discusses challenges of mobile like slower cellular networks and how users leave pages that take over 3 seconds to load. The rest of the document provides tips in several areas: optimizing the first load, improving data transfer, better resource loading, optimizing images, and enhancing the user experience. Specific techniques mentioned include avoiding extra roundtrips, using modern cache controls, preloading resources, lazy loading images, leveraging new APIs, and getting reports from the browser. The overall message is that web performance should be a top priority.
The document discusses progressive web apps (PWAs) as an innovative new way to create mobile applications. PWAs use modern web capabilities to deliver native-like experiences to users. PWAs are easy to update and provide instant distribution to users. While support exists across browsers and operating systems, challenges remain around installation models and full capabilities on all platforms. Overall, PWAs provide the best of both web and native applications.
Slides for a talk at Web Directions 2018 in Melbourne, Australia. The current state of PWAs as August 2018 and the challenges and problems we have, and how to deal with them.
This document discusses ways to improve web performance for mobile users. It outlines goals like achieving a speed index between 1,100-2,500 and first meaningful paint within 1-3 seconds. Various techniques are presented for hacking first load times, data transfer, resource loading, images and user experience. These include avoiding redirects, using HTTP/2 and service workers, modern cache controls, responsive images, preloading resources, and ensuring consistent frame rates. The overall message is that mobile performance needs more attention given average load times and high bounce rates on slow mobile sites.
La Web Salta al Mundo Físico - Web meets Physical World (spanish)Maximiliano Firtman
Slides of my talk at DevFest 2016 in Cochabamba, Bolivia (en español - in spanish) about Web APIs for hardware access, the Physical Web, WebVR and other technologies.
Slides of my talk about Progressive Web Apps - The Web strikes again (La Web contraataca) delivered in Cochabamba Bolivia, for DevFest 2016 in November 2016.
Talk delivered in New York, Sep 19, 2016 during an O'Reilly meetup before Velocity Conference about Web Performance and Images, including HTTP Client Hints and new Image Formats
The document provides an agenda and summary for a talk on how the physical world is meeting the web through various technologies. The topics discussed include mobile and IoT, the Physical Web, Progressive Web Apps, and connecting through web APIs. Specific emerging APIs that allow access to device sensors and hardware are demonstrated, such as ambient light detection, web Bluetooth, and web audio. The talk aims to show how the web is becoming a universal platform to enable new experiences at the intersection of the digital and physical worlds.
This document summarizes a presentation about extreme performance for mobile web. It discusses understanding the mobile web ecosystem today, focusing on performance differences for mobile and tools to measure performance. It also covers HTML5 APIs and specifications for performance as well as tips for extreme performance including optimizing the network layer, reducing redirects and stop signs, prioritizing responsive design, minimizing above-the-fold content, loading CSS asynchronously, treating JavaScript as optional, and ensuring fast user interfaces. The overall message is that perception of performance is more important than actual load times and focuses on techniques to optimize for mobile.
This document discusses optimizing web performance for mobile devices. It covers the current mobile web ecosystem, importance of performance, tools for measuring performance, optimizing initial loading and perception, and responsiveness. The key points discussed are understanding the diversity of mobile browsers and platforms, keeping content above the fold loading within 1 second, using tools like navigation timing API to measure performance, avoiding redirects and unnecessary resources, and ensuring smooth scrolling and responsiveness.
The document discusses optimizing web performance for mobile devices. It covers mobile web platforms and browsers, the importance of performance on mobile, tools for measuring performance, optimizing initial loading and above-the-fold content within 1 second, and maintaining responsiveness. The key recommendations are to measure on real devices, avoid redirects, reduce requests, load above-the-fold content quickly and defer the rest, and prioritize simplicity over complex designs and frameworks.
Maximiliano Firtman gave a presentation on extreme web performance for mobile devices. He covered:
1. The current state of the mobile web including platforms, browsers and web apps
2. Factors affecting mobile performance like perception, hardware differences, and network speeds
3. Tools for measuring performance like emulators, online tools, and HTML5 APIs
4. Optimizing initial loading and the above-the-fold content in the first second
5. Ensuring responsiveness through consistent frame rates, immediate feedback, and smooth scrolling.
This document discusses the future of mobile development and how constant change will impact it. Over the past 18 years, mobile technology has advanced significantly from early devices like the Blackberry and Windows Mobile to modern smartphones like the iPhone and Android. However, some things have remained constant like performance issues, battery life frustrations, and how users get accustomed to new technologies quickly. The future of mobile is unknown, but boundaries between native, web and cloud will blur and users will be in control. Devices will act as hubs and sync smartly while wearables grow. Developers must embrace change, focus on content over apps, and optimize for performance and ubiquity across diverse platforms.
Digital Banking in the Cloud: How Citizens Bank Unlocked Their MainframePrecisely
Inconsistent user experience and siloed data, high costs, and changing customer expectations – Citizens Bank was experiencing these challenges while it was attempting to deliver a superior digital banking experience for its clients. Its core banking applications run on the mainframe and Citizens was using legacy utilities to get the critical mainframe data to feed customer-facing channels, like call centers, web, and mobile. Ultimately, this led to higher operating costs (MIPS), delayed response times, and longer time to market.
Ever-changing customer expectations demand more modern digital experiences, and the bank needed to find a solution that could provide real-time data to its customer channels with low latency and operating costs. Join this session to learn how Citizens is leveraging Precisely to replicate mainframe data to its customer channels and deliver on their “modern digital bank” experiences.
The Microsoft 365 Migration Tutorial For Beginner.pptxoperationspcvita
This presentation will help you understand the power of Microsoft 365. However, we have mentioned every productivity app included in Office 365. Additionally, we have suggested the migration situation related to Office 365 and how we can help you.
You can also read: https://www.systoolsgroup.com/updates/office-365-tenant-to-tenant-migration-step-by-step-complete-guide/
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
Northern Engraving | Nameplate Manufacturing Process - 2024Northern Engraving
Manufacturing custom quality metal nameplates and badges involves several standard operations. Processes include sheet prep, lithography, screening, coating, punch press and inspection. All decoration is completed in the flat sheet with adhesive and tooling operations following. The possibilities for creating unique durable nameplates are endless. How will you create your brand identity? We can help!
Dandelion Hashtable: beyond billion requests per second on a commodity serverAntonios Katsarakis
This slide deck presents DLHT, a concurrent in-memory hashtable. Despite efforts to optimize hashtables, that go as far as sacrificing core functionality, state-of-the-art designs still incur multiple memory accesses per request and block request processing in three cases. First, most hashtables block while waiting for data to be retrieved from memory. Second, open-addressing designs, which represent the current state-of-the-art, either cannot free index slots on deletes or must block all requests to do so. Third, index resizes block every request until all objects are copied to the new index. Defying folklore wisdom, DLHT forgoes open-addressing and adopts a fully-featured and memory-aware closed-addressing design based on bounded cache-line-chaining. This design offers lock-free index operations and deletes that free slots instantly, (2) completes most requests with a single memory access, (3) utilizes software prefetching to hide memory latencies, and (4) employs a novel non-blocking and parallel resizing. In a commodity server and a memory-resident workload, DLHT surpasses 1.6B requests per second and provides 3.5x (12x) the throughput of the state-of-the-art closed-addressing (open-addressing) resizable hashtable on Gets (Deletes).
Main news related to the CCS TSI 2023 (2023/1695)Jakub Marek
An English 🇬🇧 translation of a presentation to the speech I gave about the main changes brought by CCS TSI 2023 at the biggest Czech conference on Communications and signalling systems on Railways, which was held in Clarion Hotel Olomouc from 7th to 9th November 2023 (konferenceszt.cz). Attended by around 500 participants and 200 on-line followers.
The original Czech 🇨🇿 version of the presentation can be found here: https://www.slideshare.net/slideshow/hlavni-novinky-souvisejici-s-ccs-tsi-2023-2023-1695/269688092 .
The videorecording (in Czech) from the presentation is available here: https://youtu.be/WzjJWm4IyPk?si=SImb06tuXGb30BEH .
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfChart Kalyan
A Mix Chart displays historical data of numbers in a graphical or tabular form. The Kalyan Rajdhani Mix Chart specifically shows the results of a sequence of numbers over different periods.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUpanagenda
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/
DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen!
Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell.
Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten.
Diese Themen werden behandelt
- Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten
- Wie funktionieren CCB- und CCX-Lizenzen wirklich?
- Verstehen des DLAU-Tools und wie man es am besten nutzt
- Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw.
- Praxisbeispiele und Best Practices zum sofortigen Umsetzen
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...Alex Pruden
Folding is a recent technique for building efficient recursive SNARKs. Several elegant folding protocols have been proposed, such as Nova, Supernova, Hypernova, Protostar, and others. However, all of them rely on an additively homomorphic commitment scheme based on discrete log, and are therefore not post-quantum secure. In this work we present LatticeFold, the first lattice-based folding protocol based on the Module SIS problem. This folding protocol naturally leads to an efficient recursive lattice-based SNARK and an efficient PCD scheme. LatticeFold supports folding low-degree relations, such as R1CS, as well as high-degree relations, such as CCS. The key challenge is to construct a secure folding protocol that works with the Ajtai commitment scheme. The difficulty, is ensuring that extracted witnesses are low norm through many rounds of folding. We present a novel technique using the sumcheck protocol to ensure that extracted witnesses are always low norm no matter how many rounds of folding are used. Our evaluation of the final proof system suggests that it is as performant as Hypernova, while providing post-quantum security.
Paper Link: https://eprint.iacr.org/2024/257
Taking AI to the Next Level in Manufacturing.pdfssuserfac0301
Read Taking AI to the Next Level in Manufacturing to gain insights on AI adoption in the manufacturing industry, such as:
1. How quickly AI is being implemented in manufacturing.
2. Which barriers stand in the way of AI adoption.
3. How data quality and governance form the backbone of AI.
4. Organizational processes and structures that may inhibit effective AI adoption.
6. Ideas and approaches to help build your organization's AI strategy.
How information systems are built or acquired puts information, which is what they should be about, in a secondary place. Our language adapted accordingly, and we no longer talk about information systems but applications. Applications evolved in a way to break data into diverse fragments, tightly coupled with applications and expensive to integrate. The result is technical debt, which is re-paid by taking even bigger "loans", resulting in an ever-increasing technical debt. Software engineering and procurement practices work in sync with market forces to maintain this trend. This talk demonstrates how natural this situation is. The question is: can something be done to reverse the trend?
Monitoring and Managing Anomaly Detection on OpenShift.pdfTosin Akinosho
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
What is an RPA CoE? Session 1 – CoE VisionDianaGray10
In the first session, we will review the organization's vision and how this has an impact on the COE Structure.
Topics covered:
• The role of a steering committee
• How do the organization’s priorities determine CoE Structure?
Speaker:
Chris Bolin, Senior Intelligent Automation Architect Anika Systems
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
21. differences
There are browsers supporting 1, 2,
4, 6 parallel downloads
21
22. mobile browsers
‣ too many
‣ (some) too limited
‣ (some) too innovative
‣ (some) proxied
‣ (most) without documentation
‣ (most) without a name
‣ (most) without debugging tools
22
23. MOBILE WEB USAGE!
!"#$%&'()*+, !"#$%&'()*+,
!(-.#/,0'()*+, !(-.#/,0'()*+,
1*#%2$*,
1*#%2$*,0'()*+,
0'()*+,
MARKET SHARE!
23
24. a quick, dirty list
‣ Safari on iOS
‣ Android Browser
‣ Symbian Browser
‣ webOS Browser
‣ BlackBerry Browser
‣ Bada Browser
‣ Firefox
‣ Internet Explorer
24
25. a quick, dirty list (cont.)
‣ NetFront
‣ Myriad
‣ Nokia Browser (Ovi)
‣ Phantom
‣ microB
‣ Opera Mobile
‣ Opera Mini
‣ Skyfire
‣ BOLT
25
26. they are on tablets too!
‣ Safari on iOS
‣ Android Browser
‣ webOS Browser
‣ BlackBerry Browser
‣ Opera Mini
26
45. html5
if the device is not html5-compatible
‣ it’s fine...
‣ it will work without those enhancements
‣ even html5-compatible devices don’t have
the same compatibility level
‣ don’t be fanatic, be multiplatform
45
53. 1. be mobile
‣ don’t leave just a desktop website
‣ use mobile meta tags & viewport
‣ usability
‣ use server-side detection
‣ right experience to each context
53
69. 3. be simple
Semantic HTML5
• 1.3Kb (7% of original size)
• 31 DOM elements (17% of original qty)
• NO class
• <1Kb CSS
• Same design using CSS.
• If CSS is not there, no design!
69
71. 4. known wpo techniques
• gzip components
• be friend of caching
• stylesheets at the top
• scripts to the bottom (maybe)
• scripts and styles external
• reduce dns lookups
• minify javascript and css
71
75. 5. resource != download
Reduce http requests
‣ every request hurts
‣ a lot...
‣ more in the mobile space
‣ ideal: 1 only request initial load
‣ even no request!
75
77. 6. images
‣ only semantic images
‣ no effects, no ornaments
‣ use CSS 2.1, CSS 3 or nothing
‣ compress images
‣ deliver the right image size for every
device - context
‣ don’t think on image=file
77
78. 6. images
• 7 images on icons
• 2 images for logos
• 1 image for arrow
• 1 image for cell background
• 1 background image...
• ...350Kb and 854x854 pixels!!
78
79. 6. images
‣ we have 2 semantic images: logos
‣ remove background, icons & other images
‣ don’t worry! we’ll try to provide alternatives
if the context helps
79
80. 6. images
for the background a CSS3 gradient
background: #1e5799;
!
background: -moz-linear-gradient(top,
#1e5799 0%, #2989d8 50%, #7db9e8 100%);
! !
background: -webkit-gradient(linear,
left top, left bottom, color-stop
(0%,#1e5799), color-stop(50%,#2989d8),
color-stop(100%,#7db9e8));
80
82. 6. images
for the cell background
...a CSS3 gradient too
82
83. 6. logos & icons
We can use CSS sprites
‣ very good support on mobile
‣ use a device library to detect
‣ lot of free services: spriteme.org, css-sprit.es
83
84. 6. logos & icons
We can use inline images (aka data URI)
‣ very good support on mobile
‣ use a device library to detect
‣ first, compress!
‣ lot of free online services
‣ just convert bytes into base64
‣ easy to convert from server-side
base64_encode() in PHP
84
85. 6. logos & icons
We can use inline images (aka data URI)
data:<mime-type>;base64,<base64 data>
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMUAAAAiAgMAAACSF/VZAAAAA3NCSVQICAjb4U/
gAAAACVBMVEX///////+ZmZlVZlogAAAAA3RSTlP//
wDXyg1BAAAACXBIWXMAAAsSAAALEgHS3X78AAAAHnRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1LjGrH0jrAAAA9k
lEQVQ4je3TOw6DMAwGYMsT4hSMKKf0UTKinLJ+JEAeLmmnDo1aELQf+e0ESHMD8sBE8Ce/SQhThJD4dPBJviQ/8U0eQf/
qEfDJ6pHgEsxkacnqEkkGOJgFfRJklq0nUIgd5KY+XTJrsNiT/SLrnUS5zKU0ZGmI1g1ol0QWrSbwjnAG+dRL
+UAGTX4gmmJrCHkkl8+xNjQCmcSWVE1md81iy0u8kt0s1VLeVr
+Q5JNmW8aTkEd0WxIXg0YO2925C0OyGlkKSZb19oqVw0m0DdsVjB8nEzNJNCahI/PvvnQK6ROCSnLQGaIASs9ng31Bls/JbrW8AJuDnJ
+8sV3sAAAAAElFTkSuQmCC
85
86. 6. logos & icons
inline images are just GREAT
‣ new way to think about images
‣ new way to transmit & store images
‣ they are just plain text
‣ can be used on HTML or CSS
86
87. 6. logos & icons
you can create them on the fly with html5
‣ (check compatibility)
‣ use with html5 canvas drawing API
‣ use toDataURL() method from canvas
‣ voilá!
‣ even useful for converting image real files
into data uri client-side
87
88. 6. other tips
‣ 450 emoji characters on iOS

http://pukupi.com/post/1964
88
89. 6. other tips
‣ CSS3 multiple backgrounds
‣ CSS3 transformations
‣ CSS3 shadows, effects
‣ CSS3 rounded borders, border image
‣ SVG, inline SVG and canvas
‣ if not compatible, accept it!
89
91. 7. be ready asap
‣ defer most of your code after onload
‣ defer content
‣ don’t even parse frameworks
‣ did you say frameworks?
‣ remove address bar onload
91
92. 7. defer, defer
‣ great support for deferring content & code
‣ if you have lot of content, use your own
loading
‣ use a server-side detection
92
93. 7. don’t parse yet!
‣ parsing javascript takes time
‣ from 1ms to 100ms per 1Kb
‣ delays onload
93
94. 7. don’t parse yet!
‣ divide your code into modules by needs
‣ comment all your code
<script>/* ... */</script>
‣ when needed, remove comments and eval
eval(stripOutCommentBlock(script.innerHTML));
‣ created by Gmail Mobile team and Charles Jolley
94
95. 7. forget about frameworks
‣ ok, not always
‣ think it 100 times
‣ do you really need it?
‣ don’t use jQuery just for $(“”)
‣ jQuery can take up to 8s to parse on
some phones
95
96. 7. forget about frameworks
‣ W3C Selectors API w3.org/TR/selectors-api
document.querySelector!
‣ create your own mini-library
‣ use mini-frameworks: XUI, zepto.js, microjs
‣ jQuery Mobile is not a mini-framework! it’s a
ui framework.
‣ if it’s not compatible, do you really need it?
96
97. 7. forget about frameworks
our sample uses three uncompressed
javascript files:
framework: 60Kb
motionpack: 3Kb
calendar: 7Kb
97
98. 7. remove address bar
‣ hack for some browsers
‣ scroll to 0, 1 after onload
‣ you need to have a min-height container of
the available height - device library
‣ window.scrollTo(0, 1);
‣ the user will be happy to start using your
web inmediatly
98
100. 8. application cache
‣ Defines an offline installation package
<html manifest=‘offline.appcache’>
‣ Next time, it will be available inmediately
(even without connection)
‣ Update process
‣ Make the HTML and some basic resources
cached and manage your own cache with
localStorage
100
102. 9. offline storage
‣ localStorage and SQL storage
‣ localStorage easier and faster
‣ store strings (2x faster than objects)
‣ what to store?
‣ images
‣ code
‣ styles
‣ html elements
‣ data
102
103. 9. offline storage
‣ we can mix it with cookies
‣ resource storage library
‣ we store some resources client-side
‣ next time, we don’t send them
‣ on mobile, up to 2Mb per domain is safe
103
104. 9. offline storage
first load
request (no cookies)
response
browser full html
server
inline images
css styles
stores resources in javascript code
localStorage and create
cookie
104
105. 9. offline storage
second load
request (with cookies)
response
browser server
basic html
basic javascript
updated resources
105
107. 10. internal is better
‣ code and resources used only once must be
inlined in the HTML
‣ no external css, no external javascript, no
external images
‣ if you use it on different pages, then:
‣ external
‣ localStorage
107
109. 11. touch, no click
‣ on touch devices, click delays between 300
and 500 ms before executing.
‣ Too much!
‣ Use touch events: ontouchend
‣ We can use progressive enhancement and
change links behavior
109
111. 12. ajax please!
‣ progressive enhancement
‣ server-side framework
‣ it’s seo-friendly too!
‣ most devices support XHR
‣ why don’t use it!
‣ it’s mobile-friendly!
111
112. 12. ajax please!
‣ onhashchange for history management
‣ request only what needs to be changed
‣ html > json > xml
‣ with json, JSON.parse is up to 2x faster than
eval
112
115. 13. more than ajax
html5 server-sent events
http://dev.w3.org/html5/eventsource/
var source = new EventSource('updates.cgi');
source.onmessage = function (event) {
alert(event.data);
};
115
116. 13. more than ajax
html5 web sockets
http://dev.w3.org/html5/websockets/
116
119. 14. context & user decision
‣ now, you decide the user experience based
on the device or based on... I don’t know.
‣ if you have an iPhone or Android, this is the
experience you want.
‣ if you have a feature phone, then this is
what you need
119
121. 14. context & user decision
‣provide different experiences
‣ YouTube resolution idea
‣ SD/HD version
‣ decide best version based
on context
‣ let the user change the decision
121
123. 14. detecting connection
W3C Network Information API
‣ it’s client-side
‣ works on Android 2.2+
‣ navigator.connection.type
‣ can be WIFI, CELL_2G, CELL_3G, others
if (navigator.connection.type==navigator.connection.WIFI) {
}
123
124. 14. detecting connection
BlackBerry client-side API
‣ works on BB smartphones 4.0+
‣ blackberry.network==’Wi-Fi’
124
125. 14. detecting connection
Server-side detection
‣ Symbian header x-nokia-musicshop-bearer
‣ BlackBerry header via
‣ Trying to detect if it’s a carrier network
‣ Massive’s Operator Identification Platform
(www.werwar.com)
125
126. 14. detecting connection
iOS detection
‣ No official way (there are some hacks)
‣ If you are an iOS developer, go to
bugrequest.apple.com and request this
feature
126
127. 14. detecting pixel density
don’t download pixels that can not be seen
‣ iPhone 3 vs iPhone 4
‣ android
‣ on WebKit: window.devicePixelRatio
‣ can be used also in css3 media queries
‣ remember: let the user decide!
127
128. 14. html5 audio & video
The standard only cares about codecs/formats
‣ You should care about connectivity
‣ iOS: Quicktime Reference Movies
‣ A reference movie decides different sources
regarding the current bandwidth
‣ Doesn’t update dynamically
‣ Search for free MakeRefMovie tool
128
130. 15. animations & timers
Browsers animations or nothing
‣ ok, it was a bit extreme...
‣ don’t use javascript based animation
‣ use css3 transitions & animations
‣ they can be hardware-accelerated
‣ move & scale using css3 transforms
130
131. 15. animations & timers
Timers
‣ be careful
‣ slugglish UI
‣ >= 1s frequency
‣ reduce DOM changes
‣ change the DOM once per cycle
131
132. 15. animations & timers
html5 web workers
‣ starting to appear on mobile
‣ allow different threads on javascript
‣ we can do things without affecting ui
rendering (too much)
‣ use it if they are available!
132
134. 16. mobilize
‣ speed is also about total time to do an action
‣ reduce input, use html5 input types
‣ use context and html5 to help the user reduce
times
‣ use w3c geolocation api
‣ use localStorage for history and analytics
134