Project Report of MMK (MomMade Kitchen) Semester-4

42
INTEGRATED PROJECT REPORT On MOMMADE KITCHEN Submitted in partial fulfillment of the requirement for the Course Integrated Project (CSP2208) of COMPUTER SCIENCE AND ENGINEERING B.E. Batch-2012 in May-2014 Under the Guidance of Submitted By Mr. Mukesh Kumar Ashmeet Sehgal Roll. No. B120010457 Bhumika Sharma Roll. No. B120010105 Diksha Sahrma Roll. No. B120010450 DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING CHITKARA UNIVERSITY BAROTIWALA, DISTRICT SOLAN HIMACHAL PRADESH

Transcript of Project Report of MMK (MomMade Kitchen) Semester-4

INTEGRATED PROJECT REPORT

On

MOMMADE KITCHEN

Submitted in partial fulfillment of the

requirement for the

Course Integrated Project (CSP2208) of

COMPUTER SCIENCE AND ENGINEERING

B.E. Batch-2012

in

May-2014

Under the Guidance of

Submitted By

Mr. Mukesh Kumar Ashmeet Sehgal

Roll. No. B120010457

Bhumika Sharma

Roll. No. B120010105

Diksha Sahrma

Roll. No. B120010450

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

CHITKARA UNIVERSITY

BAROTIWALA, DISTRICT SOLAN HIMACHAL PRADESH

INTEGRATED PROJECT REPORT

On

MOMMADE KITCHEN

Submitted in partial fulfillment of the

requirement for the

Course Integrated Project (CSP2208) of

COMPUTER SCIENCE AND ENGINEERING

B.E. Batch-2012

in

May-2014

Under the Guidance of

Submitted By

Mr. Mukesh Kumar Ashmeet Sehgal

Roll. No. B120010457

Bhumika Sharma

Roll. No. B120010105

Diksha Sahrma

Roll. No. B120010450

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

CHITKARA UNIVERSITY

BAROTIWALA, DISTRICT SOLAN HIMACHAL PRADESH

2

CERTIFICATE

This is to be certified that the project entitled “MomMade Kitchen” has been submitted for the

Bachelor of Computer Science Engineering at Chitkara University, Himachal Pradesh during

the academic semester January 2014 – May 2014 is a bonafide piece of project work carried

out by “Ashmeet Sehgal(b120010457), Bhumika Sharma(B120010105)” and of the students

group towards the partial fulfillment for the award of the course Integrated Project (CSP-2208)

under the guidance of “Mr. Mukesh Kumar” and supervision.

Sign. of Project Guide :

Mukesh Kumar

(Assistant Professor, CSE

Department)

CANDIDATE’S DECLARATION

We Ashmeet Sehgal (B120010457), Bhumika Sharma (B120010105) and Diksha Sharma

(B120010450) B.E.-2012 of the Chitkara University, Himachal Pradesh hereby declare that the

Integrated Project Report entitled “MOMMADE KITCHEN” is an original work and data

provided in the study is authentic to the best of our knowledge. This report has not been

submitted to any other Institute for the award of any other course.

Sign. of Student 1 Sign. of Student 2 Sign. of Student 3

Ashmeet Sehgal Bhumika Sharma Diksha Sharma

ID No. B120010450 ID No. B120010105 ID No. B120010457 Place :

Date :

ABSTRACT

Our project is a website which is an online grocery store. The Internet has made all of our lives

easier. You can do almost anything online anymore, including purchasing your groceries. A lot

of people have actually come to prefer buying their groceries online today. This website allows

users to buy groceries online which are needed in day to day life. This includes fruits,

vegetables, pulses, breads etc. This is a user friendly website in which customer can view the

item and price of the item it is buying. Whenever you purchase your groceries online you will

be able to shop any time of the day or night, at your own convenience, regardless of what the

weather outside may be, and still get everything that you need and want.

ACKNOWLEDGEMENT

It is our pleasure to be indebted to various people, who directly or indirectly contributed in the development of this work and who influenced my thinking, behavior and acts during the course of study.

