Interface

• Adição de Modo Tela Cheia à interface. É possível ativar e desativar este modo através de botão dedicado adicionado à janela de visualização dos modelos 3D. Esta funcionalidade está atualmente limitada a usuários do sistema operacional Windows.

Correções

• Corrigido o erro da rotina que ignorava o valor alfa dos materiais dos modelos 3D. Agora, quando o usuário selecionar cores personalizadas para os materiais, além dessas cores, será aplicada também a devida transparência.

Interface

• Organização da interface em cards de conteúdo.
• Adição do card "Seleção de Modelo 3D": permite ao usuário selecionar qual modelo 3D será visualizado.
• Adição do card colapsável "Texto Explicativo": exibe informações relevantes sobre o conteúdo abordado no modelo 3D selecionado.
• Adição do card colapsável "Audiodescrição": permite a reprodução da versão em aúdio da audiodescrição.
• Adição do card colapsável "Transcrição da Audiodescrição": permite ao usuário visualizar a transcrição da audiodescrição.
• Adição do card colapsável "Personalização de Cores e Visualização": permite ao usuário alterar a aparência do modelo 3D selecionado.
• Otimização para exibição da interface em diferentes media queries.

Lógica de Programação

• Implementação de rotina de renderização dos modelos 3D através do web componente <model-viewer>.
• Implementação de rotina de extração de dados do banco de dados "Panzera 3D Models Data".

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Microrganismos Causadores de ISTs: Papilomavírus Humano (HPV)
• Microrganismos Causadores de ISTs: Neisseria gonorrhoeae

Evolução de Esquema

• Adição do subobjeto "category": define diferentes categorias de agrupamento dos modelos 3D, de acordo com os conteúdose e assuntos que abordam (string, UTF-8).

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Membrana Plasmática: Especializações - Pregas Basais

Evolução de Esquema

• O conteúdo do subobjeto "audioDescription.transcription" foi convertido de texto simples para innerHTML. Dessa forma, as transcrições das audiodescrições serão exibidas de forma mais rica para o usuário.

Correções

• Corrigido o erro que impedia a exibição de textos em negrito dentro do subobjeto "explanation.content".
• Corrigido o erro que impedia a exibição de links dentro do subobjeto "explanation.content".

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Citoplasma
• Núcleo Celular Interfásico
• Núcleo Celular em Divisão: Níveis de Compactação do DNA
• Núcleo Celular em Divisão: Cromossomo Simples
• Núcleo Celular em Divisão: Cromossomo Duplicado
• Centríolo
• Centrossomo
• Complexo de Golgi
• Lisossomo
• Endossomo
• Peroxissomo
• Proteassoma

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Citoesqueleto: Microtúbulos
• Citoesqueleto: Filamentos Intermediários
• Citoesqueleto: Filamentos de Actina (Microfilamentos)
• Ribossomo
• Retículo Endoplasmático Rugoso
• Retículo Endoplasmático Liso

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Mitocôndria
• Mitocôndria: Ultraestrutura

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Divisão Celular: Meiose II - Prófase II
• Divisão Celular: Meiose II - Metáfase II
• Divisão Celular: Meiose II - Anáfase II
• Divisão Celular: Meiose II - Telófase II
• Divisão Celular: Meiose II - Citocinese
• Divisão Celular: Meiose II - Final

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Célula Procariótica
• Célula Eucariótica

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Divisão Celular: Meiose I - Prófase I - Leptóteno
• Divisão Celular: Meiose I - Prófase I - Zigóteno
• Divisão Celular: Meiose I - Prófase I - Paquíteno
• Divisão Celular: Meiose I - Prófase I - Diplóteno
• Divisão Celular: Meiose I - Prófase I - Diacinese
• Divisão Celular: Meiose I - Metáfase I
• Divisão Celular: Meiose I - Anáfase I
• Divisão Celular: Meiose I - Telófase I
• Divisão Celular: Meiose I - Citocinese
• Divisão Celular: Meiose I - Final

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Divisão Celular: Mitose - Prófase
• Divisão Celular: Mitose - Prometáfase
• Divisão Celular: Mitose - Metáfase
• Divisão Celular: Mitose - Anáfase
• Divisão Celular: Mitose - Telófase
• Divisão Celular: Mitose - Citocinese
• Divisão Celular: Mitose - Final

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Divisão Celular: Intérfase - Fase G1
• Divisão Celular: Intérfase - Fase S
• Divisão Celular: Intérfase - Fase G2

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Membrana Plasmática: Especializações - Microvilosidade
• Membrana Plasmática: Especializações - Estereocílio
• Membrana Plasmática: Especializações - Cílio
• Membrana Plasmática: Especializações - Zônula de Oclusão
• Membrana Plasmática: Especializações - Zônula de Adesão
• Membrana Plasmática: Especializações - Desmossomo
• Membrana Plasmática: Especializações - Junção Comunicante ou Nexo
• Membrana Plasmática: Especializações - Hemidesmossomo
• Membrana Plasmática: Especializações - Adesão Focal
• Membrana Plasmática: Especializações - Pregas Basais

