Cloud and IoT Based Health Monitoring System Project

Objective

Our system is useful for monitoring the health system of every person by easily attaching the device and recording it.

We can analyze patients’ conditions through their past data, IoT sensors are being utilized to consistently record and monitor health conditions and transmit alerts in the event that any uncommon signs are found.

If there should be an occurrence of a minor issue, the IoT application additionally has the arrangement to recommend a medicine to the patients.

Introduction

This project is the solution to be able to make use of IoT sensors and actuators to be able to detect issues with subscribed patients remotely to be to monitor health, emergencies, statistics, etc, This makes use of Cloud, Machine learning, IoT platforms, and devices.

The results can be recorded using Arduino.

The doctors can see those results on an application. The system will also generate an alert notification which will be sent to the doctor.

Literature Survey

  • Smart Health Monitoring Systems: An Overview of Design and Modeling
  • Cloud-Based Privacy-Preserving Remote Monitoring and Surveillance
  • A Review of Machine Learning and IoT

Architecture Design

The Flow diagram for Cloud and IoT based Emergency response system follows Sensing, Processing Unit, Cloud Server and Analysis.

Hardware  and Software Requirements:

Arduino: 

IoT Sensors: The main purpose of sensors is to collect data from the patient’s body and from the surrounding environment. 

Cloud: These cloud computing platforms are used to store the data and perform some analysis on the data which is stored on the cloud.

Product Perspective

User Classes and Characteristics

The main objective is to design this System with two-way communication i.e. not only the patient’s data will be sent to the doctor through SMS and email in emergencies, but also the doctor can send required suggestions to the patient or guardians through SMS or Call or Emails.

The user base for this application involves patients and old age people.

Assumptions and Dependencies

Appreciable accuracy in IoT sensors to fetch accurate data. 

Reliable internet connections. 

User Interfaces

Front-end:

  • Web application
  • IoT sensors

Back-End:

  • Open Source IoT platform

Functional requirements

  • Sensors frequently detect data from patients.
  • Collected information is updated in the cloud.

Performance Requirement

The data analysis and communication (response) between the user device and subscribed user must be quick.

Conclusion

The primary purpose of a  health monitoring system is to allow people to lead independent and active lives in their familiar home environment while ensuring continuous, non-invasive, non-intrusive, and seamless surveillance of their health and physical well-being. Continuous monitoring of health status can provide comprehensive information about individuals’ health status over a period of time.

Download the complete project Code & paper Presentation of Cloud and IoT Based Health Monitoring System Project.

 

Online Banking Application in Java using Spring MVC

Purpose of the project: The main purpose of this project is to focus on real-life application scenarios. The agenda would be to build an application and implement the banking features.

Objectives

The project is divided into two parts. The first part contains the main functionality of the banking website such as transferring money, withdrawing money, depositing money, etc. The second part of implementation contains the advanced features such as transferring money using interact, currency conversation, a restriction of transferring $1000 per day, a minimum balance of the account must be Rs 10000, withdrawal error in case of minimum balance goes below Rs 10000 due to withdrawal, admin and non-admin privileges on banking features and so on.

Goals

The goal is to design an online banking application that should have all the necessary basic as well as advanced features. This project is implemented on Java using Spring MVC Framework.

Project Category

This project is covering the skills and core areas of Java Spring MVC Application with equal emphasis on theory and practice. The main focus is to implement an application and analyze issues in the applications followed by a case study in the same area.

Scope of the solution

Through this project, we can develop the banking portal for new banking firms, or we can suggest a better solution to the existing banking portals. Though all existing banking portal has the features that have been implemented in our project, however, an enhancement can be made by analyzing the robustness and accuracy of our application.

Future scope and further enhancement of the project

The project can be made more advanced by implementing sessions, hosting email interaction features on the SMTP level, and many more. Indeed, Java MVC Spring gives a robust platform to develop solutions to real-world problems. It is easier to debug, manage, maintain and develop. It also has a huge list of spring libraries to make developer tasks easy throughout the task.

Problem Statement

The problem with Online Banking Applications
Affects: Customers, Admin
The impact of this is Banking Transactions
A successful solution would be to Design a database for storing the entire information, a front end for user interaction with the system, and analysis of daily, weekly, monthly, or yearly transactions of different types with the implementation of validation.

Literature survey