We express our sincere gratitude to all for providing me an opportunity to undergo Integrated Project as the part of the curriculum.

We are thankful to “Mukesh Kumar” for his support, cooperation, and motivation provided to us during the training for constant inspiration, presence and blessings.

We also extend our sincere appreciation to “Mukesh Kumar” who provided his valuable suggestions and precious time in accomplishing our integrated project report.

Lastly, we would like to thank the almighty and our parents for their moral support and friends with whom we shared our day-to day experience and received lots of suggestions that improve our quality of work.

Ashmeet Sehgal Bhumika Sharma Diksha Sharma

ID No. B120010457 ID No. B120010105 ID No. B120010450

TABLE OF CONTENTS

1. Introduction to the project

2. Objectives

3. Requirment Analysis

4. Proposed System

5. System Specification

6. Code and ScreenShots

7. Pros& Cons

8. Future Scope

9. References

CHAPTER 1

INTRODUCTION

Online grocery shopping is a form of electronic commerce where the buyer is directly

online to the seller's computer usually via the internet. There is no intermediary service.

The sale and purchase transaction is completed electronically and interactively in real-

time such as Amazon.com for new books. If an intermediary is present, then the sale

and purchase transaction is called electronic commerce such as eBay.com .It also

include recipes page along with various quizzes to increase one’s knowledge. So

customer can easily shop according to the need of different recipes. It is time-saving

and efficient.

Big cities like Mumbai, Hyderabad and Bangalore have online shopping site and its

quite famous there like bigbasket.com and toptomato.com but here in north-India this

idea still don’t exist.

CHAPTER 2

OBJECTIVE

The main objective of this project is to make easy for working women of today’s world. The

whole kitchen ingredients, Recipes classified in different regions, Want a fresh idea for your

next meal..? Find a recipe here. Inspire your kitchen creativity with our delicious recipes..!

Impress your guests with our latest recipes. At MMK you will find Recipes with the perfect

combination of flavor and health. Numerous varieties of recipes for every occasion and

mood. The delicious n fresh recipes with the feel of mom made food. Quick and easy recipes

for people new at kitchen. This site has a collection of cooking experiments and the recipes

that have been passed on to me by my family and friends. Some recipes are illustrated in the

traditional way while others are modified taking into consideration the busy lifestyle and

health issues. The presentation and explanation may not be very professional but definitely

simple to understand. First and foremost, I thank God for bestowing me with the wisdom to

create this website and all the recipes. I hope these recipes will surely help to improve your

cooking. A person with lot of information is a knowledgeable man. But a wise man puts the

knowledge to application. Find a recipe here. Inspire your kitchen creativity with our

delicious recipes..!Impress your guests with our latest recipes.

CHAPTER 3

REQUIREMENT ANALYSIS

Software Requirements

Operating System : Windows XP/7/8/8.1 or Linux

User Interface : HTML, CSS

Client-side Scripting : JavaScript

Programming Language : JavaScript

Hardware Requirements

Memory : 6 GB

Processor Type : Intel Pentium, i3, i5, i7 or

faster

Processor Speed : 1.83 GHz or faster

processor, Intel Pentium

compatible

Swap Space : 2.1 GB

Hard Disk Space : 500GB/or less

CHAPTER 4

PROPOSED SYSTEM:

The development of this new system contains the following activities, which try to develop on-

line application by keeping the entire process in the view of database integration approach.

Secure registration and profile management facilities for Customers.

Browsing through the e-Mall to see the items that are there in each category of food

items.

Creating a Shopping cart so that customer can Shoppe ‘n’ no. of items and checkout

finally with the entire shopping cart

Customers should be able to mail the Shop about the items they would like to see in the

Shop

Secured mechanism for checking out from the Shop (Credit card verification

mechanism).

Customers can look for new recipes and shop according to the recipes.

One can play quizzes and increase their knowledge about food and recipes.

One can look at different ideas on how to lose weight and other interesting pages related

to food.

CHAPTER 5

SYSTEM SPECIFICATION AND DESIGN

