Mensagens

A mostrar mensagens com a etiqueta HTML

HTML descrição cálculo curva vertical - Ferrovias

Imagem
HTML descrição cálculo curva vertical - Ferrovias O HTML pode ser um meio de apresentação e de cálculo Podemos usar as capacidades universais do HTML para construir um documento local, por exemplo para apresentação de um cálculo relacionado com via-férrea ... Pode usar o VS Code ou qualquer editor de texto. Crie um ficheiro, por exemplo Formula.html No VS Code pode-se iniciar um código "tipo" escrevendo html:5 Suficiente para iniciar um documento. Se não tiver o VS Code pode fazer até mesmo no Bloco de Notas...  Pode-se alterar a linguagem para pt etc, colocar um título e umas linhas com a informação de entrada. Pode ficar algo simples como isto. Com a adição do código <math> para escrever a fórmula do Rv, obtemos o seguinte: Efectuando o cálculo e escrevendo os valores, ficaria assim: O que por si só pode bastar para ter algo que mostrar de forma limpa. O código completo até aqui, seria este: <! doctype html > < html lang = "pt" >   < head ...

Tracking Prevention blocked access to storage - MS Edge

Imagem
Tracking Prevention blocked access to storage - MS Edge Avisos no Edge para acceso a serviços de CDN Ao linkar um servico de CDN para abrir folhas Excel o MS Edge dá um alerta destes: Curiosamente ao substituir o CDN por outro o alerta deixa de existir, será um serviço mais confiável segundo a Microsoft? Aqui a questão que tem interesse, era se existiria um bloqueio ou não ao tipo de desenvolvimento que por vezes faço, com apps HTML locais. Assim os elementos que estão numa folha Excel continuam a ser carregados sem problemas.

HTML - Fórmulas matemáticas

Imagem
HTML - Fórmulas matemáticas Mais tarde ou mais cedo será útil escrever fórmulas matemáticas na página HTML (Fórmula resolvente) Seja para uso numa página web ou no uso de uma aplicação construída com as tecnologias Web, pode ser util escrever fórmulas que ilustram o cálculo. No caso exemplificando, a fórmula resolvente, foi escrita por duas vias diferentes. 1) Uso de uma biblioteca, MathJax.js com conexão por CDN. Permite que a página HTML seja renderizada com fórmulas. 2) Uso da tag MATH nativa que permite construir por comparação a mesma fórmula. Aqui para se poder comparar o grafismo é semelhante nas duas opções: Mais um exemplo simples: E outro: (https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)

Javascript - Cálculo de parâmetros e gráficos, ferrovias.

Imagem
Javascript - Cálculo de parâmetros e gráficos, ferrovias Com o recurso às "tecnologias web" estou a montar uma aplicação para ler os elementos de uma directriz e desenhar uns gráficos. Gráficos O trio de tecnologias web, JS CSS HTML permite como já referi noutros posts realizar operações sobre dados. Tal como ia permitir o Python se fosse a tecnologia escolhida. Com recurso a um serviço CDN posso ler o ficheiro Excel que contém a informação da directriz: CDN Directriz Esta formatação de directriz é típica do ISPOL. Neste PC nem sequer tenho o Excel, tenho o LibreOffice, e tudo funciona sem problemas. A opção por "web" deve-se à facilidade de por no ecrã uma tabela de dados, com uma actualização depois de algum cálculo. Abaixo ilustra-se essa actualização: Tabela (Não se tomem como certos os valores, falta rever.) A par do cálculo em tabela, interessa-me ter uns gráficos ilustrativos das variações dos valores. Gráficos Ainda faltam adicionar elementos etc, é um traba...

Python vs HTML

Imagem
Python vs HTML Uma aplicação simples tanto pode ser realizada com tecnologias Web (HTML CSS JS) ou Python. Para a resolução de um determinado problema prático na área da engenharia, na maior parte dos casos a tecnologia de "programação" usada é indiferente, pois obtém-se o mesmo resultado. Aplicando a um dos exemplos em que tenho estado empenhado ultimamente, o que está por detrás da interface para com o utilizador pode realizar os mesmos passos numa e noutra tecnologia. A interface é ligeiramente diferente (pode-se aproximar mais o aspecto gráfico) e o modo de "abertura" e uso do programa diverge um pouco, num caso (Python) será um normal programa executável, e no outro caso (HTML) será uma aplicação que corre no navegador Web. Ambas tecnologias têm vantagens e desvantagens como é óbvio.  Ambas abrem e modificam um ficheiro Excel. Ambas realizam cálculos. Ambas conseguem escrever no disco um ficheiro de resultados. No fundo é o importante. Apesar dos "hypes...

HTML - Envio de email

