Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

Bidna: Mobile Application for Household Shopping

Reem Mansour

Raneem Jiaan

Aseel Hamadna

Supervised by: Dr. Abdel Salam Sayyad

About Bidna App

Introduction

Managing Shopping list is one of the problems that families face during their day, as the difficulties of remembering all the items to buy, and adding new items to the shopping lists. Out of that we decided to develop Bidna app.

PROBLEMS

What are the Problems Bidna Solves?

Near Shops

Forgetting

The Best Shop

Add New Items

Multi-buyers

Shopping Lists

OUR VALUES

Why Bidna is different ?

Shared Lists

In Arabic

Easy to use

Favorite Shops

- Friendly user interfaces

- Easy for users in different ages

- Suitable for our community

- Notify when reach near shop

- Be aware of prices, goods and sales

- Notify when add new Items

- Notify when bought items

Similar Applications

Before starting the development of "Bidna" application, we find out some similar application to "Bidna" to find information that help in developing the app.

Mobile Apps

Similar Mobile Applications

Out of milk

Don't forget Your list

Bring!

Feature Matrix

Feature Matrix

Mobile Applications

Mobile applications have three main types: native apps, Web-based apps, and Hybrid apps.

Moreover, each mobile app needs three stages which are database, back-end, and front-end, to be developed.

Mobile apps Types

Main Types of Mobile Applications

Native apps

Web-based apps

Hybrid apps

Developed using web development languages, then its run within native application.

HTML5, CSS and JavaScript for front-end side, and PHP, Python for back-end side used to develop it.

This type of mobile applications support a particular mobile platform.

Stages to develop mobile apps

Stages To Develop Mobile Applications

Front-end

Database

Back-end

Back-end responsible for store data in the DB, and handle the APIs sent from the front-end side.

Front-end is the interfaces between the users and the application itself.

Database used for organizing collection of structured information, or data.

Database

It's open source database that uses a non structured query language and document oriented data model

It can be classified as a NoSQL system and database

MongoDB is the best choice in any business DB modeling

Back-end

Any node.js app run in a single process, which means that for every request, no new thread needs to be created

Node.js is an open-source JavaScript run time environment

Express.js is a web app framework for node.js. It provides the features that make the development of applications fast and easy

Front-end

Ionic used HTML, CSS, and JavaScript for designing the UIs

It is a user interface used for developing mobile applications

Easy, faster in development, and flexible in replacing components

Development

In "Bidna" app the schema, some of the APIs and some of the UIs have been implemented.

DEVELOPMENT

MongoDB

Database Schema

Node.js

APIs

Get User Favorite Shops

Get User Lists

Get User information

GET

Insert new Item

Insert new List

Insert new User

POST

HTTP methods

PUT

Update Item Information

Add members to List

Update User Information

DELETE

Delete Items

Remove Shop from Favorite

Delete Member from List

IONIC

Login and Registration pages

Menu pages

List pages

Settings pages

Thanks

Learn more about creating dynamic, engaging presentations with Prezi