Two helium atoms were acting funny... HeHe
Moringa School
Full Stack Software Development
Feb 2018 - June 2018
Bachelor of Applied Science: GeoInformatics
Technical University of Kenya
Shem is a budding full stack software developer and GIS engineer always up for a challenge. He also enjoys memes and is a lover of avocado.
Web development is where he specializes the most. Through Moringa School he learnt how to create amazing web applications. He believes that there is knowlegde in helping. By helping others, solving their problems, you retain or even improve your own knowledge.
He is also interested in GIS and data visualization and has worked extensively in the geospatial field for more than a year now
"The very desire to find shortcuts makes you eminently unsuited for any kind of mastery"
HTML
CSS
JavaScript
Python
Django
Angular
Flask
Bootstrap
Jquery
PostgreSQL
SQLITE
Git
GitHub
Legazpi City Central Fire Station
Assessment & Reports System is an offline system that records all the manually assessed details and important documents of an establishment. The system helps keep track of the records while it is still under assessment, inspection, infraction or release of clearances. Printing documents also becomes faster because we have implemented a search function in which all documents are always ready for printing.
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.
All of the assessed establishments and projects are filtered here depending on selected year. Updating, deleting and printing of assessments are made here.
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.
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.
Gogon High School
The Gogon Grading Module is for the use of Gogon High School and as such, it focuses on its existing grading system. The proposed Grading Module will cover the recording and computation of grades of students based on their ratings for quizzes, recitation, assignments, projects, unit tests, and periodical exams. This will include grade transmutation and use of transmutation tables.
The printing of reports will include the generation of grades per subject, section and include the printing of individual grades or report cards. For security purposes, a one-level password is included. The grading module proposed is limited to single installation, stand-alone program, to be used individually by the teachers of Gogon High School.
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.
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.
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).
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.
Each subjects per section has a ranking system where in grades from quarter 1-4, subject averages and remarks can be viewed.
The student records consists of all the grade-level record of every student starting from grade 7 to 12.
Every subject's written, perform & quarter percentages(%) can be modified depending on the decision of the authorized personnel.
An auto-generated and print-ready report card is available and can only be managed and accessed by an adviser of a specific section.
Bicol University College of Science Undergraduate Thesis
Phagebiotics intends to increase the awareness of using too much antibiotics that makes bacteria antibiotic-resistant and gain knowledge about bacteriophage that serves as an alternative in eliminating the so called โSuperbugsโ or the antibiotic-resistant bacteria. The foremost objective of this study is to design and develop a game that aims to raise awareness of the battle against antibiotic-resistant bacteria and models it as a desktop game that is not only great and fun to play but also scientifically inclined.
The game was awarded as the Best Undergraduate Thesis under Global Competitiveness during the College Student Research & Development Forum (1st Place), March 4, 2017.
The game was also presented during the 13th Bicol University Student Research & Development Forum, March 10, 2017.
You can watch the game preview in Youtube.
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.
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.
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.
To make the animation a bit smoother, I made 10 frames for every explosion animation of enemies with a delay of 70.
Small sprites like power-ups and enemy fires were created with 4-8 frames from start of the animation until it dissolves.
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.
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.
PHP Object-Oriented Programming
Inventory System is a system I made when I was studying object-oriented programming of PHP and was supposedly a system I will design for Jay-Poy Electronics, an electronics shop in our town.
The system consists of basic functions like adding products with names and quantity.
Another function is deleting of added products from the database with very simple buttons.
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.
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.
Pantawid Pamilyang Pilipino Program (4Ps)
Type AB is a commercial organization which aims to provide livelihood projects to the Pantawid Pamilyang Pilipino Program or 4Ps beneficiaries through abaca (Manila hemp) products. This is a project website I made for my friend from another college.
Live Demo: Type AB
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.
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.
The main purpose of the site was to showcase the different kinds of products made from abaca.
The site has the usual information like the address, opening hours, contact number and email.
Visitors can also send an email and a message to contact the management directly.
CodePen Tribute Page
As part of the Free Code Camp Front End Development Certification, this CodePen tribute page for the Presidents of the Philippines was made.
Live Demo: Presidents of the Philippines
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 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.
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.