Imagem
HTML - Envio de email Com umas linhas de código, é possível automatizar o envio de emails. As capacidades do HTML5 são enormes. Mesmo em projectos de programação complexos são por vezes ignoradas face a Bibliotecas ou Frameworks. Na minha ideia de automatizar o que se possa no dia a dia, construí um exemplo de automatização de envio de emails. Existem uns emails típicos que preciso de enviar regularmente. Para alcançar estes envios, geralmente pega-se num envio anterior e "copia-se" o envio, ou abre-se um email novo e vai-se construindo o email com os destinatários; assunto... Outra opção que exponho aqui é criar um código em HTML puro, sem Javascript que realize esse envio, ou pelo menos abre o cliente de email com os campos pré-preenchidos. Ao clicar no texto do hiperlink, abre o cliente de email, no meu caso o Outlook. O código por detrás desta pequena automação é simples para quem esteja ambientado ao HTML. Mais informações em: https://developer.mozilla.org/en-US/docs/Web...

HTML App - Abrir Excel

Imagem
HTML App - Abrir Excel Uma implementação essencial para a bagagem da programação na engenharia é a possibilidade de manipular ficheiros Excel. A construção de uma aplicação com HTML CSS JS é normalmente associada à simples criação de páginas Web, sites. No entanto as possibilidades actuais vão muito além, com o código JavaScript e o moderno HTML fica à imaginação do engenheiro programador a dimensão das possibilidades. O JS não tem a possibilidade de ler ficheiros Js (tem com um caminho tortuoso...), mas com a ligação a uma biblioteca JS online que permite abrir ler e guardar ficheiros Excel abre-se todo um leque de possibilidades. Há que referenciar a biblioteca: E implementar o código de leitura, mas ou menos completo: Não precisamos de transformar a aplicação num executável com o Electron ou o Tauri, por exemplo. Tema vantagem de ser independente do navegador, computador, ou sistema operativo para funcionar. Este é um exemplo já desactualizado de uma aplicação que lê a directriz em ...

JS - Gabaritos portabilidade

Imagem
JS - Gabaritos portabilidade A ideia é válida para qualquer aplicação local com tecnologias "WEB". A tecnologia actual permite que uma aplicação baseada no navegador web funcione da mesma maneira, seja num dos vários SO do Windows, e entre os vários navegadores web. Sendo uma aplicação simples no sentido de não usar nenhum framework ou biblioteca instalável, pode ser executada em qualquer computador. Com outras linguagens pode ser mais rápida, e não ter restrições de escrita de ficheiros "por baixo dos panos", mas vive-se bem com isso. Pode-se encarar como um "trade off" entre tecnologias, umas permitem uma coisa outras outras . Para que serve esta app? Pois para calcular gabaritos, que podem ser usados em diversas situações, plataformas, entre-eixos, túneis, obstáculos...  Um exemplo de entre-eixos variável, linha de Sintra.

JS - Gabaritos programação e organização

Imagem
JS - Gabaritos programação e organização Quando o código começa a crescer, há que tomar algumas medidas, caso contrário fica impossível de gerir. Na continuidade da programação desta utilidade, desta vez na versão "Web" ou melhor, browser based app, o código fica bastante extenso. També, acontece o mesmo noutras linguagens de programação. Uma das medidas para dividir e organizar o código é repartir o mesmo por módulos ou algo semelhante. Com o JS podemos criar vários ficheiros que são lidos antes da execução, e automaticamente integrados na execução. Um exemplo poderia ser o conjunto de ficheiros abaixo. Estes são carregados na página HTML. O resultado final é o mesmo como se houvesse apenas um ficheiro. Por curiosidade, uma simples letra em minúsculas ou maiúsculas leva a minutos / horas de deteção de erros. f ou F fazem diferença. São estas pequenas coisas que por vezes consomem tempo.

Python Javascript - Diferenças nos resultados (Gabaritos)

Imagem
Python Javascript - Diferenças nos resultados (Gabaritos) Tendo o mesmo cálculo em duas linguagens de programação era expectável ter o mesmo resultado. Ao mudar de linguagem de programação, ou de tecnologia, para realizar o mesmo cálculo é expectável obter os mesmos resultados. É também uma forma de revisão de todo o processo. No caso, um projecto "outsider" para cálculo ferroviário, que está a ser re-codificado para que tenha mais possibilidades de ampliação no futuro, embora seja um projecto para consumo interno. Na parte esquerda da imagem abaixo, o cálculo em Javascript e na parte direita em Python. Não tem exactamente o mesmo conteúdo porque se está a apresentar menos saídas em JS. Os valores semelhantes, por exemplo o -1.51 e o -1.511 chamam a atenção, deveriam ser o mesmo. Uma das formas que tenho de rever os cálculos é comparar os ficheiros de Output, onde tenho todos os cálculos parciais relevantes. Embora com separador de campos diferente, foi possível verificar q...