E-commerce Web Application with Mobile Interface

Abstract

Internet is the most used source for businesses and shopping. Online shopping is an extension for business owners to sell their products and increase profits. This increases the sales and profits of the business and then coming to the technology we need to have the ease of access for shopping online. The huge competition between the several types of e-commerce applications.

This is an E-commerce application for selling products online. The types of products are customizable and variety of sale. The robustness and scalability of the application are being the most important factors. Hence, the framework and coding are done using ASP.NET and C#. This brings to a conclusion of also developing a smart phone application in windows and Android. As, there are majority of users for Smartphone, they prefer shopping using an Smartphone application.

  1. Introduction

Today, Internet is the most used source for businesses and shopping. Online shopping is an extension for business owners to sell their products and increase profits. The complete collaboration of business, internet and software comes under a common term E-commerce Technically, Electronic commerce defines as a term used for buying and selling products using electronic systems such as computers, networks and Internet. This completely involves the developing of software applications, marketing, selling, shares and business.

This project, titled as Building ‘E-commerce Web Application with Mobile  Interface’ develops an E-commerce web application which contains several options to buy, sell and display products. The project also includes showing an admin panel, to control sales and inventory. The project description section describes clearly each and every module of the web application. There also exists a android / Iphone mobile interface of the following application in form of windows and android mobile applications. The reason behind the development of smartphone application is because 56 Percentage of American people use a smartphone (Einav,2014). Having a mobile application will make them easy to surf different products and shop.

The web application will be executed using a website domain and the mobile applications will be executed by the emulators. The Application also contains Databases, payment methods etc. The development process will be object oriented. The pages and the links of the application are given in project description section. All the project schedules and time taken for different steps in developing the application are given in other sections below. E-commerce web application is a live project which has lot of coding, architecture, database tables and interfaces.

  1. Project Description

The project develops an E-commerce web application and am mobile phone application running on windows and Android. Using this website and mobile application people can start shopping online, buy goods and pay the amount. The project contains of two parts:

  • Website (or) Web Application
  • Mobile Application in Android and Windows

Both the parts have almost similar interfaces and modules. The only difference is the ease of usage. They have a common database. The Software environment is described in another section of this proposal. These applications have various modules or pages, All the functions possible in this module are described separately. Each Module or function have a set of tasks to accomplish.

The operation of this project is divided into two different interfaces. Commonly describes as the front-end and back-end of a website. In this Application we decide it as

Customer Interface

Admin Panel

  • Customer Interface

The customer interface is the page for customers to browse and search products. It is the page which is visible to the customers and users. It cannot make any changes to the website or the database. It is accessed by the end user to shop products and make payments. The Customer Interface contains of several functions and modules. Each module is defined separately with explanations. Similarly, the Admin panel have modules that are different from customer interface.

The various modules or the functions of the Customer Interface part of the application are as follows:

Responsive Web Interface (Mobile Friendly)

The Web Interface is the physical part that can be seen and operated by the user on the website, it is the framework of the application, also called as the look of the web application. The better looking is the web interface; the more people would like to visit the website. Hence, it is one of the most important factor to increase sales.

The word ‘Responsive’ states that the interface is friendly to different screens. This typically means, the website or the application used on various screen sizes would change its interface accordingly signifying the screen size. That means, the design for the website is different for Laptops, Smartphones, and Tablets. This is completely different from the smart phone application.

Unlimited Products

This module or functions states that there can be unlimited products listed for sale. There is no limitation for browsing the product. The products displayed should be in stock and shuld be available for sale for getting added in to the cart.

Unlimited Product Categories

As there are Unlimited Products, all the listed products would be in different categories, for making customers easy to browse products. For example, TV’s, refrigerators and so on are the category of Electronics, all the textiles are category of Clothing etc. Hence, the user or customer can select his or her choice of category and shop for products. There is no limitation in the categories of products also.

Shopping Cart Application

After shopping and browsing the products, the customers add the products to the cart (Shopping Cart). The cart application is coded in such a way, that it adds tax according to the given state. Also gives the option to pay the outstanding balances. It has an option for entering any codes for reducing prices such as gift cards or promotional cash, etc.

