INTRODUCTION

1
1. INTRODUCTION

Meteor is a full-stack JavaScript platform for developing modern web and mobile
applications. Meteor includes a key set of technologies for building connected-client reactive
applications, a build tool, and a set of packages from the Node.js and general JavaScript
community.

 Meteor allows you to develop in one language, JavaScript, in all environments:

application server, web browser, and mobile device.
 Meteor uses data on the wire, meaning the server sends data, not HTML, and the
client renders it.
 Meteor embraces the ecosystem, bringing the best parts of the extremely active
JavaScript community to you in a careful and considered way.
 Meteor provides full stack reactivity, allowing your UI to seamlessly reflect the true
state of the world with minimal development effort.

Use one language everywhere

It‟s JavaScript, from client to Server to database. Mongo is open source database
engine which uses JSON. Meteor is build on top of Node.js which is in turn JavaScript and so
any client library like Angular.

Inbuilt Reactive programming model

Reactive programming model is essential for real-time web applications. This model
provides approach to handle the data flow on change.

One of the best example to understand this is Facebook like and comment system. As
soon as you like someone‟s picture, it gets updated in database plus that user gets notified.
Same in case of commenting on someone‟s post.With Meteor, you don‟t need to worry about
coding this model. It‟s already there, just use it.

2
Quick deployment :

Meteor provides “one command deploy” option. They also provide sample app
deployment on Meteor main site and that too FREE !

Here we are going to create a whole website for an Ecommerce appliances using
meteor. We named this website as “Star Buyers”. This application is somewhat similar
other online shopping applications. As like that we can purchase the Ecommerce appliances
through this website. Each and every modules are developed by various groups and finally
we merge it to a single application.

3
SYSTEM ANALYSIS

4
2. SYSTEM ANALYSES
Analysis is a detailed study of various operations performed by a system and their
relationship within and outside the system. One aspect of analysis is defining the boundaries
of the system and determining whether a candidate system should consider other related
systems. During analysis data is collected on the available files decision points and
transactions handled by the present system.

Some logical system models and tools are used in the system analysis. The steps
necessary for system analysis are system planning and initial investigation information
gathering through interviews, questions and so on, Tools like data dictionary, decision tree,
data flow diagram structured English are useful for feasibility study and cost benefit analysis.
It is a process of collecting and interpreting facts, identifying the problems, and
decomposition of a system into its components. It is a problem solving technique that
improves the system and ensures that all the components of the system work efficiently to
accomplish their purpose.

Systems analysis and design, as performed by systems analysts, seeks to understand

what humans need to analyze data input or data flow systematically, process or transform
data, store data, and output information in the context of a particular business.System analysis
is important because it provides an avenue for solutions in the system through the various
tasks involved in doing the analysis.

2.1 EXISTING SYSTEM

Strategic planning fails is an assertion that strategic planning fails in the first place
and that the cause might not be well understood. The reason why strategic planning fails and
the rates of failures should not be a surprise to anyone since it would perpetuate another
fallacy of planning. Organizations devote so much time and energy to the annual ritual of
developing or updating their strategic plans if they are doomed to failure from the start. Just
think of the entire smart, well- educated, experienced managers and executives devoting so
much of their organizations limited resources on an activity with such a poor track record of
producing results.

5
2.1.1 DISADVANTAGE OF EXISTING SYSTEM

Ease of use is the prime reason that drives the success of e-commerce. Though
internet provides a quick and easy way to purchase a product, some people prefer to use this
technology only in a limited way. They regard internet as a means for gathering more
information about a product before buying it in a shop. Some people also fear that they might
get addicted to online shopping.
1. Delay in delivery
2. Lack of significant discounts in online shops
3. Lack of interactivity in online shopping
4. Lack of shopping experience

2.2 PROPOSED SYSTEM

The proposed system should have the following features. The transactions should take
place in a secured format between various clients in the network. It provides flexibility to the
user to transfer the data through the network very easily by compressing the large amount of
file. The proposed system will decrease the number of manpower, space, and time needed for
enrollment. The system will not only give the school the benefit of being able to cut down the
money and time spent for the enrollment. It also includes the computerized processing of
transactions needed for the business.
The proposed system enables the admin to have an access to the enrollment system in
their own E-commerce. The proposed system facilitates in keeping track of the records,
transactions, and other activities of the ecommerce regarding the enrollment. The system
generated reports needed by the admin like the Official Receipt, Certificate of Registration,
and the Payments. The Star Buyers E-commerce application developed the Registration
Form, Login Form, Payments, Menus and Category, Product pages advising are available
online submitted in the same manner. The payment of the fees due to the customer could be
paid cash.

The proposed system is based on the online Ecommerce Shopping application. Here we
develop a module with the applications front page designs and activities. The main attraction
with in this application is the front pages, so we designed it with a different manner.

