Zeno rocha - HTML5 APIs para Mobile

•

3 likes•3,841 views

Palestra de Zeno Rocha no InterCon Dev - Android, em setembro de 2013, sobre HTML5 APIs para Mobile. Saiba mais em: http://intercon.imasters.com.br/dev/android/

Technology News & Politics

HTML5 APIs
para Mobile
Thursday, September 12, 13

hoje vamos
falar de HTML5
no mundo mobile
Thursday, September 12, 13

nativo
vs
web
Thursday, September 12, 13

document.querySelector
vs
Thursday, September 12, 13

vs
<input type=”date”>
Thursday, September 12, 13

a plataforma
web demora,
mas evolui
Thursday, September 12, 13

html5-pro.com/wormz
Thursday, September 12, 13

o que usar?
o que evitar?
Thursday, September 12, 13

chrome para android
legenda
Thursday, September 12, 13

safari para iOS
legenda
Thursday, September 12, 13

browser nativo do android
legenda
Thursday, September 12, 13

firefox mobile
legenda
Thursday, September 12, 13

ie mobile
legenda
Thursday, September 12, 13

opera mobile
legenda
Thursday, September 12, 13

muito bem suportado
Thursday, September 12, 13

<meta name="viewport" content="width=device-width”>
viewport
<meta name="viewport" content="initial-scale=1.0”>
<meta name="viewport" content="minimum-scale=0.5”>
<meta name="viewport" content="maximum-scale=1.5”>
Thursday, September 12, 13

zno.io/R77v
viewport
Thursday, September 12, 13

@media screen and (max-width: 320px) {}
@media screen and (min-width: 1024px) {}
media queries
@media screen and (orientation: portrait) {}
@media screen and (orientation: landscape) {}
@media screen and (device-aspect-ratio: 16/9) {}
@media screen and (resolution: 2dppx) {}
Thursday, September 12, 13

media
queries
Thursday, September 12, 13

<input type="email">
<input type="url">
<input type="tel">
<input type="number">
<input type="search">
<input type="date">
<input type="month">
<input type="week">
<input>
Thursday, September 12, 13

<input>
zno.io/R7ME
Thursday, September 12, 13

<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogv" type="video/ogg">
</audio>
<video>
Thursday, September 12, 13

<video>
zno.io/R6nv
Thursday, September 12, 13

<audio controls>
<source src="music.mp3" type="audio/mpeg">
<source src="music.ogg" type="audio/ogg">
</audio>
<audio>
Thursday, September 12, 13

<audio>
zno.io/R7nE
Thursday, September 12, 13

<img src="chrome.svg" alt="Chrome">
<svg>
<svg>
<circle cx="100" cy="50" r="40" fill="red">
</svg>
Thursday, September 12, 13

<svg>
zno.io/R6iA
Thursday, September 12, 13

<canvas width="250" height="250"></canvas>
<canvas>
var canvas = document.querySelector("canvas");
var contexto = canvas.getContext("2d");
// começa a desenhar
contexto.arc(110, 110, 100, 0, Math.PI*2, true);
...
Thursday, September 12, 13

<canvas>
zno.io/R7S3
Thursday, September 12, 13

var success = function (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
};
navigator.geolocation.getCurrentPosition(success);
geolocation
Thursday, September 12, 13

var success = function (position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
};
navigator.geolocation.watchPosition(success);
geolocation
Thursday, September 12, 13

zno.io/R6eH
geolocation
Thursday, September 12, 13

<p>Lorem ipsum dolor sit amet, consectetur</p>
web storage
var p = document.querySelector('p');
localStorage.setItem('p', p.textContent);
Thursday, September 12, 13

web
storage
zno.io/R7hq
Thursday, September 12, 13

.ontouchstart = function(e) {
// faça algo
};
.ontouchmove = function(e) {
// faça algo
};
touch events
Thursday, September 12, 13

touch
events
zno.io/R6gZ
Thursday, September 12, 13

window.ononline = function() {
document.body.className = 'online';
};
window.onoffline = function() {
document.body.className = 'offline';
};
offline events
Thursday, September 12, 13

offline
events
zno.io/R7Da
Thursday, September 12, 13

<html manifest="cache.manifest">
app cache
CACHE MANIFEST
#version 1
chrome.svg
Thursday, September 12, 13

app
cache
zno.io/R7BJ
Thursday, September 12, 13

parcialmente suportado
Thursday, September 12, 13

img.onclick = function(e) {
img.requestFullScreen();
};
fullscreen
<img src="chrome.svg" alt="Chrome">
Thursday, September 12, 13

zno.io/R6t7
fullscreen
Thursday, September 12, 13

<img id="img">
<input id="camera" type="file" accepts="image/*"
capture="camera">
media capture
camera.onchange = function(e) {
var files = e.target.files;
if (files.length > 0 &&
files[0].type.indexOf("image/") == 0) {
img.src = URL.createObjectURL(files[0]);
}
};
Thursday, September 12, 13