The programming is similar for both the web application and Smartphone application. The shopping cart, should be secure and easy to understand. It should also have the number of products required and also the complete detailed billing information of the customer.

The shipping address and billing address of the customer should be completed before check out. These information of the customer should be secure and this page should not have any loopholes in the code, that makes it easy for eavesdropping.

Login and Sign Up

Each and every user have separate profile in the application, which stores their recent orders, billing address and shipping addresses. Before checking out from the cart, Customers should login into their accounts. If they do not have an account or profile in the application, they should create one.

The login and signup pages are forms, which are separate for each and every customer or user. These profiles are all saved in databases. The databases are designed in form of these profiles. It is not mandatory for having a profile, customers can also buy products using a guest checkout, which does not store any recent information, but stores the order using its order number.

Display and E-mail Invoices

After the Purchase of the products, an invoice is displayed and emailed to the given Email ID of the customer. This is coded in the programming part of the checkout page. The Invoice states the Order number, name, product details, date of purchase etc.

Deals and Offers

Whenever there is any deal or offer in any product it should be directly applied to the cart. Hence, this module should have good collection because people start looking into these pages first.

Search Products

This option is the most important of all the modules, because every customer types in the product he want in the search bar. To make the customer easy to search we add search filters. Search filters are used to make the search option even more better for fine and clear results. The search toolbar should not have any errors as this may decrease the patience of the customer.

Tracking Shipped Products

Customers should be able to track their products once the shipping from the ware house is done. These tracking is done in a third party shipping company. But we add a frame from the third party shipping company to make it easy for our customers to track their products.

These are the modules and functions that are main part of the Customer Interface, all these modules make the site full online store for buying products. To manage all these customer interface modules we need to have a master admin. Hence, we add another part to our application that is the Admin Panel.

  • Admin Panel

To manage all the pages and modules in the Customer Interface it is important to have a back-end interface for the web application. The Modules in the Admin panel are completely different from Customer Interface. Each and every module is explained separately.

Database

All the customers and the users having profiles or accounts in the web application are saved in the user accounts database. All the products bought by the customers are stored separately in their accounts respectively.

Product Database

The unlimited products in the web application are added through the product database. Every product is added in the shopping list according to its respectful category.

Update Prices and Banners

Prices of the products change eventually, so admin panel should be able to update prices and banners. Banners are posters that are displayed in the home page for bringing up the deals and offers.

Multiple Payment Gateways

After adding products to cart, payments are made using the payment gateways. Hence, all gateways should be secure for making payments.

Smartphone Application Interface

The smartphone application’s interfaces are almost similar to the smartphone responsive web interface. It also has common database as the products and user profiles or accounts.

  1. Project Activities

The Project activities involve steps for developing the web application. These activities can make the project, faster to develop and run easily. There are two different Project activities for Web and Smartphone Application.

  • Web Application Activities

The activities for Web Application are given as follows.

Application Software Architecture

Designing Database Tables

Designing Framework for the Web Application

Developing Code for running the parts of Application

Implementation of the code using website domain

Testing the Application for bugs and loopholes

  • Smartphone Application

The Activities involving for smart phone application development are given as follows:

Application Software Architecture

Designing Database Tables

Coding for the Application

The above two activities are similar to the Web Application activities.

Designing framework for Smartphone Application

Implementation using mobile emulators

Testing and debugging the Smartphone application Respectively for Android and Windows

  1. Project Environment

The project environment for both web and software applications are given as follows.

  • Web Application Environment

Platform                                  : Windows

The Operating System            : Windows 10

Framework                              : ASP.NET Framework

Front-End Tool                       : ASP.NET With HTML 5 and CSS

Editing Tool                            : Microsoft Visual Studio, Notepad ++.

Scripting                                 : VB.NET, JavaScript, JavaScript.NET

Interface                                 : H.T.M. L 5, X.M. L (STYLE SHEET (.XSL))

Server                                      : INTERNET INFORMATION SERVER

Back-End Tool                       : S.Q.L SERVER 2012

  • Smartphone Application

The following are the environments for smart phone application.

Platform                                  : Windows

