ASSESSMENT INTERFACE

This is the first part of the system in which the manually written assesment forms will be recorded and saved in the system.

I spent a lot of time making the design on this part since it needs to be user-friendly and actually solve the problem of manual calculation. We had troubles implementing data binding in order to lessen the work for the user, but in the end we still managed to do it.

ASSESSED INTERFACE

All of the assessed establishments and projects are filtered here depending on selected year. Updating, deleting and printing of assessments are made here.

CLEARANCES & CERTIFICATES

The FSIC tab is where the Fire Safety Inspection Certificate (FSIC) is managed wherein the personnel in charge can track the number of reports or release a printable copy of inspection of a business or a project.

The FSEC tab is where the Fire Safety Evaluation Clearance (FSEC) is managed wherein the personnel in charge can update the Fire Safety Checklist on building plans or release a printable copy of the clearance.

CORRECT & COMPLY

In this part, there are two types of correction, notice to correct and notice to comply. The findings, defects or deficiencies automatically appears here right after every update of the FSEC. The personnel in charge then can penalize each problem for a certain amount.

There are many things that I want to fix here, like the alignment of texts and the back button in which only exists in the notices tabs.

MODULES INTERFACE

The system consists of 5 interconnected modules which runs on the same database. The Personnel and Student Information (PSIS), Enrollment, Scheduling, Grading and Attendance Kiosk are the 5 modules.

All of our data are taken from the PSIS, enrollment and attendance kiosk. Our module is just all about taking the enrolled students together with their sections and the teachers assigned on those sections. Once a student gets enrolled, we can already create quizzes, projects, activities and behavioral scores.

FOUR QUARTERS

The module works by logging an authorized employee (e.g. teacher)

The FSEC tab is where the Fire Safety Evaluation Clearance (FSEC) is managed wherein the personnel in charge can update the Fire Safety Checklist on building plans or release a printable copy of the clearance.

QUIZZES & ACTIVITIES

Written works (quizzes) & performance tasks (activities) grades can be created with an option of highscore on every task and a real-time update of totals, Percentage Scores (PS) and Weighted Scores (WS).

EXAMS & VALUES

Quarterly grades and exam scores are also automatically calculated. Aside from that, the learner's values are also observed and graded which includes Always, Sometimes, Rarely and Never observed values.

SUBJECT & SECTION

Each subjects per section has a ranking system where in grades from quarter 1-4, subject averages and remarks can be viewed.

STUDENT RECORD

The student records consists of all the grade-level record of every student starting from grade 7 to 12.

SUBJECT PERCENTAGES

Every subject's written, perform & quarter percentages(%) can be modified depending on the decision of the authorized personnel.

FORM - 138 & 137

An auto-generated and print-ready report card is available and can only be managed and accessed by an adviser of a specific section.

GAME OBJECTIVE

The game utilized the exponential growth algorithm to perform the reproduction or replication of bacteria and bacteriophages. This game includes power-ups, which can be used to increase the number of bacteriophages and obtain new types of bacteriophage. Every level have some pop-ups that shows various facts about bacteria.

The player must defeat the enemies by firing antibiotic bullets. Since some of the enimies are antibiotic-resistant, the player can summon a specific bacteriophage that will help him in eradicating the antibiotic-resistant bacteria. The game includes tutorial mode for the power-ups, game controls and game trivia about bacteria and bacteriophages.

MAP EDITOR

I created the tilesets using photoshop and the tilemaps using Tile Map Editor. Creating was a challenge because it was my first time creating tilesets and tilemaps, but with the help of google searching some tutorials and techniques and a lot of failed revisions, I successfully created designs that would suit the game well.

MAP BACKGROUND

Aside from tilesets and tilemaps, making the background blend with the tileset was also hard. I got the final designs of some levels somehow right after 4 sets of revisions.

ENEMY EXPLOSION

To make the animation a bit smoother, I made 10 frames for every explosion animation of enemies with a delay of 70.

SMALL SPRITES

Small sprites like power-ups and enemy fires were created with 4-8 frames from start of the animation until it dissolves.

THE PLAYER

Player sprites already had a base design of ForeignGuyMike from youtube and I just redesigned and added more animations in order to fit the required animation for the game. I changed the colors, added more objects to the player and made the player do more frames.

TUTORIAL MODE

A tutorial mode is also available for beginners and for those who want to receive bonus points. In the tutorial, the player will learn how to move, attack receive and use power-ups. It is not required to do a tutorial but it is essential in learning the mechanics of the game.

ADDING PRODUCTS

The system consists of basic functions like adding products with names and quantity.

DELETING PRODUCTS

Another function is deleting of added products from the database with very simple buttons.

UPDATING PRODUCTS

Updating products is also possible after clicking the edit button of a product and will transform the adding products interface into updating the selected product.

SAMPLE CODE SNIPPET

This is a sample source code of how I implemented the create, read, update and delete (C.R.U.D.) function.

The purpose of this system is just to showcase the simple CRUD system using OOP.

THE PROGRAM

Pantawid Pamilyang Pilipino Program (4Ps) is a human development measure of the national government that provides conditional cash grants to the poorest of the poor, to improve the health, nutrition, and the education of children aged 0-18. The Department of Social Welfare and Development is the lead government agency of the 4Ps.

4Ps PROGRAM

The 4Ps as adapted from the CCT Programs in Latin America is a poverty reduction strategy that provides cash grants to extremely poor households to allow the members of the families to meet certain human development goals.

ABACA PRODUCTS

The main purpose of the site was to showcase the different kinds of products made from abaca.

CONTACT INFORMATION

The site has the usual information like the address, opening hours, contact number and email.

CONTACT FORM

Visitors can also send an email and a message to contact the management directly.

THE PROJECT

This project from Free Code Camp went easy because you are to use a framework like Bootstrap and I already know how to use bootstrap, so it was fairly easy.

HOSTING IMAGES

Hosting images became a hassle because I haven't hosted my images before so I searched for a solution and I hosted all my image in Dropbox. The hassle part of hosting was when I neeeded to change all the image urls from dropbox to ?raw=1 in order for them to work.

LESSON LEARNED

I hosted my images because after letting someone take a look at the site, some images don't load. So I figured out that there was a problem with the linking of images.

One thing I learned from this project is that not all images from Google Images are always up and running.