Postagens

GitHub Pages

-
Imagem
Criando o Repositório Novo Para utilizar o GitHub Pages, obviamente, você precisa primeiramente criar uma conta no GitHub. Se ainda não fez isso, faça agora, clicando aqui . Tela Principal do GitHub Na tela principal do GitHub clique em Repositories  e depois no botão New . Na tela seguinte, no campo Repository Name  digite o nome de seu repositório. Utilize o método camel case  (quando a primeira letra do primeiro termo é minúscula e a primeira letra dos demais termos é maiúscula) ou separe por hífem. Logo depois, clique no botão Create Repository . Tela de criação de um novo repositório Fazendo Upload de Arquivos Após você criar o repositório, ele seguirá par a tela de código ( <> Code ). Neste tela, clique no link uploading an existing file  (Fazer upload de um arquivo existente). Na tela seguinte, você pode arrastar os arquivos criados para o quadro Drag files here to add them to your repository . A página inicial deve se chamar index.html . Caso sua p...
Postar um comentário
Leia mais

Modelagem Semântica na Web Semântica

-
Explorando o Futuro da Internet Inteligente        A internet como conhecemos está mudando. Já não basta exibir páginas estáticas com informações, hoje precisamos que os dados sejam interpretados, conectados e usados de forma inteligente para resolver problemas, realizar tarefas e facilitar a interação entre humanos e máquinas. É aqui que entra a Web Semântica , um conceito que visa transformar a internet em uma grande rede de conhecimento, onde as máquinas conseguem entender o significado dos dados e agir de acordo.      Nesse contexto, a modelagem semântica desempenha um papel fundamental, sendo o alicerce que dá sentido aos dados e permite que sistemas de inteligência artificial (IA), assistentes virtuais e mecanismos de busca ofereçam respostas precisas e interajam de maneira mais natural com os usuários.   O Que é a Web Semântica?      A Web Semântica, também conhecida como a "Web dos Dados", é uma extensão da We...
Postar um comentário
Leia mais

Criando Aplicativos com o MIT APP Inventor

-
Imagem
              Para criar aplicativos com o MIT APP Inventor você precisa adicionar os componentes em tela, como pode ser visto na figura 1. Ao arrastar o componente, renomeie com algo que identifique o que o componente é e o que ele fará, como, por exemplo, chamar de btnFechar um botão (button) que fechará a aplicação.  Figura 1 - Componentes e nomes dos componentes             No lado direito da tela há a caixa de propriedades, onde ao modificar as propriedades do componente você poderá mudar a aparência ou o comportamento dele. Por exemplo, no caso do componente OrganizadorHorizontal1, modificamos a propriedade Largura para Preencher principal... , o que fará com que ele ocupe toda a largura da tela do dispositivo. A propriedade AlinhamentoHorizontal  também foi modificada para Centro  para que os botões btnAcessar e btnFechar  fiquem centralizados (figura 2). Figura 2 - C...
Postar um comentário
Leia mais

Introdução ao Formato SVG e Suas Especificidades

-
      O SVG (Scalable Vector Graphics) é um formato de imagem baseado em vetores , o que significa que ele usa formas geométricas como linhas, pontos e curvas para representar imagens. Ao contrário dos formatos de imagens rasterizadas (como PNG e JPG), que perdem qualidade ao serem ampliadas, o SVG é infinitamente escalável . Isso ocorre porque o SVG descreve a imagem usando XML (Extensible Markup Language), o que permite a reinterpretação da imagem a qualquer tamanho sem perda de nitidez ou qualidade.      Uma das principais características que diferenciam o SVG é a possibilidade de editar diretamente o código que o compõe, o que facilita a personalização de gráficos. Outra vantagem é que ele pode ser manipulado por CSS e JavaScript, tornando-o altamente interativo e animável , o que é muito útil em interfaces modernas. Especificidades do Formato SVG: Baseado em XML: O SVG usa uma linguagem de marcação para descrever gráficos vetoriais,...
Postar um comentário
Leia mais

O que é Responsividade em Páginas Web e Apps? E como planejar para múltiplas telas?

-
    Com o crescimento exponencial do uso de dispositivos móveis, garantir que seu site ou aplicativo funcione perfeitamente em diferentes tamanhos de tela se tornou essencial. Hoje, a responsividade é uma das principais características de qualquer projeto digital bem-sucedido. Vamos explorar em detalhes o que significa ter um site ou app responsivo e como planejar um projeto que ofereça uma experiência de usuário otimizada em múltiplas telas. O que é Responsividade em Sites e Apps?      Responsividade é a capacidade de um site ou aplicativo ajustar sua interface de acordo com o dispositivo em que está sendo acessado. Isso significa que o design, o layout e o conteúdo se adaptam automaticamente a diferentes tamanhos e resoluções de tela, como as de smartphones, tablets, notebooks e desktops. Exemplo:      Imagine um site de e-commerce. No desktop , o usuário pode ver várias colunas de produtos com imagens grandes, descrições detal...
Postar um comentário
Leia mais

Como Usar o Figma: Conceitos de Design e Layouts Multi-páginas

-
       O Figma é uma das principais ferramentas de design de interfaces e prototipagem usadas atualmente por designers e equipes de desenvolvimento. Sua interface colaborativa e baseada na nuvem facilita o trabalho em equipe e a criação de projetos complexos de forma rápida e eficiente. Neste artigo, vamos abordar desde a introdução ao Figma até conceitos mais avançados, como o uso de bibliotecas de recursos e o design de layouts multi-páginas, além de princípios de design essenciais para a criação de interfaces de qualidade. Introdução ao uso do Figma      O Figma se diferencia de outras ferramentas de design por ser totalmente baseado em nuvem , permitindo a colaboração em tempo real entre designers e desenvolvedores, o que reduz a necessidade de passar arquivos de um lado para outro. Aqui estão alguns pontos importantes sobre o uso do Figma: Interface simples e intuitiva : O Figma tem uma curva de aprendizado suave. Mesmo designers inici...
Postar um comentário
Leia mais

Criando Tabelas no MySQL

-
            O MySQL é um dos sistemas de gerenciamento de banco de dados mais populares do mundo. Criar tabelas eficientes e bem estruturadas é essencial para a modelagem de dados. Neste artigo, vamos abordar como criar um banco de dados, uma tabela "Pessoa" com dados pessoais e uma tabela "Veículo" com uma chave estrangeira relacionada à tabela "Pessoa". Criando um Banco de Dados           Antes de criar tabelas, é importante definir o banco de dados que as abrigará. Você pode fazer isso usando o seguinte comando SQL: CREATE DATABASE ALUGUEL_VEICULOS;           Lembre-se de escolher um nome significativo para seu banco de dados. Criando a Tabela PESSOA           Vamos começar criando a tabela "Pessoa". O CPF será a chave primária, e usaremos a notação snake_case para os nomes das colunas, na qual o caractere "_" ( underscore ) é utilizado para separar as palavra...
Postar um comentário
Leia mais