1. Study of different software development lifecycle models
2. Study of Java Spring MVC Framework
3. Study of Dao and Controller Interactions
4. Study of existing banking applications
5. Study of class lectures, PPT, book, and Stackoverflow
6. Study of Admin and Non-Admin Privileges
7. Study of Application Validation
8. Study of Application Risks and Vulnerability

Download Construction Management System Java Project using Spring MVC framework

Security Analysis and Implementation of Supermarket Inventory Management System

This Supermarket Inventory System creates purchase orders once the inventory level reaches a predefined level. Supermarkets and the vendor’s warehouse use this system to create receipts and invoices. The accounting department uses this system to match invoices and receipts so that the payment can be recorded accurately.

Through this project, we will be able to focus on both small and big retail stores in helping manage the Inventory of their store with security implementation. If taken in a more general form it can be used to manage inventory of even Production houses and Warehouses.

The Inventory Management System is an application designed to allow the supermarket staff to create, maintain and view the contents and value of its inventory of items in a categorized way. It also aims to analyze the position of the supermarket in the market and help it know what items to order in what quantity by producing graphs depicting the sale of different items on different basis such as monthly, yearly, brand type, etc. The main goal as of now is to implement the application by considering security loopholes.

We will analyze and implement web security in this project followed by a case study on cyber crimes in India. By security inputs, it will decrease the vulnerability of applications being hacked and attacked. It provides the surety and trust to the customers that their resources are safe and secure. Customers’ trust should be an organizational job. It also determines the use of information security at its pick level to resolve real-world problems.

Overview of the Project

The Inventory Management System is an application designed to allow the supermarket staff to create, maintain and view the contents and value of its inventory of items in a categorized way. It also aims to analyze the position of the supermarket in the market and help it know what items to order in what quantity by producing graphs depicting the sale of different items on the different basis such as monthly, yearly, brand type, etc

The supermarket Inventory System is to facilitate our customers to track their products as and when they are transported from the vendor to the warehouse and from the warehouse to the retail location to the customers. It is necessary to keep our resources safe and protected. In order to implement security in the application it would be done by implementing encryption, keeping a secure session base password, implementing two-level authentications, observing system logs and security faults, analyzing network flow using Wireshark, implementing Wireshark, preventing the application validation from unnecessary inputs, session management, session hijacking, hacking, cross-site scripting and implementing code to prevent from SQL injection and many more.

Sample Home page emphasizes the basic details about IMS organization. Authorized and registered customers would be able to login in IMS system to track and place their orders. They can look at the GST module, can contact our customer support team for any queries, review frequently asked questions FAQs, latest sales available, and many more. New customers can visit our portal to know about the IMS organization and can contact us.

Conclusion:

This Supermarket Inventory System creates purchase orders once the inventory level reaches a predefined level. Supermarkets and the vendor’s warehouse use this system to create receipts and invoices. The accounting department uses this system to match invoices and receipts so that the payment can be recorded accurately. Through this project, we are able to focus on both small and big retail stores in helping manage the Inventory of their store with security implementation. The main goal as of now is to implement the application by considering security loopholes. We have analyzed and implemented web security in this project followed by a case study. By security inputs, it decreases the vulnerability of applications being hacked and attacked. It provides the surety and trust to the customers that their resources are safe and secure. Customers’ trust should be an organizational job.

Future Scope:

The future scope of this Supermarket Inventory Management System project is vast, as we are trying to implement security and decrease loopholes that help to create security awareness. It will be helpful and used in government organizations, private companies, and nonprivate sectors; researchers to make it much better and would be referred by institutions too. Further enhancement of this project will really help to build own company that provides Inventory support with all security features that will be used by all storekeepers, allowing the supermarket staff to create, maintain and view the contents and value of its inventory of items in a categorized way with less vulnerability. This system is a tool for tracking asset levels, order management, safety stock, sales, and deliveries. It would help to avoid product overstock and outages.

Download the complete Grocery Inventory Management System PHP & MySQL Project.

Digital Learning Web Application using Visual C# and ASP.Net MVC

Introduction

“Quality and value: The true purpose of digital learning” From the ancient time we all learning new skills, books and different study materials using printed paper materials. In modern era, People don’t have enough time to sit on a place and go for library to learn something. People wants something that they can carry and read, learn any time anywhere. Digital Learning web application help user to read study materials and different books using laptop, mobile and tablets.

Objectives

