quarta-feira, 21 de outubro de 2015

HTML5 Tag figure

O HTML5 introduziu duas novas tags específicas para imagem: <figure> e <figcaption>. A tag <figure> define uma imagem usando
a tag <img>. A tag <figcaption> define uma legenda legenda para a imagem.

A tag <img> necessita de dois atributos preenchidos: src e alt.
O atributo src apresenta local da imagem e o atributo alt apresenta um texto alternativo para a imagem caso essa não possa ser carregada.

<figure> <img src="img/ponte.jpg" alt="Ponte sobre o Rio Tietê em Barra Bonita-SP">
   <figcaption>Ponte Campos Salles - Rio Tietê - Barra Bonita-SP</figcaption>
</figure>


segunda-feira, 19 de outubro de 2015

Html5 Inserir texto em canvas

Segue um exemplo de utilização de texto em <canvas>.
O gráfico forma a relação de tamanhos de um calçado disponíveis ou não em estoque.

<canvas>
Esse elemento define a região no documento a ser usada como um canvas bitmap. Scripts são usados para renderizar gráficos interativamente.
Sintaxe:

  • id - identificador alfanumérico
  • width - largura (pixels)
  • heigth - altura (pixels)
  • style - informações do estilo

<canvas id="n33" width="25" height="25" style="border:1px solid #808080"></canvas>

<script>
getContext (context id) - Retorna um objeto que expõe a API necessária para acessar as funções gráficas.
var ctx=c.getContext("2d");

fillStyle - Inclui a cor ou o estilo aplicado a uma chamada de fill().
ctx.fillStyle = "#eeecec";

fillRect (x, y, w, h) - x e y determinam a posição inicial, w determina a largura e h determina a altura do retangulo. A aparência é determinada por fillStyle.
ctx.fillRect(0, 0, 30, 30);

fillText(text, x, y [, maxWidth]) - O texto (text) é escrito na posição (x, y) de acordo com fillStyle.
ctx.fillText("33", 5, 17);



SQL Server - Login do usuário expirou

Ao acessar o banco de dados de uma aplicação em Asp.Net, apareceu a seguinte mensagem proibindo o acesso em razão da senha do usuário artur_bb_SQLLogin_1 ter expirado.







Para retirar a propriedade de vencimento de senha, abra o SQL Server Management Studio,
encontre o logon usado na pasta de Segurança e visualize suas propriedades.

















 Em seguida desmarque a opção Impor vencimento de senha.

domingo, 18 de outubro de 2015

Como melhorar o sinal do wi-fi

Em um cômodo da casa dos meus pais, o sinal do wi-fi não chegava. Reposicionar o roteador não era uma opção nesse caso. Já estava pesquisando preços de repetidores wi-fi, quando me ocorreu de pesquisar formas de melhoria do sinal. Eis que me deparei com a solução da latinha de alumínio. Fiz o recomendado e funcionou mesmo. Aí está uma ilustração da econômica solução.




sábado, 17 de outubro de 2015

Como mudar layout de formulário no Twitter Bootstrap

O Bootstrap apresenta três layouts para formulários:
  • Vertical (padrão) 
  • Alinhado 
  • Horizontal
Vertical

Alinhado


Horizontal



Como funciona o layout do Twitter Bootstrap

O Bootstrap trabalha com um sistema de grid em seu layout.
O sistema é prioritário para dispositivos móveis, como celulares, e é expansível para dispositivos maiores, como tablets, notebook, desktops.

Opções do Grid


Regras do Grid
  • As linhas do grid devem ser colocadas dentro de classes .container.
  • Use linhas para criar grupos horizontais de colunas.
  • Os conteúdos devem ser colocados dentro de colunas, e somente colunas podem ser imediatamente herdeiras (filhas) de linhas. Não usar linha após linha, sem preenchê-las com colunas.
  • Há um espaçamento entre as colunas de 30px (15px de cada lado de uma coluna).
  • O grid apresenta 12 colunas. Ao dividir o conteúdo de uma linha em colunas, deve-se atentar para que a soma de onze. Exemplo: ao dividir a linha em duas colunas, pode-se usar duas vezes a classe .col-sm-6 (6+6=12).