zno.io/R7XH
media
capture
Thursday, September 12, 13

o que vem por aí!
Thursday, September 12, 13

<video autoplay></video>
getUserMedia
var video = document.querySelector("video");
navigator.getUserMedia({
video: true,
audio: true
},
function(s) {
video.src = window.URL.createObjectURL(s);
});
Thursday, September 12, 13

zno.io/R766
getUserMedia
Thursday, September 12, 13

.navbar {
position: sticky;
top: 30px;
}
position sticky
zno.io/R6u6
Thursday, September 12, 13

.onpointerdown = function(e) {
// faça algo
};
.onpointermove = function(e) {
// faça algo
};
pointer events
zno.io/R6X6
Thursday, September 12, 13

// Vibra uma vez por um segundo
navigator.vibrate(1000);
vibration
zno.io/R6eP
Thursday, September 12, 13

mobilehtml5.org
Thursday, September 12, 13

A melhor forma de
prever o futuro é
inventando ele
Thursday, September 12, 13

The document discusses various techniques for testing responsive web design across multiple devices locally, including setting up Apache on a laptop to serve files to connected devices like an iPad or iPhone over WiFi. It recommends tools like Responsizer.js to simulate device sizes in the browser, and PhantomJS and ImageMagick for taking screenshots of a site on different devices and comparing visual differences between versions.

Pragmatic JavaScript

John Hann

The document is a presentation on pragmatic JavaScript. It discusses functions as first-class citizens in JavaScript, function scope and hoisting, closures, immediately invoked function expressions (IIFEs), and prototypal inheritance in JavaScript. It provides code examples for many functional programming patterns and techniques in JavaScript like debouncing, inheritance using Object.create, and constructor functions.

Keeping responsive into the future by Chris mills

Codemotion

Chris Mills will go beyond the obvious, looking at what we can do today to adapt our front-ends to different browsing environments, from mobiles and other alternative devices to older browsers we may be called upon to support. You’ll learn some advanced media query and viewport tricks, including a look at @viewport; insights into responsive images: problems, and current solutions; how to provide usable alternatives to older browsers with Modernizr; what other CSS3 modules provide responsive capabilities; and where media queries are going in the future, with CSS4 media queries.

Smartgears

Fabio Simeoni

SmartGears is software that makes existing software and containers into resources that can be managed by the gCube framework in a transparent way. It works by installing libraries into any Servlet container that turn applications running in that container into gCube resources. This allows software not originally built for gCube to still benefit from features like discovery, monitoring, access control and lifecycle management. SmartGears achieves this by injecting logic into the application and request lifecycles using a set of lightweight component libraries without requiring changes to the applications or container themselves.

Dependency management & Package management in JavaScript

Sebastiano Armeli

Progressive Advancement, by way of progressive enhancement

Paul Irish

The document discusses progressive enhancement and feature detection using Modernizr. It emphasizes starting with modern capabilities like HTML5 and CSS3, while providing graceful fallback for older browsers. Modernizr helps detect features to conditionally apply native and polyfill code, improving performance for all browsers. The presentation encourages teams to adopt progressive enhancement and performance best practices.

This document summarizes Christopher Schmitt's presentation on adaptive images in responsive web design. It discusses using feature testing versus browser sniffing to determine the appropriate image to serve, including testing browser width, screen resolution, and bandwidth. It then covers various techniques for serving adaptive images, such as using .htaccess files, the <picture> element, srcset attributes, and JavaScript libraries. It emphasizes using a mobile-first approach and progressive enhancement to provide the best experience for all devices.

I motion

Fernand Galiana

The document appears to be notes from a talk or workshop about building iOS applications using RubyMotion. It contains tips and steps for setting up a RubyMotion project, integrating with APIs, styling interfaces, testing apps, submitting to the App Store, and more. Key topics discussed include using CocoaPods, networking with AFNetworking, Auto Layout with visual format strings, and testing and distributing RubyMotion apps.

Keeping it small - Getting to know the Slim PHP micro framework

Jeremy Kendall

The document discusses the Slim micro PHP framework. It provides an overview of installing Slim via Composer, basic routing examples including GET and POST requests, and configuration options. Key topics covered include routing, templates, middleware, configuration via a config array, and logging/flash messaging. Examples demonstrate basic routing for homepage, single images, adding photos, and handling POST data and redirects.

Building a Startup Stack with AngularJS

FITC

Presented at SCREENS 2013 in Toronto with Nick Van Weerdenburg Save 10% off ANY FITC event with discount code 'slideshare' See our upcoming events at www.fitc.ca AngularJS is a hot, hot, hot topic. Building web and mobile apps in AngularJS is an ease but there is a learning curve. In this session, you’ll learn the ins and outs of AngularJS and leave the session knowing how to build killer AngularJS apps.

Empezando con Twig