In Digital Learning Application we have following objectives:

  • Manage Learners.
  • Track all courses and materials received.
  • Manage courses and fees.
  • Keep track of course status and notify learner.
  • Manage login and role.
  • It must work fast.
  • It must be reliable.
  • It must be economical.

Identification of Need

It pops in my mind when I started Ignou MCA, its very hard to attend all classes while working 9 to 5. I tried to find all study material in compact version, But I tried lots of websites but their no such material. I discussed this problem with many coworker and Ignou alumni but they told same, I thought to start a platform where people connect and ask questions, learn related topics in compact version. So I started analysis of the this project and in many way and found that its good if I start a website with eLearning capabilities. This website has lots of opportunity for ignou learners they can find all courses in future to learn. I planned this to launch on a real live website.

High Level System Requirement:

Admin/Author creates the courses.
Learners enroll and start learning.
Learner pay fees if opted paid course.
Learners attempt quiz and check their progress.
Learners can also share their understanding about particular topic.
Learner can ask questions and can answer.

Detailed Functional Requirements

Admin/Author creates the courses.
Learners enroll and start learning.
Learner pay fees if opted paid course.
Learners attempt quiz and check their progress.
Learners can also share their understanding about particular topic.
Learner can ask questions and can answer.

Module Details

The System modules are:

Learners module
Course Author module
Admin module

Learners module

Before login: Learners can browse courses, See Answers, Share blogs etc.
After Login: Enroll for a Course, Ask questions, Answer question

Author module

Create course
See enrolled students
Answer them, Help them in learning

Admin module

Manage Setting
Manage Authors, Courses, Learners
Manage financial data
See different reports

FUTURE SCOPE

Now a day’s there is a big demand by IGNOU student of this type of learning website, where they can find specific information, Currently its limited for Ignou MCA, later on I’ll update it for all students from Ignou and other universities. I have also plan for offering teachers to come and teach students directly using my website. I am also planning to launch the mobile application very soon.

CONCLUSION

DIGITAL LEARNING SYSTEM allows learners to register, enroll, learn desired topics and courses. I am using Asp.Net 4.0 MVC and C#, keeping in mind the specifications of the system. For designing the system we have used simple data flow diagrams.

Predict the Forest Fires Python Project using Machine Learning Techniques

Predict the Forest Fires Python Project using Machine Learning Techniques is a Summer Internship Report Submitted in partial fulfillment of the requirement for an undergraduate degree of  Bachelor of Technology In Computer Science Engineering. I submit this industrial training workshop entitled “PREDICT THE FOREST FIRES” to the University, Hyderabad in partial fulfillment of the requirements for the award of the degree of “Bachelor of Technology” in “Computer Science Engineering”. 

Apart from my effort, the success of this internship largely depends on the encouragement and guidance of many others. I take this opportunity to express my gratitude to the people who have helped me in the successful competition of this internship.

I would like to thank the respected faculties who helped me to make this internship a successful accomplishment.

I would also like to thank my friends who helped me to make my work more organized and well-stacked till the end.

OBJECTIVE OF THE PROJECT:

This is a regression problem with clear outliers which cannot be predicted using any reasonable method. A comparison of the three methods has been done :

(a) Random Forest Regressor,
(b) Neural Network,
(c) Linear Regression

The output ‘area’ was first transformed with an ln(x+1) function.

One regression metric was measured: RMSE and r2 score is obtained. An analysis of the regression error curve(REC) shows that the RFR model predicts more examples within a lower admitted error. In effect, the RFR model predicts better small fires, and the r2 score is obtained by using Linear Regression.

Best Algorithm for the project:

The best model is the Random Forest Regressor which has an RMSE value of 0.628 for which we are using GridSearchCV.

Scikit-learn has the functionality of trying a bunch of combinations and seeing what works best, built-in with GridSearchCV. The CV stands for cross-validation.

MODEL BUILDING

PREPROCESSING OF THE DATA:

Preprocessing of the data actually involves the following steps:

GETTING THE DATASET:

we can get the data from the client. we can get the data from the database.
https://archive.ics.uci.edu/ml/datasets/forest+fires

IMPORTING THE LIBRARIES:

We have to import the libraries as per the requirement of the algorithm.

IMPORTING THE DATA SET:

Pandas in python provide an interesting method read_csv(). The read_csv function reads the entire dataset from a comma-separated values file and we can assign it to a DataFrame to which all the operations can be performed. It helps us to access each and every row as well as columns and each and every value can be accessed using the data frame. Any missing value or NaN value has to be cleaned.