Introduction

Analysis is the focus of system developing and is the stage when system designers have to

work at two levels of definition regarding the study of situational issues and possible solutions

in terms of “what to do” and “how to do”.

This is an online grocery store and a recipe store combination in which customer can either

shop according to need for various kitchen items like pulses, grains, cereals or vegetables by

need or by reading any recipe on site and shopping according to the need of recipe you want

to try.

One can even get ideas on how to lose weight or fast-food or not or all about the taste of

Asia. One can even play various food quizzes and increase their knowledge about food or

their favorite recipes

All this comes in our project altogether.

CHAPTER 6

CODING FOR DIFFERENT ELEMENTS AND TABS AND

THEIR SNAPSHOTS

a) Homepage

<head>

<title>MomMade Kitchen | Home</title>

<link rel="icon"

type="logo1/png"

href="F:\study\sem-4\pbl\working\as\images/logo1.png" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="css/style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" type="text/css" href="css/coin-slider.css" />

<script type="text/javascript" src="js/cufon-yui.js"></script>

<script type="text/javascript" src="js/cufon-quicksand.js"></script>

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="js/script.js"></script>

<script type="text/javascript" src="js/coin-slider.min.js"></script>

</head>

<body>

<div class="main">

<div class="header">

<div class="header_resize">

<div class="logo">

<h1><a href="index.html">MomMade<span><span> Kitchen</span></a></h1>

</div>

<div class="searchform">

<form id="formsearch" name="formsearch" method="post"

action="https://www.google.co.in">

<span>

<input name="editbox_search" class="editbox_search" id="editbox_search"

maxlength="80" value="Search our site:" type="text" />

</span>

<input name="button_search" src="images/search.gif" class="button_search"

type="image" />

</form>

</div>

<div class="clr"></div>

<div class="slider">

<div id="coin-slider"> <a href="images/slide1.jpg"><img src="images/slide1.jpg"

width="960" height="360" alt="MomMade Kitchen's View" /></a> <a

href="images/slide2.jpg"><img src="images/slide2.jpg" width="960" height="360"

alt="MomMade Kitchen's View" /></a> <a href="images/slide3.jpg"><img

src="images/slide3.jpg" width="960" height="360" alt="MomMade Kitchen's View" /></a>

</div>

<div class="clr"></div>

</div>

<div class="clr"></div>

<div class="menu_nav">

<ul>

<li class="active"><a href="index.html"><span>Home Page</span></a></li>

<li><a href="about.html"><span>About Us</span></a></li>

<li><a href="online.html"><span>Online Shoping</span></a></li>

<li><a href="F:\study\sem-

4\pbl\working\recepies\index.html"><span>Recipes</span></a></li>

<li><a href="contact.html"><span>Contact Us</span></a></li>

</ul>

</div>

<div class="clr"></div>

</div>

</div>

<div class="content">

<div class="content_resize">

<div class="mainbar">

<div class="article">

<h2><span>Welcome to MomMade Kitchen - <br> The Online Food + Recipes

Shop.</h2>

<p class="infopost">Posted <span class="date">on 17 jan 2014</span> by <a

href="#">Admin</a> </p>

<div class="clr"></div>

<div class="img"><img src="images/img1.jpg" width="620" height="154" alt=""

class="fl" /></div>

<div class="post_content">

<p> Our Online grocery store is a form of electronic commerce whereby consumers

directly buy goods or services from a seller over the Internet without an intermediary service.

</p>

<p><strong> You are too busy to go to the market n do shopping. We are right here to

help you. If u wanna cook something special for someone special or for your own self but

don't know what then check out our list of dishes and decide. You want to cook a dish but not

sure about the recipe and ingredients, just check out our site. </a></p>

</div>

<div class="clr"></div>

</div>

<div class="article">

<h2><span>We'll Make Sure You Get</span> the Best Thing From Us</h2>

<p class="infopost">Posted <span class="date">on 29 aug 2016</span> by <a

href="https://www.facebook.com/ashmeet.sehgal">Admin</a> </p>

