arduino, eletrônica, robotica...
Arduino + EthernetShield + HTML
Boas pessoal tudo bem?
Estou a fazer um projecto que consiste:
Utilizar um sensor por ultrasons, um arduino e um ethernetshield, de forma apresentar os dados num browser. O projecto consiste em medir o nível de agua no tanque, como? O sensor envia para o arduino a informação sobre a forma: (R xxx '\r'), onde R é o caracter inicial, xxx valor em cm's do nível da agua e o '\r' fim de leitura.
Tenho uma página html alojada no cartão SD do ethernet shield, que consigo aceder atraves do IP do mesmo no browser e ver o valor do sensor.
Estou com dificuldades em conseguir utilizar o valor medido para alterar uma imagem em altura que supostamente iria simular a agua dentro do deposito, ou seja, nao so visualizar o valor mas sim ter na pagina uma imagem dinamica que varia-se consoante o valor do nível de agua.
Alguem me pode ajudar? Já estou farto de procurar e não encontro nada!!!
A pagina esta a ser feita no dreamweaver cs6
Obrigado
Cumps
Respostas a este tópico
-
Permalink Responder até Eduardo em
-
Um jeito simples seria colocar 2 imagens proximas. Uma de um quadrado branco e outra de um quadrado azul.
Aih vc faz um dimensionamento por ex de 50% para o azul e 150% para o branco.
Pode ser que nem precise do branco.. So mudando o tamanho de uma imagem funcione. Eh que temo que tudo se desalinhe. Outra solucao seria colocar essa imagem dentro de uma tabela invisivel, aih nao desalinha tb.
Procure por bargraph html.
Algo assim:
http://tim-stanley.com/post/html-horizontal-and-vertical-bar-charts/
-
Permalink Responder até Hugo Filipe da Silva Valentim em
-
Boas tudo bem?
Eu criei uma tabela e meti uma imagem de fundo, agora quero colocar outra imagem por cima desta que faça a simulação da variação do nível de água.
Se eu meter uma imagem normal ao aumentar o tamanho (o que é fácil) a imagem varia desregulada, eu queria que ficasse a parte de baixo junta ao fim do tanque e a variação que pretendia era variar a altura mas para cima.
Não se me fiz explicar!
Vou dar uma olhada no Bargraph a ver se consigo perceber alguma coisa!! obrigadao na mesma! ate já
Abraços
-
-
Alguém me pode ajudar?
Cumprimentos
-
Permalink Responder até Rogerio A. Filho em
-
entende de html, css? da uma olhada no bootstrap do twitter.. da para montar uma interface perfeita so com ele.
-
-
obrigado amigo , vou dar uma olhadela nisso, apesar de não ter muitas bases em html e em css vou dar uma tentativa ... depois dou -lhe noticias.
cumprimentos
-
-
se quiser umas dicas, to aqui.. entendo bem o funcionamento do bootstrap do twitter..
e ja trabalho com web faz tempo..
tenta ai, qualquer coisa pergunta.
-
-
boas, estive a ver + ou - como era o bootstrap, mas o meu problema é o arduino disponibilizar 1 pagina de cada vez e tenho que estar a a fazer um print de cada linha de html, e supostamente para criar uma imagem dinâmica terei que utilizar CSS e fazer um print de cada linha de CSS, certo?
Se me puder esclarecer o funcionamento do bootstrap, agradecia, pois não estou a ver como poderia ajudar na minha situação...
-
-
Html5 tem uma ta nova chamada "progress" da uma olhada no google sobre
-
-
Há um problema, é que eu (utilizadores) só posso utilizar o IE, nada mais, o "progress" e por acaso tive a ver a chamada meter e nenhum dos 2 é compativel com o IE.
Logo, tenho que arranjar outra solução! :s
Assim parece tudo difícil, só limitações!!!!!!
Qual sua opinião?
Abraços amigo
-
-
soluções:
- Esqueça o IE pelo amor de Padim Padre Cicero
- Pegar a informação do sensor, mapear para 0 a 100, dai o uma div com backgroun qualquer, vc coloca o width dele em porcentagem retornada do sensor. <div width="90%"></div>
Para pensar em outra solução preciso entender melhor o funcionamento do seu projeto ai, qualquer coisa, fala aqui no chat.
-
-
Somos obrigados a usar o IE.
Eu bem sei que é o pior de todos! Mas o projecto que estamos a fazer tem que funcionar no IE. eles não quer outro.
Já consegui meter uma imagem a alterar só tamanho, o problema é que quando mudo os valores a imagem não altera só para cima mas sim para os 2 lados.
o objectivo era:
tenho uma imagem de um tanque depois tenho outra imagem (iframe) em azul por cima da 1º que vai fazer simular a variação da agua, o problema é que a variação que meto (p.exe: altero o tamanho de 100 para 200 e ela nao altera para cima, mas sim para ambos lados!! )
e isso é que me dá um nó looool
Abraços!!!
-
-
exemplo so com css e html
OBS.: nao testei no IE, mas nao vi elementos que nao podem funcionar no IE.
Bem-vindo a
Laboratorio de Garagem (arduino, eletrônica, robotica, hacking)
© 2024 Criado por Marcelo Rodrigues.
Ativado por
