Commit 27ae549a authored by ns17's avatar ns17

Updating caption and title of "cotas" part

parent cb26b49e
......@@ -34,10 +34,14 @@ import '../Styles/CardFooter.css'
class CardFooter extends Component {
render() {
return (
<Row className="z-depth-1 valign-wrapper footer">
<Row className="z-depth-1 valign-wrapper footer">
{this.props.source ?
<Col>
<span><b>Fonte:</b>{this.props.source}</span>
</Col>
:
null
}
{this.props.data ?
<Col s={2}>
......
src/Images/UFPR.jpg

32.9 KB | W: | H:

src/Images/UFPR.jpg

224 KB | W: | H:

src/Images/UFPR.jpg
src/Images/UFPR.jpg
src/Images/UFPR.jpg
src/Images/UFPR.jpg
  • 2-up
  • Swipe
  • Onion skin
......@@ -98,14 +98,12 @@ const text4 = <div>
Este módulo contém informações do CadÚnico sobre comunidades de Matriz Africana.
</div>
const text5 = <div>
Abaixo encontram-se os dados, separados por categoria, dos estudantes que ingressaram na universidade
através da Lei 12.711/2012 (Lei de cotas). Para exibir os dados você precisará selecionar um ano e clicar
na seção que deseja visualizar.
Este módulo contém informações dos estudantes que ingressaram na universidade
através da Lei 12.711/2012 (Lei de cotas).
</div>
const text6 = <div>
<p>Este módulo contém informações sobre os estados e municípios participantes do SINAPIR,
informações de contatos dos gestores e os convênios em execução.
</p>
Este módulo contém informações sobre os estados e municípios participantes do SINAPIR,
informações de contatos dos gestores e os convênios em execução.
</div>
......
......@@ -97,9 +97,8 @@ class QuotasAdmission extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Ingresso</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas).</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</div>
</Col>
......@@ -107,6 +106,7 @@ class QuotasAdmission extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -114,31 +114,52 @@ class QuotasAdmission extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes que ingressaram nele através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que ingressaram no curso através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p>Digite o nome de uma instituição para ver um gráfico apresentando o total de estudantes que ingressaram nela através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'admission'}
......@@ -149,17 +170,25 @@ class QuotasAdmission extends Component {
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que ingressaram na instituição através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que ingressaram pela Lei de Cotas de todas as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p> O gráfico abaixo apresenta o número total de estudantes que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -100,8 +100,7 @@ class QuotasEducation extends Component {
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`} id='pnad_title' >Escolaridade</h5>
<p>Abaixo encontram-se os dados relacionados aos estudantes
no geral, que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
no geral, que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). </p>
<div id={"mapPanelEducation"}>
<MapPanel
......
This diff is collapsed.
......@@ -99,9 +99,8 @@ class QuotasExtracurricularAct extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Atividade Extracurricular</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados às atividades extracurriculares
de estudantes que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados às atividades extracurriculares de estudantes que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). Atividades extracurriculares são todas as atividades que o estudante realiza além das aulas propostas na grade de um curso.</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</div>
</Col>
......@@ -109,6 +108,7 @@ class QuotasExtracurricularAct extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno")}
......@@ -116,31 +116,52 @@ class QuotasExtracurricularAct extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados por sexo.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes que realizam alguma atividade extracurricular e que ingressaram no curso através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que realizam alguma atividade extracurricular e que ingressaram no curso através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que realizam alguma atividade extracurricular e que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'}source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p>Digite o nome de uma instituição para ver um gráfico apresentando o total de estudantes que realizam alguma atividade extracurricular e que ingressaram na instituição através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'extracurricular_activities'}
......@@ -151,17 +172,25 @@ class QuotasExtracurricularAct extends Component {
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na instituição através da Lei de cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes que realizam alguma atividade extracurricular e que ingressaram pela Lei de Cotas de todas as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p> O gráfico abaixo apresenta o número total de estudantes que realizam alguma atividade extracurricular e que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -102,9 +102,7 @@ class QuotasFies extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>FIES</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
financiados pelo FIES, que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes financiados pelo FIES (Fundo de Financiamento Estudantil), que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). </p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
......@@ -115,29 +113,35 @@ class QuotasFies extends Component {
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES que ingressaram na universidade através da Lei de cotas, separados por sexo. </p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo", "nu_ano")}/>
</div>
<Loading />
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data={serverURL + type + '?dims=gender,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes financiados pelo FIES e que ingressaram no curso através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'ds_curso'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'ds_curso'} dataKey={'total'} dataKey2={'percentage'} year={'nu_ano'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados pelo FIES no curso selecionado </li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados pelo FIES de todos os cursos</li>
</ul>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados pelo FIES no curso selecionado </li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados pelo FIES de todos os cursos</li>
</ul>
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=course,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p> Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes financiados pelo FIES e que ingressaram na instituição através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'institution'}
mainPage={type} chartDiv={'no_ies'}
saveData={this.getDataFromAutocomplete}
......@@ -147,35 +151,46 @@ class QuotasFies extends Component {
<DropdownCampi campi={this.state.campiList} getDDValues={this.campiFilter} location={type}/>
</div>
<BuildBiaxialBars data={this.state.mountInstitution} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'nu_ano'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados pelo FIES na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados pelo FIES de todos as instituições</li>
</ul>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados pelo FIES na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados pelo FIES de todos as instituições</li>
</ul>
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=institution,uf&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial' + type}>
<p>Os dados abaixo são referentes ao Brasil ou região/estado selecionados. Eles representam o total de estudantes financiados pelo FIES divididos de acordo com a sua declaração de cor/raça.</p>
<p> O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_raca_cor", "nu_ano")}/>
</div>
<Loading />
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=ethnic,uf&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Financiamento'>
<p> O gráfico abaixo apresenta o número total de estudantes financiados pelo FIES que ingressaram na universidade através da Lei de cotas, separados de acordo com o tipo do financiamento.</p>
<div id={'Tipo de Financiamento' + type}>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Tipo de Financiamento'], "tp_fianca", "nu_ano")}
customKeys={loanTypeKeys}/>
</div>
<Loading />
<Loading />
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Fundo de Garantia de Operações de Crédito Educativo (FGEDUC)</b>: contratação do financiamento sem a exigência de fiador por meio do FGEDUC</li>
<li><b>Normal/Convencional</b>: financiamento escolhendo até dois fiadores que tenham renda igual ao dobro do valor da mensalidade paga pelo estudante</li>
<li><b>Solidária</b>: financiamento escolhendo um grupo de três a cinco pessoas que devem ser obrigatoriamente da mesma instituição de ensino e que estudem no mesmo período, não podendo ser do mesmo grupo familiar</li>
</ul>
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=loan_type,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Porcentagem de Financiamento'>
......@@ -206,7 +221,7 @@ class QuotasFies extends Component {
<Loading />
</div>
<CardFooter
source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
data = {serverURL + type + '?dims=loan,uf&filter=ethnic:\"Negro\"&format=csv'} source=" FIES - Fundo de Financiamento ao Estudante do Ensino Superior"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -100,9 +100,7 @@ class QuotasGraduate extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Concluintes</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
concluintes, que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes concluintes, que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). Estudantes concluintes são todos aqueles que concluíram um curso superior. </p>
<MapPanel
onChange={this.updateCharts}
getDDValues={this.getDDValues}
......@@ -113,9 +111,10 @@ class QuotasGraduate extends Component {
</Col>
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil (quando não selecionado nenhum filtro) ou região/estado selecionados.</p>
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<p>O gráfico abaixo apresenta o número total de concluintes separados de acordo com o turno dos cursos que eles anteriormente cursavam. </p>
<p>O gráfico abaixo apresenta o número total de concluintes que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno dos cursos que eles anteriormente cursavam.</p>
<div id={'Turno'+type}>
<BuildStackedBar
dataKey='Ano'
......@@ -124,41 +123,48 @@ class QuotasGraduate extends Component {
/>
</div>
<Loading/>
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type + '?dims=shift,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo'+type}>
<p>O gráfico abaixo apresenta o número total de concluintes que ingressaram na universidade através da Lei de cotas, separados por sexo. </p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type + '?dims=gender,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<p>Digite o nome de um curso para ver um gráfico apresentando o total de concluintes dele que ingressaram através da Lei de cotas.</p>
<AutocompleteApp whichAutocomplete={'course'} mainPage={type} chartDiv={'no_curso'} saveData={this.getDataFromAutocomplete} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que concluiram o curso selecionado</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de concluintes de todos os cursos</li>
</ul>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que concluiram o curso selecionado</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de concluintes de todos os cursos</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type + '?dims=course,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Instituição de Ensino'>
<p> Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de concluintes dela que ingressaram através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={'graduate'}
......@@ -167,23 +173,25 @@ class QuotasGraduate extends Component {
getTags={this.saveAutocompleteContent}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que concluiram algum curso na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de concluintes de todas as instituições</li>
</ul>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de indivíduos que concluiram algum curso na instituição selecionada</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de concluintes de todas as instituições</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data = {serverURL + type + '?dims=institution,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial'+type}>
<p>Os dados abaixo são referentes ao Brasil ou região/estado selecionados. Eles representam o total de concluintes divididos de acordo com a sua declaração de cor/raça.</p>
<p> O gráfico abaixo apresenta o número total de concluintes que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno")}/>
</div>
<Loading/>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data = {serverURL + type + '?dims=ethnic,uf&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
</Collapsible>
......
......@@ -100,9 +100,8 @@ class QuotasLoan extends Component {
<Col s={12} m={10} l={10} offset={'m1 l1'}>
<div className={`${contrastString}subpage-margin`}>
<h5 className={`${contrastString}quota-title`}>Financiamento Estudantil</h5>
<p>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes
financiados,que ingressaram na universidade através da Lei 12.711/2012(Lei de cotas). </p>
<p> Para visualizar os dados você precisará clicar na seção que deseja visualizar.</p>
<p className={`${contrastString}quota-subTitle`}>Abaixo encontram-se, separados por categoria, os dados relacionados aos estudantes financiados, que ingressaram na universidade através da Lei 12.711/2012 (Lei de cotas). Estudantes financiados são todos aqueles que possuem algum tipo de financiamento estudantil.</p>
<p className={`${contrastString}quota-subTitle`}>Para visualizar os dados é necessário clicar nas seções desejadas abaixo. Cada uma das seções apresentam dados referentes ao Brasil.</p>
</div>
</Col>
......@@ -110,6 +109,7 @@ class QuotasLoan extends Component {
<Collapsible onClick={this.getHeader}>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Turno'>
<div id={'Turno' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes financiados que ingressaram na universidade através da Lei de cotas, separados de acordo com o turno de seus cursos.</p>
<BuildStackedBar
dataKey='Ano'
data={organizeJson(this.state.charts['Turno'], "ds_turno_aluno", "no_ano_pesquisa")}
......@@ -117,31 +117,52 @@ class QuotasLoan extends Component {
/>
</div>
<Loading/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Indefinido</b>: sem informações </li>
<li><b>Matutino</b>: cursos superiores com aulas exclusivamente no período da manhã </li>
<li><b>Vespertino</b>: cursos superiores com aulas exclusivamente no período da tarde </li>
<li><b>Noturno</b>: cursos superiores com aulas exclusivamente no período da noite </li>
<li><b>Integral</b>: cursos superiores com aulas em todos os períodos do dia </li>
<li><b>Não aplicável</b>: não especificado</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=shift&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sexo'>
<div id={'Sexo' + type}>
<p>O gráfico abaixo apresenta o número total de estudantes financiados que ingressaram na universidade através da Lei de cotas, separados por sexo. </p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sexo'], "ds_sexo_aluno", "no_ano_pesquisa")}/>
</div>
<Loading />
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=gender&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso' >
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Curso'>
<p>Digite o nome de um curso para ver um gráfico apresentando o total de estudantes financiados que ingressaram no curso através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'course'}
mainPage={type} chartDiv={'no_curso'}
saveData={this.getDataFromAutocomplete}
useMap={false} />
<BuildBiaxialBars data={this.state.charts['Curso']} nameKey={'no_curso'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados e que ingressarm no curso selecionado pela Lei de Cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados e que ingressaram pela Lei de Cotas de todos os cursos.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=course&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`}header='Instituição de Ensino'>
<CollapsibleContainer id={`${contrastString}brownCollapsible`}header='Instituição de Ensino'>
<p>Digite o nome de uma instituição de ensino para ver um gráfico apresentando o total de estudantes financiados que ingressaram na instituição através da Lei de cotas.</p>
<AutocompleteApp
whichAutocomplete={'institution'}
mainPage={type}
......@@ -150,22 +171,31 @@ class QuotasLoan extends Component {
getTags={this.saveAutocompleteContent}
useMap={false}
/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<BuildBiaxialBars data={this.state.charts['Instituição de Ensino']} nameKey={'no_ies'} dataKey={'total'} dataKey2={'percentage'} year={'no_ano_pesquisa'}/>
<div style={{border:"solid 1px gray", padding:5}}>
<b>Legenda:</b>
<ul>
<li><b>Total</b>: número total de estudantes financiados e que ingressaram na instituição selecionado pela Lei de Cotas.</li>
<li><b>Porcentagem</b>: porcentagem em relação ao total de estudantes financiados e que ingressaram pela Lei de Cotas de todos as instituições.</li>
</ul>
</div>
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=institution&filter=ethnic:["Preta","Parda","Indígena"]&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Sócio Racial'>
<div id={'Sócio Racial' + type}>
<p> O gráfico abaixo apresenta o número total de estudantes financiados que ingressaram na universidade através da Lei de cotas, separados de acordo com a sua declaração de cor/raça.</p>
<BuildStackedBar dataKey='Ano' data={organizeJson(this.state.charts['Sócio Racial'], "ds_cor_raca_aluno", "no_ano_pesquisa")}/>
</div>
<Loading />
<CardFooter
source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
data={serverURL + type +'?dims=ethnic&format=csv'} source=" INEP - Instituto Nacional de Estudos e Pesquisas Educacionais Anísio Teixeira"
/>
</CollapsibleContainer>
<CollapsibleContainer id={`${contrastString}brownCollapsible`} header='Tipo de Financiamento'>
<div id={'Tipo de Financiamento' + type}>