<div class="clr"></div>

<div class="img"><img src="images/img2.jpg" width="620" height="154" alt=""

class="fl" /></div>

<div class="post_content">

<p>MomMade Kitchen is committed to bring in superior service and customer

delight. Amazing discount and personal touch and care for your convenience that you

need.</p>

<p>In an era where time and money have become mutually convertible commodities,

MomMade kitchen promises an escape from sunday morning shopping chores, long queues at

billing desk. M.M.K. aims to redefine the entire shopping experience for its customers.</p>

<p>So those of you who would rather recline in an armchair with a cup of tea than waste half

of your life in mart and malls pushing trolleys filled with week shopping, MMK is just a right

place. Afterall, lazy is the new sexy !</p>

</div>

<div class="clr"></div>

</div>

<p class="pages"><small>Page 1 of 2</small> <span>1</span> <a href="#">2</a> <a

href="#">&raquo;</a></p>

</div>

<div class="sidebar">

<div class="gadget">

<h2 class="star"><span>Sidebar</span> Menu</h2>

<div class="clr"></div>

<ul class="sb_menu">

<li><a href="#">Home</a></li>

<li><a href="about.html">About Us</a></li>

<li><a href="recipes.html">Recepies</a></li>

<li><a href="blog.html">Blog</a></li>

<li><a href="https://www.facebook.com/MomMadeOnline">Like Us On

Facebook</a></li>

<li><a href="https://twitter.com/ashmeetsehgal">Follow Us on Twitter</a></li>

</ul>

</div>

<div class="gadget">

<h2 class="star"><span>Sponsors</span></h2>

<div class="clr"></div>

<ul class="ex_menu">

<li><a href="https://mythoughtmyway.wordpress.com/">My Thought My

Way</a><br />

A book which explore without limits...!!</li>

<li><a href="http://reunion2010.webs.com/">Reunion 2010</a><br />

An Alumni Network for High School Reunions </li>

<li><a href="https://mythoughtmyway.wordpress.com/">My Thought My Way

(Intro)</a><br />

a collection of conclusions, queries,

this is a section about reality, about us..

A Collection of Thoughts by ASHMEET SEHGAL..</li>

<li><a href="https://www.facebook.com/ashmeet.sehgal01/">MTMW @ Fb</a><br

/>

WE WANT 2 PROVIDE U AN UTOPIA, WHERE SPIRITUAL THOUGHTS

AND REAL LIFE ACTUALLY MEETS... WE WORK VERY HARD 2 PROVIDE U D

BESTEST VIEWS..</li>

<li><a href="https://alumnisurprise.webs.com/">Alumni Surprise</a><br />

A Networks which connect millions of soul</li>

<li><a href="https://www.facebook.com/AlumniSurprise">Alumni Surprise @ Fb

</a><br />

Join Alumni Surprise on Facebook </li>

</ul>

</div>

</div>

<div class="clr"></div>

</div>

</div>

<div class="fbg">

<div class="fbg_resize">

<div class="col c1">

<h2><span>Image</span> Gallery</h2>

<a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal"

/></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal"

/></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal"

/></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal"

/></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal"

/></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal"

/></a> </div>

<div class="col c2">

<h2><span>Services</span> Overview</h2>

<p>Why us?</p>

<ul class="fbg_ul">

<li><a href="#">We have good quality products. We provide fresh fruits and

vegetables.</a></li>

<li><a href="#">All the spices are blend by our special staff. Our staff is trained in the

Ayurvedic system of health and wellness and blends their spices according to ancient

principles of taste. You can taste the passion in all their blends. </a></li>

<li><a href="#">We provide reliable shipping and attentive customer service.</a></li>

<li><a href="#">We provide all the products at best price.</a></li>

</ul>

</div>

<div class="col c3">

<h2><span>Contact</span> Us</h2>

<p>For Orders & Suggestions, We love hearing from our members and readers. </p>

<p class="contact_info"> <span>Address:</span>#88, Vishal Nagar, Street No. 1/A,

Bathinda, PUNJAB<br />