HANDLING MISSING VALUES:

OBSERVATION:

As we can see there are no missing values in the given dataset of forest fires

DATA VISUALIZATION:

  • scatterplots and distributions of numerical features to see how they may affect the output ‘area’
  • Boxplot of how categorical column day affects the outcome
  • Boxplot of how categorical column month affects the outcome

CATEGORICAL DATA:

  • Machine Learning models are based on equations, we need to replace the text with numbers. So that we can include the numbers in the equations.
  • Categorical Variables are of two types: Nominal and Ordinal
  • Nominal: The categories do not have any numeric ordering between them. They don’t have any ordered relationship between each of them. Examples: Male or Female, any color
  • Ordinal: The categories have a numerical ordering between them. Example: Graduate is less than Post Graduate, Post Graduate is less than Ph.D. customer satisfaction survey, high low medium
  • Categorical data can be handled by using dummy variables, which are also called indicator variables.
  • Handling categorical data using dummies: In the panda’s library, we have a method called get_dummies() which creates dummy variables for those categorical data in the form of 0’s and 1’s.
  • Once these dummies got created we have to concat this dummy set to our data frame or we can add that dummy set to the data frame.
  • Categorical data-column ‘month
  • dummy set for column ‘month’
  • Categorical column-‘day’
  • dummy set for column ‘day’
  • Concatenating dummy sets to a data frame
  • Getting dummies using label encoder from scikit learn package
  • We have a method called label encoder in scikit learn package. we need to import the label encoder method from scikitlearn package and after that, we have to fit and transform the data frame to make the categorical data into dummies.
  • If we use this method to get dummies then in place of categorical data we get the numerical values (0,1,2….)
  • importing label encoder and one hot encoder
  • Handling categorical data of column month
  • Handling categorical data of column day

TRAINING THE MODEL:

  • Splitting the data: after the preprocessing is done then the data is split into train and test set
  • In Machine Learning in order to access the performance of the classifier. You train the classifier using a ‘training set’ and then test the performance of your classifier on an unseen ‘test set’. An important point to note is that during training the classifier only uses the training set. The test set must not be used during the training of the classifier. The test set will only be available during the testing of the classifier.
  • training set – a subset to train a model. (Model learns patterns between Input and Output)
  • test set – a subset to test the trained model. (To test whether the model has correctly learned)
  • The amount or percentage of Splitting can be taken as specified (i.e. train data = 75%, test data =25% or train data = 80%, test data= 20%)
  • First we need to identify the input and output variables and we need to separate the input set and output set
  • In scikit learn library we have a package called model_selection in which the train_test_split method is available. we need to import this method
  • This method splits the input and output data to train and test based on the percentage specified by the user and assigns them to four different variables(we need to mention the variables)

 EVALUATING THE CASE STUDY:

Building the model (using splitting):

First, we have to retrieve the input and output sets from the given dataset

  • Retrieving the input columns
  • Retrieving output column

MODEL BUILDING:

  • Defining Regression Error Characteristic (REC)

Download the complete project Code, Report on Predict the Forest Fires using Project using Machine Learning Techniques

Designing an UI/UX-based Project for a Customizable App

Project Title: Designing an UI/UX-based project for a customizable app that prevents a person from “High Screen Time”. This UI/UX design for an app & more Projects also includes “Custom Portfolios”, and Banner-Design for an online education platform.

Project Tools: Adobe XD, Anima, Adobe Photoshop Undraw, GradientUI, Adobe Fonts, Adobe color.

Project Duration: 6-7 Weeks.

Project Files: The project files include numerous “png files”, Browser supported links, and a project report.

REFERENCE LINKS:

• Youtube
• Behance
• Pinterest
• Adobe Tutorials

UI & UX PROJECT FEATURES:

  • The Idea of Creating an app design that would focus on being minimalistic and target the main objective of reducing screen time.
  • The title of the project is “Unplug” which fits perfectly with our goal.
  • The app includes features like custom alarm, statistics, and one-click-detox.
  • A signup page and feedback page have been created in accordance with the app design to attract customers and improve app performance.
  • User experiences have been set up to have numerous feedbacks with the goal-objective kept in mind.

SIGN-UP PAGE AND FEEDBACK PAGE DESIGN

