Web Development Virtual Internship

Learning Objectives/Internship Objectives

 Internships are generally thought of to be reserved for college students looking to

gain experience in a particular field. However, a wide array of people can benefit
from Training Internships in order to receive real world experience and develop their
skills.

 An objective for this position should emphasize the skills you already possess in the
area and your interest in learning more

 Internships are utilized in a number of different career fields, including architecture,

engineering, healthcare, economics, advertising and many more.

 Some internship is used to allow individuals to perform scientific research while

others are specifically designed to allow people to gain first-hand experience working.

 Utilizing internships is a great way to build your resume and develop skills that can
be emphasized in your resume for future jobs. When you are applying for a Training
Internship, make sure to highlight any special skills or talents that can make you
stand apart from the rest of the applicants so that you have an improved chance of
landing the position.

I
 Web Development Virtual Internship

WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

03/08/22 Wednesday Introduction about their company and the Internship
04/08/22 Thursday What is HTML, Role of HTML, Syntax of HTML
elements, Paragraphs
05/08/22 Friday Headlines, Bolds and Italics, Lists, Quotes
1st WEEK

06/08/22 Saturday Dates and Time, Code, Pre and br, Super Scripts, Sub
Scripts
08/08/22 Monday Small text, Debugging HTML, HTML Attributes, ARIA
Roles
09/08/22 Tuesday Formatting HTML, Weird Characters, Links, URL Paths

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

10/08/22 Wednesday Navigation, Images, Image Formats, Responsive
Images, Width, Pictures
11/08/22 Thursday Figure and Figure Caption, Audio, Video,
Captions and Subtitles
12/08/22 Friday Embedded other media through iframes, Supporting
Languages, Generic Elements
2nd WEEK

13/08/22 Saturday The HTML Page, Document Head, Structuring Content

15/08/22 Monday Examples, HTML form basics, More on forms
16/08/22 Tuesday Additional form element types, When to use Tables,
Building Table Rows, How to keep learning HTML and
their specifications

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

17/08/22 Wednesday The cascade and Importance, Adding Colors, Class selectors
and links, Styling Links
18/08/22 Thursday Intro to Box model, Inline, Block, Display
19/08/22 Friday Box model properties, Syntax, Usage, Debugging the Box
Model
3rd WEEK

20/08/22 Saturday Text Decoration, Align, Styles, Layouts

22/08/22 Monday Intro to CSS Grid, The Explicit grid, Implicit grid
23/08/22 Tuesday Intro to Java Script

II
 Web Development Virtual Internship

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

24/08/22 Wednesday What is Java Script, Variables, Control flow
25/08/22 Thursday Basic Knowledge on Bootstrap
26/08/22 Friday Basic Knowledge on GitHub
27/08/22 Saturday Exercise: Creating a Registration Form using HTML
29/08/22 Monday Exercise: Adding styles and Colors to the Registration form
using CSS
30/08/22 Tuesday Intro to the Project

DATE NAME OF THE TOPIC/MODULE COMPLETED

31/08/22 Work on the Project
-
02/10/22

III
 Web Development Virtual Internship

Abstract

Shopping is one of the activities that some people consider part of their life, while others do not
even think of it. This comparison makes us discover people's problems with shopping. People
have shopping problems such as limited time, expats in foreign countries without cars, a
transportation issue, people consider physical shopping as a waste of time, health issues, long-
distance to market. And the difficulty in obtaining some items. As the problems mentioned
above, we have explored our idea, which is related to personal shopping. Therefore, we have
built an web application that combines different market shops, i.e. (Malls, supermarkets, and
pharmacies). This personal grocery shopping is an innovative app that allows the customers to
get all their needs and suggest items based on previous history. Then deliver items to their
doorstep and can facilitate online shopping procedure where customers can browse unlimited
products all at one time. This work supports people in exploiting their time to be safer and
more accessible than wasting it physically. Moreover, people can order the product from home
instead of going around for long distances for shopping. In addition, this app could help people
who are facing health problems and unable to buy something physically to avoid future
problems. Finally, some people do not have transportation methods for shopping, and they
should keep pace with the evolution.