Ismael Ambrosi

Twig is a template engine for PHP that is described as flexible, fast, and secure. Some key features of Twig include being concise yet powerful, with a template-oriented syntax. It aims to be easy to learn yet extensible. Twig provides features like inheritance, blocks, automatic escaping, and inclusion. It also focuses on being secure, with descriptive error messages and the ability to sandbox templates.

JavaScript Makers: How JS is Helping Drive the Maker Movement

Jesse Cravens

JavaScript is now running everywhere, but one of the most fascinating areas is in the crossroads of full stack JavaScript and prototyping boards. Join frog hacker, Jesse Cravens, and his 6 year old son Carter Clearwater, in a talk about how the open hardware and software revolutions are accelerating the everyday hacker's ability to innovate. JavaScript's accessibility, friendly syntax, and asynchronous runtime, makes it the ideal programming language for makers of all levels, enabling a spectrum of entry points: those with experience in other languages can explore the more advance topics without being riddled with 'time-consuming' boilerplate, compilation, and multi-threading, while newbies and young learners can get started with a successful build in a matter of hours. Discover newer JavaScript APIs. Explore a suite of prototyping boards, such as Arduino, Raspberry Pi, Beaglebone, and the Freescale Freedom, that are inspiring JavaScript developers to step out of the web browser and into the world of physical computing, robotics, and hardware. Leave with not only some new ideas for yourself but also your children.

Dig1108 Lesson 3

vc-dig1108-fall-2013

This document provides an introduction and recap of server-side programming concepts covered in Lesson Three, including data types, operators, order of operations, programming blocks, coding conventions, and good and bad coding practices. It discusses literals, arithmetic, assignment, comparison operators, string operators, order of operations, programming blocks, coding conventions, readability, and provides examples. It also assigns students to identify good and bad code examples based on coding style and to fetch and merge code from an upstream repository.

GameSlap demo

Amy Ton

This document discusses the features, technologies, and next steps for a game-based mobile application. It uses client-side technologies like PhoneGap, Backbone.js, and Ajax, and server-side technologies including Ruby on Rails, RSpec, and Geocoder. Features mentioned include user profiles, sliding menus, finding nearby users, and pending challenges. Next steps include adding additional game categories, an iOS app, and messaging, points, ranking, and badge systems.

Rails Sojourn: One Man's Journey - Wicked Good Ruby Conference 2013

Mike Desjardins

Cors michael

Michael Neale

Node Tools For Your Grails Toolbox - Gr8Conf 2013

zanthrash

MongoTalk/Voyage

ESUG

This document provides an introduction and overview of MongoTalk and Voyage, two Smalltalk libraries for interacting with MongoDB databases. It demonstrates how to install, configure, and perform basic operations like creating databases and collections, inserting, updating, deleting and querying documents with both libraries. It also shows how to customize mappings and relationships when using Voyage.

Spring in-the-cloud

Joshua Long

The document provides an overview of getting started with Cloud Foundry. It discusses registering for a Cloud Foundry account, installing the vmc CLI tool on Windows and Mac, and the various ways Cloud Foundry can be used to deploy applications. It also covers key Cloud Foundry features like choice of runtimes, choice of cloud providers, scaling applications, developing applications using Eclipse/STS, and using services in applications.

University of arizona mobile matters - technology, a means to an end

Thibault Imbert

Technology is fascinating, but should this be what's driving us? What are the things you can do to differentiate yourself today? With all that noise, what are things you should be looking at? In this talk we will look at the different technologies available today to build amazing experiences and what's coming tomorrow. We will focus on the importance of learning, crafting and getting out of your comfort zone and most importantly, never be religious about a technology.

Sassy Stylesheets with SCSS

Kathryn Rotondo

This document is a presentation on SCSS (Sassy CSS), which is a CSS preprocessor that adds features like variables, nested rules, mixins, functions and inheritance to regular CSS. It introduces these features and provides examples of how they can make CSS more efficient and reusable. The presentation also recommends related tools like Bourbon and Neat that provide additional mixins and grid frameworks for use with SCSS.

Introduction to Scrum version 3.1

Prathan Dansakulcharoenkit

This document discusses agile frameworks like Scrum, eXtreme Programming (XP), and Kanban. It describes the roles, activities, and artifacts in Scrum such as the Product Owner, Scrum Master, and development team. Key Scrum events are also outlined like sprint planning, daily stand-ups, sprint reviews, and retrospectives. The document emphasizes iterative development, self-organizing teams, and adaptive planning in agile methodologies.

Securing Client Side Data

Grgur Grisogono

The document discusses various options for securely storing client-side data, including encrypting data stored in HTML5 storage mechanisms like LocalStorage. It recommends using libraries like Crypto-JS and the Stanford JavaScript Crypto Library to encrypt data before storing it. It provides code examples of overriding Ext.encode and Ext.decode to encrypt all JSON, as well as overriding proxies to encrypt record data. Hybrid mobile app options for securely storing data like SQLite with encryption extensions are also covered.

