Education Brazil Project #55290

Alpha Edtech - Social Code Academy

by Instituto Alpha Lumen

Project Report | Mar 10, 2025
Alpha Edtech - Eighth Report

By Israel Neto | Project Manager

Remembering the project:

The Alpha EdTech Project seeks to train young people in technology, regardless of gender, race, sexual orientation or ethnicity, possibly in a vulnerable situation, providing access to opportunities for effective social mobility, through education aligned with the needs of IT professionals in companies.

The general objective is to generate social mobility, providing training opportunities for young talents (in vulnerable situations) interested in this area of professional relevance, specifically information technologies.

In recent months, the topics covered in classes for project development were:

Execution of Activities

User Interface (Front-End)

The interface features were implemented as planned, providing an intuitive and accessible user experience. The following components were developed:

Text field: Created an input field so users can enter names or numbers separated by commas.

Draw button: Implemented a functional button to start the draw.

Winner display: Created a prominent space to clearly present the draw result.

Validation message: Added a check to prevent the draw from being carried out without data entered, ensuring adequate usability.

Draw Logic

The draw logic was developed using JavaScript, ensuring that the choice of names or numbers is completely random and free from unnecessary repetitions. Key features implemented include:

Random algorithm: Selects a name or number from the list at random, respecting the non-repetition rule when there are multiple draws.

Guarantee of impartiality: Tests were carried out to ensure that the draws occur fairly, without predictable patterns or trends.

Possibility of multiple draws: The system allows more than one person to be drawn without the winners being repeated within the same round.

Responsiveness

The website was developed with a responsive design, ensuring compatibility with various devices, from desktops to smartphones and tablets. Modern CSS techniques were used to ensure a good visual and usability experience on different screen sizes.

Extra Features Implemented

In addition to the basic requirements, some additional features have been incorporated to enhance the user experience:

"Reset" button: Added a button to clear the list and restart the draw, allowing new use without having to reload the page.

Local storage (localStorage): Temporary saving of data entered by the user has been implemented, allowing information to be preserved even if the page is updated.

Record of draw history: A mechanism was created to store and display previous draws, enabling subsequent consultations.

Back-End Development (Optional)

Although the draw logic was implemented directly in the Front-End, an optional Back-End version was created using Node.js. The main features developed were:

API for processing the draw: An API was created that allows the draw to be carried out remotely, if necessary.

API calls: The system allows the draw to be carried out via HTTP request, increasing the flexibility of the project.

Conclusion

All activities planned within the scope of the EdTech project were successfully completed. The implementation followed the established technical and functional specifications, ensuring a reliable, intuitive and efficient system. Furthermore, extra features were incorporated to enrich the user experience and provide greater flexibility in using the system.

With the completion of these steps, the project is ready to be used, fulfilling its proposal of offering a dynamic and innovative tool for carrying out sweepstakes.

Links:

https://www.alphalumen.org.br/

Permalink

Oct 8, 2024
Alpha Edtech - Seventh Report

By Israel Neto | Project Manager

Remembering the project:

In recent months, the topics covered in classes for project development were:

In server classes, students learned fundamental concepts and techniques to understand how servers work and how to configure, maintain and interact with them in application development:

What is a server. Introduction to the concept of a server, explaining its role as a system that manages and responds to requests from clients (e.g. browsers), providing data, web pages, files and other resources.

Client-server architecture. Explanation of how servers communicate with clients (browsers, applications) on a network, exploring models such as HTTP/HTTPS, the protocols that govern these interactions and the request and response cycle.

Types of servers. Students learned about different types of servers, such as web servers, database servers (MySQL, PostgreSQL), and application servers (Node.js, Django), each with their specific characteristics and uses.

Server configuration and maintenance. Introduction to server installation, configuration and management practices, including how to adjust performance, security and backup parameters.

Databases and integration with servers. How servers interact with databases to store and retrieve information, with a focus on connecting applications to database management systems.

API Servers. Understanding how servers are used to provide APIs (Application Programming Interfaces), allowing communication between different parts of an application or with other services.

Links:

https://www.alphalumen.org.br/

Permalink

Jun 3, 2024
Alpha Edtech - sixth Report

By Israel Neto | Project Manager

Remembering the project:
The Alpha EdTech Project seeks to train young people in technology, regardless of gender, race, sexual orientation or ethnicity, possibly in a vulnerable situation, providing access to opportunities for effective social mobility, through education aligned with the needs of IT professionals in companies .

Over the past few months, students have engaged in a series of carefully planned activities designed to apply knowledge gained in the classroom and establish valuable connections with experienced professionals in the dynamic programming market. During these collaborative meetings with industry experts, students have the opportunity to participate in practical activities and exercises that use the specific programming languages learned throughout the course.

These interactions with industry professionals provide an enriching environment where students can not only consolidate their theoretical knowledge, but also apply it in a practical and relevant way for the job market. The activities proposed during these sessions range from coding challenges to more comprehensive projects that address the topics discussed in the meetings.

As a result of this integrated process of learning and practice, students have developed a series of exciting projects using various programming languages. These projects not only demonstrate students' technical mastery, but also reflect their ability to articulate and apply complex concepts in creative and innovative ways.

The topics covered in classes for project development were:

1 - Hard Skills - Tags and their attributes - Form: Part 2 - Select, Button, Textarea (user interaction).

Description: At this meeting, the creation of forms for user interaction was discussed using the select, button and textarea tags. The students used their new knowledge in HTML to create a form that communicates effectively with the user about its fields.

2 - Hard Skills - Introduction to CSS - The different ways to style your HTML.

Description: In these classes, students explored initial contact with using CSS to modify colors, positions and backgrounds of elements in our HTML, understanding the order of priority between their different ways of being included and the basic syntax to implement it.

3 - Hard Skills - CSS Selectors: Part 1 - The importance of the "Class" and "ID" attributes.

Description: In these meetings, CSS selectors were explored, which are essential for selectively applying styles to elements on a web page. CSS selectors allow you to target elements based on their attributes, classes, IDs or position in the document structure, enabling the creation of specific styles for each element or group of elements.

4 - Soft Skills - Knowing the area of activity and the technical and behavioral skills required of a professional developer.

Description: The topics covered were problem-solving skills, teamwork, communication and continuous learning.

5 - Hard Skills - My first HTML.

Description: In this class, a markup language known as HTML (HyperText Markup Language) was presented.

At this meeting, the environment where we found the use of HTML files (the web and browsers) and how to structure it, as well as its use in the web application (CodePen) to create and be able to visualize changes in real time was introduced.

Links:

https://www.alphalumen.org.br/

Permalink

‹ 1 2 3 4 ›

About Project Reports

Project reports on GlobalGiving are posted directly to globalgiving.org by Project Leaders as they are completed, generally every 3-4 months. To protect the integrity of these documents, GlobalGiving does not alter them; therefore you may find some language or formatting issues.

If you donate to this project or have donated to this project, you can receive an email when this project posts a report. You can also subscribe for reports without donating.