<span>Telephone:</span>+919417415088,+918283843139,+919736339829<br />

<span>FAX:</span> +458-4578<br />

<span>Others:</span>+919463130088<br />

<span>E-mail:</span> <a href="#">[email protected]</a> </p>

</div>

<div class="clr"></div>

</div>

</div>

<div class="footer">

<div class="footer_resize">

<p class="lf">&copy; Copyright <a

href="https://www.facebook.com/MomMadeOnline">MomMade Kitchen</a>.</p>

<p class="rf">Design by Ashmeet Sehgal <a

href="http://www.facebook.com/ashmeet.sehgal/">AS</a></p>

<div style="clear:both;"></div>

</div>

</div>

</div>

<div align=center>Join Us On Facebook <a

href='http://www.facebook.com/MomMadeOnline/'>MomMade Kitchen</a></div>

</body>

</html>

SCREENSHOT

Header: Highlight of our header is ‘Coin-Slider’ with 3 different images.

Content: It contains Home Page, About Us, Online Shopping, Recipes, Contact Us

Sidebar Menu: Home Page, About Us, Recipes, Follow Us on Facebook, Follow Us on

Twitter.

SCREENSHOT

Footer: It Contains different links, Images Gallery, Services Overview and Contact

Us.

b) Main Recipe Page

<!DOCTYPE html>

<html lang="en">

<head>

<title>MomMade Kitchen|Main</title>

<link rel="icon"

type="logo1/png"

href="F:\study\sem-4\pbl\working\as\images/logo1.png" />

<meta charset="utf-8">

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">

<link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet'

type='text/css'>

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>

<script src="js/cufon-yui.js" type="text/javascript"></script>

<script src="js/cufon-replace.js" type="text/javascript"></script>

<script src="js/Lobster_13_400.font.js" type="text/javascript"></script>

<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>

<script src="js/FF-cash.js" type="text/javascript"></script>

<script src="js/easyTooltip.js" type="text/javascript"></script>

<script src="js/script.js"

type="text/javascript"></script>

<script src="js/bgSlider.js" type="text/javascript"></script>

<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>

<script src="js/tms-0.3.js" type="text/javascript"></script>

<script src="js/tms_presets.js" type="text/javascript"></script>

</head>

<body id="page1">

<div id="bgSlider"></div>

<div class="bg_spinner"></div>

<div class="extra">

<!--

==============================header===============================

==-->

<header>

<div class="top-row">

<div class="main">

<div class="wrapper">

<h1><a href="index.html">MomMade Kitchen</a></h1>

<ul class="pagination">

<li class="current"><a href="images/bg-img1.jpg">1</a></li>

<li><a href="images/bg-img2.jpg">2</a></li>

<li><a href="images/bg-img3.jpg">3</a></li>

</ul>

<strong class="bg-text">Background:</strong>

</div>

</div>

</div>

<div class="menu-row">

<div class="menu-border">

<div class="main">

<nav>

<ul class="menu">

<li><a class="active" href="index.html">Main</a></li>

<li><a href="about.html">About Us</a></li>

<li><a href="courses.html">Courses</a></li>

<li><a href="recipes.html">New Recipes</a></li>

<li><a href="quiz.html">Quizes</a></li>

<li class="last"><a href="contacts.html">Contacts</a></li>

</ul>

</nav>

</div>

</div>

</div>

<div class="ic">Ashmeet Sehgal</div>

</header>

<!--

==============================content===============================

=-->

<div class="inner">

<div class="main">

<section id="content">

<div class="slider">

<ul class="items">

<li>

<img src="images/slider-img1.jpg" alt="" />

<div class="banner">

<strong class="title">

<strong>MomMade</strong><em>Kitchen</em>

</strong>

<p class="p3">MMK is committed to bring in customer delight.</p>

<a class="button-1" href="F:\study\sem-

4\pbl\working\as\index.html">Back to MMK</a>

</div>

</li>

<li>

<img src="images/slider-img2.jpg" alt="" />

<div class="banner">

