Category Archives: HTML/CSS

File Management System User Interface in Bootstrap and PHP

File Management System Dashboard

File Management System User Interface in Bootstrap and PHP

File Management System provides a platform for the accessing files. Specifically, this system is for the file management of the academic institution. This is very useful in the management and organizing the files, requirements and deliverables of the teachers and instructors. The said system can be installed on the intranet and it can also be uploaded to a live server wherein the platform can be accessed online and with the user of a browser.

Current Technology

Aside from teaching preparation, another challenge to our faculty members is on how to organize their requirements in a form of folder and paper. The manual method of organizing seems to be very hard and time consuming, thus the need to develop an information system which is efficient and effective in monitoring and organizing files is highly recommended.

This article can help you in the development of your own version of file management system specifically intended to solve the problems of our teachers/instructors in the organization of files and records.

The following are modules and user interface of file management system.

Login Form – this system can be accessed by administrators, department heads and faculty members. The form below is the login form where they need to input the correct combination of username and password.

File Management System Login Form

File Management System Login Form

Dashboard (# of files, # of file category, # of users) – the dashboard below shows the statistics of the system such as the number of files uploaded, categories of files, number of users and a bar graph that monitors and display the download logs per day.

File Management System Dashboard

File Management System Dashboard

Elearning System User Interface in PHP and Bootstrap

Elearning System Dashboard Interface

Elearning System User Interface in PHP and Bootstrap

This article is all about the different forms, module and features of an elearning system. It is specifically intended to help you design in terms of user interface for your own elearning system in PHP and Bootstrap.

Login Form – They are a security measure designed to prevent unauthorized access to confidential data. When a login fails (i.e, the username and password combination does not match a user account), the user is disallowed access. (https://techterms.com/definition/login)

Elearning System Login Form

Elearning System Login Form

Dashboard (# of students, # of lessons, # of quiz) – this page of the system shows the basic statistics such as the number of students, number of lessons and number of quizzed stored in the database of the project.

Elearning System Dashboard Interface

Elearning System Dashboard Interface

Mobile Based Grocery Maker and Checklist Application

Mobile Based Grocery Maker and Checklist Application

Mobile Based Grocery Maker and Checklist Application

Proposed System

Technology of todays has really a great contribution in every day to day routine and regimes of individuals. Technology makes individual life and works easy. In household chores, technology also provides easiness for people to perform such specific tasks. With the brilliant mind of people inventing something just to provide easy and fast performance for that task to be done. The researcher of the system entitled Mobile Based Grocery Maker and Checklist Application even provide system that could help millions of people especially those who struggling in making grocery routines. This system would think others as simple and exaggerate to have since making grocery is one of the simplest job but researchers only aimed to provide a platform that could make users, reduce their burden in doing household chores. The system is consist of feature which can help people doing their grocery regimes, first thing is, this application will have its grocery shopping list reminder so that people can create of their needs and to keep users be reminded when they are run out of grocery. This application also provides bar code scanner and track spending; bar code scanner helps users to find the price of the product in a minimal amount of time and effort. This proposed system is for the convenient of users on making grocery. The proponents of the system made some improvements, from making grocery in a manual process, to computerize and mobilized process. The changes made some users to lessen their burden and effort on tallying making list, and finding a price of each of the product, since all of that has been provided the application. This proposed system, let the users, create their own list and make their grocery experience nicer.

Mobile Based Grocery Maker and Checklist Application

Mobile Based Grocery Maker and Checklist Application

Real Estate System User Interface in Bootstrap

Real Estate System Dashboard 1

Real Estate System User Interface in Bootstrap

The project entitled Real Estate System is an online platform that allows the owners and real estate agents to post, advertise and sell their properties. This article will help you to build your own real estate system in terms of user interfaces or form designs.

Login Form is used to secure unauthorized users to access the system. The system can be accessed by the administrators, agents and customers.

Real Estate System Login Form

Real Estate System Login Form

Dashboard (# of agent, # of clients, total sales) – this page shows the statistics such as the total number of agents registered in the system and as well as the list of registered clients. Graphical Reports such as the annual income report, the sales report by property type and the sales of every agent are also shown or displayed in this page.

Real Estate System Dashboard 1

Real Estate System Dashboard 1

ELearning System for Math using PHP, MySQL and Bootstrap

ELearning System for Math Student Quiz Page

ELearning System for Math using PHP, MySQL and Bootstrap

The project entitled elearning system for math subject is an online platform designed and developed in PHP, MySQL and Bootstrap. PHP is a scripting language used for developing dynamic web pages, MySQL is a relational database and Bootstrap is a frontend framework for faster and easier web development. It uses HTML, CSS and Javascript.

ELearning System for Math Student Quiz Page

ELearning System for Math Student Quiz Page

Android Based Cooking Tips and Recipe App

Android Based Cooking Tips and Recipe App

Android Based Cooking Tips and Recipe App

Abstract

The project entitled Android Based Cooking Tips and Recipe App is a web and mobile based project designed to provide the users the basics of cooking and other learning materials and as well as information/archive of recipes. The said project was designed and developed using JQuery Mobile and Phonegap Build for the mobile app and PHP, MySQL and Bootstrap for the web application. Information such as the tips, techniques in cooking and list of recipes included in the application can be viewed online and offline. This technology allows the users to download updates from the server and store those data in their local storage. The application was evaluated by IT experts in order to validate the correctness of the source code and the application was also tested by end-users to test the features. The results of the testing and evaluation was 4.23 and it is interpreted as Very Good, thus the Android Based Cooking Tips and Recipe App should be implemented and utilized.

Android Based Cooking Tips and Recipe App

Android Based Cooking Tips and Recipe App

Barangay Information System in PHP, MySQL and Bootstrap

List of Database Tables

Barangay Information System in PHP, MySQL and Bootstrap

This article will provide you with the list of modules of web based barangay system. The said project was design and developed in PHP, MySQL and Bootstrap.

List of Database Tables

  • tblactivity
  • tblactivityphoto
  • tblblotter
  • tblclearance
  • tblhousehold
  • tbllogs
  • tblofficial
  • tblpermit
  • tblresident
  • tblstaff
  • tbluser
  • tblzone

Table 1.0 List of Database Tables for Barangay Information System

List of Database Tables

List of Database Tables

Table 1.0 shows the list of database tables with entities and attributes of barangay information system.

Mobile Based Shopping Cart Application

Mobile Based Shopping Cart Application

Mobile Based Shopping Cart Application

The project entitled Mobile Based Shopping Cart Application was written in JQuery Mobile and compiled as a mobile application using Phonegap Build.

The purpose of the study is to design, develop, evaluate and implement the proposed system that will help the company in providing an increase of sales thru developing a Mobile Based Shopping Cart Application. Mobile Based Shopping Cart Application presents a different aspect in terms of developing the study, including on how it will meet the expectations of the customer.

Mobile Based Shopping Cart Application

Mobile Based Shopping Cart Application

Nutrition Management Information and Archiving System

Nutrition Management Information and Archiving System

Nutrition Management Information and Archiving System

The project entitled Nutrition Management Information and Archiving System is an online platform designed and developed in PHP, MySQL and Bootstrap.

Nutrition Management Information and Archiving System

Nutrition Management Information and Archiving System

A Nutrition Management Information and Archiving System is a system that will manage and collect data. The database has all information about the medical records of a patient. The system will be very helpful to provide better securities and protects data from failures and data loss and to reduce time consumption.

Mobile Based Voting Application for Android and IOS

Mobile Based Voting Application for Android and IOS

Mobile Based Voting Application for Android and IOS

The project entitled Mobile Based Voting System is an application that can be installed on both android and ios devices. It was written in Ionic a Cross-Platform Mobile App Development.

REVIEW OF RELATED LITERATURE

This chapter deals with the different literature and studies based on different sources such as books and internet that are related to the proposed system. The following related literature and studies convey the readers about their knowledge and established their ideas that have been on a topic. It may also contain different theories that were found important in making and helped the researchers to develop the proposed system.