DjangoCon 2009 Keynote

Ted Leung

The document appears to be a presentation about web application development trends. It discusses the rising popularity of frameworks like Django, Rails and PHP. It also covers topics like rich internet applications, latency, cloud computing, frameworks like Lift and Webmachine, and how web applications are changing for users, developers and operators. The presentation includes several images and recommends following Ted Leung online for more information.

Multiplatform, Promises and HTML5

C4Media

This document contains a presentation about developing multiplatform mobile applications. It discusses the benefits of using HTML5 for cross-platform development, including code sharing across platforms. However, it also notes some disadvantages of HTML5 like underestimating challenges, varying performance across browsers and devices, and lack of native UI capabilities. The presentation explores options for developing native apps, web apps, and hybrid apps that combine web technologies with native platforms. It emphasizes the importance of considering multiple factors like distribution channels, development approaches, and each platform's varying support for HTML5 features when choosing a development strategy.

Nginx Workshop Aftermath

Denis Zhdanov

This document summarizes Denis Zhdanov's presentation on optimizing and securing Nginx configurations. Some key points include: - Nginx is more scalable than Apache because it uses an event-driven model instead of preforking separate processes per request. - Locations, variables, and directives like proxy_pass, root, and alias allow complex routing and rewriting of requests. Care must be taken to avoid security issues when passing variables to backends. - Caching can be optimized for large static files and many small files through tuning buffers, caches, and disk settings. - Light DDoS attacks can be mitigated using rate limiting, geo blocking, and aggressive caching

O que você precisa saber para modelar bancos de dados NoSQL - Dani Monteiro

iMasters

1. O documento apresenta os principais modelos de bancos de dados NoSQL: chave-valor (Redis), orientado a documentos (MongoDB), orientado a colunas (Cassandra) e orientado a grafos (Neo4j). 2. Nos modelos orientados a documentos e colunas, o documento discute quando usar dados embutidos versus referenciados, enquanto no modelo de grafos destaca a importância dos nós e relacionamentos. 3. O documento fornece dicas sobre modelagem de dados em cada modelo, incluindo tipos de dados, índices

Postgres: wanted, beloved or dreaded? - Fabio Telles

iMasters

Similar to Zeno rocha - HTML5 APIs para Mobile

[jqconatx] Adaptive Images for Responsive Web Design

Christopher Schmitt

I motion

Fernand Galiana

Keeping it small - Getting to know the Slim PHP micro framework

Jeremy Kendall

Building a Startup Stack with AngularJS

FITC

Empezando con Twig

Ismael Ambrosi

JavaScript Makers: How JS is Helping Drive the Maker Movement

Jesse Cravens

Dig1108 Lesson 3

vc-dig1108-fall-2013

GameSlap demo

Amy Ton

Rails Sojourn: One Man's Journey - Wicked Good Ruby Conference 2013

Mike Desjardins

Cors michael

Michael Neale

Node Tools For Your Grails Toolbox - Gr8Conf 2013

zanthrash

MongoTalk/Voyage

ESUG

Spring in-the-cloud

Joshua Long

University of arizona mobile matters - technology, a means to an end

Thibault Imbert

Sassy Stylesheets with SCSS

Kathryn Rotondo

Introduction to Scrum version 3.1

Prathan Dansakulcharoenkit

Securing Client Side Data

Grgur Grisogono

DjangoCon 2009 Keynote

Ted Leung

Multiplatform, Promises and HTML5

C4Media

Nginx Workshop Aftermath

Denis Zhdanov

Similar to Zeno rocha - HTML5 APIs para Mobile (20)

[jqconatx] Adaptive Images for Responsive Web Design

I motion

Keeping it small - Getting to know the Slim PHP micro framework

Building a Startup Stack with AngularJS

Empezando con Twig

JavaScript Makers: How JS is Helping Drive the Maker Movement

Dig1108 Lesson 3

GameSlap demo

Rails Sojourn: One Man's Journey - Wicked Good Ruby Conference 2013

Cors michael

Node Tools For Your Grails Toolbox - Gr8Conf 2013

MongoTalk/Voyage

Spring in-the-cloud

University of arizona mobile matters - technology, a means to an end

Sassy Stylesheets with SCSS

Introduction to Scrum version 3.1

Securing Client Side Data

DjangoCon 2009 Keynote

Multiplatform, Promises and HTML5

Nginx Workshop Aftermath

More from iMasters

O que você precisa saber para modelar bancos de dados NoSQL - Dani Monteiro

iMasters

Postgres: wanted, beloved or dreaded? - Fabio Telles

iMasters

Por que minha query esta lenta? - Suellen Moraes

iMasters