6
 We used bootstrap in meteor, using this we can design the front page very beautifully.
The bootstrap help us to cover the user‟s attention towards the application we created all
button. Using the bootstrap. There is a beautiful logo that is unique to our application. There
is an continue to shopping and placeholder button that is used to having the next and previous
step process.
When we click continue to shopping button then the product page will be displayed
within it, placeholder button then payment page will displayed with in it the design part is
done by using html link in the html part, The Login button also connect by html link within
the html part we use the template and the designing is done within the template.
The next part is the quantity and remove button and the to use increase and decrease
the quantity and remove button to use remove the product. And that all done by java script.
The quantity min value is (1) & its done by html.

ADVANTAGE OF PROPOSED SYSTEM

Due to rapid growth of technology, business organizations have switched over
from the traditional method of selling goods to electronic method of selling goods. Business
organizations use internet as a main vehicle to conduct commercial transactions.

 Convenience of online shopping

 No pressure shopping
 Online shopping saves time
 Comparisons
 Availability of online shop
 Online shopping saves money

List of Modules:
Login:
Logging in is usually used to enter a specific page, which trespassers cannot
see. Once the user is logged in the login token may be performed explicitly by the user taking
some actions, such as entering the appropriate command, or clicking a website link labeled as
such. It can also be done implicitly, such as by the user powering off his or her workstation,

7
closing a web browser window, leaving a website, or not refreshing a web page within a
defined period.

Register:
A registered user is a user of a website, program, or other system who has
previously registered. Registered users normally provide some sort of credentials (Such as a
user name or e-mail, address, password, phone number) to the system in order to prove their
identify this is known as logging in. systems intended for use by the general public often
allow any user to register simply by selecting a register or sign up function and proving these
Credential for the first time. Registered users may be granted privileges beyond those granted
to unregistered users.

Product selection:
Consumers find a product of interest by visiting the website of the
retailer directly or by searching among alternative vendors using shopping search engine.
Once a particular product has been found on the website of the seller, most online retailers
use shopping cart software to allow the consumer to accumulate multiple items and to adjust
quantities, like filling a physical shopping cart or basket in a conventional store.

Shopping Cart:
Shopping cart systems allow the off-line administration of products and
categories. The shop is then generated as HTML files and graphics that can be uploaded to a
web space. The systems do not use an online database. High-end solution can be bought or
rented as a stand- alone program or as an addition to an enterprise resource planning program.

Payment:
Online shoppers commonly use a credit card account in order to make
payments. However, some systems enable users to create accounts and pay by alternative
means, such as:
Debit card
Gift card
Product Delivery:
Once a payment has been accepted, the goods or services can be delivered in
the following ways. For physical items:

8
 1. Shipping: the product is shipped to a customer- designed address.
2. Drop shipping: the order is passed to the manufacturer or third-party distributor,
who then ships the item directly to the consumer, bypassing the retailer‟s physical location to
save time, money and space.

Categories of Products:
Consumers across the globe are increasingly swapping crowded stores
for one-click convenience, as online shopping become a safe and popular option. Different
types of menus included to the categories.

Reports:
A simple checkout process ranks as the biggest influence on the quality of the
online user experience.
83% of respondents added something to their basket but abandoned it during
the checkout process.
35% of respondents say they would only accept a poor online experience once
before becoming disloyal to the brand.

9
SYSTEM TESTING

10
3. SYSTEM TESTING

Full app testing in Meteor

With the release of Meteor 1.3, we‟re excited about one feature in particular that will make a
new style of testing within your Meteor apps possible — the full app test. We think this feature
is something unique to a full stack framework like Meteor which enables a whole new style of
testing.

Meteor sits across the client-server divide in a fairly unique way, and to properly test code that
spans that boundary, you‟ll often need a way to run a test that itself crosses that boundary.
That‟s where a full app test shines.

Meteor is a full stack framework

As Meteor the framework covers the full stack — -your Meteor JavaScript code runs both on
the client (a web browser or mobile application, typically) and the server (a node process) — -it
introduces challenges and opportunities for testing that other frameworks typically don‟t face.

The challenge is that logical sections of your code that should be tested together span both
sides of the client-server divide. Perhaps you have a publication you subscribe to, and a
method that you call from a single page in your app, and you want to ensure that the
publication behaves correctly on that page when you make a change via the method. Or maybe
you want to make sure that routing to a particular part of your UI loads the exact data from the
server that it needs.

Compared to other frameworks, Meteor has a unique opportunity to address this challenge as
it has built from the ground up to run code on both sides of the stack. Whereas in another
framework you might just test that the server handles the publication and method combination
correctly in isolation, with Meteor you can build an integration test that crosses that boundary:

11
 Typical web stack testing:

Meteor full app testing:

12
 When you start up a Meteor app in test mode it runs a special “testing” Meteor
application. Typically you start a test run by connecting a browser to that application — any
client tests run in that browser, and the server tests are kicked off on the server and reported in
the browser as well.

When you run your application in normal test mode (meteor test), the testing
application only loads your test files, both on the client and the server, but not any of the files
that it ordinarily would that kick off your application. What this means is that your test files
can import any code that they wish to test, but there are no methods or publications available
on the client and no router on the server (for instance).

This is great for unit tests and simple integration tests! Typically this is the mode you‟d use for
these kinds of tests.

Full app test mode

However, when you run in full app test mode (meteor test — full-app ), your entire
application is loaded as usual, with your full app tests on top. This allows your tests to run in
the context of the application, and do „application‟ type things like routing, calling methods
and the like.

In this way a full app test is closer to an acceptance test than a typical integration test.
The big advantage is that a full app test can hook anywhere into the stack, both on the client
and the server. This enables you to write „white box‟ acceptance tests rather than being
restricted to „black box‟ testing by using a web driver such as selenium.

13
Validation of Register:

Registration form with validation

Validation of Login:

Login page with validation

14
SYSTEM IMPLEMENTATION

15
4. SYSTEM IMPLEMENTATION

A quick overview of the context involves my clients putting their data into our
“portal” application and then allowing their customers be able to login and access said data
with their own logins setup from their customer records by the client via an external system.

Now the complex part is that we don‟t want all the customers to be in the main users
collection as the portal is used by our clients for many other applications other than just this
feature so this is where the experimentation began.

16
Responsive Model Diagram:

Responsive web design is broken down into three main components, including flexible
layouts, media queries, and flexible media.

Code:
<meta charset = “UTF-8”>
<meta name=”viewport” content=”width=device-width, initial-scale=”1”>

17
SYSTEM MAINTENANCE

18
5. SYSTEM MAINTENANCE

Software maintenance is becoming an important activity of a large number of

organizations. Software maintenance denotes any changes made to a software product after it
has been delivered to the customer. Maintenance is inevitable to almost any kind of product.
Most products need maintenance due to wear and tear or damage caused due to use.
Although, software does not wear out like hardware, it 'ages' and eventually fails to perform.
So maintenance becomes a necessity.

5.1 Types of software maintenance

There are three categories of software maintenance, which are described as follows:

 Corrective: Corrective Maintenance is concerned with fixing errors that are

observed when the software is in use.
 Adaptive: Adaptive is Modifying the system to cope with changes in the software
environment (DBMS,OS)
 Perfective: A software product implementing new or changed user requirements
which concern functional enhancements to the software.

19
20
21
22
23
24
25
CONCLUSIONS

26
6. CONCLUSION

The Star buyer is the web application that is used purchase Ecommerce appliances
from online. We developed the front pages of this application with login and registration
modules. We use bootstrap for carousel through this we can make our application more
attractive. The login and registration forms contain various fields and we can validate them
using java script. The entire application is developed in meteor using html, java script and
css. This application is based on the online shopping of Ecommerce application. The various
modules that are used in this application is generated by meteor, each and every
requirements.
Online shopping is a new experience and has greatly impacted the lives of consumers
in its short time of existence. It is expected to grow constantly in years to come with
advancements in technology. Online shopping has made consumers more effective and
efficient in their shopping behavior and has driven businesses to a new level, forcing many to
make the necessary adjustments and changes to reach the new market of knowledgeable
consumers. The results of this survey underscore the need for businesses to take the online
market seriously. The survey conducted revealed a positive attitude and behavior toward
online shopping even by those consumers who still like traditional stores. These consumers
are mostly in low and high age groups. Those consumer groups have time to spend in
traditional stores and malls and value the offline shopping experience for social reasons, such
as meeting with friends. These consumers appear to be more knowledgeable by gathering
information online and then purchase it from traditional stores. Rapid growth of e-commerce
has resulted in a E-transformation in the global retail infrastructure. Internet has emerged as a
cost effective means of doing business. Despite being faced with numerous bottlenecks,
Thanks to rising internet and higher incomes and more savvy population. Secured online
payments, better to Electronic Stores, return policies and exciting discounts could help the
Perceptions of Shopping Benefits. Considering the demographic profiles of online users;
gender, age and education have significant association to web shopping in the current Indian
scenario. Online users are aware of the serviceable and 229 pleasure-seeking benefits of
online shopping, they are reluctant to actually utilize internet for shopping purpose. The
overall results prove that the respondents have perceived online shopping in a positive
manner. This clearly justifies the project growth of online shopping in the country. However,
the frequency of online shopping is relatively less in the country. Online shopping
organizations can use the relevant variables and factors, identified from the study, to

