Baixe o app para aproveitar ainda mais
Leia os materiais offline, sem usar a internet. Além de vários outros recursos!
APS_1semestre (4)
Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original
APS_1semestre/~$S_sustentabilidade.docx
APS_1semestre/APS_1semestre/_css/css_contato.css
div#opacidade {
background-color: #FFFC;
margin-right: 20%;
margin-left: 20%;
}
/*design rodapé */
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
APS_1semestre/APS_1semestre/_css/css_equipe.css
.bgAbsolute {
background-color: rgba(204,255,153,0.7);
margin-right: 3rem;
margin-left: 3rem;
}
div#opacidade {
background-color: #FFFFFF;
opacity:0.8;
}
div.posicionamento {
width: 100px;
display: inline-block;
}
div#posicionamento {
padding-left: 10%;
}
p {
width: 200%;
}
/*design rodapé */
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
APS_1semestre/APS_1semestre/_css/css_home.css
.imagem {
margin-left: 15%;
margin-right: 25%;
padding-left: 10%;
}
h1 {
text-align: center;
}
/*posicionamento div conteúdo */
.posicionamento {
margin-left: 22%;
margin-right: 25%;
width: 55%;
padding-top: 1%;
padding-bottom: 1%;
}
/*div que mescla com o bg */
div#opacidade {
background-color: #FFFFFF;
opacity:0.8;
}
p {
margin-right: 15%;
margin-left: 15%;
}
/*design bg */
.bgAbsolute {
background-color: rgba(204,255,153,0.7);
margin-right: 3rem;
margin-left: 3rem;
}
/* desing rodapé */
.footer {
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
APS_1semestre/APS_1semestre/_css/css_seja.css
div#opacidade {
background-color: #FFFC;
margin-right: 13%;
margin-left: 14%;
}
/*desing conteúdo*/
.formato {
width: 56%;
text-align: justify;
}
.posicionamento {
padding-left: 14%;
padding-top: 1%;
}
p {
margin-right: 15%;
margin-left:15%;
}
.h {
text-align:center;
}
/*desing do scroll do texto */
#scroll {
height:640px;
overflow:scroll;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
APS_1semestre/APS_1semestre/_css/menu.css
body {
background-color: #CCCCCC;
background-image: url(../_imagens/hiddenleaf.jpg);
}
*{
margin: 0;
padding: 0;
font-family: sans-serif;
}
.menu{
width: 770px;
height: 66px;
margin: 20px auto;
position: relative;
background-color:rgb(152,251,152);
opacity:0.7;
}
a:link, a:visited, a:active {
text-decoration:none;
}
a:hover {
text-decoration: underline;
color:#000;
background:#00BFFF;
}
.menu > ul{
list-style: none;
}
.menu > ul > li{
float: left;
}
.menu > ul > li > a{
display: block;
padding: 10px 0;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
color: #000;
border-bottom: 2px solid #000;
margin: 20px 10px 0 0;
margin-left: 20px;
width:100px;
}
/* Adicionar espaço para o logo entre o segundo e o terceiro item da lista */
.menu > ul > li:nth-child(2){
margin-right: 230px;
}
/*alinhar o texto dos links da direita para a direita*/
.menu > li:nth-child(1n+3) > a{
text-align: right;
}
.logo{
width: 100px;
height: 60px;
background-image: url(../_imagens/kono.png);
background-size: 100px 64px;
position: absolute;
left: 335px;
}
.site{
text-align: center;
}
APS_1semestre/APS_1semestre/_imagens/Aline.jpeg
APS_1semestre/APS_1semestre/_imagens/Gustavo.jpeg
APS_1semestre/APS_1semestre/_imagens/hiddenleaf.jpg
APS_1semestre/APS_1semestre/_imagens/Igor.jpg
APS_1semestre/APS_1semestre/_imagens/kono.png
APS_1semestre/APS_1semestre/_imagens/Leonardo.jpg
APS_1semestre/APS_1semestre/_imagens/Leticia.jpeg
APS_1semestre/APS_1semestre/_imagens/page.png
APS_1semestre/APS_1semestre/contato.html
Home
Seja Verde
Equipe
Contato
Entre em Contato
Nome completo:
E-mail
Mensagem:
Agradecemos o contato
© Konoha 2019
APS_1semestre/APS_1semestre/equipe.html
Home
Seja Verde
Equipe
Contato
José Gustavo Ferreira Lúcio
N40799-9
"Desde sempre gostei de usar a lógica para tudo, quando comecei a programar no meu primeiro emprego eu tive a certeza de que era aquilo que eu queria para mim."
Letícia Gabriella de Souza das Neves
N464JH-7
"Eu sempre tive contato com computadores, o que despertou em mim não só uma paixão, mas uma grande vontade de aprender e de se aprimorar cada vez mais."
Igor Victor Lima da Silva
N41574-6
"Temos que manter a mente aberta sobre as tecnologias a nossa volta, pois estão em constante evolução e acredito que se bem compreendidas e utilizadas, podem sempre serem positivas para nós."
Aline Bianca Silva Pugas
N42323-4
"Eu escolhi ciência da computação por ser o mais abrangente na área de Ti, e queria ter mais referências pra ter certeza de qual área específica escolher, por isso continuarei me esforçando."
Leonardo da Silva Leite
N382JG-8
"Desde pequeno sempre ví filmes e documentários que envolviam programação e me apaixonei pelo mesmo, então desde pequeno penso em fazer algo que envolva programação como sites, jogos e etc."
© Konoha 2019
APS_1semestre/APS_1semestre/home.html
Home
Seja Verde
Equipe
Contato
O QUE É SUSTENTABILIDADE?
É a capacidade de sustentação ou conservação de um processo, que permite a sua permanência, em certo nível por um determinado período de tempo.
A sustentabilidade aborda a maneira como se agir em relação a natureza. Também pode ser definida como a capacidade do ser humano interagir com os recursos naturais do planeta, preservando-se para que não afete as gerações futuras.
O QUE É SUSTENTABILIDADE EMPRESARIAL?
Sustentabilidade empresarial efetivamente, melhora a imagem da empresa para o consumidor.
Com o fácil acesso a informações ambientais, o próprio consumidor começa a tomar consciência e a buscar produtos com menor impacto ambiental.
Para estar de acordo com o conceito de sustentabilidade empresarial, a empresa deve apresentar resultados práticos e significativos para o meio ambiente.
Empresas que implementam práticas sustentáveis tendem a reduzir custos.
Algumas medidas práticas como a reutilização da água, compostagem (técnica ampliada para estimular a decomposição de matérias orgânicos), a reciclagem e de economia de energia.
© Konoha 2019
APS_1semestre/APS_1semestre/seja_verde.html
Home
Seja Verde
Equipe
Contato
São inúmeras as vantagens que se pode obter através
de práticas sustentáveis, como por exemplo :
• Preservação do meio ambiente
• Ética profissional
• Melhor reputação com os consumidores e
funcionários
• Boas práticas de cidadania
• Cativa colaboradores
• Aumenta a qualidade de vida num conjunto social
Mas como por isso na prática?
1. Mostre a importância do seu projeto sustentável
Todos os funcionários devem estar cientes
das políticas de sustentabilidade da empresa,
seus propósitos e sua importância. Deixe claro os
critérios utilizados para o desenvolvimento das
mesmas, as estratégias para colocá-las em prática, as
consequências do não cumprimento e como isso pode
afetar toda a organização.
2. Estimule
Estabeleça metas para o cumprimento das políticas de
sustentabilidade da empresa. E a cada meta conquistada
comemore e mostre o como aquela conquista foi
importante para o sucesso e crescimento da empresa.
Para estimular ainda mais os seus funcionários, faça
premiações mensais, para que a cada mês eles se
dediquem mais para conquistar o objetivo.
3. Esteja preparado
Para que a organização consiga executar as
suas políticas de sustentabilidade, não basta
apresentá-las, é imprescindível mostrar o “como”,
capacitando os funcionários a praticá-las.
Mostre na prática como é funcional, faça pesquisas
de campo que reforcem os seus argumentos, mostre
conhecimento no assunto e assim será mais fácil fazer
com que outros usuários vejam a positividade no seu
ponto de vista.
Conheça algumas dessas ferramentas de mensuração:
Para monitorar e mensurar esses dados, estão disponíveis ferramentas, criadas especificamente para o monitoramento sustentável empresarial. Essas ferramentas auxiliam as empresas a medir e calcular os resultados obtidos pelas ações e políticas sustentáveis, além de permitir a criação de relatórios específicos.
FVTool (Financial Valuation Tool for Sustainability Investments): como o próprio site diz, o FVTool auxilia a empresa na criação de valor através de investimentos em ações sustentáveis.
O FVTool foi desenvolvido pela IFC (International Finance Corporation), com o objetivo de auxiliar as empresas a identificar o melhor portfólio de investimentos na área de sustentabilidade. Assim podem oferecer o máximo de valor comercial e social.
SEAT (sigla de Ferramenta Para Avaliação Socioeconômica): considerada por diversas vezes a melhor ferramenta de mensuração de impacto social do mundo. A SEAT é um conjunto de ferramentas de de avaliação socioeconômica, desenvolvida pela Anglo American, empresa global de mineração diversificada e associada ao CEBDS.
A SEAT se apresenta como sendo uma tentativa única por uma grande empresa para incorporar uma avaliação de impactos na gestão constante das principais operações de um negócio.
Além disso, a Anglo American possui soluções de abordagem e políticas sustentáveis completas, que podem ser conferidas aqui.
InVEST (Integrated Valuation of Ecosystem Services and Tradeoffs): família de ferramentas de análise, desenvolvida pela Natural Capital Project.
O InVEST foi criado como uma iniciativa de código aberto, com o objetivo de mapear e valorizar bens e serviços da natureza. Com ele, é possível avaliar os compromissos quantificáveis e ações propostas, identificando áreas onde o investimento em capital natural pode melhorar o desenvolvimento e a conservação do meio ambiente. Também possibilita a produção de mapas que modelam os resultados em termos biofísicos, econômicos e sociais. Essa ferramenta possui 18 modelos de serviços ecossistêmicos específicos, projetados para ecossistemas terrestres, de água doce, marinhos e costeiros.
Trucost: criada no ano 2000 e adquirida pela S&P Dow Jones Indices em 2016, a Trucost foi criada para fornecer dados, ferramentas e insights necessários para que companhias e investidores pudessem criar e apresentar propostas de transição para uma economia com baixa emissão de carbono e economia de recursos.
Com o Trucost, é possível avaliar riscos relacionados a mudanças climáticas, restrições de recursos naturais e fatores ambientais, sociais e governamentais mais amplos.
© Konoha 2019
APS_1semestre/APS_sustentabilidade.docx
universidade paulista
ciência da computação
sustentabilidade empresarial
ra: n42323-4 aline bianca silva pugas
ra: n41574-6 igor victor lima da silva
ra: n40799-9 josé gustavo ferreira lucio
ra: n392jg-8 leonardo da silva leite
ra: n464jh-7 Leticia Gabriella de Souza das Neves
são paulo
2019
ÍNDICE
OBJETIVO DO TRABALHO 2
Objetivo amplo 2
Objetivos específicos: 2
INTRODUÇÃO 3
O QUE É SUSTENTABILIDADE? 4
O QUE É SUSTENTABILIDADE EMPRESARIAL 4
EMPRESAS QUE ESTÃO ENGAJANDO FUNCIONÁRIOS NA ESTRATÉGIA DE SUSTENTABILIDADE 5
Mas como por isso na prática? 6
Mostre a importância do seu projeto sustentável 6
Estimule 7
Esteja preparado 7
DISSERTAÇÃO 8
Escolha do tema 8
Contribuição para a nossa formação 10
Interdisciplinaridade envolvida 10
Organização da equipe 11
PROJETO DO SITE 12
RELÁTORIOS COM AS LINHAS DE CÓDIGO 13
Css menu 13
Página home 15
Css home 17
Página seja verde 18
Css seja verde 21
Página equipe 22
Css equipe 25
Página contato 26
Css contato 27
APRESENTAÇÃO DO SITE EM FUNCIONAMENTO EM UM COMPUTADOR 29
Página home 29
Página seja verde 29
Página equipe 30
Página contato 30
CONCLUSÃO 31
BIBLIOGRAFIA 32
FICHAS DE ATIVIDADES PRÁTICAS SUPERVISIONADAS 33
28
OBJETIVO DO TRABALHO
Objetivo amplo
Pesquisar e dissertar sobre sustentabilidade empresarial, desde a definição, conceito e meios que podem ser adotados para a sua implantação em empresas.
Também temos como objetivo desenvolver um site sobre o tema, fazendo uso de XHTML e CSS.
Objetivos específicos:
Pesquisar e dissertar sobre o que é a sustentabilidade empresarial e seu principal foco no desenvolvimento sustentável.
Pesquisar e dissertar o como isso pode afetar todas as pessoas de uma forma positiva e beneficiar as empresas que a aplicam
Pesquisar e dissertar sobre o como pôr em prática.
Colocar toda está pesquisa em forma de site com tudo que foi apresentado para nós durante as aulas de DAW (Desenvolvimento de ambiente web)
INTRODUÇÃO
O presente trabalho é sobre sustentabilidade empresarial, mais concretamente a respeito de como a sustentabilidade pode gerar lucros e ainda assim ajudar o meio ambiente.
São os objetivos deste trabalho mostrar como as empresas podem implementar hábitos e costumes sustentáveis que podem beneficiar o nosso planeta. Isso será apresentado através de um trabalho escrito e um site.
Está organizado em 5 partes diferentes, onde iremos abordar mais afundo: O que é a sustentabilidade de um modo geral e como pode ser aplicada na área empresarial. Na segunda parte iremos abordar algumas vantagens e como aplicar na prática. No terceiro teremos alguns adendos com pesquisas que mostram a efetividade de uma empresa sustentável. Na quarta e na quinta parte finalizam o trabalho, onde temos nossas linhas de código comentadas, construção do trabalho e conclusão do mesmo.
Como metodologia de pesquisa foi utilizado pesquisa bibliográfica, enriquecida com algumas entrevistas e pesquisas que ensinam aplicações práticas e a eficiência para o meio ambiente.
O QUE É SUSTENTABILIDADE?
É a capacidade de sustentação ou conservação de um processo, que permite a sua permanência, em certo nível por um determinado período de tempo.
A sustentabilidade aborda a maneira como se agir em relação a natureza. Também pode ser definida como a capacidade do ser humano interagir com os recursos naturais do planeta, preservando-se para que não afete as gerações futuras.
O QUE É SUSTENTABILIDADE EMPRESARIAL
Sustentabilidade empresarial efetivamente, melhora a imagem da empresa para o consumidor.
Com o fácil acesso a informações ambientais, o próprio consumidor
começa a tomar consciência e a buscar produtos com menor impacto ambiental.
Para estar de acordo com o conceito de sustentabilidade empresarial, a empresa deve apresentar resultados práticos e significativos para o meio ambiente.
Empresas que implementam práticas sustentáveis tendem a reduzir custos.
Algumas medidas práticas como a reutilização da água, compostagem (técnica ampliada para estimular a decomposição de matérias orgânicos), a reciclagem e de economia de energia.
EMPRESAS QUE ESTÃO ENGAJANDO FUNCIONÁRIOS NA ESTRATÉGIA DE SUSTENTABILIDADE
No ano de 2018 a empresa WeSpire divulgou seu sexto relatório de State of Employee Engagement report, nesta análise anual do programa de engajamento de funcionários, uma das estatísticas mais preocupantes mostrou um declínio no número de empresas que estão engajando funcionários na estratégia de sustentabilidade em geral. Os empregadores estão em uma batalha pelos melhores talentos. Os funcionários se preocupam imensamente com os programas de impacto positivo. As empresas precisam cada vez mais explicar e muitas vezes convencer os clientes, sejam eles empresas ou consumidores, sobre a sustentabilidade de seus produtos e serviços. Os funcionários podem ser e geralmente precisam ser essa voz. Inovação e ativação de funcionários podem reduzir o uso de recursos e gerar economias financeiras.
Outra empresa do ramo, a Ecofit, buscou desenvolver o bem-estar e o comportamento sustentável e para provar sua tese fizeram uma pesquisa que busca mostrar algumas informações relevantes:
1) Melhora a imagem da marca
Em uma pesquisa do Natural Marketing Institute com cerca de 53 mil consumidores americanos, 58% deles levam em consideração o impacto da empresa no meio ambiente antes de consumir seus produtos.
2) Atrair funcionários
A melhor maneira para atrair funcionários e investidores que se preocupam com a preservação do meio ambiente é mostrando como sua empresa está engajada nessa causa.
3) Redução de custos
A redução de custos é mais um dos benefícios de um negócio sustentável, bem como o aumento de produtividade que isso traz para a empresa. Práticas sustentáveis economizam recursos e agilizam os esforços, o que acaba deixando os funcionários felizes e produtivos!
4) Incentivos fiscais
Sabia que outro dos benefícios de um negócio sustentável vem por meio dos incentivos fiscais? Sim, é isso mesmo.
O próprio Governo está preocupado com a preservação do meio ambiente e, por isso, oferece às empresas que adotam práticas sustentáveis alguns incentivos fiscais como a facilidade de créditos e a isenção em alguns impostos.
5) Redução de desperdícios
As práticas sustentáveis também auxiliam as empresas na redução de desperdícios.
Por exemplo, a troca das lâmpadas comuns pelas lâmpadas de led (mais econômicas) e até a troca do papel por documentos digitais contribui para a redução do desperdício.
6) Lucros
Os benefícios de um negócio sustentável deixam outra parcela de pessoas felizes: os acionistas.
São inúmeras as vantagens que se pode obter através de práticas sustentáveis, como por exemplo:
a) Preservação do meio ambiente
b) Ética profissional
c) Melhor reputação com os consumidores e funcionários
d) Boas práticas de cidadania
e) Cativa colaboradores
f) Aumenta a qualidade de vida num conjunto social
Mas como por isso na prática?
Mostre a importância do seu projeto sustentável
Todos os funcionários devem estar cientes das políticas de sustentabilidade da empresa, seus propósitos e sua importância. Deixe claro os critérios utilizados para o desenvolvimento das mesmas, as estratégias para colocá-las em prática, as consequências do não cumprimento e como isso pode afetar toda a organização.
Estimule
Estabeleça metas para o cumprimento das políticas de sustentabilidade da empresa. E a cada meta conquistada comemore e mostre o como aquela conquista foi importante para o sucesso e crescimento da empresa. Para estimular ainda mais os seus funcionários, faça premiações mensais, para que a cada mês eles se dediquem mais para conquistar o objetivo.
Esteja preparado
Para que a organização consiga executar as suas políticas de sustentabilidade, não basta apresentá-las, é imprescindível mostrar o “como”, capacitando os funcionários a praticá-las. Mostre na prática como é funcional, faça pesquisas de campo que reforcem os seus argumentos, mostre conhecimento no assunto e assim será mais fácil fazer com que outros usuários vejam a positividade no seu ponto de vista.
DISSERTAÇÃO
Escolha do tema
A sustentabilidade empresarial é o nome que se dá para o conjunto de ações adotadas pelas empresas com o objetivo de atuar de maneira consciente. Aliando sempre o respeito ao ambiente e à sociedade em que está inserida. Além disso a sustentabilidade empresarial ajuda a empresa a se posicionar positivamente perante aos seus consumidores em relação as medidas sustentáveis que podem beneficiar o meio ambiente, empresa e até mesmo o próprio consumidor que faz o uso dos serviços.
O objetivo da sustentabilidade empresarial é visar o desenvolvimento de empresas e industrias, esse desenvolvimento se dá devido ao crescimento da economia pelo mundo e isso se faz necessário com que tomemos medidas que protejam aspectos sociais, econômicos e ambientais.
Dentre os temas proporcionados, julgamos sustentabilidade empresarial o tema de maior relevância em consideração com o momento atual. Pois, além de ter como o foco principal a prevenção do meio ambiente de uma forma sustentável e que pode beneficiar a empresa de uma forma positiva, também tratamos sobre como uma empresa pode se auto sustentar criando um ciclo onde a mesma pode gerar e aprender a fazer reutilização de recursos e matérias primas, onde a empresa irá reduzir custos, aumentar lucros e ainda conscientizar funcionários e consumidores a serem sustentáveis.
Para monitorar e mensurar esses dados, estão disponíveis ferramentas, criadas especificamente para o monitoramento sustentável empresarial. Essas ferramentas auxiliam as empresas a medir e calcular os resultados obtidos pelas ações e políticas sustentáveis, além de permitir a criação de relatórios específicos.
Conheça algumas dessas ferramentas de mensuração:
FVTool (Financial Valuation Tool for Sustainability Investments): como o próprio site diz, o FVTool auxilia a empresa na criação de valor através de investimentos em ações sustentáveis.
O FVTool foi desenvolvido pela IFC (International Finance Corporation), com o objetivo de auxiliar as empresas a identificar o melhor portfólio de investimentos na área de sustentabilidade. Assim podem oferecer o máximo de valor comercial e social.
SEAT (sigla de Ferramenta Para Avaliação Socioeconômica): considerada por diversas vezes a melhor ferramenta de mensuração de impacto social do mundo. A SEAT é um conjunto de ferramentas de de avaliação socioeconômica, desenvolvida pela Anglo American, empresa global de mineração diversificada e associada ao CEBDS.
A SEAT se apresenta como sendo uma tentativa única por uma grande empresa para incorporar uma avaliação de impactos na gestão constante das principais operações de um negócio.
Além disso, a Anglo American possui soluções de abordagem e políticas sustentáveis completas, que podem ser conferidas aqui.
InVEST (Integrated Valuation of Ecosystem Services and Tradeoffs): família de ferramentas de análise, desenvolvida pela Natural Capital Project.
O InVEST foi criado como uma iniciativa de código aberto, com o objetivo de mapear e valorizar bens e serviços da natureza. Com ele, é possível avaliar os compromissos quantificáveis e ações propostas, identificando áreas onde o investimento em capital natural pode melhorar o desenvolvimento e a conservação do meio ambiente. Também possibilita a produção de mapas que modelam os resultados em termos biofísicos, econômicos e sociais. Essa ferramenta possui 18 modelos de serviços ecossistêmicos específicos,
projetados para ecossistemas terrestres, de água doce, marinhos e costeiros.
Trucost: criada no ano 2000 e adquirida pela S&P Dow Jones Indices em 2016, a Trucost foi criada para fornecer dados, ferramentas e insights necessários para que companhias e investidores pudessem criar e apresentar propostas de transição para uma economia com baixa emissão de carbono e economia de recursos.
Com o Trucost, é possível avaliar riscos relacionados a mudanças climáticas, restrições de recursos naturais e fatores ambientais, sociais e governamentais mais amplos.
Contribuição para a nossa formação
É fascinante como a nossa área de tecnologia pode ser abrangente a ponto de colaborar beneficamente até mesmo com questões ambientais, e isto é algo que nos mostra que podemos aplicar essa tecnologia nas mais diversas circunstâncias.
A realização deste trabalho agregou para nós aprendizados valiosos, não só das linguagens HTML e CSS, mas sobre o tema de forma geral, afinal as práticas sustentáveis de uma empresa são muito positivas para a mesma e para o mundo, e ter esse conhecimento certamente será útil em nossas carreiras como cientistas da computação.
Estudar este tema foi muito bom para deixar a visão dos integrantes do grupo mais ampla e as mentes abertas, o que será um diferencial em nossos futuros projetos, além de expandir o leque de possibilidades.
Todos nos sentimos agora preparados para apresentar soluções práticas e funcionais para os problemas ambientais que nosso planeta enfrenta, assim melhorando as condições do mesmo e a qualidade de vida das pessoas.
Contudo, o esforço dedicado ao trabalho com certeza foi bem recompensado com o conhecimento que adquirimos, e estamos satisfeitos com os resultados de todo o estudo, pesquisas e discussões acerca dele.
Interdisciplinaridade envolvida
Ao longo do semestre, diversas matérias foram essenciais para o desenvolvimento deste trabalho e grande parte estão diretamente ligadas ao curso de Ciência da Computação, que por sua vez auxiliou a equipe no desenvolvimento.
A disciplina TAW (Tópicos de Ambiente Web) foi importante na formação do site, nela adquirimos conhecimento sobre sites/internet, como funcionava e o que poderia ser inserido, o que nos auxiliou e nos deu base.
IHC (Interface Humano Computador) possibilitou nossa compreensão a respeito da interação do usuário e o computador, como funcionava e quais eram as suas dificuldades. A matéria foi fundamental no aperfeiçoamento do site, com a intenção de deixá-lo mais acessível e amigável, através da Arquitetura da Informação.
Com Desenvolvimento de Ambiente Web (DAW), aprendemos tudo sobre algumas tecnologias que norteiam a plataforma Web, tais como, HTML, XHTML e CSS. Através deste conhecimento que adquirimos ao longo do semestre, desenvolvemos nosso site.
Além do conhecimento de tecnologias, também são necessários para qualquer desenvolvimento Web, Noções de Direitos, uma vez que a internet está repleta de materiais e conteúdo que possuem direitos autorais e que, se usados qualquer maneira sem uma autorização ou consulta prévia, pode influenciar negativamente no projeto acarretando problemas e prejuízos jurídicos.
Já nas matérias de TMA (Tópicos de Matemática Aplicada) e Física para Computação (FC) apesar de serem matérias importantes, não foram necessárias na elaboração do trabalho.
Interpretação de Produção de Texto foi uma das disciplinas mais utilizadas, pois ela nos auxiliou na construção dos textos, a fim de deixar o texto claro, objetivo e coerente. Muitas dessas matérias tiveram participação na elaboração do trabalho, estudá-las com foco e determinação será primordial para o nosso aprendizado.
Organização da equipe
Uma das partes fundamentais deste trabalho foi a organização da equipe e o que cada um deveria fazer para contribuir. Para todos os envolvidos, foi um desafio a elaboração de um site. Demorou até que conseguíssemos nos organizar e construir um entrosamento ideal para desenvolver o trabalho sem complicações.
Primeiramente foi preciso entender e conhecer os pontos fortes e fracos de cada membro, além de seu tempo disponível para dedicar-se ao trabalho, já que cada um possuía horários diferentes, fomos adaptando as tarefas de acordo com as necessidades de cada um. Com base nisto, definimos o que cada membro iria fazer tanto na parte escrita como no XHTML e o CSS.
Com tudo pré-definido começamos a definir prazos para a conclusão de cada uma das tarefas. Ocorreu de os prazos serem extrapolados algumas vezes, pois uns tinham mais dificuldades que outros na parte escrita ou na parte de códigos, mas mesmo assim nos mantivemos dentro do cronograma.
Assim que cada etapa era concluída, o trabalho de cada membro era compartilhado com os demais, para todos avaliarem e discutirem sobre os mesmos. Desta forma sempre estávamos corrigindo erros, sugerindo alterações ou refazendo a tarefa, quando o resultado não era o ideal.
PROJETO DO SITE
Antes de darmos início a criação do design do site, preferimos qual seria o principal conteúdo a ser exibido. Para assim, poder escolher de forma precisa os elementos que seriam adicionados ao layout. De início não tínhamos uma ideia fixa de como seria nosso layout, que tipo de cores usar, que fonte chamaria mais atenção do leitor ou quais técnicas apresentadas em aula seriam usadas como uma base.
Após decidir um pré layout, começamos a pensar em quais páginas teriam no site e o que cada uma delas apresentaria de conteúdo. A linguagem dos textos teria que ser simples e direta. As páginas não poderiam ter textos muito extensos e cansativos, queríamos algo bem feito e que fizesse com que a pessoa se sentisse confortável ao ler e adquirisse um conhecimento base sobre um assunto tão importante.
Iniciamos a produção do site desenvolvendo uma página padrão que serviria de modelo para as demais páginas. Decidimos criar um layout simples, utilizando apenas: um menu com a logomarca, contendo links para as páginas principais do site; um rodapé com os links das redes sociais do site; e abaixo o copyright do site;
RELÁTORIOS COM AS LINHAS DE CÓDIGO
Css menu
body {
background-color: #CCCCCC;
background-image: url(_imagens/hiddenleaf.jpg);
}
*{
margin: 0;
padding: 0;
font-family: sans-serif;
}
.menu{
width: 770px;
height: 66px;
margin: 20px auto;
position: relative;
background-color:rgb(152,251,152);
opacity:0.7;
}
a:link, a:visited, a:active {
text-decoration:none;
}
a:hover {
text-decoration: underline;
color:#000;
background:#00BFFF;
}
.menu > ul{
list-style: none;
}
.menu > ul > li{
float: left;
}
.menu > ul > li > a{
display: block;
padding: 10px 0;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
color: #000;
border-bottom: 2px solid #000;
margin: 20px 10px 0 0;
margin-left: 20px;
width:100px;
}
/* Adicionar espaço para o logo entre o segundo e o terceiro item da lista */
.menu > ul > li:nth-child(2){
margin-right: 230px;
}
/*alinhar o texto dos links da direita para a direita*/
.menu > li:nth-child(1n+3) > a{
text-align: right;
}
.logo{
width: 100px;
height: 60px;
background-image: url(_imagens/kono.png);
background-size: 100px 64px;
position: absolute;
left: 335px;
}
.site{
text-align: center;
}
Página home
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Konoha</title>
<link rel="sortcut icon" href="_imagens/kono.png" type="image/png" weight="62" height="62" />
<link rel="stylesheet" type="text/css" href="_css/menu.css" />
<link rel="stylesheet" type="text/css" href="_css/css_home.css"/>
</head>
<body>
<div class="bgAbsolute">
<!-- menu do site -->
<div class="menu">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="seja_verde.html">Seja Verde</a></li>
<li><a href="equipe.html">Equipe</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
<div class="logo">
</div>
</div>
<div id="grad1"> </div>
<div class="imagem">
<img src="_imagens/page.png"
alt="img" width="100%" height="20%" />
</div>
<br />
<div>
<div align="justify" class="posicionamento" id="opacidade">
<!--conteúdo -->
<h1> O QUE É SUSTENTABILIDADE? </h1>
<br/>
<p> É a capacidade de sustentação ou conservação de um processo, que permite a sua permanência, em certo nível por um determinado período de tempo. </p>
<p> A sustentabilidade aborda a maneira como se agir em relação a natureza. Também pode ser definida como a capacidade do ser humano interagir com os recursos naturais do planeta, preservando-se para que não afete as gerações futuras.</p>
<br/>
<h1> O QUE É SUSTENTABILIDADE EMPRESARIAL? </h1>
<br/>
<p> Sustentabilidade empresarial efetivamente, melhora a imagem da empresa para o consumidor. </p>
<p> Com o fácil acesso a informações ambientais, o próprio consumidor começa a tomar consciência e a buscar produtos com menor impacto ambiental. </p>
<p> Para estar de acordo com o conceito de sustentabilidade empresarial, a empresa deve apresentar resultados práticos e significativos para o meio ambiente. </p>
<p> Empresas que implementam práticas sustentáveis tendem a reduzir custos. </p>
<p> Algumas medidas práticas como a reutilização da água, compostagem (técnica ampliada para estimular a decomposição de matérias orgânicos), a reciclagem e de economia de energia. </p>
</div>
</div>
<!--rodapé -->
<div class="footer">
© Konoha 2019
</div>
</body>
</html>
Css home
.imagem {
margin-left: 15%;
margin-right: 25%;
padding-left: 10%;
}
h1 {
text-align: center;
}
/*posicionamento div conteúdo */
.posicionamento {
margin-left: 22%;
margin-right: 25%;
width: 55%;
padding-top: 1%;
padding-bottom: 1%;
}
/*div que mescla com o bg */
div#opacidade {
background-color: #FFFFFF;
opacity:0.8;
}
p {
margin-right: 15%;
margin-left: 15%;
}
/*design bg */
.bgAbsolute {
background-color: rgba(204,255,153,0.7);
margin-right: 3rem;
margin-left: 3rem;
}
/* desing rodapé */
.footer {
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
Página seja verde
<!DOCTYPE html>
<html lang="pt-br">
<html>
<head>
<meta charset="utf-8">
<title>Konoha</title>
<link rel="sortcut icon" href="_imagens/kono.png" type="image/png" weight="62" height="62" />
<link rel="stylesheet" type="text/css" href="_css/menu.css">
<link rel="stylesheet" type="text/css" href="_css/css_seja.css">
</head>
<body style="height: 100%;">
<div class="menu">
<ul>
<li> <a class="first" href="home.html"> Home </a> </li>
<li> <a class="first" href="seja_verde.html"> Seja Verde </a> </li>
<li> <a class="first" href="equipe.html"> Equipe </a> </li>
<li> <a class="first" href="contato.html"> Contato </a> </li>
</ul>
<div class="logo"></div>
</div>
<script>
var objDiv = document.getElementById("scroll");
objDiv.scrollTop = objDiv.scrollHeight;
</script>
<div id="scroll">
<div class="posicionamento">
<div id="opacidade" class="formato">
<!--conteúdo -->
<h2 class="h">São inúmeras as vantagens que se pode obter através de práticas sustentáveis, como por exemplo : </h2>
<br/>
<p>• Preservação do meio ambiente </p>
<p>• Ética profissional </p>
<p>• Melhor reputação com os consumidores e funcionários </p>
<p>• Boas práticas de cidadania </p>
<p>• Cativa colaboradores </p>
<p>• Aumenta a qualidade de vida num conjunto social </p> <br/>
<h2 class="h"> Mas como por isso na prática? </h2> <br/>
<h3 class="h"> 1. Mostre a importância do seu projeto sustentável </h3> <br/>
<p>Todos os funcionários devem estar cientes das políticas de sustentabilidade da empresa, seus propósitos e sua importância. Deixe claro os critérios utilizados para o desenvolvimento das mesmas, as estratégias para colocá-las em prática, as consequências do não cumprimento e como isso pode afetar toda a organização.</p>
<br/>
<h3 class="h"> 2. Estimule </h3> <br/>
<p>Estabeleça metas para o cumprimento das políticas de sustentabilidade da empresa. E a cada meta conquistada comemore e mostre o como aquela conquista foi importante para o sucesso e crescimento da empresa. Para estimular ainda mais os seus funcionários, faça premiações mensais, para que a cada mês eles se dediquem mais para conquistar o objetivo.</p> <br/>
<h3 class="h"> 3. Esteja preparado </h3> <br/>
<p>Para que a organização consiga executar as suas políticas de sustentabilidade, não basta apresentá-las, é imprescindível mostrar o “como”, capacitando os funcionários a praticá-las.</p> <br/>
<p>Mostre na prática como é funcional, faça pesquisas de campo que reforcem os seus argumentos, mostre conhecimento no assunto e assim será mais fácil fazer com que outros usuários vejam a positividade no seu ponto de vista.</p></br>
<h4 class="h"> Conheça algumas dessas ferramentas de mensuração: </h4></br>
<p>Para monitorar e mensurar esses dados, estão disponíveis ferramentas, criadas especificamente para o monitoramento sustentável empresarial. Essas ferramentas auxiliam as empresas a medir e calcular os resultados obtidos pelas ações e políticas sustentáveis, além de permitir a criação de relatórios específicos.</p>
<p>FVTool (Financial Valuation Tool for Sustainability Investments): como o próprio site diz, o FVTool auxilia a empresa na criação de valor através de investimentos em ações sustentáveis.</p>
<p>O FVTool foi desenvolvido pela IFC (International Finance Corporation), com o objetivo de auxiliar as empresas a identificar o melhor portfólio de investimentos na área de sustentabilidade. Assim podem oferecer o máximo de valor comercial e social.</p>
<p>SEAT (sigla de Ferramenta Para Avaliação Socioeconômica): considerada por diversas vezes a melhor ferramenta de mensuração de impacto social do mundo. A SEAT é um conjunto de ferramentas de de avaliação socioeconômica, desenvolvida pela Anglo American, empresa global de mineração diversificada e associada ao CEBDS.</p>
<p>A SEAT se apresenta como sendo uma tentativa única por uma grande empresa para incorporar uma avaliação de impactos na gestão constante das principais operações de um negócio. </p>
<p>Além disso, a Anglo American possui soluções de abordagem e políticas sustentáveis completas, que podem ser conferidas aqui. InVEST (Integrated Valuation of Ecosystem Services and Tradeoffs): família de ferramentas de análise, desenvolvida pela Natural Capital Project.</p>
<p>O InVEST foi criado como uma iniciativa de código aberto, com o objetivo de mapear e valorizar bens e serviços da natureza. Com ele, é possível avaliar os compromissos quantificáveis e ações propostas, identificando áreas onde o investimento em capital natural pode melhorar o desenvolvimento e a conservação do meio ambiente. Também possibilita a produção de mapas que modelam os resultados em termos biofísicos, econômicos e sociais. Essa ferramenta possui 18 modelos de serviços ecossistêmicos específicos, projetados para ecossistemas terrestres, de água doce, marinhos e costeiros.</p>
<p>Trucost: criada no ano 2000 e adquirida pela S&P Dow Jones Indices em 2016, a Trucost foi criada para fornecer dados, ferramentas e insights necessários para que companhias e investidores pudessem criar e apresentar propostas de transição para uma economia com baixa emissão de carbono e economia de recursos.</p>
<p>Com o Trucost, é possível avaliar riscos relacionados a mudanças climáticas, restrições de recursos naturais e fatores ambientais, sociais e governamentais mais amplos.</p>
</div>
</div>
</div>
<div class="footer">
© Konoha 2019
</div>
</body>
</html>
Css seja verde
div#opacidade {
background-color: #FFFC;
margin-right: 13%;
margin-left: 14%;
}
/*desing conteúdo*/
.formato {
width: 56%;
text-align: justify;
}
.posicionamento {
padding-left: 14%;
padding-top: 1%;
}
p {
margin-right: 15%;
margin-left:15%;
}
.h {
text-align:center;
}
/*desing do scroll do texto */
#scroll {
height:640px;
overflow:scroll;
}
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
Página equipe
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Konoha</title>
<link rel="stylesheet" type="text/css" href="_css/menu.css" />
<link rel="stylesheet" type="text/css" href="_css/css_equipe.css">
</head>
<body>
<div class="bgAbsolute">
<div class="menu">
<ul>
<li> <a href="home.html"> Home </a> </li>
<li> <a href="seja_verde.html"> Seja Verde </a> </li>
<li> <a href="Equipe.html"> Equipe </a> </li>
<li> <a href="contato.html"> Contato </a> </li>
</ul>
<div class="logo">
</div>
</div>
<div id="grad1"> </div>
<div class="posicionamento" id="posicionamento" >
<img src="_imagens/Gustavo.jpeg" width="200" height="200" />
<span>
<b><p>José Gustavo Ferreira Lúcio</p>
<p>N40799-9</p></b>
<p><i>"Desde sempre gostei de usar a lógica para tudo, quando comecei a programar no meu primeiro emprego eu tive a certeza de que era aquilo que eu queria para mim."</i></p>
</span>
</div>
<div class="posicionamento" id="posicionamento" >
<img src="_imagens/Leticia.jpeg" width="200" height="200" />
<span> <b><p>Letícia Gabriella de Souza das Neves</p>
<p>N464JH-7</p></b>
<p><i>"Eu sempre tive contato com computadores, o que despertou em mim não só uma paixão, mas uma grande vontade de aprender e de se aprimorar cada vez mais."</i></p> </span>
</div>
<div class="posicionamento" id="posicionamento" >
<img src="_imagens/Igor.jpg" width="200" height="200" />
<span> <b><p>Igor Victor Lima da Silva</p>
<p>N41574-6</p></b>
<p><i>"Temos que manter a mente aberta sobre as tecnologias a nossa volta, pois estão em constante evolução e acredito que se bem compreendidas e utilizadas, podem sempre serem positivas para nós."</i></p> </span>
</div>
<div class="posicionamento" id="posicionamento" >
<img src="_imagens/Aline.jpeg" width="200" height="200" />
<span> <b><p>Aline Bianca Silva Pugas</p>
<p>N42323-4</p></b>
<p><i>"Eu escolhi ciência da computação por ser o mais abrangente na área de Ti, e queria ter mais referências pra ter certeza de qual área específica escolher, por isso continuarei me esforçando."</i></p> </span>
</div>
<div class="posicionamento" id="posicionamento" >
<img src="_imagens/Leonardo.jpg" width="200" height="200" />
<span> <b><p>Leonardo da Silva Leite</p>
<p>N382JG-8</p></b>
<p><i>"Desde pequeno sempre ví filmes e documentários que envolviam programação e me apaixonei pelo mesmo, então desde pequeno penso em fazer algo que envolva programação como sites, jogos e etc."</i></p> </span>
</div>
<div class="footer">
© Konoha 2019
</div>
</body>
</html>
Css equipe
.bgAbsolute {
background-color: rgba(204,255,153,0.7);
margin-right: 3rem;
margin-left: 3rem;
}
div#opacidade {
background-color: #FFFFFF;
opacity:0.8;
}
div.posicionamento {
width: 100px;
display: inline-block;
}
div#posicionamento {
padding-left: 10%;
}
p {
width: 200%;
}
/*design rodapé */
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
Página contato
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Konoha</title>
<link rel="sortcut icon" href="_imagens/kono.png" type="image/png" weight="62" height="62" />
<link rel="stylesheet" type="text/css" href="_css/menu.css">
<link rel="stylesheet" type="text/css" href="_css/css_contato.css">
</head>
<body style="height: 100%;">
<div class="menu">
<ul>
<li> <a class="first" href="home.html"> Home </a> </li>
<li> <a class="first" href="seja_verde.html"> Seja Verde </a> </li>
<li> <a class="first" href="equipe.html"> Equipe </a> </li>
<li> <a class="first" href="contato.html"> Contato </a> </li>
</ul>
<div class="logo"></div>
</div>
<!-- Seção do Formulário -->
<div id="opacidade" >
<h1 style="text-align: center; margin-bottom: 5%"> <span> Entre em Contato </span> </h1>
<form style="text-align: center">
Nome completo:
<br/>
<input name="name" type="text" style="width:300px; margin-bottom: 3%" />
<br>
E-mail
<br/>
<input name="email" type="email" style="width:300px; margin-bottom: 3%" />
<br/>
Mensagem:
<br/>
<textarea name="message" style="width:300px; height:150px;"></textarea>
<br/>
<input type="submit" value="ENVIAR" class="submit" style="margin-bottom:50px" />
<br/>
</form>
<h3 style="text-align:center;"> <b> Agradecemos o contato <b/> </h3>
</div>
<!-- Fim do Formulário -->
<div class="footer">
© Konoha 2019
</div>
</body>
</html>
Css contato
div#opacidade {
background-color: #FFFC;
margin-right: 20%;
margin-left: 20%;
}
/*design rodapé */
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: #F0FFFF;
color: black;
text-align: center;
}
APRESENTAÇÃO DO SITE EM FUNCIONAMENTO EM UM COMPUTADOR
Página home
Página seja verde
Página equipe
Página contato
CONCLUSÃO
Visto o aumento dos problemas ambientais gerados pelos agentes intrínsecos da globalização e capitalismo, as bases relacionadas à conservação da natureza são deixadas de lado por sua natureza menos lucrativa, a sustentabilidade surge como um contraponto, cada vez mais requisitada é à medida para reduzir esse fenômeno, do mesmo, além disso, cada vez mais os consumidores estão buscando novos produtos e serviços de empresas que promovem a sustentabilidade.
Com base no que foi apresentado, temos que a sustentabilidade empresarial além do fator de preservação ambiental e de recursos, é cada dia mais essencial nos olhos do consumidor.
Ao decorrer do trabalho foram encontradas muitas dificuldades, como a questão da responsividade do site visto nossa falta prévia de experiência em aplicações de nível profissional de CSS, xHTML e HTML5.
Também vale ressaltar que esse trabalho nos fez perceber a importância da dinâmica em grupo dentro da área de computação, a importância da coordenação em grupo, cada pessoa tem sua tarefa, e as vezes uma tarefa está relacionada diretamente com outra, se uma pessoa deixa de fazer algo, esse desleixo pode se tornar uma bola de neve e afetar todos do grupo.
Pesquisa autônoma proporciona descobertas de novos ramos e tecnologias, promovendo conhecimento além do conteúdo obrigatório estudantil.
Bibliografia
CONSULTORIA ISO. CONSULTORIA ISO. Disponivel em: <https://www.consultoriaiso.org/sustentabilidade-empresarial-saiba-por-que-adotar-essa-pratica/>. Acesso em: 07 Abril 2019.
GALP ENERGIA. A sustentabilidade explicada. Disponivel em: <http://w.galpenergia.com/PT/sustentabilidade/responsabilidade-corporativa/umaatividade-sustentavel/Paginas/a-sustentabilidade-explicada.aspx>. Acesso em: 04 Abril 2019.
SILVA, M. S. Maujor, o dinossauro das CSS. Maujor. Disponivel em: <https://maujor.com/>. Acesso em: Abril 2019.
SUA PESQUISA. SUA PESQUISA. Disponivel em: <https://m.suapesquisa.com/ecologiasaude/sustentabilidade_empresarial.htm>. Acesso em: 04 Abril 2019.
W3SCHOOLS Online Web Tutorials. W3Schools. Disponivel em: <https://www.w3schools.com/>. Acesso em: Abril 2019.
FICHAS DE ATIVIDADES PRÁTICAS SUPERVISIONADASCompartilhar
Continue navegando
Perguntas relacionadas
Compartilhar