Programação da plataforma de recrutamento para empresa 'Shopping do Cidadão'.
Desafio: "Como desenhar e selecíonar os melhores candidatos para as nossas operações"
Solução Proposta: "Plataforma de recrutamento (ATS, "applicant tracking system") para triagem dos melhores candidatos de acordo com os requisitos de cada vaga, visando selecionar os candidatos ideais para as operações do 'Shopping do Cidadão' em um ciclo de contratação reduzido."
O projeto desenvolvido pretende tornar a seleção e contratação dos recrutamentos “Shopping do Cidadão” mais simplificadas possíveis, eliminando tarefas administrativas desnecessárias e melhorando as três métricas de contratação: velocidade, orçamento e valor líquido agregado dos candidatos.
Para tanto, foram utilizadas técnicas de gerenciamento e modelagem de banco de dados em conjunto com linguagens de programação front-end (HTML e CSS) e back-end (JavaScript, PHP e Hack).
Complementando, para construção das tabelas envolvidas na construção do website foram utilizadas as tabelas propiciadas pela “CloudTables”, e o framework front-end "Bootstrap". Ademais, todas referencias de layout e design poderão ser encontradas na secção “Bibliográfia/Licensas”.
Todos os direitos reservados.
E-Pôster Acadêmico - Eletrolls
/
├── images
│ ├── banner.png
│ ├── curso1.jpeg
│ ├── curso2.jpeg
│ ├── curso3.jpeg
│ ├── hackathon.jpg
│ ├── img1.png
│ ├── user.png
│ ├── wireframe.png
│ └── seletivo.jpg
├── subpages
│ ├── Login
│ │ ├── funcionarios
│ │ │ ├── library
| │ │ │ ├── jstable.css
| │ │ │ └── jstable.min.js
│ │ │ ├── action.php
│ │ │ ├── database_connection.php
│ │ │ ├── fetch.php
│ │ │ ├── func_login.php
│ │ │ ├── home.php
│ │ │ └── style.css
│ │ ├── login_homepage.php
│ │ ├── login.html
│ │ ├── login.php
│ │ ├── logout.php
│ │ ├── painel.php
│ │ ├── style_painel.css
│ │ ├── style.css
│ │ └── verificar_login.php
│ ├── signin+up
│ │ ├── img
│ │ │ ├── feeling_proud.svg
│ │ │ └── hello.svg
│ │ ├── new_user
│ │ │ ├── match
| │ │ │ ├── Pefil
| | │ │ │ ├── actions.php
| | │ │ │ ├── alterar_cadastro.php
| | │ │ │ └── style.css
| │ │ │ ├── action.php
| │ │ │ ├── aplicacoes.js
| │ │ │ ├── aplicacoes.php
| │ │ │ ├── aplicacoes_db.php
| │ │ │ ├── cadastro_vagas.php
| │ │ │ ├── database_connection.php
| │ │ │ ├── fetch.php
| │ │ │ ├── match.js
| │ │ │ ├── style.css
| │ │ │ ├── tempCodeRunnerFile.php
│ │ │ ├── code.js
│ │ │ ├── edit_info.php
│ │ │ ├── new_user.php
│ │ │ └── style_newuser.css
│ │ ├── app.js
│ │ ├── code.js
│ │ ├── config.php
│ │ ├── login.php
│ │ ├── new_user.html
│ │ ├── new_user.php
│ │ ├── sigin_up.php
│ │ ├── style_newuser.css
│ │ └── style.css
│ ├── cursos.html
│ ├── educa_hackathon.md
│ ├── hackathons.html
│ ├── privacy.html
│ ├── style.css
│ └── terms.html
├── .htacess
├── index.html
├── style.css
├── informações do candidato.txt
└── README.md
Vídeo com o funcionamento da plataforma: Prótotipo
Ao adentrar no website o usuário se deparará com a página principal da plataforma:
Nela, funcionários e candidatos poderão usufruir de uma navegação fluida através do Header/Footer da página, onde estarão dispostos informações referentes ao “Shopping do Cidadão”.
As primeiras informações que encontramos no site são as divisões “Quem Somos” e “Trabalhe Conosco”:
É aqui que o usuário se deparará com textos de motivação a respeito da organização “Shopping do Cidadão”. Desta forma, ele terá um breve resumo e se sentirá motivado a continuar com as demais etapas do processo de candidatura.
Acessando o menu “Candidate-se | Processos Seletivos”, o usuário será redirecionado para divisão onde ele poderá se registrar como um novo candidato:
Após isso, ele se encontrará em duas diferentes maneiras de se registrar, sendo essas “Processos Seletivos” e “Hackathons”:
- Processos seletivos: Através dos processos seletivos os candidatos poderão se registrar e candidatar - da maneira clássica - para as mais diversas vagas em aberto no momento.
- Hackathons: Eventos promovidos pela empresa parceira (“Shopping do Cidadão”) para recrutamento, seleção e desenvolvimento de novos talentos. Por intermédio desse recurso, poderá ser avaliadas diversas habilidades, tais como: capacidade analítica, proatividade e agilidade, capacidade de comunicação, relacionamento etc.
Além disso, também poderá ser encontrado na página principal a divisão “Educa Cidadão”:
Planejando o desenvolvimento de futuros talentos e possível escassez de habilidades, foi-se elaborada à “Educa Cidadão”. O programa consiste em capacitar candidatos, oferecendo cursos de desenvolvimento pessoal (“Soft Skills” e “Hard Skills”).
- Visando o incentivo ao uso do programa, candidatos que se inscreverem nos cursos oferecidos pela “Educa Cidadão” terão prioridades nos processos seletivos que se inscreverem – ver divisão anterior, “Candidate-se | Processos Seletivos”.
Dessa maneira, conclui-se a apresentação da página principal.
A partir de agora dividiremos a exemplificação em duas jornadas: candidato e funcionário. Em cada uma dessas jornadas, introduziremos as etapas que cada um – funcionário e candidato – vivenciarão através da plataforma.
-
Funcionário:
Clicando no menu “Login”, o funcionário será redirecionado para uma página de autenticação:
Clicando sobre o banner “RECRUTAMENTO” o funcionário será redirecionado para página anterior – “Menu Principal”. E, utilizando-se do e-mail e senha, o funcionário poderá realizar a conexão para a página de gerenciamento de vagas e aplicações.
- Por motivos de segurança, o cadastro de um novo funcionário só poderá ser realizado por um outro antigo funcionário já logado na plataforma.
A próxima página é a de “Gerenciamento de Vagas”, página está a principal dos funcionários:
Aqui os funcionários – principalmente aqueles relacionados a recursos humanos – poderão gerenciar todas as vagas, aplicações, e seus devidos status.
O funcionário terá total controle sobre ela; como filtros de pesquisa (utilizando o “Centro”, “Cargo” ou “Data de Abertura” como parâmetros), números de registros (10, 25, 50 ou 100) e manipulações (atualização, exclusão e leitura).
Além disso, no topo superior direito da tabela, tem o botão "Criar nova vaga":
Ao clicar sobre ele, uma nova divisão - conhecida pelos programadores como divisão modal - será apresentada ao funcionário. Nessa tela, o funcionário poderá criar uma nova vaga preenchendo os campos "Centro" e "Cargo", e selecionando a "Data de Abertura".
E por fim, para concluirmos o paínel dos funcionários, ao clicar sobre quaisquer umas das vagas será aberta a relação de candidatos inscritos naquela vaga em questão:
- As informações de contato do candidato estarão em destaque, assim agilizando à empresa o processo de entrar em contato com seus usuários.
- Semelhantemente a tabela anterior, todos os filtros de controle se aplicam a tabela integrada. Por padrão, os candidatos serão dispostos em ordem decrescente em relação aos seus devidos "Scores".
-
Candidato:
2.1 Processos Seletivos: Clicando sobre o banner de "Processos Seletivos" na divisão "Candidate-se | Processos Seletivos", será aberta uma página de login/cadastro para os candidatos:
A direita da página aberta os candidatos previamente cadastrado poderão realizar a conexão à "área do candidato" - tal área que será introduzida logo mais.
Enquanto na parte esquerda da página, ao clicar sobre o botão "cadastrar", os candidatos de primeira viagem poderão realizar suas inscrições no banco de dados da plataforma:
Após serem submetidas as informações iniciais, o candidato será redirecionado para uma nova página para complementar mais informações sobre ele:
- Quanto maior o número de informações que candidato submeter, maiores serão a chance dele encontrar uma vaga mais ideal ao seu perfil.
Após isso, ele será redirecionado para última etapa do processo, onde será exibida as vagas em aberto de acordo com as informações submetidas anteriormente:
Assim que o candidato submeter suas informações ele será apresentado ao 'dashboard' principal - a já mencionada anteriormente "Área do Candidato". No menu da esquerda estará listada diversas funcionalidades de acordo com suas categorias: "Painel de Controle", "Perfil", "Mensagens", "Configurações" e "Sobre".
- Vale ressaltar que todas as funcionalidades não foram desenvolvidas em 100% de suas potêncialidades. Serão apresentadas à seguir somente aquelas que conseguimos desenvolver em tempo hábil e a teoria que nos levou a criar cada um desses sub-menus.
No sub-menu "Painel de Controle" o candidato poderá visualizar todas as vagas em aberto, assim como todas as vagas por ele pretendidas:
Vagas em aberto: O candidato terá acesso a todas as vagas disponibilizadas pelos funcionários do "Shopping do Cidadão" - resgatadas do painel de "Gerenciamento de Vagas". O principal fator que os candidatos deverão levar em consideração é o percentual de compatibilidade. Essa relação é calculada no que concerne aqueles dados preenchidos previamente pelo candidato em conjunto com os pesos designados para cada atributo da vaga. Além disso, ao clicar sobre a vaga será aberta sua descrição:
Suas aplicações: Nessa funcionalidade só serão apresentadas as vagas que o candidato optou a se candidatar. Ademais, na coluna situação serão exibidas os processos em que se encontram as vagas, tais como: "Aberta", "Fechada", "Agendada entrevista" etc:
No sub-menu "Perfil" o candidato poderá gerenciar todas as informações referentes à ele que se encontram no banco de dado da plataforma:
Informações: Na funcionalidade "Informações" o candidato terá acesso a todas as suas informações preenchidas na hora do cadastro, com toda a possibilidade de remanejamento e até mesmo exclusão:
No sub-menu "Mensagens" é onde poderão ser trocadas mensagens 'built-in' na plataforma.
- A principal motivação para se ter esse sub-menu é trazer um maior conforto e agilidade para o candidato que se encontra dentro de SUA área.
Já no sub-menu "Configurações" é onde o candidato poderá remanejar as informações pertinente ao login. Diferentemente do sub-menu "Perfil", aqui estarão dispostas funcionalidades de teor mais técnico, como por exemplo a possibilidade de troca de e-mail e senha cadastrado.
E, para finalizarmos, o sub-menu "Sobre" que apresentará informações relativas ao funcionamento de "Matchs" dos candidatos e meios de contato do "Shopping do Cidadão", trazendo uma maior transparência para seus usuários.
2.2. Hackathons: Explicação de Funcionamento
E por fim, o funcionamento do programa "Educa Cidadão".
Para hospedar o website em um servidor local em sua máquina você precisará do XAMPP: https://www.apachefriends.org/download.html
Após isso no programa basta ativar "Apache" e "Mysql":
Para conferir se está tudo corretamente configurado, acesse: http://localhost/dashboard/
Em seguida, clone o repositório do projeto: https://github.com/LeandroLuna/SDC-Eletrolls.git
ou
gh repo clone LeandroLuna/SDC-Eletrolls
E por fim, na raiz do programa XAMPP - que instalamos previamente -, entre na pasta "/htdocs" e coloque a pasta que acabamos de baixar. Ficando algo similar à: C:\xampp\htdocs\SDC_Eletrolls\
Para acessa-la basta abrir o navegador e pesquisar por: https://localhost/SDC_Eletrolls/ ou https://127.0.0.1/SDC_Eletrolls/
Gostaria de agradecer ao nosso Scrum Master Prof. Reinaldo Borges. por seu apoio e orientação consistentes durante a execução deste projeto. Além disso, gostaria de agradecer ao restante da equipe de desenvolvimento da graduação por seus esforços colaborativos durante toda jornada. Também gostaria de agradecer à faculdade e professores da "FIAP" por sua participação e envolvimento no projeto, assim como a empresa "Shopping do Cidadão" pelas orientações, suporte e feedbacks nas mentorias.
| Nome | Contato |
|---|---|
| Leandro de Jesus Luna | [email protected] |
| Pedro Fernandes | |
| Fabbio Augusto de Souza Moura Boli | |
| Pedro Enrique Pereira Velosa | |
| Rafael Procopio Bondezam |
Em nome de toda turma do 2º ano de engenharia da computação (2021), meus sinceros agradecimentos!
Abaixo será listada todas inspirações e referências utilizadas para realização do projeto:
- Complete Login Register & Logout System | PHP & MySQL | Animated Epic Login Regis Form | Source Code - YouTube
- Multi Step Form With Progress Bar Css Jquery | Step By Step Form With Progress Bar | Multi Step Form - YouTube
- Registration, Login in PHP using Xampp server - YouTube
- Tela de Login e Cadastro Interativa - HTML5 & CSS3 - [Parte 1] - YouTube
- Login form in PHP and MySQL | With Password Encryption - YouTube
- Simple signup and login system with PHP and Mysql database | Full Tutorial | How to & source code - YouTube
- Build a Complete Responsive Personal Portfolio Website using Html CSS & Javascript from Scratch - YouTube
- Responsive Footer Section Design using only HTML & CSS - YouTube
- DataTables - CloudTables
- Live Vanilla DataTables CRUD with JavaScript PHP & MySql
- Sidebar Menu | With Sub-Menus - Using HTML, CSS & JQuery
- Modal - Bootstrap
Copyright (c) <Eletrolls - 2021>
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.