Mensagens

A mostrar mensagens com a etiqueta HTML

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

HTML - Protótipo app Cálculo EntreEixos

Imagem
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

Imagem
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

Imagem
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

HTML - Documentação técnica e não só

Imagem
HTML - Documentação técnica e não só O formato "web" HTML permite apresentar informação formatada e dinâmica. Alguns programas usam o formato HTML para ajudas ao utilizador. O formato HTML é também usado para gestão e apresentação do conhecimento por exemplo nos sites "wiki". Com a ajuda do CSS e JS permite depois construir um documento dinâmico. Como exemplo esta página/documento gere uma série assuntos, à esquerda, com um menu, e depois à direita o tema é o assunto normas, onde se podem colocar os vários capítulos que quero aceder de forma rápida. Claro que a formatação do documento e a preparação envolve algum tempo, mas depois o resultado é bastante limpo. E por ser possível aplicar a formatação CSS e a linguagem de programação JS podemos embutir na página alguns cálculos. Na imagem abaixo o capítulo que tenho para mostrar o essencial da norma de via férrea da IP, e na parte inferior inseri um formulário para o cálculo do Raio Vertical. Portanto isto pode ser ma...

JS - Leitura de Eixo ISPOL e Plataforma

Imagem
JS - Leitura de Eixo ISPOL e Plataforma Neste momento já se ultrapassaram alguns problemas de leitura dos eixos, e implementou-se a leitura de um ficheiro de plataforma. A leitura do ficheiro Excel / LibreOffice está estabilizada, com as correcções do algoritmo das clotóides. Aproveitei um exercício anterior para adaptar a leitura de dados de uma plataforma. Fiz a leitura do eixo em CAD no LibreCad e construi um ficheiro mais ou menos paralelo ao eixo para servir de plataforma. As 2 imagens seguintes são do LibreCAD Eixo 1 e 2 do projecto Q2 de ISPOL Plataforma a branco No libreCad não encontrei forma de exportar uma lista de coordenadas para a polilinha, fiz de forma manual um ficheiro com coordenadas aproximadas. A cota neste momento não tem interesse. Coordenadas da plataforma Aqui pode-se ver toda a interface com as várias informações lidas e calculadas.

Ferrovias - Organização da documentação em HTML - Cálculos

Imagem
Ferrovias - Organização da documentação em HTML - Cálculos Na sequência do post anterior, sobre a organização da documentação em HTML, é também possível dar alguma interactividade, com cálculos. Além da organização da documentação / Informação, podemos aos documento HTML a mais valia de realizar cálculos. Isto consegue-se com a leitura de um formulário e posterior cálculo e apresentação do resultado com Javascript. Tudo isto funciona no computador pessoal, não na rede, pelo menos não é essa a ideia. Os textos apresentados têm como base a GR.IT.VIA.023 mas podem ser de qualquer outra norma ou documento nacional ou internacional. A filosofia do assunto é a mesma. Na imagem abaixo definições e cálculos segundo a IT, para a Insuficiência de Escala. Insuficiência de Escala Na imagem abaixo definições e cálculos segundo a IT, para o Raio das Curvas Verticais. Raio das Curvas Verticais

Ferrovias - Organização da documentação em HTML

Imagem
Ferrovias - Organização da documentação em HTML Uma das capacidades que nos trás a programação, neste caso o HTML CSS JS, é a criação de documentação organizada e com interatividade se necessário. A organização de documentação é essencial, bem como a facilidade da consulta dessa mesma informação. Ter um documento Word ou apontamentos no OneNote é sempre uma boa estratégia. Uma opção é ter a documentação organizada com uma estrutura HTML. No presente caso que se mostra parcialmente é uma organização para projectos de ferrovias. A navegação e organização pode ser realizada com uma área de menú: Menu A informação pode vir estruturada por separadores, por tabelas e com imagens. Corpo do documento Dá algum trabalho, mas a navegação posterior é mais fácil.