IV
 Web Development Virtual Internship

INDEX

S.no CONTENTS Page no

1. Introduction 1

1.1 Modules Description 1

2. System Analysis 3

3. Software requirements specifications 4

3.1System Configurarion 4

4. Key Features 5

4.1 Daily milk Admin Feature 5

4.2 File in Pulgin 6

5. Sever installation 7

6. Technology 15

7. Source Code 18

8. Screen Shots 21

9. Conclusion 22

10. Bibilography 23

V
 Web Development Virtual Internship

1.INTRODUCTION
The complexity of business environments constantly grows, both with regard to the amount of
data relevant for making strategic decisions and the complexity of included business processes.
Today’s dynamic and competitive markets often imply rapid (e.g., near real-time) and accurate
decision making. Relevant data are stored across a variety of data repositories, possibly using
different data models and formats, and potentially crossed with numerous external sources for
various context aware analysis. A data integration process combines data residing on different
sources and provides unified view of this data for a user [1]. For example, in a data warehousing
(DW) context, data integration is implemented through extract-transform- that extracts, cleans,
and transforms data from multiple, often heterogeneous data sources and Finally, delivers data for
further analysis. There are various challenges related to data Flow design. Here we consider two:
design evolution and design complexity.

A major challenge that BI decision-makers face relates to the evolution of business requirements.
These changes are more frequent at the early stages of a DW design project andin part, this is due
to a growing use of agile methodologies in data Flow design and BI systems in general. But
changes may happen during the entire DW lifecycle. Having an up- and-running DW system
satisfying an initial set of requirements is still a subject to various changes as the business evolves.
Changes in business needs may result in new, changed or removed information requirements.
Thus having an incremental and agile solution that can automatically absorb occurred changes and
produce a Flow satisfying the complete set of requirements would largely facilitate the design and
maintenance of data-intensive Flows.

In an enterprise environment data is usually shared among users with varying technical skillsand
needs, involved in different parts of a business process. Typical real-world data-intensive
workloads have high temporal locality, having 80% of data reused in a range from minutes to
hours. However, the cost of accessing these data, especially in distributed scenarios, is often high.
Computing the net profit can largely benefit from the total revenue already computed for the sales
department and thus, it could benefit from the sales data Flow too. The concept of reusing partial
results is not new. Software and data reuse scenarios in data integration have been proposed in the
past, showingthat such reuse would result in substantial cost savings, especially for large, complex
businessenvironments. Data Flow re use could result in a significant reduce in design complexity,
but also in intermediate Flow executions and thus, in total execution time too.

1.1 Module Description :

Shopper:

1) User registers the site.

2) Products will be showed
3) If user selected the product and then save
4) User selected product is send to the Order.

Dr.K V Subba Reddy Institute Of Technology Page 1

 Web Development Virtual Internship

5) If user wants to buy the product they can also buy.

Supplier:

1) send product details

2) send payment verification
3) Store buying detail
4) Store line items using join product and order

Order:

1) Store all the user details.

2) Order detail

Dr.K V Subba Reddy Institute Of Technology Page 2

 Web Development Virtual Internship

2.SYSTEM ANALYSIS

2.2 Requirement Analysis

Existing System:
In an Existing we address these challenges and present an approach to efficient, incremental
consolidation of data-intensive flows. Following common practice, our method iterates over
information requirements to create the final design. we show how to efficiently accommodate a
new information requirement to an existing design and also, how to update a design in lieu of an
evolving information requirement. The final design satisfying all requirements comprises a multi-
flow. As ‘coal’ is formed after the process and extreme compaction of layers of partially
decomposed materials1, Co Al processes individual data flows and incrementally consolidates
them into a unified multi-flow.
Proposed System:
Following the previously proposed set of flow transformations in the context of ETL processes in
Co Al we extend this set considering also the associative property of n-array operations (e.g., Join)
and thus rely on the following four flow transformations used for reordering the operations. Swap
Applied to a pair of adjacent unary operations, it interchanges the order of these operations.
Distribute/Factorize. Applied on a unary operation over an adjacent n-array operation, it
respectively distributes the unary operation over the adjacent nary operation or factorizes several
unary operations over the adjacent n- array operation. Merge/Split. Applied on a set of adjacent
unary operations, it respectively merges several operations into a single unary operation or splits a
unary operation into several unary operations. Re-associate. Applied on a pair of mutually
associative n-array operations, it interchanges the order in which these operations are executed.