The Operating System            : Windows 10

Framework                              : ASP.NET Framework

Front-End Tool                       : ASP.NET With HTML 5 and CSS

Editing Tool                            : Microsoft Visual Studio(Windows), Android Studio (Android)

Scripting                                 : VB.NET, JavaScript, JavaScript.NET

Interface                                 : H.T.M. L 5, X.M. L (STYLE SHEET (.XSL))

Server                                     : INTERNET INFORMATION SERVER

Back-End Tool                       : S.Q.L SERVER 2012

  1. Project Schedule

The time taken for completing the whole project is one semester, equals 16 weeks. The division of work for 16 weeks is divided. The Schedule is done taking the project activities into consideration.

Smart Phone Book Android Application

INTRODUCTION

The main objective of Smart-Phone book Android application is to avoid confusion while searching for the names in the contact list. It is easy to save a contact but what if the number is different and the name of two persons is the same. The solution is to save the numbers with the same name but in two different fields.

This application contains different fields, where contacts of people belonging to the particular field can be saved there.

By selecting the particular contact from the field or sub-field function like calling can be performed.

Abstract:

The main objective of Smart-phonebook application is to avoid confusion while searching for the name in the contacts list. Creating a contact in our phonebook seems to be easy, but it becomes little confusing when we search for names in the contact list as two or more people may have the same name but different numbers. To avoid this confusion we have added few fields to currently existing phonebook which makes it a smart-phonebook. Fields like friend, family, work, relative as per the requirement are included in this application. This application will be very helpful for the people having a big list of contacts.

Requirements:

Software :

  • Operating system: Windows 8.1pro
  • Technology: Android
  • Backend: Java SE
  • Front end : XML(as UI)
  • Tools: Android Studio or Android SDK

Hardware :

  • Processor: Intel®Core™
  • RAM : 1.0 GB-2.0GB
  • Hard disk: 2 GB

Scope:

This is an offline application which manages to save one’s, part of personal information like contact number, address and email id if applicable. It can be accessed by the phone use only. Every person has many contacts in their list but may or may not classify contacts into groups.

Proposed system :

  • This offline phonebook application can save several numbers of contacts belonging to different fields.
  • Fields can be named as per the user wish, suppose one field belongs to the business, then in business there may be many sub-fields, a person’s information belonging to one particular sub-field can be saved there.
  • The prime advantage is that many people can be classified according to their fields or sub-fields to avoid confusion while retrieving the contact.
  • To give a call to any person can be easily done without searching the whole list of contacts, we can directly shift to the field and sub-field of that contact and perform the task.

Contact Type Screen

Add Contact Screen

View Contact Type

Contact List Screen

Contact Settings Screen

Update Contact Screen

Update Showing Screen

Existing system :

  • As for now, we have a normal phone book is on every phone. This is a phonebook application that can be used only in smartphones.
  • The only drawback of this application is that the incoming call of the person with the same name belonging to different fields, cannot display the particular field of that person.

Virtual view :

Smart Phone book Android Application

Conclusion :

A person having several contacts will enjoy the flavor of this application, because the members in their list may confuse the user with the similar name though belonging to different categories, to overcome this person to person can be classified according to their respective categories.

Download the Smart Phone Book Android Application Code

Automatic Appliances Control in a Class room

Problem Statement:

  • In class room’s electric equipment’s like, fans, lights are running, even if there is no people. In some cases, those areas which are unfilled those electric equipment’s are running meaninglessly. This is because, every time manually turning on and off in accordance with the arrival of people, is an uncomfortable task.

Proposed system

  • We propose an automated system for power management to solve the problem of electricity wastage when people leave rooms without switching off the fans and lights.
  • The camera will capturing the images after every 5 minutes,capture image will send the information to the server, whether there is any object is present or not.If it detect the object then the information will send to the data for switching the appliances (light and fan).

Software requirements:

Software part consist of the data base application program and the server program

  • Android
  • data base is implemented in MySQL

Application program can be implemented with android programming language using

  • Android studio.

Server:

  • The server is implemented using apache tomcat,nodejs

Hardware requirements:

  • Mobile device
  • Personal computer
  • Camera
  • Electronic Components