Durante os anos de experiencia percebi que grande parte dos desenvolvedores possuem dificuldade em iniciar o troubleshooting de suas queries, muitas vezes sobrecarregando o DBA em muitos dos casos com queries simples. O intuito desta palestrar é mostrar o "caminho das pedras" para despertar nos desenvolvedores a necessidade de se conhecer o funcionamento da ferramenta utilizada e visando os desenvolvimentos futuros tendo como foco o pensamento em performance do código escrito e dicas de melhores códigos.

Relato das trincheiras: o dia a dia de uma consultoria de banco de dados - Ig...

iMasters

ORMs heróis ou vilões dentro da arquitetura de dados? - Otávio gonçalves

iMasters

Com a evolução dos aplicativos nascem novas técnicas, frameworks, linguagens de programação, porém, existe um fato consolidado dentro da arquitetura de software corporativo que é a integração com alguma tecnologia necessária para armazenar as informações inerentes ao sistema. Seja SQL ou NoSQL um ponto importante é que o paradigma das linguagens difere da tecnologia do banco de dados. Com o intuito de facilitar o desenvolvimento surgem as ferramentas que realizam a interpretação entre a camada da aplicação e os bancos. Assim, aparecem grandes desafios: como lidar com essa lacuna multiparadigma? Como favorecer o desenvolvimento sem impactar a performance e a modelagem no banco de dados? O objetivo dessa palestra é falar um pouco desses pontos para que, finalmente, os programadores e os DBAs conseguam viver em paz e harmonia.

SQL e NoSQL trabalhando juntos: uma comparação para obter o melhor de ambos -...

iMasters

Arquitetando seus dados na prática para a LGPD - Alessandra Martins

iMasters

Diante das novas regulamentações externas (GDPR), e a nova legislação Brasileira sobre Proteção de Dados Pessoais (LGPD), o que fazer para se adequar? Por Onde começar? O que Fazer? E o que não fazer? Para que serve a Governança de Dados e como ela pode ajudar sua empresa no processo de adequação/conformidade a padrões internacionais de Privacidade e Segurança da Informação? Diante de tantos caminhos e desafios, um overview do que se trata, por onde começar o caminho, algumas armadilhas a evitar, e algumas boas práticas para não apenas se proteger, mas evitar futuros problemas.

O papel do DBA no mundo de ciência de dados e machine learning - Mauro Pichil...

iMasters

Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud

iMasters

Juliana Chahoud - Consultora, ThoughtWorks Com tantas empresas adotando a estratégia "Mobile-First" (dispositivos móveis em primeiro), uma das grandes decisões que um time de desenvolvimento precisa tomar é: qual tech stack usar para mobile? Diversas tecnologias e linguagens podem ser adotadas, como Swift, Java, Kotlin, React Native, Flutter, Progressive Web App, criação de sites responsivos, etc... No entanto, com tantas variáveis a serem consideradas, essa decisão passou a ser não trivial e que pode trazer grandes consequências a longo prazo e até mesmo inviabilizar um projeto. Nessa palestra serão discutidos os prós e contras de diversas abordagens, para que você possa ter um guia para tomar decisões mais corretas no uso dessas tecnologias Palestra apresentada no InterCon 2018 - https://eventos.imasters.com.br/intercon

Use MDD e faça as máquinas trabalharem para você - Andreza Leite

iMasters

Entendendo os porquês do seu servidor - Talita Bernardes

iMasters

Backend performático além do "coloca mais máquina lá" - Diana Arnos

iMasters

Dicas para uma maior performance em APIs REST - Renato Groffe

iMasters

Renato Groffe - Engenheiro de Software, Canal .NET O que posso fazer em termos de bancos de dados para obter APIs que executem seu trabalho de forma otimizada e com maior velocidade? Que soluções para cache podem ser empregadas? E que tal tratar os retornos destas APIs, reduzindo o volume dos dados trafegados? E quanto a problemas de performance, o que utilizar para facilitar a detecção destes tipos de ocorrências? Acompanhe esta apresentação para obter respostas a estas questões durante o desenvolvimento de APIs REST. Palestra realizada no InterCon 2018 - https://eventos.imasters.com.br/intercon

7 dicas de desempenho que equivalem por 21 - Danielle Monteiro

iMasters

Quem se importa com acessibilidade Web? - Mauricio Maujor

iMasters

O documento discute a importância da acessibilidade na web e como projetar sites e aplicativos web de forma acessível. Ele enfatiza que a acessibilidade é essencial para desenvolvedores e organizações que desejam criar produtos e serviços inclusivos. O documento também discute como começar a projetar sites acessíveis usando HTML5 semântico e focando na usabilidade, além de recomendar os padrões WCAG para acessibilidade.

Service Mesh com Istio e Kubernetes - Wellington Figueira da Silva

iMasters

O documento apresenta uma discussão sobre a arquitetura monolítica versus microserviços e como o Service Mesh com Istio e Kubernetes pode resolver problemas de comunicação entre serviços distribuídos. O palestrante discute as vantagens e desvantagens de ambas as arquiteturas e como ferramentas como Docker, Kubernetes e Istio podem ser usadas para orquestrar contêineres e fornecer funcionalidades como balanceamento de carga, segurança e monitoramento para aplicações de microserviços.