<strong class="title">

<strong>MMK</strong><em>Recipe</em>

</strong>

<p>Recipes with the perfect combination of flavor and health.</p>

<a class="button-1" href="about.html">Read More</a>

</div>

</li>

<li>

<img src="images/slider-img3.jpg" alt="" />

<div class="banner">

<strong class="title">

<strong>Hot</strong><em>Recipe</em>

</strong>

<p>Looking for something HOT..? Come here I'll show you..</p>

<a class="button-1" href="F:\study\sem-4\pbl\working\recepies\Hot

Recipes\hotrecipes.html">Read More</a>

</div>

</li>

</ul>

<a class="banner-2" href="#"></a>

</div>

<ul class="pags">

<li><a href="#">1</a></li>

<li><a href="#">2</a></li>

<li><a href="#">3</a></li>

</ul>

<div class="bg">

<div class="padding">

<div class="wrapper">

<article class="col-1">

<h3>Weight Loss Ideas</h3>

<p>Delicious foods that help you diet? It sounds too good to be true.

No doubt: Weight loss comes down to simple math. You have to eat fewer calories than you

burn.</p>

<div class="relative">

<a class="button-2" href="F:\study\sem-

4\pbl\working\recepies\Weight Lose\weightlose.html">Read More</a>

</div>

</article>

<article class="col-1">

<h3>Fast Food. Yes or No?</h3>

<p>When it comes to eating healthy, one of the most dangerous habits

people develop is depending on fast food for meals. Eating fast food regularly has

consequences that greatly outweigh its benefits to your lifestyle. But if you find that you’re

stuck in a situation where you aren’t prepared to eat a healthy meal from home, you can still

be healthy. Take the following steps to minimize the impact of fast food on your diet.</p>

<div class="relative">

<a class="button-2" href="F:\study\sem-

4\pbl\working\recepies\Fastfood\fastfood.html">Read More</a>

</div>

</article>

<article class="col-2">

<h3>Taste of Asia</h3>

<p>Where would we be without the culinary wonders of dumplings,

sushi, noodles and wontons? For the home cook, the Asian continent offers recipes ripe with

tradition, but also flexibility. Most importantly, they're always full of flavor. From a quick,

midweek stir-fry to a warming, spicy curry; make your favorite dish at home with these

recipes from some of our most versatile chefs.</p>

<div class="relative">

<a class="button-2" href="F:\study\sem-

4\pbl\working\recepies\Taste of asia\toasia.html">Read More</a>

</div>

</article>

</div>

</div>

</div>

<div class="padding-2">

<div class="indent-top">

<div class="wrapper">

<article class="col-3">

<h4><strong>Welcome</strong> <em>to Our Site!</em></h4>

<p class="color-2 p1">Want a fresh idea for your next meal..? Find a

recipe here. Inspire your kitchen creativity with our delicious recipes..! Impress your guests

with our latest recipes. At MMK you will find </p>

<ul class="list-1">

<li><b>Recipes with the perfect combination of flavor and

health.</b></li>

<li><b>Numerous varieties of recipes for every occasion and

mood.</b></li>

<li><b>The delicious n fresh recipes with the feel of mom made

food.</b></li>

<li><b>Quick and easy recipes for people new at kitchen.</b></li>

</ul>

</article>

<div class="extra-wrap">

<a href="#"><img src="images/banner-1.jpg" alt="" /></a>

</div>

</div>

</div>

</div>

</section>

<div class="block"></div>

</div>

</div>

</div>

<!--

==============================footer================================

=-->

<footer>

<div class="padding">

<div class="main">

<div class="wrapper">

<div class="fleft footer-text">

<span>MomMade Kitchen</span> &copy; 2014

<strong>Developed by <a rel="nofollow" class="link" target="_blank"

href="http://www.facebook.com/ashmeet.sehgal">Ashmeet Sehgal</a></strong>

<!-- {%FOOTER_LINK} -->

</div>

<ul class="list-services">

<li>Link to Us:</li>

<li><a class="tooltips" title="facebook"