Evolução de Esquema

• Adição do array "models": a base de dados é composta por um array principal, onde cada objeto representa um modelo 3D.
• Adição do objeto "id": identificador único para cada modelo 3D, funcionando como chave primária.
• Adição do objeto "title": armazena o título descritivo de cada modelo 3D (string, UTF-8), usado na interface do usuário.
• Adição do objeto "explanation": contém informações explicativas detalhadas sobre cada modelo 3D.
• Adição do subobjeto "explanation.title": armazena o título da explicação (string, UTF-8).
• Adição do subobjeto "explanation.content": armazena o conteúdo explicativo detalhado em HTML para formatação rica.
• Adição do objeto "audioDescription": armazena informações de audiodescrição para acessibilidade.
• Adição do subobjeto "audioDescription.file": armazena o caminho/URL para o arquivo de áudio (MP3 ou WAV) da audiodescrição.
• Adição do subobjeto "audioDescription.transcription": armazena a transcrição textual da audiodescrição (string, UTF-8).
• Adição do objeto "model3D": responsável por armazenar os arquivos específicos de cada modelo 3D.
• Adição do subobjeto "model3D.glb": armazena o caminho/URL para o arquivo 3D no formato .glb.
• Adição do subobjeto "model3D.usdz": armazena o caminho/URL para o arquivo no formato .usdz, para experiências de Realidade Aumentada em dispositivos Apple.
• Adição do subobjeto "model3D.alt": armazena o texto alternativo descritivo do modelo 3D (string, UTF-8) para acessibilidade.
• Adição do objeto "hasAnimation": campo booleano (true/false) que indica a presença de animações no modelo 3D, controlando a interface.

Conteúdo

Adição dos seguintes modelos 3D e seus respectivos metadados ao banco de dados:

• Membrana Plasmática
• Membrana Plasmática: Fosfolipídio Saturado
• Membrana Plasmática: Fosfolipídio Insaturado
• Membrana Plasmática: Movimentos dos Fosfolipídios - Rotação
• Membrana Plasmática: Movimentos dos Fosfolipídios - Difusão Lateral
• Membrana Plasmática: Movimentos dos Fosfolipídios - Flip-Flop
• Membrana Plasmática: Transporte Direcional - Uniporte por Proteína de Canal
• Membrana Plasmática: Transporte Direcional - Uniporte por Proteína Carreadora
• Membrana Plasmática: Transporte Direcional - Simporte por Proteína de Canal
• Membrana Plasmática: Transporte Direcional - Simporte por Proteína Carreadora
• Membrana Plasmática: Transporte Direcional - Antiporte por Proteína de Canal
• Membrana Plasmática: Transporte Direcional - Antiporte por Proteína Carreadora
• Membrana Plasmática: Transporte Passivo - Difusão Simples
• Membrana Plasmática: Transporte Passivo - Osmose
• Membrana Plasmática: Transporte Passivo - Difusão Facilitada por Proteína de Canal
• Membrana Plasmática: Transporte Passivo - Difusão Facilitada por Proteína de Carreadora
• Membrana Plasmática: Transporte Ativo de Pequenas Moléculas - Primário (Bomba de Sódio e Potássio)
• Membrana Plasmática: Transporte Ativo de Pequenas Moléculas - Secundário (Glicose - SGLT1)
• Membrana Plasmática: Transporte Ativo em Massa - Endocitose Mediada por Receptor
• Membrana Plasmática: Transporte Ativo em Massa - Endocitose por Pinocitose
• Membrana Plasmática: Transporte Ativo em Massa - Endocitose por Fagocitose
• Membrana Plasmática: Transporte Ativo em Massa - Exocitose

Interface

• Organização da interface em cards de conteúdo.
• Adição do card "Instruções de Uso": fornece ao usuário instruções para operação da aplicação web.
• Adição de área de seleção de modelo 3D: permite ao usuário selecionar o modelo 3D que deseja visualizar, seja por meio de campo de entrada ou sistema de drag and drop.
• Adição de controles de iluminação e órbita.

Lógica de Programação

• Implementação de rotina de renderização dos modelos 3D através da biblioteca JavaScript three.js, utilizando a API WebGL do navegador.
• Adição de suporte aos formatos .fbx e .glb.