27
formulate their strategies and plans in the country. The organizations can prioritize the
consumer implicit and explicit requirements in online shopping environment. The results can
also be used by various organizations to identify their target customer segments. The results
of the study can be utilized by practitioners in relooking or revamping their strategies for
online shopping. Online websites should pay more attention to the female segments as results
prove that females shop more in online shopping as compared to men. So companies should
devise the policies and strategies to attract more number of people in this segment in future
also. With the advances in technology, more business opportunities will be discovered by
companies. Electronic commerce will become an important part of the business in companies.
Better understandings of consumer online shopping behaviour will help companies in getting
more online consumers and increasing their e-business revenues. At the same time, as
realized the benefits from E-commerce, consumers are more willing to make purchases
online. With the popularity of Internet, the number of Internet users will continue to grow and
more Internet users will become online consumers, even regular online buyers. However, the
evolvement of E-commerce will bring new problems. The changes in business operation,
business environment, and economic condition etc. will affect consumer online shopping
behavior. Therefore, continuous efforts have to be devoted to studying consumer online
shopping 230 behavior in a dynamic way. With the knowledge of consumer online shopping
behavior, it is believed that E-commerce will continue to grow and it will become not only an
important business revenues channel, but also a part of people„s daily life. This is one of the
important studies on online shopping in Indian context because it has included people from
diverse backgrounds from different cities in India.

28
BIBILOGRAPHY

29
7. BIBILOGRAPHY
 www.meteor.com/angularjs
 www.mongodb.com
 Www.stackoverflow.com

30
APPENDIX

31
8 APPENDIX

8.1. SCREENSHOTS

32
33
34
35
36
37
38
39
40
41
 8.2. CODE

main.html
________

<head>

<title>SALES REPORT</title>

</head>

<body>
{{>back}}
{{>task}}
{{>form}}

<center><br>

<table name="table" border="2px solid black">

<tr><td>Productid</td><td>productname</td><td>price</td><td>Quantity</td><td>Date</td><td>amou
nt</td></tr>

{{#each regis}}

{{>regs}}

{{/each}}
<tr><td>total</td><td></td><td></td><td></td><td></td></tr>

</table>

</center>

</body>
<template name="back">
<button class="back"><b>Back</b></button>
</template>

<template name="task">

<div class="container">

<center><h1>Sales Report</h1>

<form>
</form>
</center>

</div>

</template>
<template name="form">
<center>

42
 <div id="for">
From Date :
<input type="date" id="date1" placeholder="From Date" required="1"><br><br>
To Date :
<input type="date" id="date2" placeholder="To Date" required="1"><br><br>
<button class="submit"><b>submit</b></button><br><br>
</div>
</center>
</template>

<template name="regs">

<tr><td>{{id}}</td><td>{{name}}</td><td>{{price}}</td><td>{{qty}}</td><td>{{date}}</td>
<td>{{amount}}</td>
</tr>

</template>

main.js
______

import { Template } from 'meteor/templating';

import { ReactiveVar } from 'meteor/reactive-var';

import Reg from '/imports/api/task.js';

import './main.html';

Template.body.helpers({

regis(){
var result = Reg.find({})
return result;

},

});

Template.task.events({

'submit.form' (event){

event.preventDefault();

const id = event.target.id.value;
const name= event.target.name.value;
const price = event.target.price.value;
const quantity = event.target.qty.value;

43
const date = event.target.date.value;
const amount = event.target.amount.value;
return amount;

});
$('#table').css("display","block");
Template .form.events({
'click .submit':function() {
$('#for').css("display","none");
$('.regs').css("display","block");
},
});
Template .back.events({
'click .back':function() {
$('.regs').css("display","none");
$('#for').css("display","block");
},
});

main.css
_______

body {
padding: 10px;
font-family: sans-serif;
background-color: "light-blue";
}
table{
background-color: "light-blue"
}

task.js
______

import {Mongo} from 'meteor/mongo';

const Reg = new Mongo.Collection("reg");

export default Reg;

main.js_server
_____________

import { Meteor } from 'meteor/meteor';

import Reg from '/imports/api/task.js';

Meteor.startup(() => {

44
// code to run on server at startup

});

Mongodb
_______

find
_____

db.reg.find().pretty()

multiply
_______

db.reg.aggregate({$project:{_id:0,id:1,name:1,price:1,qty:1,date:1,amount: { $multiply: [ "$price", "$qty"

] }}}).pretty()

sum
____

db.reg.aggregate({$project:{_id:0,id:1,name:1,price:1,qty:1,date:1,total:{$sum: { $multiply: [ "$price",

"$qty" ] }}}}).pretty()

45