Home management WebApp presentation
- 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.