href="http://www.facebook.com/MomMadeOnline/"></a></li>

<li class="item-1"><a class="tooltips" title="twitter"

href="http://www.twitter.com/ashmeetsehgal"></a></li>

<li class="item-2"><a class="tooltips" title="linkedin"

href="http://www.linkedin.com/pub/ashmeet-sehgal/51/6/710"></a></li>

</ul>

</div>

</div>

</div>

</footer>

<script type="text/javascript"> Cufon.now(); </script>

<script type="text/javascript">

$(window).load(function() {

$('.slider')._TMS({

duration:1000,

easing:'easeOutQuart',

preset:'simpleFade',

slideshow:10000,

banners:'fade',

pauseOnHover:true,

waitBannerAnimation:false,

pagination:'.pags'

});

});

</script>

</body>

</html>

SCREENSHOT

SCREENSHOT

SCREENSHOT

The most of the work we have done with this site is on its BEAUTIFICATION to make it

more interactive. Coin Slider, Interactive Colors, Best Aligning in Headers & Footers,

Favicons on each webpage, and playing Bollywood Songs along site. Websites without

interaction is useless. So, it took too much time to understand and implement different types

of interactions in the project.

Because in this time (year of 2K’s),

Another level of extension is the Recipe Quizzes, it’s an idea that changes our project.

Extremely powerful in terms of interaction and learning. No need to say anything further

about it, Just Play & Enjoy..!

c) Contact Form

<!DOCTYPE html>

<html lang="en">

<head>

<title>MomMade Kitchen|Contact Us</title>

<link rel="icon"

type="logo1/png"

href="F:\study\sem-4\pbl\working\as\images/logo1.png" />

<meta charset="utf-8">

<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen">

<link href='http://fonts.googleapis.com/css?family=Adamina' rel='stylesheet'

type='text/css'>

<script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>

<script src="js/cufon-yui.js" type="text/javascript"></script>

<script src="js/cufon-replace.js" type="text/javascript"></script>

<script src="js/Lobster_13_400.font.js" type="text/javascript"></script>

<script src="js/NewsGoth_BT_400.font.js" type="text/javascript"></script>

<script src="js/FF-cash.js" type="text/javascript"></script>

<script src="js/easyTooltip.js" type="text/javascript"></script>

<script src="js/script.js" type="text/javascript"></script>

<script src="js/bgSlider.js" type="text/javascript"></script>

<div style=' clear: both; text-align:center; position: relative;'>

<a href="http://windows.microsoft.com/en-US/internet-

explorer/products/ie/home?ocid=ie6_countdown_bannercode">

<img

src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"

border="0" height="42" width="820" alt="You are using an outdated browser. For a faster,

safer browsing experience, upgrade for free today." />

</a>

</div>

<script type="text/javascript" src="js/html5.js"></script>

<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">

</head>

<body id="page6">

<div id="bgSlider"></div>

<div class="bg_spinner"></div>

<div class="extra">

<!--

==============================content===============================

=-->

<div class="inner">

<div class="main">

<section id="content">

<div class="indent">

<div class="wrapper">

<article class="col-1">

<div class="indent-left">

<h3>Contact Form</h3>

<div class="p3">

<form id="contact-form" method="post" enctype="multipart/form-

data">

<fieldset>

<label><span class="text-form">Full Name:</span><input

name="p1" type="text" /></label>

<label><span class="text-form">E-mail:</span><input

name="p2" type="text" /></label>

<div class="wrapper">

<div class="text-form">Message:</div>

<div class="extra-wrap">

<textarea></textarea>

<div class="clear"></div>

<div class="buttons">

<a class="button-2" href="#"

onClick="document.getElementById('contact-form').reset()">Clear</a>

<a class="button-2" href="#"

onClick="document.getElementById('contact-form').submit()">Send</a>

</div>

</div>

</div>

</fieldset>

</form>

</div>

</div>

<div class="bg">

<div class="padding">

<h3>Miscellaneous Info</h3>

Chitkara University Students<br>

Ashmeet Sehgal (b120010457)<br>

