4. We have chosen a path to implement our innovative
ideas in the form of this project named as HOME
The basic concept, which is emerged out from our
project is to handling objects over a certain height.
The Home management project is an excellent web
tool for the related home stays that can by bachelors,
house wife’s, any one whose aim is to manage his
5. The home management tool is a complete set of scripted
programs, along with integrated modules for various aspects
of home control.
This web application is often referred to as a mobile
application in making the user able to note down things ,aimed
to be accomplished.
This web application consists of all the necessary capabilities
in it to the easier extent for use .
This application is designed for making notes , remainders,
shopping of groceries ,storing your important dates, also can store
your contacts and suggest a individual about the day to day menu.
6. This Project is a fine idea to make the Home administration framework to a
The measured structure and developed framework is especially client
The framework isn't limited to any specific framework.
To make the web application easily usable.
The user ll also be the admin to its payment feature, credentials storage.
7. There are confusion of “What to do?” and “What not to do?” when
you start some thing new!!
Considering ourself at the position of need of a web app like this,
which could make some things easier to accomplish.
The motivation for doing this project was primarily an interest in
undertaking a challenging project in an interesting area of work.
The opportunity to learn about a new area of web developemnt
using a framework was appealing.
8. There are various features of our project .
It can offer number of advantages to the user.
Our Webapp has some specific countable
features for which other apps may charge a
9. Following are the features:
Drag and Drop content Calender
To do list
Widget to shop for home.
Widgets to check stocks ,market rates.
10. Drag and Drop content Calender
This website shows every (annual) calendar including 2019,
2020 and 2021.
This can be very useful if you are looking for a specific date
(When there's a holiday / vacation for example) or maybe you
want to know what the week number of a date in 2019 is?
You can also use this site to find out when a particular day or
date in 2019 takes place.
Calender is also connected to user’s gmail account and can
be updated accordingly.
11. Bill spliter
Split Tab is the simple way to split
a bill among friends.
Tax and tip are calculated for you.
12. Helps in adding events
Created using java script
13. Pay bills at time.
Linked to most used payment options.
14. This webapp follows the basic model of development i.e Waterfall
The development was carried out in phases satisfying waterfall
15. Advantages of adopted model:
Task completed in phase to phase.
Meeting requirements made the application satisfactory to the results.
Design of the web app on the basis of outcome of previous phase.
Implementation carried out using several web technologies and web
Each functionality verification was carried out after success design and
Webapp maintainence with period of time will take place to meet requirements.
17. Front End Layer
This is the client layer, which is visible to client.
This Layer allows the client to operate the application as per its need.
For eg:-Architecture diagrammatic representation describes login
/registration page , asking for user id and password.
This front end layer is implemented using several web scripting languages
such as :
18. Business Logic Layer
This layer connects with the client layer.
Approves the credentials of the user if valid.
Gives client access to the other main features.
Mostly compromised of php scripts and sql process for
backend storage of credentials, such as username and
19. Backend Layer
This layer is the data layer or database layer.
This layer process the outcomes and credentials validation
from business logic layer and provides client a hassle free and
uninterrupted process sequence with fine response.’
Includes Database servers and local host servers for testing
and demo purposes.
Mysql/MongoDb may act as a database for such backend.
20. The webapp consists of several components to deal
Web App implementation was carried over Angular
Using Scripting languages like :
21. Features discussed earlier were also designed and implemented with
Backend Process , sql process which were playing prominent role in
login/registration page were dependent on php.
Scripting language Php has also been in use of this project.
Local hosting server was implemented using WAMP server which is
available for free download.
22. Editors used
Visual Studio Code
framework mainly maintained by Google and by a community of
individuals and corporations to address many of the challenges
encountered in developing single-page applications.
23. Brief Analysis of Implementation process of
Home Management WebApp.
Front end FrameWork/Scripting Languages:-
Web application Framework:-
Task Runner/Package Manager:-
24. Database :-
Sublime Text 3
VS code studio
AngularJS is a structural framework for dynamic web apps.
With AngularJS, designers can use HTML as the template language and it allows
for the extension of HTML's syntax to convey the application's components
Angular makes much of the code you would otherwise have to write completely
We can use Angular to build any kind of app, taking advantage of features
like: Two-way binding, Templating, Restfull api handling, modularization, AJAX
handling, dependency injection, etc.
The main reason behind the popularity of Angular is its robustness, platform
independency and browser support. Currently all major browsers are supporting
26. Why should we use AngularJS?
Two Way Data-Binding
Dealing with MVC
Assistance form Dependency Injection (DI)
Use of Directives
Empowers with Better User Interface
Benefits of Using AngularJS
Dependency injection The Dependency Injection helps the developer to develop the
application easily and smoothly.
Flexible :- It is flexible in offering solutions in basic HTML and creating the single-page
Extensibility : -Allows easy customization of your workflow, manage libraries, and meets
your needs easily.
e2e Testing : -The code can be tested and the developer can measure the output and behavior
of the code.
Data Binding : A sync between Model and View components and in turn improves code
27. Allows user to add items to day to day todo’s.
Google synchronized calender and remainder.
Bill payments .
Free access to all features.
Provides timely grocery remainders using
Widgets for stocks and market prices.
Store numbers ,emails and address .
Provides support and tips for daily routines.
30. Cozi Family Organiser
Advertisements block the
Monetization required to
access multiple features.
Barcode Scanner issues.
Only limited to 5 recipes to be
Not very intuative or straight
Language Translation problem.
All features available for free.
Barcode Scanners not in use.
Unlimited addition of recipes..
Easy UI and straight forward.
No payment required.
Contacts storage facilities.