2.  Bhavesh Singh (16030141IT011)
 Manohar.CH (16030141IT050)
 Jayoti Mondal (L16030141IT052)
DR.VINODHA K
Assistant Professor,
ACED

3.  Introduction
 Project Objective
 Motivation
 Features of Project
 Project Modules
 Project Architecture
 Components of Project
 Project Implementation Analysis
 Project Application
 Future Enhancements
 Results
 Conclusion

4.  We have chosen a path to implement our innovative
ideas in the form of this project named as HOME
MANAGEMENT WEBAPP.
 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
house effectively

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
simple way.
 The measured structure and developed framework is especially client
situated .
 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
user.

9. Following are the features:
 Drag and Drop content Calender
 Rate Management
 Bill spliter
 To do list
 Remainders
 Table Menu
 Widget to shop for home.
 Widgets to check stocks ,market rates.
 Contacts storage.
 Bill payments
 Grocery Remainders

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
 Customizable
 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
model approach.
 The development was carried out in phases satisfying waterfall
model .

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
framework.
 Each functionality verification was carried out after success design and
implementation.
 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 :
• Html
• Css
• Javascript
• Php

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
passwords.

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
with.
 Web App implementation was carried over Angular
framework
 Using Scripting languages like :
 Html
 Css
 Js
 Bootstrap

21.  Features discussed earlier were also designed and implemented with
Javascript, Html and Css.
 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
 Atom
 Sublime Text
 Visual Studio Code
Development framework
 Angular 8
 AngularJS is a JavaScript-based open-source front-end web
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:-
 Bootstrap
 Html
 Css
 Javascript
 Web application Framework:-
 Angular 8
 Task Runner/Package Manager:-
 Npm (Package manager for javascript)

24.  Database :-
 Sql
 Text Editors:-
 Sublime Text 3
 VS code studio
 Atom
 Web servers:-
 Wamp(local host)
 Apache
 Php

25. Angular
 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
effortlessly.
 Angular makes much of the code you would otherwise have to write completely
redundant.
 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
Angular.

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
application.
 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
efficiency.

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
manual updation.
 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
work.
 Monetization required to
access multiple features.
 Anylist
 Barcode Scanner issues.
 Privacy issues.
 Only limited to 5 recipes to be
added.
 Home Keeping
 Not very intuative or straight
forward.
 Requires payment.
 Language Translation problem.
 Home Management
 No Advertisements.
 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.