Erros: Como eles vivem, se alimentam e se reproduzem? - Augusto Pascutti

iMasters

Elasticidade e engenharia de banco de dados para alta performance - Rubens G...

iMasters

Construindo aplicações mais confiantes - Carolina Karklis

iMasters

Carolina Karklis - Software developer, Magnetis O hype da orientação a objetos passou e com ele precisamos rever algumas práticas. Até mesmo o codebase mais limpo pode ter mensagens de erro precárias, checagens de tipo de dado em excesso, e uso dispensável de variáveis nulas. Nessa talk vou refatorar um sistema frágil e mostrar estratégias dentro do paradigma de orientação a objetos para escrever código de forma mais simples e confiante. No processo, vamos ver padrões de arquitetura de software que podemos usar, como melhorar mensagens para cenários de input inesperado e remover todas as variáveis nulas possíveis do nosso código.

Monitoramento de Aplicações - Felipe Regalgo

iMasters

Felipe Regalgo apresenta diversas ferramentas de monitoramento e análise de aplicações e serviços, incluindo New Relic para monitoramento de desempenho, Datadog para métricas customizadas, Hotjar para análise de comportamento de usuários, Google Analytics e Melidata para métricas de negócio e Tableau para visualização de dados. O documento também descreve o gerenciador de alertas OpsGenie e a plataforma interna Fury para configuração e gerenciamento de aplicações.

More from iMasters (20)

O que você precisa saber para modelar bancos de dados NoSQL - Dani Monteiro

Postgres: wanted, beloved or dreaded? - Fabio Telles

Por que minha query esta lenta? - Suellen Moraes

Relato das trincheiras: o dia a dia de uma consultoria de banco de dados - Ig...

ORMs heróis ou vilões dentro da arquitetura de dados? - Otávio gonçalves

SQL e NoSQL trabalhando juntos: uma comparação para obter o melhor de ambos -...

Arquitetando seus dados na prática para a LGPD - Alessandra Martins

O papel do DBA no mundo de ciência de dados e machine learning - Mauro Pichil...

Desenvolvimento Mobile Híbrido, Nativo ou Web: Quando usá-los - Juliana Chahoud

Use MDD e faça as máquinas trabalharem para você - Andreza Leite

Entendendo os porquês do seu servidor - Talita Bernardes

Backend performático além do "coloca mais máquina lá" - Diana Arnos

Dicas para uma maior performance em APIs REST - Renato Groffe

7 dicas de desempenho que equivalem por 21 - Danielle Monteiro

Quem se importa com acessibilidade Web? - Mauricio Maujor

Service Mesh com Istio e Kubernetes - Wellington Figueira da Silva

Erros: Como eles vivem, se alimentam e se reproduzem? - Augusto Pascutti

Elasticidade e engenharia de banco de dados para alta performance - Rubens G...

Construindo aplicações mais confiantes - Carolina Karklis

Monitoramento de Aplicações - Felipe Regalgo

Recently uploaded

Northern Engraving | Nameplate Manufacturing Process - 2024

Northern 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!

[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...

Jason Yip

The typical problem in product engineering is not bad strategy, so much as “no strategy”. This leads to confusion, lack of motivation, and incoherent action. The next time you look for a strategy and find an empty space, instead of waiting for it to be filled, I will show you how to fill it in yourself. If you’re wrong, it forces a correction. If you’re right, it helps create focus. I’ll share how I’ve approached this in the past, both what works and lessons for what didn’t work so well.

Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...

saastr

9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...

saastr

Driving Business Innovation: Latest Generative AI Advancements & Success Story

Safe Software

Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency. During the hour, we’ll take you through: Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board. Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes. Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI. We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI. This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!

Nordic Marketo Engage User Group_June 13_ 2024.pptx

MichaelKnudsen27

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Tosin 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.

Mutation Testing for Task-Oriented Chatbots

Pablo Gómez Abajo

Conversational agents, or chatbots, are increasingly used to access all sorts of services using natural language. While open-domain chatbots - like ChatGPT - can converse on any topic, task-oriented chatbots - the focus of this paper - are designed for specific tasks, like booking a flight, obtaining customer support, or setting an appointment. Like any other software, task-oriented chatbots need to be properly tested, usually by defining and executing test scenarios (i.e., sequences of user-chatbot interactions). However, there is currently a lack of methods to quantify the completeness and strength of such test scenarios, which can lead to low-quality tests, and hence to buggy chatbots. To fill this gap, we propose adapting mutation testing (MuT) for task-oriented chatbots. To this end, we introduce a set of mutation operators that emulate faults in chatbot designs, an architecture that enables MuT on chatbots built using heterogeneous technologies, and a practical realisation as an Eclipse plugin. Moreover, we evaluate the applicability, effectiveness and efficiency of our approach on open-source chatbots, with promising results.

Dandelion Hashtable: beyond billion requests per second on a commodity server

Antonios 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).