Dr.K V Subba Reddy Institute Of Technology Page 3

 Web Development Virtual Internship

3. Software Requirements Specifications

3.1 System Configurations

The software requirement specification can produce at the culmination of the analysis task.
The function and performance allocated to software as part of system engineering are refined
by established a complete information description, a detailed functional description, a
representation of system behavior, and indication of performance and design constrain,
appropriate validate criteria, and other information pertinent to requirements.

Software Requirements:

• Operating system : Windows 7 Ultimate.

• Coding Language : MVC 4 Razor
• Front-End : Visual Studio 2012 Professional.
• Data Base : SQL Server 2008.

Hardware Requirement:

• System : Pentium IV 2.4 GHz.

• Hard Disk : 1TB.
• Ram : 4GB.

The application has a few system requirements, so you will need to make sure your server meets the following requirements:

1. PHP 7.1.3+,

2. MySQL 5.7+

3. PDO PHP Extension

4. Mbstring PHP Extension

5. Tokenizer PHP Extension

6. XML PHP Extension

7. Ctype PHP Extension

8. JSON PHP Extension

9. cURL PHP Extension

10. GD PHP Extension

THIS SCRIPT RUN FOR SUB DOMAIN REQUIRED. WITHOUT SUBDOMAIN ITS NOT WORKING

Dr.K V Subba Reddy Institute Of Technology Page 4

 Web Development Virtual Internship

4.Key Features
4.1 DailyMilk - Admin Features:

 Admin can see the Total City, Total Banner, Total Category, Total Subategory,
Total Delivery Boy, Total Collection, Total Coupon, Total Products, Total Deliveries, Total
Users, Total Normal Pending Order, Total Normal Cancelled Order, Total Normal
Completed Order, Total Subscribe Pending Order, Total Subscribe Cancelled Order, Total
Subscribe Completed Order, Total Normal Order Sales, Total Subscribe Order Sale
 Admin can create unlimited City with delivery charges
 Admin can create unlimited App home banners
 Admin can create unlimited Category with image
 Admin can create unlimited Sub Category with image
 Admin can create unlimited Product with Product Image, Product title, Product
Discount, Product Status,City , Product Category , Product Subcategory , Product
Variation, Product Price, Product Subcription Price
 Admin can create unlimited Collection with Collection Name, Collection Image,
City, Collection Product, Collection Status
 Admin can create unlimited Deliveries(For subscription total number of days user
required item to doorstep delivery)
 Admin can create unlimited Country Code
 Admin can create unlimited Coupon Code
 Admin can create unlimited Delivery Boy
 Admin can check Normal Pending Order List, Cancelled Order List & Completed
Order List where order can accept or reject and Assign to delivery boy with print
 Admin can check Subscription Pending Order List with number of days to deliver
the item, Completed Order List where order can accept or reject and Assign to delivery
boy with print
 Admin can check Customer Information & Details
 Admin can sent the push notification
 Admin can manage edit or change the status or payment method dynamically
 Admin can change Setting for Payment Method: Cash on Delivery (COD), PayPal,
Razorpay, Stripe
 Admin can change Setting for Notification OneSignal API and Firebase OTP
verification API
 Admin can change Setting for the username and password for admin panel
 Admin can change Setting for currency($,₹,€,£,¥ etc)t
 Admin can change Setting for logo, favicon, website title for admin panel
 Admin can change Setting for Privacy Policy, About us, Contact us, Terms &
Condition page
 Fast, Optimized and Powerful admin
 Beautiful UI
 High Quality
 Easy configuration

Dr.K V Subba Reddy Institute Of Technology Page 5

 Web Development Virtual Internship

4.2 Files in Plugin

