diff --git a/src/Components/ExpansionPanels.js b/src/Components/ExpansionPanels.js index 71b4a4d1cd51fe63265ca98a65903b8df291f62c..f04696300ab8b84f3d67c19aad6a9314ff294281 100644 --- a/src/Components/ExpansionPanels.js +++ b/src/Components/ExpansionPanels.js @@ -3,6 +3,7 @@ import MuiExpansionPanel from '@material-ui/core/ExpansionPanel'; import MuiExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary'; import MuiExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails'; import Typography from '@material-ui/core/Typography'; +import ExpandMoreIcon from '@material-ui/icons/ExpandMore'; export default function CustomizedExpansionPanels() { @@ -15,7 +16,7 @@ export default function CustomizedExpansionPanels() { return ( <div> <MuiExpansionPanel square expanded={expanded === 'panel1'} onChange={handleChange('panel1')}> - <MuiExpansionPanelSummary aria-controls="panel1d-content" id="panel1d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel1d-content" id="panel1d-header"> <Typography>1. CaracterÃsticas da Plataforma Integrada de RED do MEC</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -45,7 +46,7 @@ Além disso, a Plataforma propicia a formação de uma rede interessada em usar, </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel2'} onChange={handleChange('panel2')}> - <MuiExpansionPanelSummary aria-controls="panel2d-content" id="panel2d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel2d-content" id="panel2d-header"> <Typography>2. Cadastro e segurança</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -71,7 +72,7 @@ BASICAMENTE, </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel3'} onChange={handleChange('panel3')}> - <MuiExpansionPanelSummary aria-controls="panel3d-content" id="panel3d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel3d-content" id="panel3d-header"> <Typography>3. Publicações de usuários</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -124,7 +125,7 @@ O usuário poderá ter a sua conta removida em casos de violações sistemática </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel4'} onChange={handleChange('panel4')}> - <MuiExpansionPanelSummary aria-controls="panel4d-content" id="panel4d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel4d-content" id="panel4d-header"> <Typography>4. Licença de udodo conteúdo</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -164,7 +165,7 @@ Os conteúdos publicados e armazenados na Plataforma pelos usuários, serão sem </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel5'} onChange={handleChange('panel5')}> - <MuiExpansionPanelSummary aria-controls="panel5d-content" id="panel5d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel5d-content" id="panel5d-header"> <Typography>5. Práticas de uso e armazenamento</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -178,7 +179,7 @@ O usuário será notificado caso algum conteúdo tenha que ser retirado da Plata </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel6'} onChange={handleChange('panel6')}> - <MuiExpansionPanelSummary aria-controls="panel6d-content" id="panel6d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel6d-content" id="panel6d-header"> <Typography>6. Privacidade da informação</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -198,7 +199,7 @@ Os dados sobre interação e comportamento dos usuários nunca serão comerciali </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel7'} onChange={handleChange('panel7')}> - <MuiExpansionPanelSummary aria-controls="panel7d-content" id="panel7d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel7d-content" id="panel7d-header"> <Typography>7. Violação no sistema ou na base de dados</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -212,7 +213,7 @@ Serão aplicadas as sanções previstas ou as ações legais ao responsável por </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel8'} onChange={handleChange('panel8')}> - <MuiExpansionPanelSummary aria-controls="panel8d-content" id="panel8d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel8d-content" id="panel8d-header"> <Typography>8. Sanções</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -232,7 +233,7 @@ No caso do usuário não cumprir qualquer item destes Termos, praticar atos frau </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel9'} onChange={handleChange('panel9')}> - <MuiExpansionPanelSummary aria-controls="panel9d-content" id="panel9d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel9d-content" id="panel9d-header"> <Typography>9. Limitações de responsabilidade</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -254,7 +255,7 @@ O usuário é integralmente responsável pelos materiais enviados e por qualquer </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel10'} onChange={handleChange('panel10')}> - <MuiExpansionPanelSummary aria-controls="panel10d-content" id="panel10d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel10d-content" id="panel10d-header"> <Typography>10.Inexistência de vÃnculo</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -268,7 +269,7 @@ Não há nenhum tipo de vÃnculo (trabalhista, parceria, etc) entre a Plataforma </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel11'} onChange={handleChange('panel11')}> - <MuiExpansionPanelSummary aria-controls="panel11d-content" id="panel11d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel11d-content" id="panel11d-header"> <Typography>11. Como reportar violações</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -286,7 +287,7 @@ O usuário poderá reportar,
utilizando a funcionalidade “Reportar†ou pel </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel12'} onChange={handleChange('panel12')}> - <MuiExpansionPanelSummary aria-controls="panel12d-content" id="panel12d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel12d-content" id="panel12d-header"> <Typography>12. Modificações nos Termos de Uso</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> @@ -299,7 +300,7 @@ Com o objetivo de melhorar os serviços prestados, estes Termos podem ser altera </MuiExpansionPanelDetails> </MuiExpansionPanel> <MuiExpansionPanel square expanded={expanded === 'panel13'} onChange={handleChange('panel13')}> - <MuiExpansionPanelSummary aria-controls="panel13d-content" id="panel13d-header"> + <MuiExpansionPanelSummary expandIcon={<ExpandMoreIcon />} aria-controls="panel13d-content" id="panel13d-header"> <Typography>13. Foro</Typography> </MuiExpansionPanelSummary> <MuiExpansionPanelDetails> diff --git a/src/Pages/UserTerms.js b/src/Pages/UserTerms.js index 8fdbd6060f8d055be21a3b550d161d8144c61b7f..03d4f6bd303943f86c26b3f0c765bec3e9a16883 100644 --- a/src/Pages/UserTerms.js +++ b/src/Pages/UserTerms.js @@ -44,13 +44,10 @@ class UserTerms extends Component { <h3 style = {{color: "red"}}> Veja a versão resumida</h3> </div> - <div style = {{with: "100%",textAlign: "center"}}> + <div style = {{with: "100%",textAlign: "center",background: "red"}}> <h1>Plataforma Integrada de Recursos Educacionais Digitais,</h1> <h2>uma iniciativa do Ministério da Educação!</h2> - </div> - - <div style = {center}> <spam>A Plataforma Integrada de RED do MEC é parte do processo de implementação do Compromisso 6 do 3º Plano de Ação da Parceria Governo Aberto (OGP-Brasil), que tem por objetivo “incorporar na polÃtica educacional o potencial da cultura digital, de modo a fomentar a autonomia para uso, @@ -59,16 +56,62 @@ class UserTerms extends Component { </div> - <div> - <ExpansionPanels/> + <div style = {{background: "green"}} > + <h1 style = {center}>Para melhor compreensão, podemos dividir os recursos em dois tipos:</h1> + + <h2>Abertos</h2> + + <spam> + De acordo com a Declaração de Paris, são recursos que, no mÃnimo, + têm uma licença de uso mais flexÃvel, que garante livre + redistribuição. Adicionalmente, um recurso aberto deve utilizar um + formato aberto, um formato de arquivo que permite a fácil edição por + terceiros. Nenhum controle sobre o acesso (como cadastro e senha) + deve existir para acesso a recursos abertos. Em sua maioria, são + recursos gratuitos. + + </spam> + + <h2>Fechados</h2> + + <spam> + São recursos que criam restrições no seu acesso, uso ou reuso. + Como exemplo, podemos mencionar recursos que só são acessÃveis + mediante cadastro ou que têm licenças restritivas (como “todos os + direitos reservadosâ€, o sÃmbolo ©). Podem ser gratuitos ou pagos. + + + </spam> </div> + <div> + <spam> + O Plano Nacional de Educação (2014-2024) enfatiza nas metas 5 e 7 a importância dos recursos educacionais abertos para fomentar a qualidade da educação baÌsica. A Resolução CNE/CES nº 1, de 11 de março de 2016, também destaca a importância dos recursos educacionais abertos para as instituições de educação superior e para as atividades de educação a distância. + </spam> + + + <h1 style = {center}>TERMOS DE USO</h1> + + <h4 style ={center}>InÃcio da vigência: agosto de 2017</h4> + + <spam> +Aqui estão os “Termos de Uso†da Plataforma Integrada de RED do MEC, isto é, as regras de funcionamento da Plataforma e seus serviços, e o que se espera de seus usuários. Por “usuárioâ€, entende-se qualquer pessoa que acesse o domÃnio portal.mec.gov.br, tanto para pesquisa (acesso) como para a inclusão de dados e informações (participação) mediante cadastro. +Fazem parte dos Termos de Uso as polÃticas de responsabilidade, de privacidade e confidencialidade, a licença de uso do conteúdo e as informações sobre como reportar violações. +Ao utilizar a Plataforma Integrada de RED do MEC, o usuário aceita todas as condições aqui estabelecidas. O uso da Plataforma Integrada de RED do MEC implica aceite das condições aqui elencadas. +Por “serviçoâ€, entende-se qualquer funcionalidade ou ferramenta que permita a interatividade com o usuário, como, por exemplo, usuário subir um recurso, postar um comentário, criar uma coleção ou enviar uma mensagem. +A aceitação destes "Termos de Uso" é indispensável à utilização da Plataforma Integrada de RED do MEC. Todos os usuários deverão ler, certificar-se de tê-los entendido e aceitar todas as condições neles estabelecidas. Dessa forma, deve ficar claro que a utilização desta "Plataforma Integrada de RED do MEC" implica aceitação completa deste documento intitulado Termos de Uso. Caso tenha dúvidas sobre os termos, utilize o formulário disponÃvel em “Contato†para saná-las. + </spam> + + </div> + <div> + <ExpansionPanels/> + </div> </div> );