Automatic Low noise indication & Speaker/mic volume adjustment in class room

Automatic Low noise indication & Speaker/mic volume adjustment in class room

Traditional classroom

Problem Statement:

  • For traditional classroom learning environment, there is a problem that Instructor can’t identify whether the students in class room can hear the instructor’s voice in uniformly.

Proposed System:

  • Instructors can identify whether he/she should increase the voice.
  • When audio frequency becomes low, the instructor gets a notification that he/she should boost up the voice for hearing the audio to the entire class room uniformly.

Smart classroom

Problem Statement:

  • In smart classroom, we have speakers. For increasing the speakers volume accordingly to the instructors low or high voice we may need a manual help.Every time manually increasing the volume high/ low for the convenience of learners is an uncomfortable task.

Proposed system:

  • When instructor voice is low/high than a particular frequency, then the Frequency analyser will identify the frequency and sends the information to the server.The speakers will adjust the volume to a normal frequency for the convenience hearing of learners.
  • When student voice is too low/high, the hand set mic will also automatically adjust volume.

Software requirements:

Software part consist of the data base application program and the server program

  • Android
  • data base is implemented in MySQL

Application program can be implemented with android programming language using

  • Android studio.

Server:

  • The server is implemented using apache tomcat, nodejs

Hardware requirements:

  • Mobile device
  • Personal computer
  • Speakers
  • Frequency analyser
  • Electronic components

World News on Click Android application

A leading newspaper is grappling with their present android based mobile application which was not providing a good user-friendly environment for their users wherein they could not easily interact with its users and also it intend in increasing its readership . It decided to enable their users an agile environment where news could be read with low internet speed. The user can also view videos and share them on the social networking sites.

World News on Click provides the user a dynamic environment where the news gets updated every 45 seconds, this news can be shared , messaged and tweeted online with the help of social networking sited like Facebook, Twitter and Gmail .The most popular news will be decided depending upon the number of votes secured by it from the  users.

World News on Click Android application

1.1 Purpose

The main purpose of the World News on Click is to provide an mobile application for users of the news readers. The application provides online tools in graphic to make the usage much easier. A program interface that takes advantage of the  mobile graphics to make the program easier to use. Well-designed graphical user interfaces can free the user from erroneous news provided over the internet.

1.1.1 Advantages:

  • World News on Click provides detailed information about current world news.
  • By this World News on Click usage of paper is reduced because everything is electronic in form.
  • It reduces the cost occurred or payed to the material newspapers.
  • The application uses Graphical interface where the users can use the mobile very easily.
  • GUI provides an efficient way to collect information from the newspaper site and display information for the user to read.

1.2 Scope

1.2.1 Existing System with Limitations:

Most of the existing systems are clumsy and are not user-friendly.The application is simple yet very dynamically updated in terms of news.

1.2.2 Proposed System Features:

  • The android application provides online tools in graphic to make the usage much easier.
  • In the new system the users can vote for the most reliable news , thereby reducing discrepancy.
  • The new system works with low internet speed.

2. SPECIFICATION REQUIREMENTS

2.1. Software requirement Specification

  • HTML5
  • Mobile Jquery
  • Java Script,  JDBC
  • Eclipse Juno(Application Server)
  • Mysql
  • Windows 7

CONCLUSION:

The reasons for implementing this system are that, this is totally electronic network with convenient modules. This system developed for the rapid mobilization of news which are in the hand. A GUI tool would be the best thing to implement as it is more users friendly and must to people who have used a mobile have used mobile application in some form or other wise most will not have used a web interface. This is a best mobile based application read the news using mobile.

Enhancement of GPREC Application

Introduction: Today many students are developing innovative apps. Here we are going to develop an mobile application which is similar to our present GPREC APP and we are going to enhance that present app by using the android technology. This mobile app will be very useful for each and every student and faculty in colleges.

1)Front End Development Tools :-

  1. Platform:-Android.
  2. Programming Language:-Java

2)Back End Development Tools:-

  1. Platform:-SQlite/MySQL.

About an GPREC Application:

GPREC Application is completely focused on students and college details.In the front page we are going to provide the link which shows the College Updates. On the main page there are four links:

1) ABOUT  US

2) STUDENT LOGIN

3) STUDIES

4) FURTHER STUDIES

In the About Us section contains the information about our college history . This contains the information about each and every branch faculty . In the Students Login gives the information about student profile which contains their Academic performance and their attendance .The Academic Performance will be updated for every internals and externals.In the Studies link by clicking on this link  we get all branches links.Each branch link contains their academic text books according to their academic year and also previous examination papers.In the Further Studies we are going to develop this  link by including the future plans of the students.

They are

1) Campus Recruitment

2) GATE

3) MBA

It provides the previous question papers and materials for GATE and MBA.practice papers, test papers and  Tutorials on each topic related to Mock Interviews.

Online Gazette Android Application

Abstract

The Main AIM of online gazette is to provide a platform for students to exhibit their talent. By this project students get more knowledge. This Online Gazette application is not only for students but also to others who want exhibit/publish their articles. This is a java based android application where student can publish their articles, read various articles by registering through their email id.

This Online Gazette application also contains national and international magazine. Every registered user can view and post their ideas because this is not a printed version as it leads to wastage of paper. Large amount of data can be stored. This is user friendly interactive place for students. This android application maintains all information in a centralized database. Students can share their ideas online. Through this application students can comment and rate the articles posted by others.

Modules

Guest: Guests can read articles, rate them.

Registered Members: Registered members can publish their own articles.

Administrator: Admin can delete the registered users, thus admin has all privileges. Can post news which will be visible at the homepage.

Android Breakout game and Application development

Problem Description:

To create a brick break out game. In the Android Breakout game  the player can be able to break statically located bricks placed on the top of the screen using a ball. The ball keeps on moving from top to bottom. A paddle at the bottom can be used to change the direction of the ball and thus avoid the ball touching the ground.  If the ball touches the ground the player will lose the game but if the player break all the bricks then the player will be a winner.

User’s Guide:

The Android Breakout game is delivered in a zip file called radnim-1_task3.zip. To run the application one must download the file and extract to a folder. Import the folder as an eclipse project (You must have android SDK installed in eclipse).

After fixing the project setup, right click the folder and run as Android Application.

When the application starts it will look like the figure 1. After all bricks are break as shown in fig.2 the player will see a winning message on the screen.
If the ball touches the ground as shown in fig.4 the player will lose the game. However the player can press Play Again to play once again.

Android Breakout game

Algorithm Description

There are 2 activities in the application. “MainActivity” which is loaded as soon as the application start. Another activity is “GameStatusActivity” which is used to display the result of the game (i.e if the player wins or lost).

The “GameView” class contains the main logic related to the creation of bricks, ball and paddle. Each of them is created as an instance of “GameObject”. The “GameObject” has an instance of bitmap and the x, y coordinates. The “GameLogic” controls the status of the game. The game has 3 statuses (Running, Win, and Lost). This class extends the “Thread” class and overrides the run method. The update method in “GameView” has the logic to move the ball to a suitable position depending on the collision with wall, block or paddle.

The collide method in the “GameObject” helps to identify if the ball is collided with other “GameObject” instances. The update method in the “GameObject” updates the x, y position of the ball.

The onTouchEvent of “GameView” handles touch screen motion events.

System Description

Limitations

There are many limitations in terms of look and feel. But one of the major limitation is sometimes the ball does not bounce back when it touch paddle. I tested several times but this occurs rarely and only once. I don’t understand the reason.  Also the ball don’t move horizontally when it touches the middle of any block or paddle. There is something to do with the x, y position of the ball, I tried but didn’t find a solution.

Discussion

Have not been in any discussions with in the forum. As I am very busy usually with my work and most of the conversations are in English. However I do read other students comments and ideas. They are really very helpful. Initially I tried to learn about the game development fundamentals. Later I followed the android forum that is very helpful.

Android Breakout game Diagram

Test runs 

No tests are available to run.

References

  1. http://developer.android.com/resources/samples/LunarLander/index.html
  2. Pro Android Games.
  3. Practical android 4 games development.
  4. Beginning Android 4 Games Development.