'Dairy Products, Grocery, Daily Milk Delivery Mobile App with Subscription | Customer App &
Delivery Boy App is bundled with files:

 DailyMilk Web Admin v1.0.zip

 DailyMilk - Customer Android App v1.0.zip
 DailyMilk - Delivery Boy Android App v1.0.zip
 Database
 Documentation.zip

Dr.K V Subba Reddy Institute Of Technology Page 6

 Web Development Virtual Internship

5.Server Installation
 Let's upload Dairy Products, Grocery, Daily Milk Delivery Mobile App with Subscription |
Customer App & Delivery Boy App to our hosting or server. You can use File Manager
from your hosting panel or FTP client like FileZilla or WinSCP to upload the zip file.

 Creating Database
So let's create an empty database first.

 Step 1: Create a new

database

In first step provide the name of you database and click on Next button.

Dr.K V Subba Reddy Institute Of Technology Page 7

 Web Development Virtual Internship

 Step 2: Create Database

User

In second step, provide name for database user and also create a password for database.
Once you are done, click on Next button to proceed to next step.

 Step 3: Add User

Database

Dr.K V Subba Reddy Institute Of Technology Page 8

 Web Development Virtual Internship

In third step, Make sure to click on All Privileges and click on Next button to proceed to
final step. Once you click on Next button, your database will be created and you will get a
confirmation message on screen. Please do not forget to note database name, database
username and database password to use it during installation

 Step 4: Import Database

Now go to phpmyadmin, click the import option then select your database and upload the
database file

After importing your database you see your table list

Dr.K V Subba Reddy Institute Of Technology Page 9

 Web Development Virtual Internship

 Step 5: PHP File Upload

Now go to file manager

 Select the public_html folder. and inside the folder upload the all PHP file

Dr.K V Subba Reddy Institute Of Technology Page 10

 Web Development Virtual Internship

 Click the upload option then select your file and complete the upload process

Dr.K V Subba Reddy Institute Of Technology Page 11

 Web Development Virtual Internship

 Step 6: Extract the uploaded file then move the file into your site

folder

Dr.K V Subba Reddy Institute Of Technology Page 12

 Web Development Virtual Internship

 Step 7: Modify the include/milkprams.php file. add the Username, Password and
Database

 Step 8: Select the php

version

Dr.K V Subba Reddy Institute Of Technology Page 13

 Web Development Virtual Internship

6.TECHNOLOGY

World Wide Web (WWW): The World Wide Web is based on several different
technologies : Web browsers, Hypertext Markup Language (HTML) and Hypertext
Transfer Protocol (HTTP).
Web Browser: The web browser is an application software to explore www (World
Wide Web). It provides an interface between the server and the client and requests to
the server for web documents and services.
Web Server: Web server is a program which processes the network requests of the
users and serves them with files that create web pages. This exchange takes place using
Hypertext Transfer Protocol (HTTP).
Web Pages: A webpage is a digital document that is linked to the World Wide Web and
viewable by anyone connected to the internet has a web browser.
Web Development: Web development refers to the building, creating, and maintaining
of websites. It includes aspects such as web design, web publishing, web programming,
and database management. It is the creation of an application that works over the
internet i.e. websites.
Web Development can be classified into two ways:
 Frontend Development: The part of a website that the user interacts directly is
termed as front end. It is also referred to as the ‘client side’ of the application.

 Backend Development: Backend is the server side of a website. It is the part of

the website that users cannot see and interact. It is the portion of software that
does not come in direct contact with the users. It is used to store and arrange data.

 Frontend Languages: The front end portion is built by using some languages
which are discussed below:
HTML
Hypertext Markup Language (HTML), the languages of the world wide
web(WWW), allows users to produces web pages that included text, graphics and
pointer to other web pages (Hyperlinks).
HTML is not a programming language but it is an application of ISO Standard
8879, SGML(Standard Generalized Markup Language),but
Specialized to hypertext and adapted to the Web. The idea behind Hypertext one
point to another point. We can navigate through the information based on out
interest and preference. A markup language is simply a series of items enclosed
within the elements should be displayed.
Hyperlinks are underlined or emphasized works that load to other documents or
some portions of the same document.
Html can be used to display any type of document on the host computer, which

