O W3C tem uma especificação HTML5 e CSS para uso mobile.
terça-feira, 30 de agosto de 2022
sábado, 27 de agosto de 2022
Google ChromeCast
Como instalar o Google ChromeCast (3a. Geração) na TV
Algumas TV Smart (com aproximadamente uns 10 anos de uso) em pouco tempo param de atualizar o sistema e isso ocorrendo diversos aplicativos param de funcionar.
Isso ocorreu com duas TV Smart Samsung (que eu comprei em 2013), que nunca deu defeito e estão funcionando perfeitamente bem. O problema da TV é que existe alguns aplicativos que funcionam, existe vários aplicativos que já parou de funcionar, e os aplicativos novos nenhum instala dentro da televisão, porque a TV já está muito velha. Como a minha TV velha ainda está funcionando bem, não vou pensar em comprar TV nova tão cedo. Meses atrás eu comprei o Google ChromeCast (3a. Geração) e com os aplicativos Netflix, PrimeVideo, Disney+, HBO+, Star+, Paramount+, Globoplay, Canais Globo, etc, instalados no celular eu consigo ver a imagem dos filmes dos aplicativos na minha TV utilizando o ChromeCast, ele resolveu o problema, eu gostei dele.
Em Junho 2022 (eu pesquisei muito) e consegui comprar um celular Motorola Edge 20 5G (pelo menor valor que eu achei), ele é muito bom tem detecção automática de ligação spam, ele bloqueia ligação de telemarketing automático, ele veio com Android 10, eu consegui atualizar para Android 11, e mês passado ele aceitou atualizar para o Android 12. O meu celular velho tinha Android 6 e nada mais funcionava direito dentro dele, vários aplicativos já tinham parado de funcionar.
1) Plugar o Google ChromeCast (3a. Geração) no HDMI atrás da televisão. E na televisão tem que olhar em qual configuração de plug a TV está achando o ChromeCast.
2) No celular ligar o Bluetooth e mandar ele capturar o ChromeCast.
3) No celular tem que instalar o aplicativo Google Home para usar junto com o Chromecast, e tem que verificar se o Google Home está vendo o ChromeCast dentro dele (e vice-versa), e tem que dar um nome: quarto, sala, etc, para ele usar.
4) No celular tem que instalar os aplicativos de filme que deseja utilizar: Netflix, PrimeVideo, Disney+, Star+, HBO+, Paramount+, Telecine, Globoplay, Canais Globo, etc, junto com o ChromeCast, ele vai enviar a imagem do filme que vê no celular para a sua TV. No celular vai aparecer o item transmitir e quando clicar nele vai aparecer o nome que você deu para o ChromeCast na instalação, no celular ao clicar no nome a imagem é transmitida para a TV.
5) Lembrei: se você está vendo um filme no computador ou notebook (e o wireless está ligado), a televisão está ligada (e a TV tem wireless), no computador tecla o botão direito do mouse no meio da tela, vai abrir o menu, clica no item transmitir, vai aparecer o nome da sua TV (clica nele), fazer isso vai enviar a imagem que está no computador para a sua TV.
- LOGIN = ASSINATURA PAGA DA SUA OPERADORA DE TV
- HBO+ = https://www.hbomax.com/br/pt
- Paramount+ = https://www.paramountplus.com/br/
- Canais Globo = https://canaisglobo.globo.com/
- Megapix = https://canaisglobo.globo.com/c/megapix/
- Universal+ = https://canaisglobo.globo.com/c/universal-plus/
- MultiShow = https://canaisglobo.globo.com/c/multishow/
- Globoplay = https://globoplay.globo.com/
- Telecine = https://globoplay.globo.com/canais/telecine
Disney+ = https://www.disneyplus.com/pt-br/home = login Star+
Star+ = https://www.starplus.com/pt-br/home = login Disney+
quinta-feira, 11 de agosto de 2022
GDPR - General Data Protection Regulation
GDPR - General Data Protection Regulation
https://www.gov.uk/data-protection
The Data Protection Act
The Data Protection Act 2018 controls how your personal information is used by organisations, businesses or the government.
The Data Protection Act 2018 is the UK’s implementation of the General Data Protection Regulation (GDPR).
Everyone responsible for using personal data has to follow strict rules called ‘data protection principles’. They must make sure the information is:
- used fairly, lawfully and transparently
- used for specified, explicit purposes
- used in a way that is adequate, relevant and limited to only what is necessary
- accurate and, where necessary, kept up to date
- kept for no longer than is necessary
- handled in a way that ensures appropriate security, including protection against unlawful or unauthorised processing, access, loss, destruction or damage
There is stronger legal protection for more sensitive information, such as:
- race
- ethnic background
- political opinions
- religious beliefs
- trade union membership
- genetics
- biometrics (where used for identification)
- health
- sex life or orientation
There are separate safeguards for personal data relating to criminal convictions and offences.
Your rights
Under the Data Protection Act 2018, you have the right to find out what information the government and other organisations store about you. These include the right to:
- be informed about how your data is being used
- access personal data
- have incorrect data updated
- have data erased
- stop or restrict the processing of your data
- data portability (allowing you to get and reuse your data for different services)
- object to how your data is processed in certain circumstances
You also have rights when an organisation is using your personal data for:
- automated decision-making processes (without human involvement)
- profiling, for example to predict your behaviour or interests
quarta-feira, 27 de julho de 2022
Michael Porter - Estratégia Competitiva
Qual a teoria de Michael Porter? Estratégia Competitiva.
As 5 forças de Porter são:
1) ameaça de produtos substitutos; 2) ameaça de entrada de novos concorrentes;
3) poder de negociação dos clientes;
4) poder de negociação dos fornecedores
5) rivalidade entre os concorrentes.
São os pilares de uma empresa, e se algum mudar, deve-se reavaliar seu posicionamento estratégico
segunda-feira, 18 de julho de 2022
domingo, 17 de julho de 2022
Zing Chart - JavaScript
Zing Chart / Biblioteca JavaScript
Add a little zing to your analytical apps with Zing Chart a freemium charting library that has plenty of great features and lots of chart types. ZingChart offers a modern, highly visual set of charts with features including horizontal style tooltips which to be fair are pretty unique and work very well. It also comes with pan and zoom interactivity straight out the box.
Notable Feature List
- Zoom, Pan, Select interactivity
- 2d & 3d charts
- Unique ‘Crosshair’ tooltips
- Drill down capability out of the box
- On-chart image rendering
Licensing
ZingChart has a freemium licensing model; This means that you can use it for both personal and commercial purposes as long as you show the small attribution link (this can be seen in the demo above). Alternatively, you can buy a full license which starts from as little as $99 per year.
CDN Links
ZingChart provides a content delivery network to use the JavaScript library which can be found on the following link.
GitHub Repo
Documentation
Muze.JS - JavaScript
Muze.JS / Biblioteca JavaScript
If you’ve ever used Tableau data analytical software before, then this charting library will feel familiar. MuzeJS offers Tableau style charts in a package ready for the web. With a large array of chart types to choose from, this completely free-to-use package is a great contender in the data visualization world.
Notable Feature List
- In-built cross-filter helper
- Lasoo selection tool
- Zoom and pan
- Drill down functionality
- Big data capability, after rendering, interactivity is second to none
- Powered by Web Assembly
Licensing
From what I can interpret on the MuzeJS website, is that the license is a custom one. Although having said this, it still gives full flexibility between the usage of personal and commercial projects alike.
CDN Links
GitHub Repo
Documentation
AnyChart - JavaScript
AnyChart / Biblioteca JavaScript
Say hello to AnyChart, a very popular charting library among the commercial world with customers using it such as Bosch, Ford, Nokia, and many more. Boasting 70+ chart types this library has everything you could possibly need in terms of charting visualization. Offers huge customization to enable the most beautiful dashboard designs.
Notable Feature List
- Both 2d and 3d charts available
- Beautiful default styles, tooltips, and animations
- Load data from CSV and even export data to CSV & Excel
- Fully responsive
- Ready for essentially any platform
- Pareto charts
- Also offers additional ‘AnyMaps’ ‘AnyStocks’ ‘AnyGant’ packages
- Prepared for ‘Big Data’ with the ability to render seamlessly
- On canvas drawing tools, the ability to complete add your own info points/annotations
- Export rendered charts as an SVG, PNG, JPG, or PDF
- 70+ Chart types to choose from
Licensing
AnyCharts offers a range of licensing which are mainly catered for commercial usage. Although having said this, they do provide a custom free license for non-profit and educational use. Commercial licenses start from as little as $49 which is pretty amazing with the size of the package you get.
CDN Links
AnyCharts have their own content delivery network which can be found with the following link
GitHub Repo
Documentation
Smoothie Charts - JavaScript
Smoothie Charts / Biblioteca JavaScript
Smoothie Charts is another very unique, one-purpose charting library. Bringing excellently animated line charts to the table for fast updated data. The library is perfect for manufacturing PLC data or as demonstrated in the examples a CPU monitor. Animations are flawlessly smooth and you wouldn’t expect anything less considering the name.
Notable Feature List
- Superior smooth chart updates
- Geared towards fast-updating data or ‘Streaming data’
- Very easy to set up
- Fully responsive
- Colour customization
- Line & multi-line capability
- Chart configuration builder that outputs code snippets ready to go
Licensing
Smoothie Charts has been released under the MIT license and so is free to use for both personal and commercial projects.
CDN Links
GitHub Repo
Documentation
Google Charts - JavaScript
Google Charts / Biblioteca JavaScript
Google charts is a very long-standing charting package that pretty much has it all. With an excellent documentation base and examples to support. Google Charts have an almost semi-modern style with the instant visual realization that it’s a Google brand, especially by the default color scheme.
Notable Feature List
- A massive feature of this package is that it’s completely free for commercial use, which is pretty awesome considering the size of the brand
- Extremely detailed documentation base with many examples to learn from
- Tooltips
- Annotations
- All charts are zoomable
- Some of the best visual chart gauges on the web (In my opinion)
Licensing
GoogleCharts is completely free to use across the board giving personal and commercial the rights to use it.
CDN Links
Google Charts has its own hosted content delivery network links which can be found using the following link
GitHub Repo
Not applicable
Documentation
C3.js - JavaScript
C3.js / Biblioteca JavaScript
C3.js deserves its place in this list of the best JS libraries available in 2021. The library has been around a long time, is super-clean, customizable to suit many needs, and has a good range of charts to work with. Built upon the renowned D3.js charting engine, C3.js offers a maintained, up-to-date visualization experience that is perfect for most use-cases.
Notable Feature List
- ‘Zoomable’ sub-charts
- Appealing animations
- Highly customizable
- Tooltips
- Excellent documentation with code examples and demonstrations
Licensing
CDN Links
AmCharts is hosted on various CDN networks and has its own CDN source links too.
- https://cdnjs.com/libraries/c3
- https://www.jsdelivr.com/package/npm/c3
- https://www.jsdelivr.com/package/npm/@amcharts/amcharts4
GitHub Repo
Documentation
RoughViz - JavaScript
RoughViz / Biblioteca JavaScript
RoughViz is certainly one to look at in 2021, built upon d3.js version 5, brings very unique visualizations to your front end. The rendered charts are almost like crayon drawings, with rough borders and coloring, it actually really pleases the eye. The library is super-easy to work with utilizing array-based data sets and various options easily modified.
Notable Feature List
- Very unique, nothing else around like it
- Plenty of customizable options
- Tooltips
- Built upon d3.js version 5
ToastUI - JavaScript
ToastUI / Biblioteca JavaScript
ToastUI is a very visual, modernized library that not only offers pretty much all the common charts but looks brilliant too. Each chart has the capability to be exported in a variety of ways including .xls (data), .jpg (image). This of course is very handy for the end-user, especially the ability to export the data behind the chart for further analysis.
Notable Feature List
- Multi export functionality which includes .xls, .csv, .jpg and .png
- Completely responsive for the modern web
- Nice animations during real-time data updates
- Beautiful animations during chart updates
- Deselectable/selectable data series
- Zero dependencies
Licensing - ToastUI has been released under the MIT license. This gives the rights for both personal project and commercial project use alike.
Links - ToastUI is hosted on various CDN networks as listed below
- https://uicdn.toast.com/chart/latest/toastui-chart.min.css
- https://unpkg.com/browse/frappe-charts@1.3.0/
- https://cdnjs.com/libraries/tui-chart
GitHub Repo
Documentation
Frappe Charts - JavaScript
Frappe Charts / Biblioteca JavaScript
If you’re a keen developer, then you’ll probably feel familiar with the way that Frappe Charts look and feel. That’s because the charts designs are inspired by charts you find on GitHub. You will recognize the heatmap straight away if you’ve been making plenty of commits lately.
Notable Feature List
- Rapid export an SVG capability which is basically an instant export to image (SVG) file.
- Annotations
- GitHub theme inspired which is extremely clean
- Beautiful animations during chart updates
- Mixed chart capability
- Epic looking tooltips when using multi/mixed charts
- Fully responsive
- Zero dependencies
- Rapid export an SVG capability which is basically an instant export to image (SVG) file.
- Annotations
- GitHub theme inspired which is extremely clean
- Beautiful animations during chart updates
- Mixed chart capability
- Epic looking tooltips when using multi/mixed charts
- Fully responsive
- Zero dependencies
Licensing - Frappe Charts are completely open-sourced and released under the MIT license. This gives the rights for both personal project and commercial project use alike.
Links - Frappe Charts is hosted on various CDN networks as listed below
GitHub Repo
Documentation
Billboard.js - JavaScript
Billboard.js / Biblioteca JavaScript
In what feels like a very minimalist library, billboard.js comes with a good set of charts for data visualization. It’s based on D3 version 4 and has similarities to c3.js charts. Billboard has a stacked list of charts to use and a huge load of configurable assets such as the legend, axis, and tooltips.
Notable Feature List
- Vast customization allowing you to get the exact visualization for the job at hand
- Completely responsive
- Tooltips and dual chart linked tooltips
- Manual Zoom, drag zoom, and sub-charts with viewfinder zoom
- Easily added labeled Y lines which are great for added analysis
- Gradient chart area fills
Licensing - Another project that has been released under the MIT license. Billboard.js is therefore freely available to use in your own personal and commercial projects. Considering how many features this library offers, it’s hard to believe it’s free to use!
Links - Billboard.js is hosted on various CDN networks as listed below
GitHub Repo
Documentation
ApexCharts.js - JavaScript
ApexCharts.js / Biblioteca JavaScript
ApexChart.js comes with a variety of elegant features to bring beautiful data analysis to your web pages. On paper, this library ticks nearly all the boxes you would usually want it for. With annotation capability which is relatively rare in free-to-use packages. Responsiveness and animations and to top all that off, it looks pretty great too.
Notable Feature List
- Beautiful visual annotations
- Completely responsive
- Flexible interactivity including pan, scroll, zoom in and out.
- Tooltips
- Vast user documentation
- Preset color themes you can easily switch between
- Lot’s of demos and source code to get your hands on
- Offers paid upgrades to include some of FusionChart’s add-on packages.
- Works flawlessly with vanilla JS, VueJS, React, and Angular, documentation included.
Licensing - ApexChart.js is released under the MIT license and therefore is freely available to use in your own personal and commercial projects. Considering how many features this library offers, it’s hard to believe it’s free to use!
Links - ApexCharts is hosted on various CDN networks as listed below
GitHub Repo
Documentation
ChartJS - JavaScript
ChartJS / Biblioteca JavaScript
Next at number four is another one of my personal favorites. If you want a chart visualization library that always looks great, then this is the one. Somehow, the creator of ChartJS got the default colors absolutely perfect and they go so well within any website. It’s again another library that doesn’t have a massive selection of charts but does it very well with the ones it does offer.
Notable Feature List
- Very easy to work with without the knowledge of JSON markup.
- Mixed chart types, build bars and lines onto the same visualization.
- Beautiful animations
- Tooltips
- Renderable on all major browsers including IE11+
- Completely responsive
- Thorough user documentation and sample base
- Includes one of the only free-to-use radar charts that actually works correctly and visualizes data properly.
Licensing - ChartJS is released under the MIT license and therefore is freely available to use in your own personal and commercial projects. It
Links - ChartJS is hosted on various CDN networks as listed below
GitHub Repo
Documentation
Vis.js - JavaScript
Vis.js / Biblioteca JavaScript
Vis.js is a very versatile parent library of other sub-libraries including networking, timeline, 2d, and 3d visualization capabilities. This library offers 3d charts which are pretty rare amongst most charting libraries which definitely gives it an edge.
Notable Feature List
- 3D Charts
- 2D Charts
- Multi-chart capability
- Optional tooltips
- 3D interactivity on relevant charts
- Chart playgrounds demonstrating many of its features
- Flawless animations
Vis.js has some stunning visualizations in both 2d and 3d forms but of course, all will serve specific purposes. Personally, I’ve never come across the need to use 3d charts but if your working in some type of scientific data analysis background, I could imagine it would be useful.
Licensing - The Viz.js library is dual-licensed under both Apache 2.0 and MIT licenses. Both of these licenses enable usage, modification, and distribution by both personal and commercial parties.
Links - VizJS can be delivered directly to your own project by the following CDN networks
GitHub Repo
Documentation
Assinar:
Postagens (Atom)