Artificial Intelligence and Electronic Warfare

Papadakis K.-Cyber-Information Warfare Analyst & Cyber Defense/Security Consultant-Hellenic MoD

Columbus Data & Analytics Wednesdays - June 2024

Jason Packer

AppSec PNW: Android and iOS Application Security with MobSF

Ajin Abraham

Mobile Security Framework - MobSF is a free and open source automated mobile application security testing environment designed to help security engineers, researchers, developers, and penetration testers to identify security vulnerabilities, malicious behaviours and privacy concerns in mobile applications using static and dynamic analysis. It supports all the popular mobile application binaries and source code formats built for Android and iOS devices. In addition to automated security assessment, it also offers an interactive testing environment to build and execute scenario based test/fuzz cases against the application. This talk covers: Using MobSF for static analysis of mobile applications. Interactive dynamic security assessment of Android and iOS applications. Solving Mobile app CTF challenges. Reverse engineering and runtime analysis of Mobile malware. How to shift left and integrate MobSF/mobsfscan SAST and DAST in your build pipeline.

"Choosing proper type of scaling", Olena Syrota

Fwdays

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

panagenda

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

Generating privacy-protected synthetic data using Secludy and Milvus

Zilliz

During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.

"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk

Fwdays

At this talk we will discuss DDoS protection tools and best practices, discuss network architectures and what AWS has to offer. Also, we will look into one of the largest DDoS attacks on Ukrainian infrastructure that happened in February 2022. We'll see, what techniques helped to keep the web resources available for Ukrainians and how AWS improved DDoS protection for all customers based on Ukraine experience

Taking AI to the Next Level in Manufacturing.pdf

ssuserfac0301

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.

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers

akankshawande

Astute Business Solutions | Oracle Cloud Partner |

AstuteBusiness

Apps Break Data

Ivo Velitchkov

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?

Recently uploaded (20)

Northern Engraving | Nameplate Manufacturing Process - 2024