Dr.K V Subba Reddy Institute Of Technology Page 14

 Web Development Virtual Internship

can be geographically at a different location. It is a versatile language and can be

used on any platform or desktop
HTML provides tags(special codes) to make the document look attractive.
HTML provides are not case-sensitive. Using graphics,fonts,different sizes, color,
etc.. can enhance the presentation of the document. Anything
That is not a tag is part of the document it self.
Basic Html Tags:
<!-- --> Specific Comments.
<A>………</A> Creates Hypertext links.
<B>………</B> Creates hypertext links.
<Big>……..</Big> Formats text in large-font
<Body>…….</Body> contains all tags and text in the Html-document
<Center>……</Center> Creates Text
<DD>………..</DD> Definition of a term.
<TABLE>……</TABLE> creates table
<Td>………..</Td> indicates table data in a table.
<Tr>………..</Tr> designates a table row
<Th>……….</Th> creates a heading in a table.
ADVANTAGES:
A HTML document is small and hence easy to send over the net.It is
small because it does not include formatted information.
HTML is platform independent
HTML tags are not case-sensitive.

JAVA SCRIPT:

The Java Script Language

JavaScript is a compact , object-based scripting language for developing client and
server internet applications. Netscape Navigator 2.0 interprets JavaScript
statements embedded directly in an HTML page. and Livewire enables you to
create server-based applications similar to common gateway interface(cgi)
programs.

In a client application for Navigator, JavaScript statements embedded in an

Dr.K V Subba Reddy Institute Of Technology Page 15

 Web Development Virtual Internship

HTML Page can recognize and respond to user events such as mouse clicks form
Input, and page navigation.

For example, you can write a JavaScript function to verify that users enter valid
information into a form requesting a telephone number or zip code . Without any
network transmission, an Html page with embedded Java Script can interpret the
entered text and alert the user with a message dialog if the input is invalid or you
can use JavaScript to perform an action (such as play an audio file, execute an
applet, or communicate with a plug-in) in response to the user opening or exiting a
page.

 Backend Languages: The back end portion is built by using some languages
which are discussed below:

 PHP: PHP is a server-side scripting language designed specifically for web

development. Since PHP code executed on the server-side, so it is called a server-
side scripting language.

Dr.K V Subba Reddy Institute Of Technology Page 16

 Web Development Virtual Internship

7.SOURCE CODE
ADMIN PAGE:
<html
lang="en"
>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="">
<meta name="viewport" content="width=device-width,
initial-scale=1.0, user-scalable=0, minimal-ui">
<title>HEALTH N GROW - Daily Milk Delivery &
Subscription</title>
<!-- Fevicon -->
<link rel="shortcut icon" href="setting/Screenshot_2021-
12-13-11-01-30-95_99c04817c0de5652397fc8b56c3b3817.jpg">
<!-- Start css -->
<!-- Switchery css -->
<link href="assets/css/icons.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="assets/izitoast/css/iziToast.min.css">
<link href="assets/plugins/bootstrap-tagsinput/bootstrap-
tagsinput.css" rel="stylesheet" type="text/css">
<link href="assets/plugins/summernote/summernote-bs4.css"
rel="stylesheet">

<!-- apex css -->

<!-- Slick css -->
<link href="assets/plugins/select2/select2.min.css"
rel="stylesheet" type="text/css">
<link
href="assets/plugins/datatables/dataTables.bootstrap4.min.
css" rel="stylesheet" type="text/css" />

<!-- Responsive Datatable css -->

<link
href="assets/plugins/datatables/responsive.bootstrap4.min.
css" rel="stylesheet" type="text/css" />

Dr.K V Subba Reddy Institute Of Technology Page 17

 Web Development Virtual Internship

<link href="assets/css/bootstrap.min.css" rel="stylesheet"

type="text/css">

<link href="assets/css/flag-icon.min.css" rel="stylesheet"