Shopping Cart Android Project

Introduction

Purpose

The purpose of this Shopping Cart Android Project document is to describe the architecture and system design of the Shopping Cart software described in the Shopping Cart Business Requirements Document. The intended audiences of this document are the Android developers, QA testers, and system owners that will collaboratively develop the system and possibly extend the system in the future. The Shopping Cart software is design to create and managed grocery shopping lists.

Scope

The document describes the design and implementation details of the Shopping Cart software. The major functions of the Shopping Cart software are to create and manage shopping lists/stores. The Shopping Cart software is to be developed for the Android platform using the object oriented design methodology.

  1. Shoppers must access the Shopping Cart application from an Android device (Smart Phone, etc.)
  2. The Shopping Cart application must be accessed by the shopper to create and manage shopping lists/stores.
  3. The Shopping Cart application is a standalone application with no external interfaces.
  4. All interfaces are managed by the Android system.
  5. The Android system’s local database would be used to store all data saved by the Shopping Cart application

Overview of Document

The Software Design Document is divided into five sections with subsections. The sections in this Software Design Document are:

  1. Introduction
  2. Use Case Realizations
  3. Architectural Design
  4. Data Structure Design

Glossary

Android – programming language

Business Requirements Document – a document that describes the requirements for a business process that    must be delivered to provide value.

Developers – person who writes the code or develop the software

Interfaces – a piece of software\hardware that provide access to a system’s resources

QA Tester – software tester who ensures software quality

Standalone Application – an application that does not interact with any external interfaces.

System – software to be developed 

Systems Owner – person(s) that owns the system

Testers – person(s) who perform the testing of the software to ensure quality of the end product

Use Case Realizations

The use case realizations are depicted by the use case diagram and the use case narratives.

Actors

Shopper

Information: The Shopper is a user who uses the Shopping Cart application to simplify their shopping experience by creating grocery shopping lists, creating stores, associating lists to stores, associating items to categories/aisles, and saving the list/contents for current or future use.

Use Case Diagram

Shopping Cart Use Case Diagram

Hush Up Text Android Project

Existing system

In android there are very few applications regarding the steganography but they are not providing any security to the user any user can encrypt the data at the same time he can decrypt.

Proposed system

In the proposed system we are providing security to the user by using different algorithms like LSB2Bit and Cipher key text

Modules:

Encrypting Text:
By using the cipher key algorithm we encrypt the users text based on the key provided by the user.

Encrypting Image:
By the using the LSB2Bit algorithm we encrypt the encrypted text in the image.

Decrypting Image:
By the using the LSB2Bit algorithm we decrypt the encrypted text from the image.

Decrypting Text:
Once we get the text from the module 3 we decrypt the text by using the cipher key algorithm and the user’s key.

Data Flow diagrams:

Class Diagram
Sender Use case Diagram
Receiver Use case Diagram
Receiver Sequence Diagram
Sender Sequence Diagram
Sender Collaboration Diagram
Receiver Collaboration Diagram
Activity Diagram

Hush Up Text Activity Diagram

Class Diagram

Hush Up Text Class Diagram

Receiver Collaboration Diagram

Receiver Sequence Diagram

Receiver Use case Diagram

Sender Collaboration Diagram

Sender Sequence Diagram

Sender Use case Diagram

Results:

  1. Login Page
  2. Registration page
  3. Password Settings
  4. Selection Page
  5. Text Encryption
  6. Image Encryption
  7. Image Decryption
  8. Text Decryption

Login Page

Hush Up Text Login Page

Registration page

Password Settings Page

Selection Page

Text Encryption Page

Image Encryption Page

Image Decryption Page

Text Decryption Page

Conclusion:

Steganography is the art of hiding data in the images/text/videos/music. In our Hush Up Text Android Project we provided the user to hide his secret data in the image by using LSB2Bit algorithm.We provide more security as we are encrypting the text first and then encrypting it to the image.

Future Work:

We would like to add the facilities like login for multiple users in further.

Software Requirements:

Jdk, Eclipse, SDK, ADT

Download  Hush Up Text Android Project Code, Project Report Documentation.