Este documento descreve o desenvolvimento de um portal para a CIPA através de um layout simples e funcional. Detalha a escolha da tipografia Roboto, a criação de um grid para organizar o conteúdo e a utilização das cores verde e azul da identidade visual. Também inclui detalhes sobre a programação do site, estruturação das páginas, produção de um vídeo educativo e uso de animações.
Uma palestra sobre a chamada "Web 2.0", Novos Conteúdos e afins, apresentada no III Encontro Estadual de Estudantes de Design de Pernambuco, em Recife.
O documento descreve o design responsivo, que permite que sites se adaptem ao tamanho da tela do usuário. Ele é composto por layouts fluidos com base em porcentagens, imagens flexíveis e media queries para especificar estilos CSS de acordo com a capacidade do dispositivo. O design responsivo surgiu para permitir uma melhor experiência no uso de sites em dispositivos móveis.
O documento discute layout responsivo, fornecendo definições, princípios e exemplos. Explica como criar interfaces flexíveis para diferentes dispositivos através de planejamento, uso de frameworks e media queries. Também lista vantagens como SEO, identidade visual e experiência do usuário.
O documento descreve um teste de usabilidade realizado com professores em um portal para criação de WebQuests. O portal foi desenvolvido para facilitar a implementação de WebQuests em sala de aula sem necessidade de conhecimentos avançados de programação. O teste avaliou a experiência dos usuários com a interface do portal e identificou melhorias como reestruturação de links e disponibilização de tutoriais.
O documento discute a avaliação de alternativas sob risco e incerteza. Aborda conceitos como análise determinística, análise probabilística, matriz de resultados e probabilidades, valor esperado, árvores de decisão e valor esperado da informação perfeita. Também apresenta um exemplo ilustrativo sobre como aplicar o Teorema de Bayes para atualizar as probabilidades a partir de novas informações.
Treinamento elaborado para grupo de profissionais na área da construção civil, mencionando o grau de risco desta atividade, as medidas de proteção, estatísticas relacionadas a indústria da construção civil e principalmente a política de segurança que devem ser adotadas neste ramo.
O documento descreve um treinamento para frentistas sobre como melhorar o atendimento ao cliente e aumentar as vendas no posto de gasolina. O treinamento aborda tópicos como a troca de turno, aumento de vendas de produtos, abastecimento de veículos, metas de vendas, procedimentos de segurança e como lidar com reclamações de clientes.
Este documento resume a Norma Regulamentadora 20 sobre líquidos combustíveis e inflamáveis. Ele apresenta 1) os principais documentos complementares à NR 20, 2) perguntas e respostas comentadas sobre conceitos importantes, diferenças entre líquidos inflamáveis e combustíveis, e requisitos técnicos para estocagem desses produtos, e 3) informações sobre projeto e aspectos técnicos para pátios de tancagem.
Uma palestra sobre a chamada "Web 2.0", Novos Conteúdos e afins, apresentada no III Encontro Estadual de Estudantes de Design de Pernambuco, em Recife.
O documento descreve o design responsivo, que permite que sites se adaptem ao tamanho da tela do usuário. Ele é composto por layouts fluidos com base em porcentagens, imagens flexíveis e media queries para especificar estilos CSS de acordo com a capacidade do dispositivo. O design responsivo surgiu para permitir uma melhor experiência no uso de sites em dispositivos móveis.
O documento discute layout responsivo, fornecendo definições, princípios e exemplos. Explica como criar interfaces flexíveis para diferentes dispositivos através de planejamento, uso de frameworks e media queries. Também lista vantagens como SEO, identidade visual e experiência do usuário.
O documento descreve um teste de usabilidade realizado com professores em um portal para criação de WebQuests. O portal foi desenvolvido para facilitar a implementação de WebQuests em sala de aula sem necessidade de conhecimentos avançados de programação. O teste avaliou a experiência dos usuários com a interface do portal e identificou melhorias como reestruturação de links e disponibilização de tutoriais.
O documento discute a avaliação de alternativas sob risco e incerteza. Aborda conceitos como análise determinística, análise probabilística, matriz de resultados e probabilidades, valor esperado, árvores de decisão e valor esperado da informação perfeita. Também apresenta um exemplo ilustrativo sobre como aplicar o Teorema de Bayes para atualizar as probabilidades a partir de novas informações.
Treinamento elaborado para grupo de profissionais na área da construção civil, mencionando o grau de risco desta atividade, as medidas de proteção, estatísticas relacionadas a indústria da construção civil e principalmente a política de segurança que devem ser adotadas neste ramo.
O documento descreve um treinamento para frentistas sobre como melhorar o atendimento ao cliente e aumentar as vendas no posto de gasolina. O treinamento aborda tópicos como a troca de turno, aumento de vendas de produtos, abastecimento de veículos, metas de vendas, procedimentos de segurança e como lidar com reclamações de clientes.
Este documento resume a Norma Regulamentadora 20 sobre líquidos combustíveis e inflamáveis. Ele apresenta 1) os principais documentos complementares à NR 20, 2) perguntas e respostas comentadas sobre conceitos importantes, diferenças entre líquidos inflamáveis e combustíveis, e requisitos técnicos para estocagem desses produtos, e 3) informações sobre projeto e aspectos técnicos para pátios de tancagem.
Este documento discute a importância da capacitação e da prevenção de riscos no trabalho em altura. Ele destaca que a Vale valoriza a segurança acima de tudo e oferece treinamentos para garantir a saúde e segurança dos funcionários. Além disso, explica os requisitos para realizar trabalhos em altura, como exames médicos e treinamentos obrigatórios, e apresenta os principais equipamentos de segurança e a necessidade de inspeção dos mesmos.
Treinamento de CIPA - Gestão 2015. Empresa INDICA ASSESSORIA E SERVIÇOS LTDAMárcio Leão
O documento apresenta informações sobre um treinamento de prevenção de acidentes para membros da CIPA. O treinamento aborda objetivos como levar conhecimentos sobre normas de segurança e saúde no trabalho e definir competências da CIPA. O conteúdo programático inclui temas como legislação trabalhista, higiene do trabalho, equipamentos de proteção individual e investigação de acidentes. Também são apresentados conceitos sobre CIPA e suas atribuições.
Este documento descreve as diretrizes da Norma Regulamentadora 5 (NR 5) sobre a Comissão Interna de Prevenção de Acidentes (CIPA). A CIPA tem como objetivo prevenir acidentes e doenças ocupacionais. A NR 5 estabelece regras sobre a constituição, organização, atribuições e responsabilidades da CIPA e de seus membros.
O documento discute os riscos à saúde e segurança no setor da construção civil no Brasil. Aponta que a construção civil apresenta altas taxas de acidentes de trabalho e é a segunda atividade econômica com mais registros de acidentes no país, gerando perdas humanas e financeiras. Também lista os principais tipos de riscos e acidentes nesta indústria, como quedas, choques elétricos e soterramentos.
Este documento fornece informações sobre treinamento da Comissão Interna de Prevenção de Acidentes (CIPA) em uma empresa agrícola. Ele discute os papéis e responsabilidades da CIPA, incluindo identificar riscos, auxiliar em inspeções de segurança e investigar acidentes. Além disso, explica os tipos de acidentes e doenças relacionadas ao trabalho, fatores de risco ocupacional e medidas de prevenção de lesões ergonômicas.
Este documento descreve os requisitos mínimos de segurança para trabalhos em altura de acordo com a NR-35. Ele estabelece diretrizes para empregadores e trabalhadores, incluindo avaliação médica dos trabalhadores, análise de riscos, uso de equipamentos de proteção e treinamento.
CIPA - COMISSÃO INTERNA DE PREVENÇÃO DE ACIDENTE - NR 5HugoDalevedove
Hoje conheceremos o que é CIPA. Veremos quando surgiu, por que é obrigatória, para que serve, e outras situações pertinentes a esse assunto.
A CIPA é muito importante para o bom andamento das questões de Segurança do Trabalho na empresa. Quando CIPA e SESMT conseguem trabalhar em parceria o resultado sempre é positivo.
Este documento descreve um treinamento sobre condições e meio ambiente de trabalho na indústria da construção civil. O público-alvo são profissionais da construção civil como pedreiros, carpinteiros e eletricistas. O objetivo é reconhecer os riscos para aplicação correta de equipamentos de proteção individual e coletiva. O conteúdo programático inclui riscos inerentes às funções, uso de EPIs e informações sobre equipamentos de proteção coletiva como andaimes e escadas.
NR18 - Condições e Meio Ambiente de Trabalho na Indústria da ConstruçãoLarissa Aguiar
O documento discute as condições e meio ambiente de trabalho na indústria da construção civil de acordo com a NR18, abordando tópicos como comunicação prévia de obras, programa de condições e meio ambiente, escavações, fundações, desmonte de rochas, carpintaria, armações de aço, estruturas de concreto, estruturas metálicas, operações de soldagem e corte a quente, escadas, rampas, passarelas, medidas de proteção contra quedas, tapumes, galerias, andaimes, cabos
O documento discute pré-natal e gestação de alto risco, abordando: (1) a importância do acompanhamento pré-natal para orientar a gestante; (2) os critérios do Ministério da Saúde para assistência pré-natal básica; (3) possíveis queixas durante a gestação e suas recomendações.
A segurança na construção civil é extremamente importante. Acidentes de trabalho podem ser evitados com equipamentos de proteção adequados e treinamento de funcionários. Seguir procedimentos de segurança e ter cuidado no canteiro de obras pode ajudar a prevenir lesões.
(Modelo de apr análise preliminar de risco - 2)Luis Araujo
Este documento fornece um plano de segurança para um trabalho, detalhando os riscos, equipamentos de proteção individual necessários, procedimentos de bloqueio de energia, comunicação de emergência e responsabilidades. Resume os principais pontos de segurança a serem observados durante a execução da tarefa.
Treinamento e Consultoria para POSTOS DE COMBUSTÍVEISlorenzo busato
O documento apresenta os serviços de consultoria e treinamentos para postos de combustíveis e conveniências oferecidos por Lorenzo Busato, engenheiro químico e consultor especializado. Os serviços incluem treinamentos para frentistas, caixas e gerentes, análise de mercado, planejamento de marketing e elaboração de campanhas de vendas. Exemplos de temas abordados nos treinamentos são atendimento ao cliente, produtos e indicadores de desempenho.
Este documento resume os principais pontos da Norma Regulamentadora NR10 que trata da segurança em instalações e serviços em eletricidade. A NR10 estabelece diretrizes para a implementação de medidas de segurança e saúde para proteger trabalhadores que atuam em instalações elétricas. Ela abrange todas as etapas desde projeto até manutenção de sistemas elétricos e define níveis de tensão, procedimentos de trabalho e responsabilidades.
O curso intermediário da NR 20 tem como objetivo estabelecer requisitos mínimos de segurança e saúde para trabalhadores que lidam com inflamáveis e combustíveis em instalações classes I, II ou III. O curso é destinado a trabalhadores que realizam atividades de manutenção, inspeção e operação diretamente com o processo nessas instalações. O conteúdo programático inclui tópicos sobre classificação de instalações, propriedades de inflamáveis, controles de segurança, procedimentos de emergência e a Norma Regul
O documento discute as diretrizes da Norma Regulamentadora 18 para a implementação de medidas de segurança e controle de riscos nos processos e ambientes de trabalho na indústria da construção civil. Algumas das principais medidas incluem a elaboração obrigatória de um Programa de Condições e Meio Ambiente de Trabalho, a identificação e prevenção de riscos como quedas, choques elétricos e soterramento, e o fornecimento gratuito de equipamentos de proteção individual.
O documento estabelece requisitos para a proteção de trabalhadores em trabalhos com diferenças de níveis, como capacitação, equipamentos de proteção, análise de riscos e emergências. Cabe ao empregador garantir a segurança e ao trabalhador cumprir procedimentos e interromper atividades perigosas.
A Cartilha Orientativa para Implantação de Segurança no Canteiro de Obrasxandaobyte
Este documento fornece orientações sobre a implantação de medidas de segurança no canteiro de obras, cobrindo tópicos como documentação exigida, instalações, equipamentos elétricos e medidas de proteção. Recomenda a constituição da CIPA, manutenção da documentação obrigatória e treinamentos, além de especificar requisitos técnicos para vestiários, refeitórios e equipamentos.
O documento discute os Equipamentos de Proteção Individual (EPI), definindo-os como dispositivos de uso individual destinados à proteção dos riscos que ameaçam a segurança e saúde no trabalho. Ele lista os tipos básicos de EPI como capacetes, óculos, luvas, calçados e máscaras respiratórias e descreve suas finalidades de proteção. O documento também destaca as obrigações dos empregadores e empregados no fornecimento e uso correto dos EPI.
Este documento descreve um simulador de recursos de sistemas operacionais desenvolvido para auxiliar no ensino da disciplina de Sistemas Operacionais. O simulador permite simular escalonamento de processos, escalonamento de disco e paginação de memória virtual de forma interativa e comparativa. O projeto foi desenvolvido usando tecnologias web e publicado com código aberto.
O documento descreve o processo de desenvolvimento de um website focado no usuário, incluindo: 1) análise dos requisitos e conteúdo, 2) projeto da arquitetura, navegação e interface, e 3) implementação iterativa e avaliação com o cliente. O objetivo era criar um site acessível e de qualidade usando padrões da Web.
Este documento discute a importância da capacitação e da prevenção de riscos no trabalho em altura. Ele destaca que a Vale valoriza a segurança acima de tudo e oferece treinamentos para garantir a saúde e segurança dos funcionários. Além disso, explica os requisitos para realizar trabalhos em altura, como exames médicos e treinamentos obrigatórios, e apresenta os principais equipamentos de segurança e a necessidade de inspeção dos mesmos.
Treinamento de CIPA - Gestão 2015. Empresa INDICA ASSESSORIA E SERVIÇOS LTDAMárcio Leão
O documento apresenta informações sobre um treinamento de prevenção de acidentes para membros da CIPA. O treinamento aborda objetivos como levar conhecimentos sobre normas de segurança e saúde no trabalho e definir competências da CIPA. O conteúdo programático inclui temas como legislação trabalhista, higiene do trabalho, equipamentos de proteção individual e investigação de acidentes. Também são apresentados conceitos sobre CIPA e suas atribuições.
Este documento descreve as diretrizes da Norma Regulamentadora 5 (NR 5) sobre a Comissão Interna de Prevenção de Acidentes (CIPA). A CIPA tem como objetivo prevenir acidentes e doenças ocupacionais. A NR 5 estabelece regras sobre a constituição, organização, atribuições e responsabilidades da CIPA e de seus membros.
O documento discute os riscos à saúde e segurança no setor da construção civil no Brasil. Aponta que a construção civil apresenta altas taxas de acidentes de trabalho e é a segunda atividade econômica com mais registros de acidentes no país, gerando perdas humanas e financeiras. Também lista os principais tipos de riscos e acidentes nesta indústria, como quedas, choques elétricos e soterramentos.
Este documento fornece informações sobre treinamento da Comissão Interna de Prevenção de Acidentes (CIPA) em uma empresa agrícola. Ele discute os papéis e responsabilidades da CIPA, incluindo identificar riscos, auxiliar em inspeções de segurança e investigar acidentes. Além disso, explica os tipos de acidentes e doenças relacionadas ao trabalho, fatores de risco ocupacional e medidas de prevenção de lesões ergonômicas.
Este documento descreve os requisitos mínimos de segurança para trabalhos em altura de acordo com a NR-35. Ele estabelece diretrizes para empregadores e trabalhadores, incluindo avaliação médica dos trabalhadores, análise de riscos, uso de equipamentos de proteção e treinamento.
CIPA - COMISSÃO INTERNA DE PREVENÇÃO DE ACIDENTE - NR 5HugoDalevedove
Hoje conheceremos o que é CIPA. Veremos quando surgiu, por que é obrigatória, para que serve, e outras situações pertinentes a esse assunto.
A CIPA é muito importante para o bom andamento das questões de Segurança do Trabalho na empresa. Quando CIPA e SESMT conseguem trabalhar em parceria o resultado sempre é positivo.
Este documento descreve um treinamento sobre condições e meio ambiente de trabalho na indústria da construção civil. O público-alvo são profissionais da construção civil como pedreiros, carpinteiros e eletricistas. O objetivo é reconhecer os riscos para aplicação correta de equipamentos de proteção individual e coletiva. O conteúdo programático inclui riscos inerentes às funções, uso de EPIs e informações sobre equipamentos de proteção coletiva como andaimes e escadas.
NR18 - Condições e Meio Ambiente de Trabalho na Indústria da ConstruçãoLarissa Aguiar
O documento discute as condições e meio ambiente de trabalho na indústria da construção civil de acordo com a NR18, abordando tópicos como comunicação prévia de obras, programa de condições e meio ambiente, escavações, fundações, desmonte de rochas, carpintaria, armações de aço, estruturas de concreto, estruturas metálicas, operações de soldagem e corte a quente, escadas, rampas, passarelas, medidas de proteção contra quedas, tapumes, galerias, andaimes, cabos
O documento discute pré-natal e gestação de alto risco, abordando: (1) a importância do acompanhamento pré-natal para orientar a gestante; (2) os critérios do Ministério da Saúde para assistência pré-natal básica; (3) possíveis queixas durante a gestação e suas recomendações.
A segurança na construção civil é extremamente importante. Acidentes de trabalho podem ser evitados com equipamentos de proteção adequados e treinamento de funcionários. Seguir procedimentos de segurança e ter cuidado no canteiro de obras pode ajudar a prevenir lesões.
(Modelo de apr análise preliminar de risco - 2)Luis Araujo
Este documento fornece um plano de segurança para um trabalho, detalhando os riscos, equipamentos de proteção individual necessários, procedimentos de bloqueio de energia, comunicação de emergência e responsabilidades. Resume os principais pontos de segurança a serem observados durante a execução da tarefa.
Treinamento e Consultoria para POSTOS DE COMBUSTÍVEISlorenzo busato
O documento apresenta os serviços de consultoria e treinamentos para postos de combustíveis e conveniências oferecidos por Lorenzo Busato, engenheiro químico e consultor especializado. Os serviços incluem treinamentos para frentistas, caixas e gerentes, análise de mercado, planejamento de marketing e elaboração de campanhas de vendas. Exemplos de temas abordados nos treinamentos são atendimento ao cliente, produtos e indicadores de desempenho.
Este documento resume os principais pontos da Norma Regulamentadora NR10 que trata da segurança em instalações e serviços em eletricidade. A NR10 estabelece diretrizes para a implementação de medidas de segurança e saúde para proteger trabalhadores que atuam em instalações elétricas. Ela abrange todas as etapas desde projeto até manutenção de sistemas elétricos e define níveis de tensão, procedimentos de trabalho e responsabilidades.
O curso intermediário da NR 20 tem como objetivo estabelecer requisitos mínimos de segurança e saúde para trabalhadores que lidam com inflamáveis e combustíveis em instalações classes I, II ou III. O curso é destinado a trabalhadores que realizam atividades de manutenção, inspeção e operação diretamente com o processo nessas instalações. O conteúdo programático inclui tópicos sobre classificação de instalações, propriedades de inflamáveis, controles de segurança, procedimentos de emergência e a Norma Regul
O documento discute as diretrizes da Norma Regulamentadora 18 para a implementação de medidas de segurança e controle de riscos nos processos e ambientes de trabalho na indústria da construção civil. Algumas das principais medidas incluem a elaboração obrigatória de um Programa de Condições e Meio Ambiente de Trabalho, a identificação e prevenção de riscos como quedas, choques elétricos e soterramento, e o fornecimento gratuito de equipamentos de proteção individual.
O documento estabelece requisitos para a proteção de trabalhadores em trabalhos com diferenças de níveis, como capacitação, equipamentos de proteção, análise de riscos e emergências. Cabe ao empregador garantir a segurança e ao trabalhador cumprir procedimentos e interromper atividades perigosas.
A Cartilha Orientativa para Implantação de Segurança no Canteiro de Obrasxandaobyte
Este documento fornece orientações sobre a implantação de medidas de segurança no canteiro de obras, cobrindo tópicos como documentação exigida, instalações, equipamentos elétricos e medidas de proteção. Recomenda a constituição da CIPA, manutenção da documentação obrigatória e treinamentos, além de especificar requisitos técnicos para vestiários, refeitórios e equipamentos.
O documento discute os Equipamentos de Proteção Individual (EPI), definindo-os como dispositivos de uso individual destinados à proteção dos riscos que ameaçam a segurança e saúde no trabalho. Ele lista os tipos básicos de EPI como capacetes, óculos, luvas, calçados e máscaras respiratórias e descreve suas finalidades de proteção. O documento também destaca as obrigações dos empregadores e empregados no fornecimento e uso correto dos EPI.
Este documento descreve um simulador de recursos de sistemas operacionais desenvolvido para auxiliar no ensino da disciplina de Sistemas Operacionais. O simulador permite simular escalonamento de processos, escalonamento de disco e paginação de memória virtual de forma interativa e comparativa. O projeto foi desenvolvido usando tecnologias web e publicado com código aberto.
O documento descreve o processo de desenvolvimento de um website focado no usuário, incluindo: 1) análise dos requisitos e conteúdo, 2) projeto da arquitetura, navegação e interface, e 3) implementação iterativa e avaliação com o cliente. O objetivo era criar um site acessível e de qualidade usando padrões da Web.
O documento discute os principais aspectos de desenvolvimento de sites, incluindo escolha de ferramentas, linguagens de programação, bancos de dados, estrutura, padrões web, acessibilidade e testes.
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
Este documento discute a usabilidade heurística, um método de avaliação de usabilidade criado por Jakob Nielsen. O documento explica o que é usabilidade, apresenta Jakob Nielsen e seu trabalho, e descreve as dez heurísticas de usabilidade de Nielsen que fornecem parâmetros para avaliar interfaces digitais.
Desenvolvendo Aplicações com PHP, AJAX e YUI!Manuel Lemos
A apresentação discute o desenvolvimento de aplicações web usando PHP, AJAX e o framework YUI. Apresenta as vantagens de cada tecnologia e como utilizá-las juntas para criar interfaces ricas e interativas para o usuário. Explica os principais conceitos e ferramentas necessárias para desenvolvimento com essas tecnologias.
Edu Agni é um designer e criador do blog UX.BLOG que trabalha há nove anos com projetos de design de interfaces e usabilidade. O documento discute vários tópicos relacionados à experiência do usuário, como avaliação de produtos, design centrado no usuário, desenvolvimento front-end, semântica, acessibilidade e design responsivo.
Este documento fornece instruções para a criação de uma apresentação de slides digital sobre um projeto de aprendizagem usando o software BrOffice Impress. Ele explica como visitar o site SlideShare, planejar a apresentação com um roteiro, criar o primeiro slide no BrOffice Impress e publicar a apresentação finalizada no SlideShare.
Este documento fornece instruções para a criação de uma apresentação de slides digital sobre um projeto de aprendizagem usando o software BrOffice Impress. Ele explica como criar uma conta no site SlideShare para compartilhar a apresentação e fornece diretrizes para o planejamento, construção e publicação da apresentação.
O documento descreve o conceito de design web responsivo, que defende que sites devem ser capazes de se adaptar a diferentes tamanhos de tela. Isso é feito usando grids flexíveis, imagens e mídia flexíveis e media queries do CSS3. Um design web responsivo garante uma experiência de usuário eficiente e agradável em diferentes dispositivos como desktops, tablets e smartphones.
Laboratório Web 2013-2014 - Tendências no Desenho e Produção de Interfaces pa...Ricardo Pereira Rodrigues
Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
O documento discute padrões tecnológicos para recursos educacionais, incluindo HTML5, CSS e acessibilidade para web e dispositivos móveis. Também aborda formatação de conteúdo para diferentes mídias e o desafio de produzir recursos educacionais multiuso.
O documento apresenta o software ASES (Avaliador e Simulador para Acessibilidade de Sítios), que avalia a acessibilidade de sites de acordo com normas internacionais. A ferramenta está disponível gratuitamente e possui funções como avaliadores, simuladores e ferramentas para identificar e corrigir problemas de acessibilidade. O documento também explica desdobramentos do ASES, como a extensão e-ASES para navegadores e o selo on-line de acessibilidade on-Selo.
Este documento descreve um plano de investigação para o desenvolvimento de um ambiente de aprendizagem pessoal baseado em ferramentas Web 2.0. O objetivo é otimizar o consumo de grandes quantidades de informação e desenvolver um espaço pessoal para cada usuário agregar conteúdo da web. A metodologia envolve a colaboração com um painel de participantes para conceber e implementar uma aplicação que atenda às necessidades dos usuários.
Desenvolvimento multiplataforma em ambientes de programação nativos e abstr...Ráfagan Abreu
O documento descreve um estudo de caso sobre desenvolvimento multiplataforma, comparando abordagens nativas e abstratas. O autor implementou protótipos para iOS usando Objective-C e um jogo completo para Android usando Java, além de um simulador visual multiplataforma do algoritmo A*.
O documento discute diretrizes e soluções para acessibilidade digital, incluindo: 1) cinco tipos comuns de deficiência e suas necessidades, 2) diretrizes como WCAG e eMAG para tornar conteúdo acessível, 3) soluções como navegação simplificada, legendas e alto contraste.
O documento discute os principais conceitos da Web 2.0, incluindo sua evolução, tecnologias envolvidas e oportunidades de mercado. Aborda tópicos como a história da web, modelos de desenvolvimento, linguagens como HTML, CSS e JavaScript e padrões como W3C.
3. A realização deste projeto acadêmico teve como
palavra-chave uma ordem de desenvolvimento:
SER FACILITADOR
Facilitar em primeira mão a comunicação
das ações da CIPA através de um portal que
reunisse o conteúdo necessário através de um
LAYOUT SIMPLES, FUNCIONAL
E CONSISTENTE
/ INTRODUÇÃO
4. / INTRODUÇÃO
Essa decisão visual do layout foi aplicada ao
perceber a densidade de informação que iria
ser publicado no site da CIPA, afim de
FACILITAR E OTIMIZAR
A NAVEGAÇÃO DO USUÁRIO.
6. O CIBERESPAÇO
é um ambiente tecnológico que representa
um mundo simulado e que nos permite
TRANSITAR
entre as mais diversas culturas.
/ MÍDIAS SOCIAIS
7. / MÍDIAS SOCIAIS
Para maior interação com do usuário com o website
DEFINIU-SE TRÊS REDES SOCIAIS:
1.YOUTUBE
Para compartilhar de forma gratuita e
colaborativa os vídeos de eventos, campanhas
e até mesmo de outros usuários.
8. / MÍDIAS SOCIAIS
2.TWITTER
Para o gerenciamento de notícias do site da
organização CIPA, o twitter é uma forma simples
e sem burocracia para manter contato direto
entre a empresa e o seu público de interesse.
9. / MÍDIAS SOCIAIS
3.INSTAGRAM
A escolha por essa rede social se deu pela
capacidade de abrangência e divulgação
através de fotos, somado ao uso de hashtags,
que funcionam como um sistema de busca
integrados e torna mais fácil localizar os
conteúdos publicados na rede.
11. / TIPOGRAFIA
Para a escolha tipográfica,
antes de assumir qualquer decisão sobre a fonte
do site foram considerados alguns
elementos fundamentais
de estudo.
12. / TIPOGRAFIA
Anatomia da fonte
contrastes das hastes, legibilidade (clareza em idenfitifcar
cada tipo) e leiturabilidade (ritmo de leitura).
SET TIPOGRÁFICO
Os pesos/versões da fonte e se esta tinha todos
os caracteres especiais.
EXPRESSÃO TIPOGRÁFICA
O “tom de voz” para a mensagem do conteúdo, fator super
importante para estabelecer um “elo de comunicação”
entre “objeto de design” e “usuário”.
13. / TIPOGRAFIA
ALÉM DESSE ESTUDO,
foi levado em consideração a plataforma em que ela
seria apresentada, no caso uma fonte pensada para
uso online (web).
14. A PARTIR DESSES TÓPICOS,
foram definidas algumas etapas para determinar
a escolha da fonte.
/ TIPOGRAFIA
15. COM BASE NESSES FUNDAMENTOS
foram definidas algumas etapas para determinar
a escolha da fonte.
1.TIPO DE FONTE
As fontes se dividem em dois grandes grupos
principais: Serif (tipos que contem serifas)
e as Sans-serif (tipos sem serifa ou ornamentos).
/ TIPOGRAFIA
16. 2.ARQUÉTIPO TIPOGRÁFICO
Nesse tópico foi estudada a morfologia da
fonte escolhida, pois uma das preocupações
iniciais foi recorrer a uma fonte de boa
legibilidade (de percepção visual nítida),
assim como defende Bringhurst: “um dos
princípios da tipografia durável é, sempre a
legibilidade” (2011, p.23).
/ TIPOGRAFIA
17. Com base nesses fundamentos a fonte escolhida foi a
ROBOTO
Uma fonte sem serifa, com o arquétipo da Classe de Tipos
Modernos, subclasse Linear, categoria Neogrotesco.
Segundo o autor do livro “Tipografia: uma apresentação”
esse arquétipo se calssifica por:
“(...) menor contraste entre as hastes(…) Difundidos a partir
de meados da década de 1950, têm desenho cuidadoso,
com forte preocupação com a legibilidade tanto para corpos
grandes quanto para corpos pequenos.” (2010, p.59)
/ TIPOGRAFIA
20. / INTERFACE
Para o desenvolvimento da interface e análise de
usabilidade do site CIPA Senac, foi seguido
como estudo a orientação a utilização
DOS PRÍNCIPIOS
DE USABILIDADE DE NIELSEN.
21. / INTERFACE
A definição de Usabilidade
para Nielsen é
“a medida da qualidade da experiência do usuário ao
interagir com [...] um web site, um programa de computador
ou outro dispositivo que ele possa operar de alguma forma”
(1998 apud ARAÚJO, 2003, p. 153.).
22. / INTERFACE
O ponto de início na construção do site, foi a definição de
todas as páginas que seriam necessárias para construir o
mesmo.
PARA ISSO FOI DESENVOLVIDO
UM FLUXOGRAMA
com todas os caminhos/links existentes no site.
24. / INTERFACE
A CONSTRUCÃO DOS WIREFRAMES,
COM A ESTRUTURAS DO SITE,
tanto na versão web, como na versão responsiva, visaram
trazer um estudo de toda a usabilidade da navegacão.
31. / GRID
Após o estudo e definição da tipografia,
foi possível pensar e estruturar melhor um grid
para o layout do site.
Por ser um site com um conteúdo de texto denso,
a intenção foi pensar em um grid que proporcionasse
uma navageção fluida e suave,
justamente não causar tanta exaustão a vista do usuário.
32. / GRID
Com uma inspiração estética voltada para
o tratamento gráfico
do Flat Design,
a interface é propositalmente plana, sem efeitos
ou sombreamentos na composição.
POR ISSO O GRID APLICADO
no layout tem um respiro considerável entre os elementos
de composição do site.
33. / GRID
Com base nisso, a orientação do grid para a diagramação
do layout foi determinada em dois eixos principais:
ORIENTAÇÃO HORIZONTAL
conteúdo de identificação principal (menu, título, links)
ORIENTAÇÃO VERTICAL
conteúdo selecionado a partir do menu/links
37. / COR
Tendo em vista que o site foi construído em torno de um
logotipo que o cliente já possuía (branco e verde) surgiu
a problemática da limitação quanto as cores utilizadas
no projeto.
PARA SOLUCIONAR ESSA QUESTÃO,
em representar a CIPA da Faculdade de Tecnologia Senac
Goiás, optou-se em permanecer com o verde (por já ser
bem reconhecido no logotipo) e com esta cor utilizar o azul
para fazer uma aproximação com a cor usada na identidade
da Instituição Senac.
40. / PROGRAMAÇÃO
O Processo de programação do website
começou logo após
a definição do layout
Tendo em mente os conceitos de usabilidade
foi desenvolvido um
fluxograma de navegação
e posteriormente
um wireframe
que serviram como alicerce para desenvolvimento
do website.
41. / PROGRAMAÇÃO
Configurações tag head
feitas na cabeça do site, foram as tags meta, para
determinar descrição e palavras-chave, para facilitar os
mecanismos de busca a acessarem o website.
42. / PROGRAMAÇÃO
“As tags META servem para que sistemas externos
(identificam) (qual) o tipo e o conteúdo da página sem
precisar ler todo o arquivo. Elas são opcionais e invisíveis
para o usuário comum, mas muito utilizadas pelos
mecanismos de busca para indicar as palavras-chave
que podem ser encontradas no texto.”
(CARDOSO, Mardel Pág.4).
de acordo com a citação:
45. / PROGRAMAÇÃO
ESTRUTURAÇÃO DAS PÁGINAS:
usou-se o mesmo princípio para a organização
das páginas secundárias.
A primeira div a ser mencionada
é a de classe .body
(Não se confundir com a tag body), feito unicamente para
adicionar o grafismo presente abaixo do menu principal.
Posteriormente adicionou-se a
div de classe .usable,
para delimitar o espaço útil do website.
53. / FOTOGRAFIA
O conceito de que
uma imagem vale mais
que mil palavras
é o mais utilizado nas novas tendências
de design para web.
Esse conceito foi trabalhado de forma a dá
ênfase no conteúdo visual,
iserindo as imagens em um formato maior,
tendo como apoio complementar os textos em corpo menor.
54. / FOTOGRAFIA
Dessa forma o site da CIPA, servirá como um
meio de interação
e de informação,
o que fez dessa estrutura de conteúdo “texto e imagem”
funcionar muito bem.
56. / ÁUDIO & VIDEO
tema: primeiros socorros
Foi produzido um vídeo educativo, dinâmico e que nele
constassem, algumas situações de acidentes as quais
todos podem estar sujeitos, apresentando também as
soluções para tais acontecimentos.
Definição das situações
que foram apresentadas:
engasgamento, choque elétrico, intoxicação,
sangramento ou AVC.
57. / ÁUDIO & VIDEO
A partir do desenvolvimento
da premissa,
foi elaborado storyline, construção do argumento
e o roteiro das situações, que teve como pano de fundo
de fundo o cenário da própria faculdade, para a captação
das imagens
59. / ANIMAÇÃO
EM COJUNTO COM A DISCIPLINA
DE ANIMAÇÃO,
optou-se por utilizar o recurso visual das vinhetas de
introdução a cada cena do vídeo, todas desenvolvidas e
animadas no software Adobe Flash CS6.
60. / ANIMAÇÃO
PARA O TRATAMENTO GRÁFICO
DAS VINHETAS,
em concordância com o posicionamento visual do layout do
site, foi aplicado ilustrações de traços simples, não muito
detalhadas, funcionando como ícones de identificação
para cada cena gravada do video “Primeiros Socorros”.
64. / CONS. FINAIS
Percebido as questões
micro e macro
de desenvolvimento do projeto, buscou-se solucionar
todas as exigências do edital com uma proposta visual
de composição simples
e elementos sucintos,
porém bem resolvidos e consistentes na definição do grid.
65. / CONS. FINAIS
Conforme orientação e estudo de referenciais bibliográficos,
todos trabalharam afim de
articulAr e integrar
as pesquisas, incluindo toda a arquitetura da programação,
dentro de uma linguagem gráfica simples e uniforme.
Assim, o projeto busca ofercer uma navegação fluida,
que possibilita de forma prática e intuitiva
o acesso das informações para
otimizar a experiência do
usuário no site da CIPA.