Banner Design & Landing Page Design Features:

  • The Banner is designed accustomed to the customer needs and contains the important tagline “STAY LOCAL AND WORK GLOBAL”
  • The Banner Design contains an idea of digitally marketing an online course on “Machine Learning” with mini tags explaining the features of the online course.
  • Coming to the design tool, for the banner, I have used Adobe XD, and the logos are imported from different resources using png format.
  • The landing page design is accustomed to an individual and contains the detailing of the person’s achievement in an attractive way
  • The landing page is designed in both “Light-mode” and ‘’dark-mode’’. The main idealogy behind designing a portfolio page is to attract people to know more about the person’s work and this can improve for people seeking jobs or companies looking for employees.
  • The landing page can also be used for a portfolio website.

BANNER DESIGN AND LANDING PAGE DESIGN

APP-FEATURE DESIGNS

CONCLUSION

The project took around 5-6 weeks to complete. The basics of understanding a UI & UX design and how to execute it. The goal was to resolve the complex issue of reducing “screen time” so that the customers could focus on much more important things and improve their work consistently. The project helped me understand the key principles of design and how to adapt them to our daily project and to provide users with all the necessary features required for the goal. The add/banner design helped me understand the view of a UI designer from a digital-market side and how its system work. For the portfolio design which would further help in CV and resume-building.

FUTURE WORK

  • Since I have learned some of the most basic things in UI & UX designing, I would like to gain much more expertise and experience in the field and learn how such designs solve real-world problems.
  • Adobe xd has regularly been updating itself and so learning new skill sets would be a constant work to improve me.
  • I would learn one step further by linking java-script codes and style sheets with the designs thus making a fully-fledged front end for a website or an app.
  • Since the user-testing field is evolving continuously, I would learn various user stories and try to improve them by using them in various projects.

Analysis Of Energy Consumption In India Python Project

Energy is one of the most important resources available to man and it is necessary to keep a check on the growing need for energy day by day.

The Issue of the availability of Energy is getting prominent these days. So to analyze the consumption of energy and production of Energy via available Energy Resources is important.

The project describes the consumption of energy resources of all states of India in the last few years with respect to the population of India state-wise and predicts the future energy requirements for every state.

INTRODUCTION

India is a growing economic superpower. At this point in time, we are sitting at the tip of our economic explosion. The vast reserves of resources in all factors of production have earned us the title of The Land of Potential. But this comes at a cost, with this growth potential comes the need to satisfy the potential through the generation of energy.

To meet this challenge of growing energy is very important for India and it is even more important to predict the future requirements of energy in our country.

If we are able to predict the energy required in the future it will boost the potential of the country and increase the overall growth in every field

Background and Basics:

The programming language Python is very useful for the analysis of data in every field.
Python has been used to show the analysis of data in a diagrammatical format like a Pie Chart, Bar Chart, and Multiple Bar Chart.
It also shows a map of India with respect to the intensity of Energy Consumption as well as the Population of India state-wise. By using Machine Learning.
We have predicted the requirement of the amount of energy for every state using The Linear Regression Machine Learning Algorithm. It uses two parameters on the outcome and one on which the outcome depends
The population has been used as a parameter on which energy depends

Future Use

This program gives a clear idea about the energy requirement in the Future.

Software and Hardware Requirements

Details of software

Python
Anaconda (Spyder) IDE
Required Python Libraries:
Numpy
Pandas
Matplotlib
Tkinter
PIL
Mpl_toolkits.basemapDetails of hardware

Details of Hardware

Working PC

Methodology

The SUBMIT button on the GUI checks the availability of state i.e.it checks the correct state.

The PIE Chart on the GUI plots the energy resource required percentage-wise.
The BAR Chart on the GUI plots the energy resource required percentage-wise.
Flow of Project
Our project takes a dataset of the population from the year 2013 to 2017 and energy requirements in India per state from the year 2013 to 2016.

The data from every set from the years 2013-16 has been used in order to train the machine using linear Regression and data from 2017 for the population has been used in order to test the model to predict the future requirement of energy.

The energy requirements predicted as well as actually have been represented using the map of India i.e. greater the intensity on the map higher the energy required for that state, bar chart, and Pie chart.

Results and Discussion

Pie Chart of Energy Resources of Maharashtra Year 2015
Resource-wise Production of energy

Map of India according to energy consumption

Conclusion