Diksha Sharma (b120010450)<br>

Bhumika Sharma (b120010105)<br>

</div>

</div>

</article>

<article class="col-2">

<h3 class="border-bot indent-bot">Our Contacts</h3>

<div class="img-indent-bot">

<h6>ASHMEET SEHGAL</h6>

<dl>

<dt>#88,Vishal Nagar, Street No. 1/A, Phase-1 </dt>

<dd><span>Telephone:</span> +919417415088</dd>

<dd><span>FAX:</span> +1 504 889 9898</dd>

<dd><span>E-mail:</span><a href=

"http://www.gmail.com">[email protected]</a></dd>

</dl>

</div>

<div class="img-indent-bot">

<h6>Sanjana</h6>

<dl>

<dt>8901 Marmora Road, Glasgow, D04</dt>

<dd><span>Telephone:</span> +918283941513</dd>

<dd><span>FAX:</span> +1 504 889 9898</dd>

<dd><span>E-mail:</span><a

href="http://www.gmail.com">[email protected]</a></dd>

</dl>

</div>

<div class="img-indent-bot">

<h6>Diksha</h6>

<dl>

<dt>8901 Marmora Road, Glasgow, D04</dt>

<dd><span>Telephone:</span> +1 959 603 6035</dd>

<dd><span>FAX:</span> +1 504 889 9898</dd>

<dd><span>E-mail:</span><a

href="http://www.gmail.com">[email protected]</a></dd>

</dl>

</div>

<h6>Bhumika</h6>

<dl>

<dt>8901 Marmora Road, Glasgow, D04</dt>

<dd><span>Telephone:</span> +1 959 603 6035</dd>

<dd><span>FAX:</span> +1 504 889 9898</dd>

<dd><span>E-mail:</span><a

href="http://www.gmail.com">[email protected]</a></dd>

</dl>

</article>

</div>

</div>

</section>

<div class="block"></div>

</div>

</div>

</div>

</body>

</html>

SCREENSHOT

CHAPTER 7

PROS:

Shop 24/7: You can order 24/7 any time.

Comfort of own home: You can order things and see recipes by sitting home

comfortably. You don’t have to roam in streets day and night.

A lot of options within a click away: You don’t have to roam in different

shops for different things.

Comparison Shopping easier: You can compare the rates and items.

Discount coupons available online: Discounts are always available.

No Lines: You don’t have to stand in long queues.

Privacy: You can order what you want, without anyone’s interference.

Don’t have to drag kids out: You don’t have to drag kids out

Save on Gas: You can save fuel (Petrol/Diesel) and of course money.

Create Personal Shopping List: You can create your personal shopping list.

Browse Thousands of Recipes: You can browse your favorite

CONS:

Takes forever if you have a slow connection:

Errors in Billing : Errors in Billing sometimes

Returns more difficult: It is difficult to return the items.

Shipping and Handling Cost: Shipping and Handling Cost are high sometimes.

Credit Card Insecurity: Credit Card Insecurity is there.

Lacks the personal touch: Lacks the personal touch, You can’t touch the item, You

are going to purchase

CHAPTER 8

FUTURE SCOPE

MOMMADE KITCHEN have very bright scope in future as today as the technology is

developing everyone is getting attracted towards online shopping. Everyone do online

shopping nowadays.

One can easily shop for clothes, mobiles, etc. Things online easily but there are no online

grocery stores or vegetable stores in North India at all. So this project introduces this in our

own North India.

CHAPTER 9

REFERENCES:

http://www.bigbasket.com/

http://bigbasket.com/

http://www.sanjeevkapoor.com/

http://www.w3schools.com/html/default.asp

http://www.w3schools.com/css/default.asp

http://www.w3schools.com/js/default.asp

http://www.w3schools.com/jquery/default.asp

http://www.tutorialspoint.com/javascript/index.htm

Online web tutorials on HTML, CSS, DHTML, JAVASCRIPT, JQUERY.

BOOK

HTML, DHTML, JAVASCRIPT by Ivan Byross