Estrutura básica do grid



Exemplo 1












Exemplo 2




quinta-feira, 15 de outubro de 2015

GEFanuc Proficy Machine Edition


Tutoriais
































GEFanuc Proficy Machine Edition - Totalização de Vazão


GEFanuc Proficy Machine Edition - Válvula On-Off


GEFanuc Proficy Machine Edition - Controle PID


GEFanuc Proficy Machine Edition - Rede ASI Profibus-DP Master


GEFanuc Proficy Machine Edition - Rede Profibus-PA para Instrumentação - Parte 2


GEFanuc Proficy Machine Edition - Rede Profibus-PA para Instrumentação - Parte 1


GEFanuc Proficy Machine Edition - Rede Profibus-DP para CCM


GEFanuc Proficy Machine Edition - Rede Profibus-DP - DLG XM210-DP Remote Universal


GEFanuc Proficy Machine Edition - Configurar Rede Profinet


GEFanuc Proficy Machine Edition - Criar um novo projeto e configurar o hardware


GEFanuc Proficy Machine Edition - Ladder para motor no Proficy Machine Edition


Siemens


Tutoriais PCS7 V8.1

Treinamento - Parte 1


Tutoriais TIA Portal








Siemens TIA Portal - Dinamizar motor de partida direta em IHM


Siemens TIA Portal - Criar rotina para motor de partida direta (Function Block)


Siemens TIA Portal - Criar um novo projeto e fazer a configuração de hardware


Schneider Unity Pro

Tutoriais

Criar um novo projeto e configurar o hardware






Configurar um PRM (Profibus Remote Master) e criar uma rede Profibus-PA



Programar um PRM (Profibus Remote Master)



Troca de dados entre diferentes controladores (PLC)










Criar rotina para motor de partida suave (Softstarter) Altistart




Criar rotina para válvula on-off e controlar uma válvula em rede Profibus-DP




Programar um PID para controlar instrumentos em uma rede Profibus-PA



Schneider Unity Pro - Programar um PID para controlar instrumentos em uma rede Profibus-PA


Schneider Unity Pro - Criar rotina para válvula on-off e controlar uma válvula em rede Profibus-DP


Schneider Unity Pro - Criar rotina para motor de partida suave (Softstarter) Altistart


Schneider Unity Pro - Criar rotina para motor com inversor de frequência Altivar


Schneider Unity Pro - Criar rotina para motor de partida direta e controlar o relé inteligente Tesys


Schneider Unity Pro - Troca de dados entre diferentes controladores (PLC)


Schneider Unity Pro - Programar um PRM (Profibus Remote Master)


Schneider Unity Pro - Configurar um PRM (Profibus Remote Master) e criar uma rede Profibus-PA


Schneider Unity Pro - Criar uma rede Ethernet TCP/IP para CCM e adicionar motores


Schneider Unity Pro - Criar um novo projeto e configurar o hardware



Nesse tutorial aprenda a criar um projeto e a fazer a configuração de hardware no Schneider Unity Pro. O PLC escolhido é da família Premium. O modelo é TSX H57 44M, Hot-Standby, 2 Mb programa com PCMCIA, Usb.
Aprenda a trocar a base do rack e a inserir cartões. Três cartões de comunicação Ethernet TCP/IP são inseridos  no exemplo. O modelo de cartão é TSX ETY 4103. Aprenda a inserir um cartão PCMCIA na configuração.
O PLC é configurado para automaticamente iniciar em execução (Run). A área de memória %MW é aumentada. Um cartão ETY deve ser selecionado para permitir o funcionamento da redundância (Hot-Standby).