We have used python to show the analysis of data in a diagrammatical format like a Pie Chart, Bar Chart, and Multiple Bar Chart.
It also shows a map of India with respect to the intensity of Energy Consumption as well as the Population of India state-wise.
By using Machine Learning, we have predicted the requirement of the amount of energy in the specified year for each state in India.
Technologies used in the project are Python, Machine learning, and Data Analysis.
This program gives a clear idea about the energy requirement in the Future.

Online Cafe and Salon Management System Angular Project

During the Internship, Students worked on various static websites which include websites of café and event management companies. My internship also includes work on the Angular project Salon management system. This management system includes my main contributions in the registration portal, login portal, password changing portal, membership and offer cards, and other registration and contacts forms. This summer internship provided me with team experience and helped me in developing my skills in Web development using HTML, CSS, and JavaScript. Students have worked with the development of the front end and design of a Company’s Website and Dashboard.

Overall, the Internship program helped me in different ways to grow my knowledge in my field and also gave me insight into how to work in a team with proper coordination and in a timely manner.

ACKNOWLEDGEMENT

Working on these Cafe and Salon Management System projects has given us a wide opportunity to think, implement and interact with various aspects of computer technologies as well as learn new skills. One of the most fruitful benefits of working on this project is that we got a proper experience of working as a team, working on our assigned tasks, supervising and correlating with others, and management of the entire team with their tasks and completing the whole project.

I would also like to express our sincere thanks to our HOD and Course Directors, because of them we got the opportunity of having this group project as a subject in our current semester, and as a result, provided us the seed of execution of such a wonderful idea into action.

Overview of Projects

  • The Salon is a salon management system that has functions like admin management, customer tracking, and product shopping from the web.
  • The Café is a static site that has been designed for the users to get acknowledgment about the café. It has functionalities like booking tables, ordering online food, and menu details.

Objective

  • The objective of the salon management system: The Salon is to keep track of its daily expenses, customer, manage staff, and Publicity of its salon.
  • Static website Cafe management system which is designed also has the main objective of reaching more and more people through the help of the internet and making their marketing more strategic in the market.

Tools and Technologies

When the idea of making a web-based application came to our mind, the first thing that was required to be done was to gather information about the things that were required to be learned by us in order to make this project come to life. Hence after some brainstorming and group discussions, we followed the following figure and according to that learned the things in order.

After conducting this brainstorming and learning the process the tools and technologies that we had to use were as follows:

For Salon:

  • Angular
  • NodeJS
  • Stackoverflow (to learn about our software requirements)
  • GitHub (to learn about our topic)

For Static Website (The Cafe): 

  • Html
  • CSS
  • JavaScript
  • Bootstrap

IDE’s:

  • Visual Studio Code

Roles and Responsibility

  • Contributed to the making of a few modules for the Salon which includes modules like registering customers, forgetting passwords, and reset
  • Also contributed to live project

Implementation Environment:

 The backbone and the main aspect of the software side of the project were to run the HTML code, perform the JavaScript and make the site more user-friendly by adding CSS. So the implementation was carried out in such a way that the correlation of different files would be done easily. Hence, the use of an IDE was a must. Initially, we thought of using IntelliJ IDEA but the idea was dropped later on and we began working with the visual studio code 2020.

Sometimes to organize we even had to use some text editors like sublime text, atom, etc. Implementation of the code was done altogether after we researched and sorted the image data that we obtained. The basic approach that we used was the partial compilation method and went on integrating the small amount of the code into larger ones, module by module.

CONCLUSION

 In the end, we would just like to briefly explain how this project helped us to excel at our own best level and made us learn a lot of new things, technologies, and team management. And also implement all of the skills that we previously acquired or learned later on as a part of the completion of the project. Moreover, this project helped us to learn about the real scenarios of working in a team for real tasks and to cope with deadlines, quality management, and each and every aspect of the project. This project gave us the motivation to think differently and express our own ideas to implement them. Also, it taught us how to deal with errors, quality-related, time-related, and other management-related problems.

Most importantly with the medium of this project, we learned Many new skills, ranging from soft skills to technical skills. Qualities related to management, problem-saving time saving, etc. were also learned by us. We tried to make an honest solution for people out there facing problems and learned how all the skills combined: with the help of a perfect team and proper management along with proper skills is the key to providing the solution to any possible problems out there. And we believe that we did a great job implementing all our knowledge, and are grateful to present this execution of one such idea.

Thanking all those who helped us in a big or a small way with this project. Every contribution that has been given is very valuable to us and is the true reason for this project to stand out as a pioneer-based preliminary project and success of this project. With that being notified we heartily present our project and welcome all suggestions or improvements with open hands.