[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...

Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...

9 CEO's who hit $100m ARR Share Their Top Growth Tactics Nathan Latka, Founde...

Driving Business Innovation: Latest Generative AI Advancements & Success Story

Nordic Marketo Engage User Group_June 13_ 2024.pptx

Monitoring and Managing Anomaly Detection on OpenShift.pdf

Mutation Testing for Task-Oriented Chatbots

Dandelion Hashtable: beyond billion requests per second on a commodity server

Artificial Intelligence and Electronic Warfare

Columbus Data & Analytics Wednesdays - June 2024

AppSec PNW: Android and iOS Application Security with MobSF

"Choosing proper type of scaling", Olena Syrota

HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU

Generating privacy-protected synthetic data using Secludy and Milvus

"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk

Taking AI to the Next Level in Manufacturing.pdf

Your One-Stop Shop for Python Success: Top 10 US Python Development Providers

Astute Business Solutions | Oracle Cloud Partner |

Apps Break Data

Zeno rocha - HTML5 APIs para Mobile

1. HTML5 APIs para Mobile Thursday, September 12, 13

2. Thursday, September 12, 13

3. Thursday, September 12, 13

4. Thursday, September 12, 13

5. Thursday, September 12, 13

6. Thursday, September 12, 13

7. Thursday, September 12, 13

8. Thursday, September 12, 13

9. hoje vamos falar de HTML5 no mundo mobile Thursday, September 12, 13

10. Thursday, September 12, 13

11. Thursday, September 12, 13

12. Thursday, September 12, 13

13. nativo vs web Thursday, September 12, 13

14. nativo? Thursday, September 12, 13

15. web? Thursday, September 12, 13

16. vs <canvas> Thursday, September 12, 13

17. document.querySelector vs Thursday, September 12, 13

18. vs <input type=”date”> Thursday, September 12, 13

19. a plataforma web demora, mas evolui Thursday, September 12, 13

20. html5-pro.com/wormz Thursday, September 12, 13

21. Thursday, September 12, 13

22. ubuntu Thursday, September 12, 13

23. webOS Thursday, September 12, 13

24. tizen Thursday, September 12, 13

25. firefox os Thursday, September 12, 13

26. o que usar? o que evitar? Thursday, September 12, 13

27. chrome para android legenda Thursday, September 12, 13

28. safari para iOS legenda Thursday, September 12, 13

29. browser nativo do android legenda Thursday, September 12, 13

30. firefox mobile legenda Thursday, September 12, 13

31. ie mobile legenda Thursday, September 12, 13

32. opera mobile legenda Thursday, September 12, 13

33. muito bem suportado Thursday, September 12, 13

34. muito bem suportado Thursday, September 12, 13

35. <meta name="viewport" content="width=device-width”> viewport <meta name="viewport" content="initial-scale=1.0”> <meta name="viewport" content="minimum-scale=0.5”> <meta name="viewport" content="maximum-scale=1.5”> Thursday, September 12, 13

36. zno.io/R77v viewport Thursday, September 12, 13

37. @media screen and (max-width: 320px) {} @media screen and (min-width: 1024px) {} media queries @media screen and (orientation: portrait) {} @media screen and (orientation: landscape) {} @media screen and (device-aspect-ratio: 16/9) {} @media screen and (resolution: 2dppx) {} Thursday, September 12, 13

38. media queries Thursday, September 12, 13

39. <input type="email"> <input type="url"> <input type="tel"> <input type="number"> <input type="search"> <input type="date"> <input type="month"> <input type="week"> <input> Thursday, September 12, 13

40. <input> zno.io/R7ME Thursday, September 12, 13

41. <video controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogv" type="video/ogg"> </audio> <video> Thursday, September 12, 13

42. <video> zno.io/R6nv Thursday, September 12, 13

43. <audio controls> <source src="music.mp3" type="audio/mpeg"> <source src="music.ogg" type="audio/ogg"> </audio> <audio> Thursday, September 12, 13

44. <audio> zno.io/R7nE Thursday, September 12, 13

45. <img src="chrome.svg" alt="Chrome"> <svg> <svg> <circle cx="100" cy="50" r="40" fill="red"> </svg> Thursday, September 12, 13

46. <svg> zno.io/R6iA Thursday, September 12, 13

47. <canvas width="250" height="250"></canvas> <canvas> var canvas = document.querySelector("canvas"); var contexto = canvas.getContext("2d"); // começa a desenhar contexto.arc(110, 110, 100, 0, Math.PI*2, true); ... Thursday, September 12, 13

48. <canvas> zno.io/R7S3 Thursday, September 12, 13

49. var success = function (position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; }; navigator.geolocation.getCurrentPosition(success); geolocation Thursday, September 12, 13

50. var success = function (position) { var latitude = position.coords.latitude; var longitude = position.coords.longitude; }; navigator.geolocation.watchPosition(success); geolocation Thursday, September 12, 13

51. zno.io/R6eH geolocation Thursday, September 12, 13

52. <p>Lorem ipsum dolor sit amet, consectetur</p> web storage var p = document.querySelector('p'); localStorage.setItem('p', p.textContent); Thursday, September 12, 13

53. web storage zno.io/R7hq Thursday, September 12, 13

54. .ontouchstart = function(e) { // faça algo }; .ontouchmove = function(e) { // faça algo }; touch events Thursday, September 12, 13

55. touch events zno.io/R6gZ Thursday, September 12, 13

56. window.ononline = function() { document.body.className = 'online'; }; window.onoffline = function() { document.body.className = 'offline'; }; offline events Thursday, September 12, 13

57. offline events zno.io/R7Da Thursday, September 12, 13

58. <html manifest="cache.manifest"> app cache CACHE MANIFEST #version 1 chrome.svg Thursday, September 12, 13

59. app cache zno.io/R7BJ Thursday, September 12, 13

60. parcialmente suportado Thursday, September 12, 13

61. parcialmente suportado Thursday, September 12, 13

62. img.onclick = function(e) { img.requestFullScreen(); }; fullscreen <img src="chrome.svg" alt="Chrome"> Thursday, September 12, 13

63. zno.io/R6t7 fullscreen Thursday, September 12, 13

64. <img id="img"> <input id="camera" type="file" accepts="image/*" capture="camera"> media capture camera.onchange = function(e) { var files = e.target.files; if (files.length > 0 && files[0].type.indexOf("image/") == 0) { img.src = URL.createObjectURL(files[0]); } }; Thursday, September 12, 13

65. zno.io/R7XH media capture Thursday, September 12, 13

66. o que vem por aí! Thursday, September 12, 13

67. o que vem por aí! Thursday, September 12, 13

68. <video autoplay></video> getUserMedia var video = document.querySelector("video"); navigator.getUserMedia({ video: true, audio: true }, function(s) { video.src = window.URL.createObjectURL(s); }); Thursday, September 12, 13

69. zno.io/R766 getUserMedia Thursday, September 12, 13

70. .navbar { position: sticky; top: 30px; } position sticky zno.io/R6u6 Thursday, September 12, 13

71. .onpointerdown = function(e) { // faça algo }; .onpointermove = function(e) { // faça algo }; pointer events zno.io/R6X6 Thursday, September 12, 13

72. // Vibra uma vez por um segundo navigator.vibrate(1000); vibration zno.io/R6eP Thursday, September 12, 13

73. mobilehtml5.org Thursday, September 12, 13

74. nativo vs web ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ??? Thursday, September 12, 13

75. A melhor forma de prever o futuro é inventando ele Thursday, September 12, 13

76. Thursday, September 12, 13