Engenharia, programação e artigos técnicos

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

HTML - Protótipo app Cálculo EntreEixos Desta vez o esboço de uma ideia para o cálculo do valor de entreeixos para vias paralelas. O processo de cálculo do valor mínimo de entreeixos, pode ser perfeitamente realizado com uma folha Excel. No entanto a criação de uma aplicação nesse sentido dá maior potência e flexibilidade, de cálculo de de inputs / outputs. A opção da "linguagem" web é por facilidade de desenho da interface gráfica e de em princípio não ser necessária muita interacção de gravação e leitura de ficheiros, nem de uso directo de CAD. Uma primeira interface pode ser a da figura acima. A ideia de usar uma app, é como dito antes, dotar o utilizador de um automatismo e potência mais além do Excel. Podia desenhar uma secção para que seja lida no CAD, ou copiada para um documento escrito, com as vias na real posição de cálculo. os dados de partida e resultados também podem ser formatados de forma muito final para um documento escrito. A inserção de uma página de ajuda ...

Possível projecto - Indecisão HTML CSharp Excel Antes de avançar para algo mais denso, uma etapa importante é parar e pensar o que se pode automatizar. Tendo o conhecimento de uma ferramenta poderosa como é a programação, uma das etapas antes de trabalhar em algo, é pensar o que se pode optimizar na futura tarefa, usando a programação. Ponderar se o "custo" benefício é efectivo. Esta é uma folha de Excel. Se ficar como folha isolada de uma iteração como por exemplo necessitar de ler um eixo ou escrever um ficheiro ou algo complexo, podemos pensar noutro nível. Pode-se usar uma macro, e no caso abaixo a macro apenas remete para a execução de um programa em CSharp. As macros têm sempre a questão dos ficheiros com macros, a segurança, e num futuro poderá haver problemas quando for tudo para a nuvem. Em paralelo tenho já um projecto avançado em paralelo ao Excel. Com as tecnologias Web. Tem as limitações de não interagir directamente com o CAD, se for necessário. De outro project...

HTML - Formatação do documento A formatação do documento HTML pelo CSS é um passo enorme na estética do texto. A escrita do documento em HTML não fica completa apenas com os elementos, TAGS próprios da linguagem de hipertexto (HyperText Markup Language) apesar de esta ter tags como os H1 H2 ... que marcam os títulos dos parágrafos e por exemplo tags para bold e itálico... Este é um exemplo retirado da página  geeksforgeeks  sem a aplicação da formatação do CSS (Cascading Style Sheet): Fica com um aspecto de Word pouco formatado. No entanto se carregar a formatação CSS associada a este documento o aspecto do mesmo muda radicalmente, mesmo não sendo uma formatação colorida. A transformação é evidente. E muitos outros exemplos poderiam ser encontrados na net ou construídos para exemplificar esta formatação. Nesta página pode-se encontrar uma referência exemplificada das Tags HTML e outros recursos como o CSS e JS... w3schools