Online Banking Website Project using HTML, CSS, and JavaScript

In this academic project, we are going to create an Online Banking Website using basic HTML, CSS, and JavaScript. We have planned and going to create as per the design given by the instructor. Which include:-

  • A home page that will provide all the necessary views. And it includes the link to the various linked pages (login/signup page, services, fixed deposit, e-services, account details, about us).
  • The top bars include the link to every single linked page.
  • We are going to provide services like Personal internet banking, Corporate banking, Merchant business, and Online tax.
  • Payment transfer: – International transfer, National transfer, Bill payment.
  • My Account page contains: – Account No. , Bank / Branch. IFSC Code.
  • ABOUT US page which shows the details of our contacts and our headquarters.2 Online Banking Websites

Concept:-

  • We have used the concept of HTML Programming like o Hyperlink projection.
  • Use of different tags to make it visually better like font, table, listing, hyperlink, styling, etc.

Use of:-

  • Combo Box
  • Search Box
  • Button
  • Text Field
  • Label
  • Fieldset
  • Legend

This project is basically an online banking website where one can create his/hers bank account, and use the same account for various banking services.
All designing and programming are done by us only.
All the members have their role in creating this website.

PROJECT DESCRIPTION

Project Name: Online Banking Website

Languages Used: HTML, CSS, JavaScript

Software Used: Visual Studio Code

Browser Used:  Google Chrome

Description:

This project is not a pure website that works on the internet. This project is just a template of a bank website, which can be used with the backend to create a perfectly working website. This website is work fine with JavaScript, CSS (Cascading Style Sheet), and HTML (Hyper Text Markup Language), with some simple concepts to make it a Responsive Web Page.

PROJECT CONTENT

This website is consist of various HTML pages, which are linked to each other with links (either by link or anchor tag).

