Tópicos:
- Sobre o autor
- Sobre o site
- Como tudo começou: HTML e Frontpage
- Uma olhada nos bastidores do WordPress
- O servidor
- Tradução
Sobre o autor:
Meu nome é Marco van Wijk, tenho 35 anos e moro na região de Rotterdam. Toda a minha vida fui louco por tudo o que tem a ver com carros. Aos 16 anos já trabalhava na oficina como aprendiz de mecânico. Nos dez anos em que trabalhei como mecânico nas oficinas VAG e BMW, concluí os cursos de formação de mecânico até ao nível 4 de especialista técnico. Trabalho como professor de tecnologia veicular desde 2015. Em 2018, obtive o título de Bacharel em Ciências na HTS Autotechniek em Arnhem após concluir o curso HBO Automotive (meio período).
Guardo boas recordações desta formação, com uma sensação duradoura de satisfação.
Além do meu trabalho como professor e autor deste site, gosto de escrever artigos no AMT e você me encontrará como apresentador de sessões de conhecimento no AMT-live.
Sobre o site:
Em 2005 comecei a experimentar a criação de sites. O site atual data de 2009. Desde então, ocorreram inúmeras mudanças, tanto no design quanto no conteúdo. Este site está se tornando cada vez mais popular e continuará a crescer em termos de tópicos e informações. O site contém atualmente mais de 350 páginas repletas de informações. Hoje, em média, recebemos 100.000 visualizações de páginas únicas por mês. Eu mesmo desenvolvi o site e o gerencio totalmente. Eu desenhei o tema, escrevi todas as páginas, fotografei ou desenhei muitas das imagens e ele roda em meu próprio servidor, localizado no meu escritório em casa. Nesta página quero mostrar como o site cresceu nos últimos anos até o que é hoje e o que acontece em segundo plano.
O objetivo deste site é fornecer às pessoas interessadas em tecnologia automotiva informações sobre como funcionam certas peças e sistemas. Muitas informações não podem ser encontradas em nenhum outro lugar no Google, muitas vezes sem imagens e geralmente ainda não disponíveis em holandês. Com este site pretendo disponibilizar on-line o máximo possível de informações técnicas automotivas. O site é adaptado aos níveis 2 a 4 dos cursos de formação mecânica MBO. O site também é adequado para estudantes que progridem de HAVO/VWO para engenharia mecânica ou engenharia automotiva HBO.
Optei conscientemente por não mostrar anúncios, porque fico incomodado com sites onde há mais anúncios do que texto e você tem que clicar longe de tudo. Considero que a exibição de anúncios polui meu site. É por isso que não são necessários rastreadores ou cookies, e sou um dos poucos sites que não precisa mostrar uma notificação de cookie onde cada visitante deve concordar com os termos e condições.
Além disso, mantenho o site acessível gratuitamente a todos. Não utilizo nenhum sistema de pagamento ou login para obter acesso ao site. Este site é simplesmente totalmente gratuito e assim permanecerá no futuro. Um benefício adicional é que também é mais fácil para mim obter permissão dos fabricantes de automóveis para usar as suas imagens, uma vez que não tenho interesses financeiros e muitos fabricantes apoiam a educação.
Se você descobrir erros ortográficos ou gramaticais no texto, preencha o formulário de contato. Dessa forma, posso corrigir isso de forma rápida e fácil. É claro que isso também se aplica se você tiver acréscimos para um tópico específico.
Como tudo começou: HTML e Frontpage: Desde os primeiros conceitos até o site que foi substituído pela versão atual em março de 2019, utilizamos o programa Microsoft FrontPage 2003.
Criamos páginas HTML usando FrontPage. O resultado dos códigos HTML pode ser visualizado na janela de design. O site consistia em quatro frames:
- Parte superior (cabeçalho)
- Links (menu)
- Certo (dicionário)
- Meio (o conteúdo do site)
Então, para abrir o site, quatro páginas HTML separadas foram carregadas nos frames. Quando um visitante não chegava à página index.htm por meio de um mecanismo de busca, mas diretamente à página que procurava, apenas aquele quadro era exibido. Os menus circundantes não foram mostrados. Nesse caso, apenas a página azul era exibida em toda a tela e faltavam os menus com botões ao redor.
A função de pesquisa também utilizava um método complexo (integrado) via Google, e não havia suporte móvel, pelo que foi criada uma segunda página de índice que era alternada automaticamente ao visitar o site através de um telefone ou tablet. Muitas vezes isso correu bem, mas nem sempre. “Antigamente” um site HTML com frames era popular, mas hoje em dia você dificilmente vê isso em qualquer lugar. O conhecimento que adquiri com os códigos HTML autocompilados ainda hoje me ajuda na atualização do site atual.
Uma olhada nos bastidores do WordPress:
O site baseado em HTML foi completamente convertido no popular CMS WordPress em março de 2019. Alguns visitantes tiveram que se acostumar com a nova estrutura de navegação no início, mas no geral recebi respostas positivas.
Com o tempo também implementei cada vez mais mudanças que tornam a navegação mais fácil e clara.
Com o site no moderno WordPress CMS, o site melhorou em muitas áreas:
- A interface é elegante e oferece uma aparência representativa;
- Artigos mais fáceis de atualizar;
- Compatível com tablets e dispositivos móveis (se adapta automaticamente ao tamanho da tela), portanto, não há site móvel separado;
- Uma alteração no menu e/ou interface de uma página é refletida automaticamente em todas as páginas;
- SEO (mecanismo de pesquisa) amigável;
- Os plug-ins permitem muitos recursos úteis: botões interativos, pesquisa, backup e segurança, rolagem automática, etc.
A imagem a seguir mostra a visão geral da página no WordPress. Todas as páginas podem ser pesquisadas e alteradas nesta tela, sem abrir a interface web.
Todas as páginas do site são criadas em Elementor. A imagem a seguir mostra a tela do editor Elementor. O editor de texto pode ser visto à esquerda e a visualização ao vivo à direita. Após clicar em “Atualizar” na parte inferior, as alterações aparecerão imediatamente online. Você também pode optar por primeiro salvar a página como rascunho ou privada antes de publicá-la online.
Além do editor de texto, Elementor também oferece diversas opções interativas. Uma delas é a chamada “Chamada à Ação”. Esta função cria um botão interativo que conhecemos na página inicial e nas categorias que podem ser abertas nos menus.
Em 2021, surgiram cada vez mais problemas com a compatibilidade entre meu tema WordPress e plug-ins e navegadores modernos. O tema não era muito popular, por isso não foi mais suportado ou desenvolvido adequadamente após alguns anos de lançamento. Como um tema determina a aparência do site, mudar para outro tema não é fácil e também indesejável. Em janeiro de 2022, experimentei o construtor de páginas da Elementor e um tema básico: “Hello Elementor”. Com este tema em combinação com o construtor de páginas, tenho a garantia de atualizações, tanto na aparência quanto na segurança, e tenho ainda mais opções para customizar a interface que em outros temas foram bloqueadas pelos desenvolvedores. Em temas padrão do WordPress, certas configurações não podem ou dificilmente podem ser alteradas. Depois de um dia de experiências, fiquei convencido: substituí o tema antigo pelo meu próprio tema. Coloquei-o online em poucas horas e, nos dias seguintes, fiz pequenas melhorias com base no feedback das pessoas ao meu redor.
Com o construtor de temas da Elementor você pode criar seu próprio tema e configurá-lo inteiramente ao seu gosto. Cada canto, botão, sombra da caixa, cor e animações podem ser adaptados aos seus desejos de inúmeras maneiras. As possibilidades são infinitas. A imagem abaixo mostra as opções de configuração da cor do menu principal. Com este construtor de temas, a exibição do desktop (e laptop), tablet e telefones celulares pode ser configurada conforme desejado. Desta forma, as configurações ideais podem ser alcançadas para todos os dispositivos.
O que mais me incomoda nos outros sites são os pop-ups, as notificações sobre newsletters e a solicitação para ativar as notificações, que sempre precisam ser clicadas. E não se esqueça dos anúncios chamativos. Isso me fez decidir navegar com um bloqueador de anúncios e não participar. Manterei meu site o mais “limpo” possível, incorporando o mínimo possível de elementos de distração. Embora existam opções para deixar o site muito atrativo com pouco esforço com animações e páginas coloridas, opto por muitos tons de cinza e o mínimo de decorações possíveis, o que muitas vezes as pessoas não procuram. As páginas brancas com fundo cinza escuro a claro em ambos os lados proporcionam um belo contraste e, juntamente com a fonte escolhida, facilitam a leitura dos textos. O site é adequado para telas quadradas de computadores desktop a partir de 17 polegadas, pois esse tamanho de tela ainda é comum em garagens e escolas em 2023. Os laptops usam alta resolução, de modo que o site pode ser visitado com um laptop de 14 polegadas sem que a barra de menu mude para um modo diferente, com os botões certos movendo-se pela tela estreita até a segunda linha. Esta interface foi criada através de muita experimentação e feedback dos visitantes. O carácter informativo com uma navegação bem coordenada é mais importante do que uma aparência elegante, que a maioria dos visitantes aprecia.
O servidor:
Empresas de hospedagem barata com pacotes de hospedagem na web com preços competitivos não estão interessadas em sites que exigem muito poder de computação do servidor, porque você compartilha o mesmo SSD/CPU e RAM com centenas de outros clientes. Também é habitual neste site um consumo de dados de 120 a 130 GB por mês, o que não é permitido com um pacote padrão de algumas dezenas de euros. Essa parte pode optar por reduzir o desempenho de sites que utilizam muitos recursos ou exigir que você adquira um VPS caro.
Há muito tempo que hesitava em colocar este site num VPS, para que pudesse obter o desempenho ideal e ter controlo sobre determinadas configurações. Um bom VPS custa caro e comecei a pensar em uma alternativa: hospedar eu mesmo o site (em casa).
Na primavera de 2020, comprei um jovem servidor usado com preço competitivo. Forneci as atualizações de hardware necessárias e aprendi como usar as configurações do BIOS; estes diferem muito daqueles de um PC de consumo. Também criei uma rede em minha própria casa para conectar o servidor. A velocidade da conexão de fibra óptica é de 1 gigabit de download e upload, o que é ainda mais que suficiente para hospedar vários sites movimentados.
Em outubro de 2020, instalei o servidor com CentOS como sistema operacional (agora substituído, mais sobre isso depois) e Cpanel como painel de controle.
Após várias horas de preparação, o site foi transferido do servidor no data center para o servidor doméstico com o toque de um botão. Este processo correu muito bem. Até o momento em que este artigo foi escrito (três anos após a instalação), nenhum problema ocorreu.
O servidor em que você está atualmente é mostrado nas duas imagens abaixo.
Imagens acima: o servidor é um HP ProLiant ML350p Geração 8. Atrás da tampa está o DVD player com o botão para ligar o servidor e quatro portas USB embaixo. Existem quatro unidades na parte inferior, a saber: 2x SSD (esquerda) e 2x HDD (direita). O site é carregado a partir dos SSDs. Os backups são armazenados nos HDDs todas as noites. Os SSDs e HDDs estão no espelho Raid (RAID 1). No caso de falha do disco rígido, posso substituí-lo por um sobressalente sem precisar desligar o servidor. Após alterar uma unidade, os dados são transferidos automaticamente.
Imagem abaixo: Após remover a tampa lateral e a placa plástica da guia de ar, vemos quatro grandes ventoinhas com a placa-mãe ao lado delas.
O servidor está equipado com uma CPU Xeon E5-2690 (2,9 GHz). Este é um processador de 8 núcleos com 16 threads. Ele funciona no modo de economia de energia a uma velocidade de clock de pouco mais de 1 Ghz, o que em termos de desempenho do site e gerenciamento do servidor não é inferior à configuração no modo de desempenho máximo, onde a velocidade do clock neste modo de desempenho aumenta para 2,9 GHz. A única diferença foi perceptível no desenvolvimento de calor e no consumo de energia. O bom desempenho com baixa velocidade de clock é possível graças ao grande número de núcleos do processador. Além disso, os bancos de memória foram agora preenchidos com um total de 12 módulos de memória ECC de 4 GB, o que dá um total de 48 GB de memória em quatro canais. É claro que isto é um exagero, mas penso que o torna à prova de futuro.
No verão de 2022, substituí o sistema operacional CentOS pelo AlmaLinux devido ao anúncio de que o CentOS em breve não terá mais suporte. O popular Cpanel está instalado no AlmaLinux: este é o programa que torna possível a hospedagem do site. A captura de tela abaixo mostra o painel de controle. Toda semana verifico as atualizações disponíveis (Cpanel, utilitários ou kernel) e verifico a carga.
Tradução:
Como você deve ter notado, o rodapé (na parte inferior do site) contém uma coluna de bandeiras nas quais o site pode ser traduzido. A tradução é possível por meio de um plugin no WordPress, utilizando a chamada tradução automática neural (NMT) e inteligência artificial (IA). A relação entre a tradução automática neural e a IA reside no fato de que a NMT é uma aplicação específica da IA, que utiliza a inteligência da máquina para compreender e traduzir eficazmente a linguagem humana.
Tomei a iniciativa de traduzir o site pelos seguintes motivos:
- Estudantes de engenharia automotiva com NT2 (holandês como segunda língua) gostam de consultar uma página traduzida de forma idêntica em seu idioma nativo enquanto estudam. Se compreenderem o funcionamento de uma peça ou sistema na sua “própria” língua, também será mais fácil aprender a explicação em holandês;
- Em alguns países a oferta de materiais didáticos técnicos automotivos é escassa. Na Islândia, por exemplo, os estudantes só têm acesso a material didático em inglês. É bom que tanto o professor quanto o aluno possam consultar o material do curso em seu próprio idioma. O professor da Islândia com quem tenho contacto também afirma: “Estou constantemente a explicar a tradução para o islandês, porque nas oficinas automóveis as peças não são mencionadas e escritas em inglês, mas sim em islandês. É bom poder ler um texto com linguagem técnica em islandês”;
- como você deve ter lido no primeiro parágrafo, escrever artigos é meu hobby. A opção de tradução me permite atingir um público maior.
Traduzi o site para o inglês na primavera de 2023. Correu bem. Ao solicitar a tradução para o islandês, adicionei também outros países além da Islândia. O Google também indexa as páginas traduzidas. Por exemplo, a página: Eletrônica básica agora está incluída no Google em quinze idiomas, com cada idioma tendo sua própria tradução de URL, título e palavras-chave. Isso também aumenta as estatísticas de visitantes. A imagem mostra os números de visitantes de 4 de novembro a 1º de dezembro de 2023, em que o site só foi traduzido para outros idiomas além do inglês há algumas semanas.
A tradução é de qualidade muito razoável a alta. Em parágrafos que contêm jargão técnico, são cometidos erros de tradução que às vezes são traduzidos “demasiado literalmente” e, portanto, têm um significado diferente. Um exemplo disso é a “carroceria” holandesa. Em inglês isso é traduzido como “corpo”. Está correto. No entanto, em islandês também é traduzido para algo semelhante a “corpo”, mas a tradução ali se refere ao “corpo humano”.
Felizmente, existe a opção de ajustar a tradução. As traduções podem ser corrigidas no programa, que será alterado ao longo do site. Mas a tradução também pode ser ajustada por frase nas páginas individuais. A imagem abaixo mostra um lápis para cada frase. Quando clicado, a tradução pode ser alterada.
Após clicar no lápis de uma das frases, aparecerá um pop-up contendo o texto original e traduzido. A tradução pode ser corrigida aqui. A tradução é corrigida imediatamente, sem afetar o texto original (holandês).
A tradução para o inglês já percorreu um longo caminho. Tenho mais dificuldade com outros idiomas, porque meu conhecimento lá é menos extenso. É por isso que peço aos visitantes do meu site que me relatem erros de idioma e tradução. Corrigirei isso imediatamente na página em questão ou em todo o site se se tratar de uma palavra que aparece em várias páginas. Caso tenha interesse, podem ser discutidas as opções de acesso ao programa de tradução mostrado acima. Você pode entrar em contato comigo através do formulário de contato. O professor da Islândia usa o site com gratidão em suas aulas e pode traduzir ele mesmo os textos. Ele, seus colegas e alunos (mas também eu) nos beneficiamos com isso. Também quero oferecer esta opção a utilizadores (de preferência professores de tecnologia automóvel, ou pessoas que trabalham na indústria automóvel e são versados em linguística) de outros países.