type="text/css">
<link href="assets/css/style.css" rel="stylesheet"
type="text/css">
<!-- End css -->
</head><body class="vertical-layout">

<div style="
height: 100%;
width: 100%;
background: #000000;
position: absolute;
opacity: 0.3;
"></div>
<!-- Start Containerbar -->
<div id="containerbar" class="containerbar authenticate-
bg">
<!-- Start Container -->
<div class="container">
<div class="auth-box login-box">
<!-- Start row -->
<div class="row no-gutters align-items-center justify-
content-center">
<!-- Start col -->
<div class="col-md-6 col-lg-5">
<!-- Start Auth Box -->
<div class="auth-box-right">
<div class="card" style="border-radius: 23px;">
<div class="card-body">
<form action="#" method="post">
<div class="" style="margin-bottom: 36px;">
<img src="setting/WhatsApp Image 2021-12-07 at 10.07.14
AM.jpeg" class="img-fluid" alt="logo">
</div>

Dr.K V Subba Reddy Institute Of Technology Page 18

 Web Development Virtual Internship

<h4 class="text-primary my-4"></h4>

<div class="form-group">
<input type="text" class="form-control" id="username"
name="username" placeholder="Enter Username here"
required>
</div>
<div class="form-group">
<input type="password" class="form-control" id="password"
name="password" placeholder="Enter Password here"
required>
</div>

<button type="submit" style="margin-bottom: 20px;"

name="sub_login" class="btn btn-success btn-lg btn-block
font-18">Log in</button>
</form>

</div>
</div>
</div>
<!-- End Auth Box -->
</div>
<!-- End col -->
</div>
<!-- End row -->
</div>
</div>
<!-- End Container -->
</div>
<!-- End Containerbar -->
<!-- Start js -->
<script src="assets/js/jquery.min.js"></script>
<!-- End js -->
</body>
</html>

Dr.K V Subba Reddy Institute Of Technology Page 19

 Web Development Virtual Internship

8.SCREENSHOTS

ADMIN PAGE:

DASHBOARD:

Dr.K V Subba Reddy Institute Of Technology Page 20

 Web Development Virtual Internship

9.CONCLUSION
Summary

In today's Web development, a good page design is essential. A bad design

will lead to the loss of visitors and that can lead to a loss of business. In
general, a good page layout has to satisfy the basic elements of a good page
design. This includes color contrast, text organization, font selection, style
of a page, page size, graphics used, and consistency. In order to create a
well-designed page for a specific audience. The developer needs to
organized and analyze the users' statistics and the background of the users.
Although it can be hard to come up with a design that is well suited to all of
the users, there will be a design that is appropriate for most of the audience.
The better the page design, the more hits a page will get. That implies an
increase in accessibility and a possible increase in business.

Recommendation

After analyzing all the researched information and feedback from different
users, I would recommend that a general purposed Web site should use non-
frame pages and graphics navigation bar with rollover effects. In addition to
the graphic navigation bar with rollover effects, each page should also have
a text-only navigation bar for easy control. The developer should also create
a Cascading Style Sheet to control the font and font-size and use the style
sheet throughout the site to obtain a consistent look and feel.

Release log
Version 1.0 (20 May 2021 )

Dr.K V Subba Reddy Institute Of Technology Page 21

 Web Development Virtual Internship

10.BIBLOGRAPHY

CNET Builder.com: Building an Accessible Web Site, 1995.

http://www.builder.com/Authoring/Accessibility/ss01.html

Flanders Vincent and Willis Michael: Web Pages That Suck, SYBEX Inc.,
1998.

Gillespie, Joe: Interface.

http://www.wpdfd.com/H5/interface/latch.html

MicroVision Development, Inc: Design Basics, Web Page Appearance,

1997. http://www.mvd.com/webguide/style1.shtml

Siegel, David: Creating Killer Web Sites, Second Edition, Hayden Books,
1997.

Siegel, David: Secrets of Successful Web Sites, Hayden Books, 1997.

Weinman, Lynda and Weinman, William: Creative HTML Design. New

Riders Pulishing, 1998.

Dr.K V Subba Reddy Institute Of Technology Page 22