Following are the HTML file names involved in the project:

  1. html (Home Page)
  2. html (Login Page)
  3. html (Sign Up Page)
  4. html (Personal Internet Banking)
  5. html (Corporate Banking)
  6. html (Merchant Business)
  7. html (Online Tax)
  8. html ( International Money Transfer
  9. html (National Money Transfer)
  10. html (Bill Payment)
  11. html (Fixed Deposit)
  12. html (E-Services)
  13. html (My Account)
  14. html (About Us)

Following are the CSS files name involved in this project: (Here, we used a simple convention in the naming of the files: “<html_file_name>CSS.css”

  1. css (Home Page)
  2. css (Login Page)
  3. css (Sign Up Page)
  4. css (Personal Internet Banking)
  5. css (Corporate Banking)
  6. css (Merchant Business)
  7. css (Online Tax)
  8. css ( International Money Transfer
  9. css (National Money Transfer)
  10. css (Bill Payment)
  11. css (About Us)
  12. css (My Account)
  13. css (Fixed Deposit)
  14. css (E-Services)

Following are the JavaScript file names involved in this project:

  1. js (Login Page)
  2. js (Sign Up Page)
  3. js (Personal Internet Banking)
  4. js (Fixed Deposit)
  5. js (Bill Payment)

CONCEPTS USED

As above mentioned, this template website is made up of HTML, CSS, and JavaScript.

The concept used in HTML:

  1. Using the link to add an external CSS file to it.
  2. Using the “src” attribute with the “script” tag we link external JavaScript.
  3. Using the “div” tag to separate various parts of the webpage to give functionality and style separately.
  4. Using “h1” tags to give a heading.
  5. Using “img” tag to give images on the webpage.
  6. Using anchor (“a”) tags to link multiple HTML files to each other.
  7. Using “id” and “class” attributes with different tags to give them style and functionality accordingly.
  8. Using the “form” tag to use the form for the login and sign-up page.
  9. Using the “method” attribute’s value as “POST” to give the form data securely.
  10. Using “input” tags to make an input field for the users. (With its different types.)
  11. Using “onload”, “onclick”, “onblur”, “onchange” with its value to call the functions which are in the respective JavaScript files on loading the webpage, on clicking a button, on losing focus, and changing the state respectively.
  12. Using “label” tags to create labels for the input fields.
  13. Using “select” tags to create a drop-down menu or combo box in the form.
  14. Using “option” tags inside the “select” tag to give options in the drop-down menu.
  15. Using “button” tags to create a button for submitting and resetting the form.

The concept used in CSS:

  1. Using “#” and “.” to access elements with their id and class values respectively.
  2. Using some pseudo-classes to make a somewhat interactive web page. (Without using JS.)
  3. Using media queries to make the page responsive for some specific display ratios.
  4. Using “@import” for importing another CSS file to a specific file.

The concept used in JavaScript:

(In this project, JavaScript is used mainly for form validation and for interactive buttons.)

  1. Using Regular Expression (RegEx) for creating a pattern for email and password validations as they have a specific pattern in them.
  2. Using “window.location.replace()” to go to a specific location on calling it.
  3. And using other pre-defined functions to create our user-defined functions.

CONTRIBUTION BY TEAM MEMBERS:

  • The idea of the project and its structure of it.
  • Creating all JavaScript files, to make our web pages interactive.
  • Final touch-up to the project.
  • Creating all CSS files, to make our web pages beautiful.
  • Creating all HTML files, to add content into it.

PROJECT IMPLEMENTATION:

Here are some images of our project.

  • home.html
  • acc.html
  • login.html
  • signUp.html
  • billPay.html 

CONCLUSION

This online banking website project is completed in two scripting languages i.e. HTML and CSS, and JavaScript.

There is a total of 14 .html pages which are linked together to create a full website template for online banking.

In this project, all three developers work equally, with the same amount of effort.

REFERENCES

1. w3school.org
2. geeksofgeeks.com
3. developer.mozilla.com

Download the complete project on code, report of Online Banking Website Project using HTML, CSS, and JavaScript

MOODIFY – Suggestion of Songs on the basis of Facial Emotion Recognition Project

Modify is a song suggested that recommends the song to the user according to his mood. ‘Modify’ will do the job leaving the user to get carried away with the music.

I/We, student(s) of B.Tech, hereby declare that the project entitled “MOODIFY (Suggestion of Songs on the basis of Facial Emotion Recognition)” which is submitted to the Department of CSE in partial fulfillment of the requirement for the award of the degree of Bachelor of Technology in CSE. The Role of Team Mates involved in the project is listed below:

  • Training the model for facial emotion recognition.
  • Designing the algorithm for image segregation.
  • Algorithm designing for music player.
  • Graphical user interface designing.
  • Testing the model.
  • Collection of data for model and music player.
  • Preprocessing of the data and images.

Dataset:

The dataset we have used is “Cohn-Kanade”. 
This dataset is classified so we cannot provide the actual dataset but the link for you to download is :
http://www.consortium.ri.cmu.edu/ckagree/index.cgi
And to read more about the dataset you can refer to:
http://www.pitt.edu/~emotion/ck-spread.htm

Feature Extraction and Selection:

1. Lips
2. Eyes
3. Forehead
4. Nose

These features are processed by CNN layers and then selected by the algorithm and then they are converted to a NumPy array then the model is trained by that and the following three classifications are made.

How this project works:

  • First Open the Application, CHOOSE THE MODE IN WHICH YOU WANT TO LISTEN to THE SONG
  • Then it shows “YOUR MOOD, YOUR MUSIC”
  • Press “OKAY TO CAPTURE THE IMAGE”
  • After that press “c” to capture
  • You seem Happy please select your favorite genre
  • You seem Excited please select your favorite genre
  • You Seem Sad please select your favorite genre

CODE DESCRIPTION

  • All libraries are imported into this.
  • Model Initialization and building.
  • Training of test and testing.
  • Training our model
  • Model Building, Splitting of test and train set, and training of the model.
  • Saving a model.
  • Loading a saved model.
  • Saving image with OpenCV after cropping and loading it and then the prediction
  • Suggesting songs in Offline mode
  • Suggesting songs online(Youtube)
  • Rest of the GUI part
  • Variable Explorer

IPython Console

  • Importing Libraries
  • Model Training
  • Model Summary
  • Online Mode
  • Offline Mode

GUI

  • Splash Screen
  • Main Screen
  • Selection screen
  • Display songs and then select them, after that they will play

Summary

We successfully build a model for Facial Emotion Recognition(FER) and trained it with an average accuracy over various test sets of over 75%. Then we successfully build a Desktop application to suggest songs on the basis of their facial expression and hence completed our project. This FER model can be widely used for various purposes such as home automation, social media, E-commerce, etc and we have the motivation to take this project to a next level.

Download the complete Project code, report on MOODIFY – Suggestion of Songs on the basis of Facial Emotion Recognition Project