TABLE OF CONTENTS

ACKNOWLEDGEMENT i
ABSTRACT ii
LIST OF FIGURES v
LIST OF TABLES vi
ABBREVIATION vii
CHAPTER 1: INTRODUCTION 1
1.1 Introduction to Internship 1
1.2 Background 2
1.3 Brief Introduction of Industry 3
1.4 Brief Introduction of Organization 4
1.4.1 About Organization 4
1.4.2 Organization Rationale 4
1.4.3 Organization Hierarchy 5
1.4.4 Contact Details 5
1.5 Objective and Scope of the project 5
1.5.1Objective of Internship 5
1.5.2 Objective of the Project 6
CHAPTER 2: Methodology 7
2.1 Internship Placement Details 7
2.1.1 Organization Selection 7
2.1.2 Placement 7
2.1.3 Duration 8
2.1.4 Roles and Responsibilities 8
2.2 Literature Review 9
2.2.1 E-commerce in Nepal 11
2.2.2 Growth of E-Commerce in Nepal 11
2.2.3 Current Practice of E commerce in Nepal 11
2.2.4 Technologies used 16
2.3 Specific Problem Analysis 18
2.3.1 Understanding the Existing System 18
2.3.2 Develop Project Goals 19
2.4 Management Strategy 19
 2.4.1 Time Management Strategy 20
2.4.2 Cost Management Strategy 21
2.4.3 Data Collection Strategy 21
2.5 Project Schedule 22
2.5.1Time Schedule 23
2.5.2 GANTT Chart 24
CHAPTER 3: SOLUTION DESIGN 25
3.1 Project Management Plan 25
3.1.1 System Analysis 25
3.1.1.1 Feasibility Study 25
3.1.2 System Design 27
3.1.2.1 System Flow Chart 27
3.1.2.2 Context Diagram 28
3.1.2.3 DFD Level 1 29
3.1.2.5 ER Diagram 30
3.1.2.6 Use Case Diagram 31
3.1.2.8 System Sequence Diagram 32
3.2 Technical Requirement 32
3.2.1 Hardware Requirements 32
3.2.2 Software Requirements 33
3.3.3 Cross Platform Compatibility 33
CHAPTER 4: IMPLEMENTATION STRATEGIES 34
4.1 Testing Strategies 34
4.1.1 Integration Testing 34
4.1.2 User Acceptance Testing 34
4.1.3 Unit Testing 34
4.2 Hardware Implementation 35
4.3 Software Implementation 36
CHAPTER 5: RESULT ANALYSIS 37
5.1 Result 37
5.1.1 Code for Admin Post Controller- Create Method 37
5.1.2 Frontend for product creation. 37
5.1.3 Code for Admin Post Controller- Update Method 38
5.2 Critical Analysis 39
 5.3 Limitations of the System 41
5.4 Recommendation to the Organization 42
5.5 Recommendation to the internship program 42
CHAPTER 6: CONCLUSION 44
CHAPTER 7: REFERENCE/BIBLIOGRAPHY 45
CHAPTER 8: APPENDIX 47
8.1 Screenshot of Application Output 47
8.1.1 Screenshot of Repeater Field 47
8.1.2 Screenshot of All Products 48
8.1.3 Screenshot of Booking Page 49
8.1.1 Screenshot of Email Recieved 49
8.1.1 Screenshot of Media Manager 50
 CHAPTER 1: INTRODUCTION

1.1 Introduction to Internship

An internship is a period of work experience offered by an employer to give

students and graduates exposure to the working environment, often within a
specific industry, which relates to their field of study.

Internship experiences provide exposure to an occupation, industry or career field;

have a clear purpose/focus, and a specific project to complete. Internships are
individualized and tailored to the needs and interests of each student in the
program. As part of the internship experience, students are expected to take an
active role in finding an appropriate internship for themselves. Internship provides
an educational opportunity for the students that cannot be simulated in

the classroom. It provides the experience that can be applied to the students
‘resume and professional programming opportunities that are indispensable in
creating the students’ career.

If you’re majoring in computer science, an internship is one of the best ways to

explore career paths in the tech industry. In addition to learning on-the-job
responsibilities, you’ll also discover what types of team dynamics best fit your
style of working.

This internship as per the requirement of the TU for the B.S.C.CSIT not only
fulfils that very requirement but has also developed me personally by getting
myself acquainted with how the software industry regulates. This program has
enhanced the skill and enthusiasm of the students are they get knowledge of the
company environments and to learn different aspects of working mechanism that
prevail in the organizations. Every subject learned during the B.S.C.CSIT course
including Data Structure and Algorithm, Database Management System, Data
Mining and Data Warehouse, Web Technology, and others have been well
implemented during this internship program.

1
Here are some of the points which can help to know the importance of internship:
-

▪ Professional work environment

▪ Enhance the skills and capabilities

▪ Help to find the area of interest

▪ Increase the level of confidence

▪ Experience

▪ Build network

▪ Career opportunities

Objective of Internship

▪ Apply Classroom Theory

▪ Skill Development

▪ Personal Development

▪ Gain professional attitude, growth, maturity and judgment

▪ Transition from student to professional

1.2 Background

As per the requirement, for the partial fulfillment of the degree of Bachelors of
Science in Computer Science and Information technology awarded by Tribhuvan
University, the author of this report joined Vertex Solution Inc, as a Web

2
Developer. The objectives of internship were to test theory-based knowledge
gained throughout B.S.C.CSIT course and to gain knowledge and experience in IT
industry.

The main objective of this Internship was to implement the practical aspects of all
the theoretical knowledge gained through the study of various courses throughout
the Bachelor program. Given tasks are accomplished using various programming
skills along with the implementation of the software development life cycle
techniques which includes requirements analysis, design, development testing,
implementation and documentation. All are equally important in the software
development process, so that the project is handled out in a scientific way with the
assurance of the standards and qualities.

The project “Sweet September” aims to provide one stop solution for clothing and
fashion wears. Website will be focusing on the best and easy use for its viewers
through its interface. Sweet September lists various collection of clothing and
fashion accessories with its brief about color, availability, size and many more.
Availability of Seasonal and trendy wears in online platform for website visitors is
prime objective of Sweet September. Website lets to choose product, order it
online and schedules it for timely delivery across Nepal.

1.3 Brief Introduction of Industry

The Web Development industry has transformed the way organizations,

businesses, and even people coordinate and work. Its impact on the global
economy and across various industries can be gauged by the increase in
innovations, technical progress, enhanced productivity, and the workforce. Web
Development is the process of developing website through successive phases in an
orderly way. This process includes not only the actual writing of code but also the
preparation of requirements and objectives, the design of what is to be coded, and
confirmation that what is developed has met objectives. The Web Development
industry includes businesses for development, maintenance and publication of
websites that are using different business models.

3
The Web Development industry is involved in the development, marketing, and
sales and is multifaceted. Its scope ranges from personal computer applications,
operating systems, network management tools, enterprise software, software
applications, operating systems, and customized software.

1.4 Brief Introduction of Organization

1.4.1 About Organization

Vertex Solution Inc. is a leading figure among the professional web design and
web development companies in Nepal. Located at Kathmandu, the heart of Nepal,
this web design company cum web development company offers you probably the
best and complete web solution. We host a talented team of professional web
designers, web developers and web programmers in Nepal with over 10 years of
professional experience in their related field who are highly committed to help
you become more agile, competitive and profitable through listening, guiding and
executing your goal. With a professional package of generously customized
services in designing and developing websites, this web design and web
development company in Nepal has been serving clients worldwide at the most
affordable rates. Our top priority services are web design, web development, PSD
to XHTML/CSS Conversion and Open Source CMS Customization like Laravel,
WordPress, Drupal, ModX, Magento, PrestaShop and Search Engine Optimization
(SEO) as well as social media marketing services to our personal and corporate
clients worldwide at most reasonable rates. In other words, we can provide
everything you need for optimal website management, including domain
registration, hosting, web design, web development, branding, proofreading and
marketing.

4
1.4.2 Organization Rationale

The key rationale that Vertex Solution Inc follows is that it encourages well
defined project structures and methodologies to design and develop each product
and service offering that meets the clients’ requirements. The company also keeps
its team of technical staff’s side by side with the latest technology trends. These
trends are generally the ones that shape the dynamics of IT and IT enabled
solutions market.

Vertex Solution Inc also follows another rationale of applying customer

centric approach in the products development and service delivery. This approach
drives the company towards strategic orientation to offer specialized and cost-
effective technology services according to the clients’ requirements. By following
these rationales, Vertex Solution Inc provides expertise in delivering in-time and
on-budget projects.

1.4.3 Organization Hierarchy

Figure 1: Organizational Hierarchy of Vertex Solution Inc

1.4.4 Contact Details

5
Name of the organization Vertex Solution Inc

Address Paknajol height, Thamel

Phone Number +977-1-4381826

Email [email protected]

1.5 Objective and Scope of the project

1.5.1Objective of Internship

The main objective of this internship is to aid transition of student from academic
environment to work environment. The objectives of the internship are listed
below:

•To provide opportunity to students to test their interest by exposing to particular

job and industry.

•To help student view the real-world work scenario and realize the practical
implementation of the concepts they studied.

•To prepare student for career. When applying for jobs, the experience and
accomplishments of internship are invaluable.

•To provide students the in-depth knowledge on the domain of their interest

•To develop various skills needed in work scenario such as team work,
organizational discipline and communication skills.

1.5.2 Objective of the Project

The objectives of the system are as follows:

▪ To provide easy navigation for the users.

▪ To rank the products and services in search engine.

6
 ▪ To maintain security, authentication of users as well as admin.

▪ To facilitate users for finding out the desired products and services.

CHAPTER 2: Methodology

2.1 Internship Placement Details

A systematic process was followed for the development of the project. To get into
the organization for the Internship, the authorities of the organization carried out
an interview. Upon being selected for the Internship, the organization was joined
on December 23rd, 2014.An organization was selected according to the area of
interest. Then the placement duration and activities required for the project were
finalized and finally project planning and scheduling were carried out according to
the given time constraints.

2.1.1 Organization Selection

7
As per TU (Tribhuvan University), the internship is assigned six credit hours
(minimum of six weeks). As per St. Xavier’s College, the organization selection
process incudes two major requirements which are as follows:

● Organization must be working in domain which is coherence with the final

year project of the student

● Students must be assigned minimum of 6 hours of duration per business

day at the organization. The Vertex Solution Inc fulfills both of the
requirement. Vertex Solution Inc is working on domain of PHP platform
which is coherence to final year project.

2.1.2 Placement

The intern candidates are placed under the supervision of author assigned by the
selected organization (Vertex Solution Inc). The supervisor of this internship
project was Mr. Parashu Ram Nepal. The supervisor helped the intern candidates
towards the research work and provided direction in fulfilling project objectives.
2.1.3 Duration
Start date: May 04, 2019

Period of internship: May 04, 2019 – August 05, 2019

Office hour: 10 am – 5:30 pm

Working hour: 7. 5 hours per day

Working days: 6 days a week

Average Working hours in a Week: 45 hours

Holidays: Week holidays on Saturday

8
 Table 1: Internship Duration
2.1.4 Roles and Responsibilities

Various tasks and activities were involved at the three months internship at Vertex
Solution Inc as per the requirement of the project and the organization. A project
was handed to the author as soon as the internship started. Quantified, relevant
and detailed information of requirements were provided to the author. A study
must be done in sophisticated technologies that has proliferated as users
demanded increased capability, more power, and greater flexibility to adapt to
their specific requirements. Application installments and basic configuration were
the initial tasks. The target was to deliver a fully-fledged web-based system by
using PHP language in Laravel development framework and MVC as
development model. Visual Studio was used as a development tool and SQL
Server for database.

Hence, to meet the objective, this internship required extensive preliminary

studies about the core PHP MVC, Ajax, jQuery, JavaScript, etc. The study was
required not only to understand the subject but also to realize the solutions to the
existing problems and implementing the findings from the study was another
bigger challenge. Learning how to use the debugging tools to figure out what’s
going on with project was also a challenge.

Teamwork is important in an organization because of the scope of the work it

performs on a daily basis. Effective communication with the author’s team and the
mentor eliminates confusion and can foster a healthy workplace. Moderate
meetings and communication via email and telephone helped to stay updated with
the project. (Langston, C. A, 2016)

2.2 Literature Review

9
During internship period author went through various papers, journals and
literature that were published. Author researched and analyzed on different topic
and came to the conclusion with different title. Reviewing previous researches are
important to share their idea in identifying what has been done and needs to be
done in the area. Study related literature in the networking like books, articles, and
the internet. This is done to get idea about different Responsive Theme in the
WordPress and same platform using various approaches.

E-commerce is the established component of the economy, with stable sale of

volumes and high acceptance and of increasing importance for both buyers and
sellers. The term ‘ecommerce’ generally refers to the electronic processing of the
purchase or sale of goods and services. The majority of ecommerce sales are
processed over the internet and World Wide Web by means of online shops and
web shops. Ecommerce attained its current importance for trade as a result of the
emergence of the internet. The birth of the internet as a mass communication
medium became the major factor in its exploding growth.

Growth of e-commerce is reliant on the existence of secure, user-friendly and

cost-effective payment methods. Secured monetary transaction technologies are so
much important to create faith among the purchasers. Presently, the e-commerce
market volume is Tk 300 crore taka per year However, currently in Bangladesh,
cash-on-delivery is the widely used payment method among customers. Around
90% of online purchasing orders are done by cash on delivery method. (Nepal –
eCommerce, 2019)

With the advancement of technology, e-commerce website has the huge scope in
all the areas. In today’s world many people depend on internet for carrying out
their work. 29.78% people use the internet services in Nepal. Among those users
many of them uses the e-commerce website to carry out their business. The use of
this website helps the vendor to sell their product and buyer to find the right
product saving their precious time and money. Ecommerce websites have the
ability to distribute, sell, or buy goods or services online through the transfer for
funds with electronic networks or communications. A multi-vendor Internet
commerce system (MV-ICS) is provided which includes a centrally implemented

10
multi-vendor central processing unit (MV-CPU) acting cooperatively with a
centrally implemented multi-vendor shared data store (MV-SD). Using a variety
of vendor-site I/O modules and consumer-interface I/O modules, the resources
with the MV-SD may be shared by the plurality of vendor websites. (Kellett, S,
2018)

The main benefits of this type of site are that we can open up an online store with
relative ease and avoid some of the overhead costs of a physical store location. It
is accessible to clients 24 X 7, all over the world. This expands our geographical
and customer reach, as our business is not limited to just clients or customers
around our immediate physical location. Building an ecommerce website that is
user-friendly and available to a vast number of clients is also helpful because it
provides easier delivery of information. Rather than calling to find store hours or
more information about our company, our catalogue software can display
information, promotions, sales and real-time data on our products or services.
Allowing customers to shop for the convenience and comfort of their own homes
at any time of the day or night can increase our sales and potentially our profits
while decreasing costs for your business. We are also able to increase product and
brand. Awareness, swell as increasing customer loyalty. The possibilities are
endless, and it is a good idea to leverage an online store to increase our business.
2.2.1 E-commerce in Nepal

Many companies have started the trend of e-Commerce in Nepal decade ago, but
the challenges are still the same. The actual sales have not been able to start due to
lack of knowledge, awareness and online payment systems. Selling globally and
inside the country is the same in years. Payment Gateways are being developed
but they have their limitation due to legal and security issues. The lack of proper
knowledge and awareness among the generation is the major hurdle in e-
Commerce. In past recent years due to education and reach to internet among the
many people in Nepal has brightened the future of e-Commerce The interest of
students in the field of IT, the growth of IT companies has helped a lot in the

11
awareness and interest in young generation for internet and IT, has directly
created more opportunities for the growth of e-Commerce in Nepal .

2.2.2 Growth of E-Commerce in Nepal

Before a decade e-Commerce was setup as sending gifts and money online and
other websites promoting “Send Gifts to Nepal” which had merely a concept of e-
Commerce. It was target to Nepali residing in USA, UK, Australia and Europe.
There was no effect of that business to support the e-Commerce concept in Nepal.
Gradually the business was promoted by other companies who saw there was a
marginal profit. Along with the rise of IT, and business concept many online
stores were launched but they didn’t have the actual process of buying and selling
online. They were the virtual stores with the best example which gave a concept
of selling and buying online but not paying. (techlekh, 2017)

2.2.3 Current Practice of E commerce in Nepal

Many online portals and shopping portals are launched. Leaving the measurement
of success behind, they are now on the top list. Peeping into the future of e-
Commerce, launch of few large online shopping portals was thought as milestone,
everyone thought there will be a turnaround in the e-Commerce industry in Nepal.
Now having dozens of virtual Nepali stores in the web, they still have the same
problem of payment and a belief of people, they still have a level of trust to build
among the visitors.

Some of the websites that has manages to make an impact are:

∙Daraz.com.np
∙NepBay.com.np
∙Meroshopping.com
∙Rojeko.com

12
∙Harilo.com
∙YesKantipur.com
∙Estornepal.com
∙MetroTarkari.com
∙Muncha.com
∙FoodMandu.com

The middle class of Nepal is getting more tech-savvy as internet penetration is on

the rise. The ecommerce industry of this country could be considered to be in its
initial phase where growth is expected with the increase of online shopping trend
in Nepal. There is wide range of online stores already established consisting of
both local and international e-tailers. They are offering high quality and branded
products of different categories from clothing, shoes, and electronics to books and
jewelry at market rates and somewhere discounted prices. The rise in the
development of these online shops is the sign that a large number of target
consumer exist as a potential online shopper.

The exceptional concept of free classifieds has given Nepali shoppers a new
online shopping experience. Daraz is one such amazing website working on this
model where buyer meet seller for both new and used products and services. It
provides a common platform and lets local sellers to promote their products online
and also make sales.

The other places is social media where buyers search for their favorite brands or
products or just go to their pages. The sellers display their products and promote
on social media however, the sale is made only when the buyer agrees to buy and
payment is usually made a cash on delivery. There are many web portals playing
the role of mediator between international sellers and local buyers. The buyer
selects the product, register the goods with the website, gives order, pays the
website and they get the product from international marker and delivered to you.
This concept has given buyers more options to get quality products from
international market instead of relying on local retailer and limit their options.

13
Hamrobazaar currently stands out among a growing number of Nepali ecommerce
websites as a convenient platform for prospective buyers and sellers to market and
bid their products. The site receives more than 315, 000 unique hits a month and
has categories ranging from automobiles, consumer electronics and appliances to
real estate and travel services. What makes it even more appealing to the
customers is that it is very simple to use and its services are free.

Some of the impressive activities of ecommerce conducted that has managed to

impact on the people despite some disadvantages that people face in ecommerce
sectors are detailed below: -

Send Gifts to Nepal is oldest and successful online shopping business practice in
Nepal till date. Many websites were started to promote the local sales via online,
with the concept of send gifts to Nepal. Their target was Nepalese people living in
USA, Europe, Australia and Canada and other countries abroad.

These websites promoted the trend of sending gifts to Nepal and even included
money transfer facilities. It was easy for those to send gifts to their family and
loved ones. The price tag is little high but the services worth paying. Website
owners are more interested in send gifts trend and practice rather than local sales.

This concept was easy for everyone to display their products in the website. If
anyone orders the product, they can choose to pay via bank transfer or pay cash on
delivery. You can also pay via bank and credit cards. National local payment
gateways are also used. Some of the food portals have also good concepts of
giving individuals to deliver their food online.

Social Media Selling Platforms are the latest and popular, online shopping and e-
commerce in Nepal. Sellers just create page and promotes their products. In some
cases, they don’t have stocks Anda shop. They are actual online store, who deliver
your products after you order with them. If users are interested, they can order

14
online and pay them at the time of delivery. Here you don’t have the actual
experience buying over the internet, but users can use social media to get the
goods home.

For best practice, online shopping must be able to buy goods online and pay. If
not, we cannot call it an online shopping platform. To give a complete online
shopping experience very shopping portals and business must provide a minimum
on online payment and delivery system. Every consumer must be able to get their
products delivered in a complete shopping solution.

From all the website mentioned as an example above, not of them are providing
the trust mechanism of communication between buyers and sellers. There are few
websites that tends to provide the ecommerce type of service but some where they
lack the ability to provide the platform between buyer and sellers. We have
already mentioned the example of hamrobazar.com where they have tremendous
number of features embedded in their site but they lack the proper communication
system between two parties. The comments and ratings system they used for the
usefulness have become the mechanism for people to make fools of the buyers
and sellers. People who tends to take it more seriously are not able to rely on these
mechanisms anymore because internet is now a crowded place with many
unwanted threats. They cannot simply rely on the comments and ratings to trust
the product.

Recent example shows the strong evidence of the above-mentioned points. There
was a deal made through comments in hamrobazar.com where the seller of the
R15 bike and a buyer agreed to make a transaction. They agreed to meet upon a
place, where they could test the product. The buyer came with his own bike which
seem comparable to R15 but not in price. When the buyer said to test the bike fora
trial, he handed over his bike to the seller and took R15 for a ride and never
return. This incident was registered in police and published in Kantipur newspaper
recently. Similar fashion could be happening in real estate business. People would

15
show pictures of land of some awesome place and sell the property in some other
non-essential place.
Similar could be the case of websites that would be selling various products like
real estate and electronics. They could be easily scammed in any manner. To
avoid these kinds of incident we tend to rely on the proper communication which
is more of a formal way for conducting the trust exercise between buyers and
sellers. If they are ready to make any sort of transaction through online, they
should know the people how they are able to communicate between them.

Now a day’s people are so busy for build up their carrier. Also, people’s lives are
going to much easier through online shopping. We always like to do online
shopping. It saves our time, money and energy. When we open our Facebook
account, we saw a lot of advertise of online shopping also we buy from those
online shops. Like all other online shop, Direct Fresh is also an online grocery
shop. This will deliver all the grocery items in your doorsteps. They have home
delivery service. You can order your products from your office and it will arrive
your preferable time to your doorstep. Direct Fresh ltd. doing great in their home
delivery service day by day.

2.2.4 Technologies used

HTML

HTML (Hypertext Markup Language) is a text-based approach to describing how

content contained within an HTML file is structured. This markup tells a web
browser how to display the text, images and other forms of multimedia on a
webpage.

CSS

16
This definition explains the meaning of CSS (cascading style sheets) and how
using them with HTML pages is a user interface (UI) development best practice
that complies with the separation of concerns design pattern.

Bootstrap

Bootstrap is the most popular frontend web development framework. Bootstrap

makes it easy for anyone with a working knowledge of HTML and CSS and a
web hosting account to design and publish a cutting edge, mobile responsive
website very quickly.

PHP

PHP is a scripting language primarily used for web development. It is an easy

language to learn, and this has led to it becoming one of the most popular
languages used today. PHP is usually the P in a LAMP stack. This is because
pairing PHP with Linux, Apache, and MySQL is very common. The P can also
stand for Python or Perl if they are used instead of PHP.

Visual Studio Code

Visual Studio Code (VSCode) is a source code editor developed by Microsoft that
can be run on Windows, macOS, and Linux. It is free, open-source, and provides
support for debugging as well as built-in Git version control, syntax highlights,
snippets, and so on.

XAMPP

XAMPP is an open source free software developed by Apache friends. XAMPP

software package contains Apache distributions for Apache server, MariaDB,
PHP, and Perl. And it is basically a local host or a local server. This local server

17
works on your own desktop or laptop computer. You can just install this software
on your laptop or desktop and test the clients or your website before uploading it
to the remote web server or computer. This XAMPP server software gives you
suitable environment for testing MYSQL, PHP, Apache and Perl projects on the
local computer.

MySQL

MySQL is an Oracle-backed open source relational database management system

(RDBMS) based on Structured Query Language (SQL). MySQL runs on virtually
all platforms, including Linux, UNIX and Windows. Although it can be used in a
wide range of applications, MySQL is most often associated with web
applications and online publishing.

Java Script

JavaScript (JS) is a cross-platform, object-oriented scripting language. It is a light-

weight interpreted programming language. It is a most well-known scripting
language for Web pages. Many non-browser environments also use it, such as
node.js. JS is a prototype-based, multi-paradigm, dynamic scripting language,
supporting object-oriented, imperative, and declarative styles. It has been widely
used throughout this project. Almost all features of this project revolve around
JavaScript.

2.3 Specific Problem Analysis

The specific problem analysis includes in-depth and systematic analysis of the
domain to understand the problem more fully and then work toward practical
solutions.

18
The specific problem analysis determines the degree of the problem and to realize
weather the problem is a genuinely related to the specific site under investigated
or not. After the linkage of problem and its domain, the steps are designed to
direct towards resolving the problem.

2.3.1 Understanding the Existing System

The first and foremost problem or the challenge was to understand the existing
system providing similar facilities and contents to viewers and users, and the
analysis of those existing system would draw the conclusion of the problems and
ideas of the existing system, objective of those system and its respective mapping
to the user requirements. This was the basic step for the problem definition, and
the analysis was done very carefully such that the system deficiencies were drawn
and analyzed.

● Building trust with the user

You have to find and address every potential characteristic of your website that
could lead to distrust.

● Payment processing

Figuring out how you’re going to accept payment on your website isn’t a step that
should be taken lightly.

● Inventory/stock updates

If you had to manually update your inventory every time a user made a purchase
on your website, that would defeat the purpose of having an online store.

● Product reviews

Able to see how each of your products is rated by other users

19
 ● Navigation to product pages

Have to get creative with your site structure and main navigation

● Implement Schema Markup

Update schema code in the first place, in order to identify data about product
reviews, manufacturer and aggregate ratings. (sophio,2017)

2.3.2 Develop Project Goals

Main goals of the project are to address issues and problems mentioned above.
This project aims to online web systems an interface for the business entity with
customer. In summary following are the main goals of this project:

● Mobile-first approach

● Easier Checkouts

● Chatbots

● Advanced Product Filtering

● Improved Security

● Design

2.4 Management Strategy

During my experience in software development, this study has come across some
issues that can be considered like the red light of software project management.
∙Unrealistic project goals
∙Badly defined system requirements
∙Poor reporting of the project's status

20
∙Poor communication between customers, software developers and project
managers and stakeholders.
∙Inability to handle the project's complexity
∙Sloppy development practices
∙Poor software project management
∙Commercial pressures
∙Inaccurate time estimation

2.4.1 Time Management Strategy

Time is the most valuable resource in a project. Every delivery that which is
supposed to be made is time-bound. Therefore, without proper time management,
a project can head towards a disaster. Effective time management is about
proactively planning how your time will be spent .

2.4.1.1 Prioritize tasks

The team early identified various task required to complete project. Such tasks
include research, database design, form design, etc. High priority tasks such as
database design were given more time and resource and completed early on.

2.4.1.2 Avoid needless distractions

Developers frequently distract themselves when they are investigating a problem,

because they finish everything on a web page that is not related to the main
problem. So, get focused.

2.4.1.3 To Do List

21
One of the simplest yet most effective tools one can use to make sure to stay on of
tasks is the To Do List. To Do List should capture all actions that need to take in
the near- to mid-term to meet commitments and goals.

2.4.1.4 Schedule Control

No project in the practical world can be executed without changes to the origin al
schedule. Therefore, it is essential for you to update your project schedule with
on-going change
2.4.2 Cost Management Strategy

Cost management is the process of planning and controlling the budget of a

business. Cost management is a form of management accounting that allows a
business to predict impending expenditures to help reduce the chance of going
over budget. The various strategies for cost management are as follows:
∙To address costs that threaten to rise beyond the initial projections, available
resources must be reallocated. It keeps the project on budget while addressing
potential shortcomings.
∙To have close eye on project costs and continually evaluate possible adjustments
that can keep the project on budget
∙To have ongoing research and a keen awareness of changes in the business
landscape that can impact a project and its budget.
2.4.3 Data Collection Strategy

Information required to complete this project are collected by interacting with

various colleagues in the organization as they are the one who needs to deal with
client and need their information. This interaction will determine the nature of the
system. Initially, we collected the requirements from the client for whom the
system is going to be developed. Then for descriptive knowledge, we also
researched about the existing e-commerce website and many other competitors.

22
2.4.3.1 Interview

Interview refers to the one-on-one interaction between client side and developer’s
side. For the data collection of the project, regular interaction was done with the
client. The regular interaction included weekly site visit where the basic
requirements were collected from the client by direct interactions. During the
client visit, different levels of staff which were in any way affected by the system
to be developed were interviewed one by one. By doing so, different perspective
on the project was gained from the different people linked with it.

2.4.3.2 Questionnaire

The questionnaire included the list of different types of questions that were to be
asked during the regular weekly client meetings. For the different level of
interviews different types of questionnaires were prepared.

2.4.3.2 Secondary Sources

The secondary source for data collection in this project was internet. Also, regular
interaction with the client was conducted over the email as well.

2.5 Project Schedule

2.5.1Time Schedule

23
 Planned

Task Task Description Start Date Finished Date

1 Preliminary Work

1.1 Planning for the Project 05/18/2019 05/21/2019

1.2 Analysis on the Topics 05/21/2019 05/22/2019

1.3 Meeting with Supervisor 05/24/2019 05/24/2019

1.4 Preparation of Project 05/24/2019 05/28/2019

Proposal

1.5 Preparation of Gantt Chart 05/28/2019 07/10/2019

and Project Schedule

1.6 Approval from Supervisor 06/02/2019

1.7 First Review 06/04/2019 06/04/2019

2 Research Work

2.1 Research on E-Commerce 05/21/2019 06/15/2019

website

2.2 Research on E-Commerce 06/15/2019 06/25/2019

projects

2.3 Research on Prepare Best 06/25/2019 06/31/2019

Design

2.4 Second Review

3 Design

3.1 Data Flow Diagram 06/22/2019 06/24/2019

3.2 ER Diagram 06/24/2019 06/26/2019

3.3 Schema Diagram 06/26/2019 06/28/2019

24
4 Implementation

4.1 Database Design 06/31/2019 08/15/2019

4.2 Coding 06/31/2019 08/31/2019

Table 2: Project Schedule

2.5.2 GANTT Chart

Figure 2: Gantt Chart

25
 CHAPTER 3: SOLUTION DESIGN

3.1 Project Management Plan

3.1.1 System Analysis

Systems analysis is a problem-solving technique that decomposes a system into its

component pieces for the purpose of the studying how well those component parts
work and interact to accomplish their purpose. (techopedia, 2017)

3.1.1.1 Feasibility Study

A feasibility study is carried out to select the best system that meets performance
requirements. The main aim of the feasibility study activity is to determine
whether it would be financially and technically feasible to develop the product.
The purpose of feasibility study is not to solve the problem, but to determine
whether the problem is worth solving.

3.1.1.1.1 Technical Feasibility

The technical feasibility study compares the level of technology available in the
software development firm and the level of technology required for the
development of the product. Technical feasibility was to make sure that the new
system would be able to adjust in the existing infrastructure and integrate the
existing database. It is an evaluation of the hardware and software and how it
meets the need of the proposed system. The system is considered to be technically

26
very feasible, since there won’t be much difficulty in acquiring resources for the
development and maintenance of the website. All the resources needed for the
development of the website as well as the maintenance of it are available in the
organization.

3.1.1.1.2 Economic Feasibility

In order to analyze the economic feasibility of the system, Cost/Benefit analysis is

to be carried out. This tool helps to determine the benefits that can be obtained
from the system by comparing them with the various costs. If the benefits are
higher than the cost then the system is considered to be economically feasible to
be developed. Else the author can easily understand that the system is not
economically feasible and certain things are to be worked out and modified in
order to acquire the desired economic feasibility.

3.1.1.1.3 Legal Feasibility

No legal issue shall rise as this application neither violates any rules and
regulation of the country nor it tends to infringe the copyrights. Whatever the
formulas and measures were researched and used are noted with references of
their paper published and author names. Also this project will not violate
copyright act because with full description of references we have documented
each and every minor parts thinking sensitively.

3.1.1.1.4 Operational Feasibility

Operational Feasibility is needed to be analyzed for the successful long term

running of the project. The Operational feasibility study helps in measuring the
degree to which the system solves the problems and the extent to which it fulfills
the requirements stated in the requirements document. It helps to understand the
operation of the system before and after implementing new functionalities. It
determines how well the system functions in the operational level. The enhanced
GUI feature will help the users to operate easily and no detailed knowledge is
required. Therefore, it is operationally feasible.

27
3.1.1.1.5 Schedule Feasibility

The process of assessing the degree to which the potential time frame and
completion dates for all major activities within a project meet organizational
deadlines and constraints for affecting change. The project was given enough time
to be complete.

3.1.2 System Design

The work of defining the data flow in the system plays a major role in the
performance and the robustness of the system. The overall data flow in the system
is designed and represented through context diagram and DFD diagram.

28
3.1.2.1 System Flow Chart

Figure 3: System Flow Chart

The following is an illustrative System flow chart of the E-commerce shopping

cart structure. Shopping Cart will efficiently process and charge buyer online
orders - with highly versatile functionality and numerous features not found in
most web shopping carts.

29
3.1.2.2 Context Diagram

Figure 4: Context Diagram

Context diagram of the project which shows the external entities and user
interfaces of the Monitoring system and the interaction of the users with the
system. There are two possible users, administrator and normal users.

Administrator is responsible for the contents of the user interface. One is allowed
to add, modify and delete different contents and travelling packages. Admin can
also generate the news and can modify and delete according to the need.

User is allowed to view the different packages as well as search information.

Similarly, one can subscribe the website so that the user could get the info about
various trips. Also booking of the package is possible and the communication is
done via email.

30
3.1.2.3 DFD Level 1

Figure 5: DFD Level 1

Data Flow Diagram level 1 on the web portals. It shows the various agents
involved in the system. The DFD show various parties involved in the system.
Here we can see admin activity, database involved, and user activity. The figure 5
clearly shows that the admin does the work of editing the news and overall
manages the system.

31
3.1.2.5 ER Diagram

Figure 6: ER Diagram

The figure 6 shows the basic design of the database of Estate Wheel. In figure,
there are four main entities, Cart, Products, Category, brands. Category has one to
much relationship with product as one category may have many products.
Similarly, there is one to many relationships between brands and products as one
manufacturer can manufacture many products.

32
3.1.2.6 Use Case Diagram

Figure 7: Use Case Diagram

Use case diagram consists of use cases and actors and shows the interaction
between them. The main purpose is to show the interaction between the use cases
and the actor. It represents the system requirement from user’s perspective. These
are the functions that are to be performed in the module. An actor could be the
end-user of the system or an external system.( techtarget, 2017)

33
3.1.2.8 System Sequence Diagram

Figure 8: System Sequence Diagram

A system sequence diagram (SSD) is a sequence diagram that shows, for a

particular scenario of a use case, the events that external actors generate their
order, and possible inter-system events. System sequence diagrams are visual
summaries of the individual use cases. Sequence Diagram for E Shopping Cart
System Administrator Login Details. Here main modules are purchase, products,
users, checkout.

3.2 Technical Requirement

3.2.1 Hardware Requirements

● Computer/Laptop

● Router/Internet Connection

34
3.2.2 Software Requirements

● Operating System: Windows 7 or above

● Database: MySQL

● Programming Language: PHP

● UML Tools: DFD, ER-Diagrams, Use Cases, Sequence Diagram

● Documentation Tools: MS Word 2010, PDF

3.3.3 Cross Platform Compatibility

Since the developed system is a web application the system is cross platform compatible
and works smoothly on almost all modern browsers. The system may not perform good
on the browsers that does not support HTML 5 and CSS 3 like the opera mini browsers,
IE browsers less than version 9 etc. As all the platform cannot be tested due to lack of the
device the cross-browser Compatibility in the mobile devices were checked through the
help of Device Mode and mobile emulation. It helps to view the application in different
mobile devices and check if it is working fine or not. The functionality helps the browser
to form size that will match the device size and emulate the device quite good with
various options to select from [10].

35
 CHAPTER 4: IMPLEMENTATION STRATEGIES

4.1 Testing Strategies

Testing is the integral part of the software development process. Software system
testing is a process of verifying and validating that a software application or
program. Software system testing also identifies important defects, flaws, or errors
in the application code that must be fixed.(Guru, 2017)

4.1.1 Integration Testing

Testing of integrated modules to verify combined functionality after integration.

Modules are typically code modules, individual applications, client and server
applications on a network, etc. Individual function modules are combined and
tested as a group and is carried out after completion of unit testing. The lower
level components are tested first, and then used to facilitate the testing of higher-
level components. This process is repeated until the component at the high-level
components is tested. (Margaret, 2017)

4.1.2 User Acceptance Testing

User acceptance testing is done in order to verify whether the application is user
friendly and meets the user requirements or not. The application was provided to
employees of Sweet September. The feedbacks were acknowledged and the site
performance was improved.
4.1.3 Unit Testing

In computer programming, Unit testing is a method by which individual units of

source code, sets of one or more computer program modules together with
associated control data, unsafe procedures, and operating procedures are tested to
determine if they fit for use. First each module was divided into smaller modules

36
known as units. The developed units were tested individually to ensure it meets its
intended requirements. The unit test plan is shown below: (SoftwareGuru, 2017)

SN Test Objective Test Condition Expected Result

1 Login to the Here the Username, If login is successful, it
system Password is creates session and redirects
authenticated to initializes user account by
receiving username and
password from the user as
per one’s authority.
2 Insert the image Enables user to insert If the user has inserted in the
file to the the image file. form then it is successfully
system saved to the database.
3 Display the Check whether the When the user wants to
information available documents are retrieve the available
displayed or not. document, system must be
able to show the
information.
Table 3: Test Cases

Figure 9: Image File Upload

4.2 Hardware Implementation

37
The developed web application software was first implemented locally on the
developer’s computer. Then it was implemented on the server, both the PHP files
and the database files were uploaded on the server for further implementation of
the web application. The database connectivity, the front end and the back end of
the web application were analyzed and studied on different computers. In case of
any problem with the layout or the system, the problem was immediately dealt
with.

4.3 Software Implementation

For software implementation, the web application tools were needed. The
development was done from Sublime Text 2 and for database php MySQL was
used through XAMPP software. XAMPP software was used to locally run PHP
files in the browser, tools such as Apache server, MySQL server were used which
are a significant part of XAMPP.

38
 CHAPTER 5: RESULT ANALYSIS

5.1 Result
5.1.1 Code for Admin Post Controller- Create Method
public function create()

$posts=Post::pluck('title','body')->all();

$categories=Category::pluck('name','id')->all();

$paths=path::pluck('abc','detial','photo_id')->all();

$cats = Category::all();

return view('admin.posts.create',compact('posts','categories','paths','cats'));

5.1.2 Frontend for product creation.

39
 Figure 10: Product Creation

This figure illustrated creation of the product which submits images, text to
database.

5.1.3 Code for Admin Post Controller- Update Method

public function update(Request $request, $id)

$post=Post::findorFail($id);

$input=$request->except(‘day_id’);

$post->update($input);

path::where(‘photo_id’,$post->id)->delete();

$insertedId = $post->id;

$day_id = $request->input(‘day_id’);

$uuu = $request->input(‘uuu’);

foreach($day_id as $uas=>$uasuias) {

40
 $path = new path;

$path->photo_id= $insertedId;

$path[“abc”] =$uasuias;

$path[“etail”]=$uuu[$uas];

$path->save();

return redirect(‘/admin’);

Figure 11: Product Edit

This figure illustrates updating of the product. This include addition of content,
images.

41
 Figure 12: Admin Login Panel

This is the system login page where the admin can login to the system. A valid
user name and password is required to login the system

5.2 Critical Analysis

There are both good aspects and bad aspects upon this project. Few among the
group of the good aspects are like the methods adopted for the information
collection, the primitive approach for representing the information to the user, the
interaction with the user, the marketing wise efforts taken, information
management effort and others. The bad aspects of this project would be like lack
of payment system implementation, the constant bombardment of requirements,
irresponsible and irrelevant nature of client, the badly developed spiral system
development lifecycle model and lack of proper planning.

The information collection mechanism of this website has been structured in such
a way that there would be maximum inputs of information to the system about the
products of the users posted in the website. The information attributes like price,
land area, vehicle attributes are collected in more advance form such as to provide
the proper representation. The information is stored in the data with some help of
the triggers in the MySQL database such that the server would have to less work.
A lot of efforts have been done in the website to auto generate few data such that
these are efficient for users, admin and technical devices. For example, users can
register the account with google or Facebook too. They can simply just use these

42
services to avoid the details information submissions. Other facilities are like
Facebook sharing, like, views generation, expiry data generation and etc. The
most of the features are dedicated to the enhancement of the performance from the
user perspectives, system perspective, and administration perspective.

Portability is becoming a chief concern for businesses that use one or more
operating systems in their businesses. Businesses save money by using PHP to
leverage their existing I.S. resources rather than investing large sums of money to
purchase proprietary products. PHP and MySQL web development are actually
the
driving force behind many of the Internet’s most popular and successful sites like
Facebook, WordPress, yahoo, flicker, Wikipedia. The project utilizes the
tremendous benefits offered by framework. Code and File Organization are
maintained by using framework. All top PHP frameworks come with certain
Libraries and Helpers that help us with Form Validation, Input/output filtering,
Database Abstraction, Session and Cookie Handling, Email, Calendar, Pagination
and so on. There are also plenty of plugins provided by the community that we
can add to our framework. Working in framework reduces the amount of to write
which makes development faster. The organized structure in a PHP Framework
also helps to create a suitable environment for teamwork. The project has been
built on Laravel framework.

The online shopping cart of Sweet September is an easy web-based interface

developed for its customers for easy access of the products where visitor can use
the cart simply by creating their account and logging in. This web-based system is
built in php Laravel framework in the MVC platform. It makes the shopping
reliable and efficient by providing the specification of the products, providing
various options features and letting the users to update the cart as per their wish
either by removing the items from the cart or by adding the items into the cart.

The benefits of e-commerce include its around-the-clock availability, the speed of

access, a wider selection of goods and services, accessibility, and international

43
reach. Its perceived downsides include sometimes-limited customer service, not
being able to see or touch a product prior to purchase, and the necessitated wait
time for product shipping.

To ensure the security, privacy and effectiveness of e-commerce, businesses

should authenticate business transactions, control access to resources such as
webpages for registered or selected users, encrypt communications and implement
security technologies such as the Secure Sockets Layer.

5.3 Limitations of the System

There were many errors when visualizing the data and the limitation of the
visualization was realized. The limitation and future enhancements for
visualization are listed below:

● Report generation feature is not provided used to generate different kinds

of reports.

● The system will provide more use memory for the users to maintain in

data.

● This system will provide accessibility control to data with respect to

administrator only

● Authentication is provided for this application. Only registered user can

access. More User friendliness can be provided in the application with

various controls provided by system rich user interface.

● Various classes can be used for maintaining the details of all the users and

catalog.

5.4 Recommendation to the Organization

Although the working environment of the organization was satisfactory and the
author learned a lot from during the internship period, there are few limitations

44
author felt about the organization. Therefore, the major short comings that the
author did face were:

● With emphasis on motivation, efficiency, productivity there exists a kind

of competition among workers and they are not able to live in harmony.

● Staff talk of the same obstacles that they face every year (one-year

experience repeated over many years) as opposed to innovating / re-

engineering / work-a-rounds to overcome obstacles.

● User requirement was changed from time to time. So, much time was lost

to re design same module.

● Agile technology wasn’t used for the developed; instead traditional

waterfall model was used to develop this system.

5.5 Recommendation to the internship program

Internship is great concept which provides students to test their knowledge and
skills in real world. It gives students to get acquainted with real world of
profession and gives chance to be prepared for real world after graduation rather
than being clean slate. Nevertheless, there are numerous limitations of this
program which this author found. Hence, author like to recommend following for
improvement of internship program and increasing its effectiveness.

● Compensation: It’s not all about the money; and, it’s true, price cannot be

given to valuable experience. But the unfortunate reality is that not all
students can afford to work for low compensation, no matter how much
they might be motivated and interested in your industry.

● Meaningful work: Possibly more than anything else, interns are

constantly clamoring for “meaningful” work. Intern are interested to learn

about the business in general as well as to acquire the specific skills
necessary to function effectively in the industry.

45
 ● Inclusion: In line with the learning objective is to what extent the

organization includes the intern in employee activities. Aside from

assigning challenging projects with educational value, inviting interns to
meetings and other activities—as participants or observers—is an enticing
attribute.

● Supervisor accessibility: There’s nothing more frustrating to interns than

feeling forgotten: being left hanging around with no one to tell them what
to do or to clarify the questions necessary to complete a project. There
must be specific system to notify about supervisor accessibility.

CHAPTER 6: CONCLUSION
The idea behind developing a responsive theme using Laravel with PHP, is
basically for purposes like, Blogging, Forum, E-commerce, Informative Research,
Corporate, Community, Classifieds, and Gallery etc. The theme developed will be
responsive, in the sense that they are expected to run smoothly and look great on
any platform – be it a PC, tablet, or smartphone. Thus, automatically adapt the

46
layout to fit almost any screen resolution and looks fantastic on mobile devices,
thus is great for cross platform usage.

The ‘Online Shopping’ is designed to provide a web-based application that would

make viewing and selection of a product easier. The user can then view the
specification of each product. The application can be used for any Ecommerce
application. It is easy to use. Customers can view the items that are added in the
cart and also can remove the item from the cart. The application is easy to use and
interactive making online shopping a recreational activity for users. It has been
thoroughly tested and implemented.

The internship focuses on the designing and development of Laravel CMS starting
from the scratch. This internship program will aid in enhancing web development
skills. It will also involve working with real world clients and issues. Hence, this
is a great opportunity for developing professional as well as interpersonal skills.

CHAPTER 7: REFERENCE/BIBLIOGRAPHY

M. (2017). Study the impact of internship on improvingengineering students’

competency. Retrieved from https://aip.scitation.org/doi/pdf/10.1063/1.5003547?
class=pdf.

Vertex Solution Inc. (n.d.). Web Design in Nepal, Web Development in Nepal.
Retrieved from https://vertexsolution.com.np/

47
Nepal - eCommerce. (2019). Retrieved from https://www.export.gov/article?
id=Nepal-ecommerce.
Kellett, S. (2018). Top 5 E-Commerce Inventory Management Techniques ( 2
Better Ones). Retrieved from https://exponea.com/blog/top-5-e-commerce-
inventory-management-techniques-2-better-ones/.
Best, R., Valence, G. D., & Langston, C. A. (2016). Workplace strategies and
facilities management. London: Routledge.

Positive Practice Environments and Outcomes: State of the Science. Wolters

Kluwer Health/Lippincott Williams & Wilkins, 2011.
A Comprehensive Website Planning Guide (Part 1). (2018, February 20).
Retrieved from https://www.smashingmagazine.com/2018/02/comprehensive-
website-planning-guide-part1/

Msiska, B. T. (n.d.). Ecommerce Website Flow Chart. Retrieved from

http://www.synergyk.com/ecommerce-website-flow-chart

McPeak, A., McPeak, A. M., & GTech WebIndia. (2018, September 07). 8
Essential Tips for Building a Cross-Browser Compatible Website. Retrieved from
https://crossbrowsertesting.com/blog/development/cross-platform-website-
development/
.
9 Important Things to Test in Ecommerce Web and Mobile Applications. (2019,
July 22). Retrieved from https://www.testbytes.net/blog/testing-ecommerce-
applications/

Chen, N. (2015). The development and implementation of a reverse engineering

method for near net shape parts. doi:10.31274/etd-180810-4196.

Study.com. (2017, August 28). What is a Project Management Framework? -

Definition & Examples. Retrieved from Study.com:
http://study.com/academy/lesson/what-is-a-project-management-framework-
definition-examples.html

College, S. (n.d.). http://www.sxc.edu.np/. Retrieved 06 22, 2017, from

www.sxc.edu.np: http://www.sxc.edu.np/
Guru. (2017, 1 1). https://www.guru99.com/system-testing.html. Retrieved 10 09,
2017, from https://www.guru99.com: https://www.guru99.com/system-
4testing.html

48
lucidchart. (n.d.). https://www.lucidchart.com/pages/data-flow-diagram/c?dfd=1.
Retrieved 10 14, 2017, from www.lucidchart.com:
https://www.lucidchart.com/pages/data-flow-diagram/c?dfd=1
scribd. (n.d.). https://www.scribd.com/document/338456305/Data-Flow-Diagram-
Level-2. Retrieved from www.scribd.com/document/338456305/Data-Flow-
Diagram-Level-2: https://www.scribd.com/document/338456305/Data-Flow-
Diagram-Level-2
sqlcourse. (2017, 09 12). http://www.sqlcourse.com/intro.html. Retrieved 09 23,
2017, from http://www.sqlcourse.com: http://www.sqlcourse.com/intro.html
Rouse, M. (2019, 07 01). http://whatis.techtarget.com/definition/PHP-Hypertext-
Preprocessor. Retrieved 07 23, 2019, from http://whatis.techtarget.com:
http://whatis.techtarget.com/definition/PHP-Hypertext-Preprocessor
techlekh. (2017, 07 07). https://techlekh.com/ecommerce-growth-nepal/. Retrieved
09 25, 2017, from https://techlekh.com: https://techlekh.com/ecommerce-growth-
nepal/
sophio. (2017, 10 1). http://www.shopio.com/blog/7-most-common-ecommerce-
problems-and-solutions-for-customer-satisfaction/. Retrieved 10 09, 2017, from
http://www.shopio.com: http://www.shopio.com/blog/7-most-common-
ecommerce-problems-and-solutions-for-customer-satisfaction/
Margaret. (2017, 6 11). http://www.softwaretestinghelp.com/ecommerce-testing/.
Retrieved 10 09, 2017, from http://www.softwaretestinghelp.com:
http://www.softwaretestinghelp.com/ecommerce-testing/
SoftwareGuru. (2017, 10 1).
http://searchsoftwarequality.techtarget.com/definition/unit-testing. Retrieved 10
9, 2017, from http://searchsoftwarequality.techtarget.com:
http://searchsoftwarequality.techtarget.com/definition/unit-testing
techopedia. (2017, 01 19). https://www.techopedia.com/definition/9611/systems-
analysis. Retrieved 09 10, 2017, from https://www.techopedia.com:
https://www.techopedia.com/definition/9611/systems-analysis
techtarget. (n.d.). http://searchsoftwarequality.techtarget.com/definition/use-case.
Retrieved 10 2, 2017, from searchsoftwarequality.techtarget.com:
http://searchsoftwarequality.techtarget.com/definition/use-case

CHAPTER 8: APPENDIX

8.1 Screenshot of Application Output

8.1.1 Screenshot of Repeater Field

49
 Figure 13: Repeater Field
This figure illustrates addition, deletion, updating of fields with the help of
CKEditor.
<script type="text/javascript">
function remove_row(en){
$(en).parent().parent('span').remove();
}
function remove_gallery(en){
$(en).parent('div').remove();
}
$(document).ready(function () {
var x = 1;
$('.AddRow').on("click",function(){
x++;
var editorId = 'suresh' +x;
before_contents = $(this).closest('span');

50
 var cloned_itinerary = $('.CloneContent > span').clone(true,
true).insertBefore(before_contents);
//var newElement = '<textarea id="'+editorId+'" class="ckeditor"
name="ck[]"></textarea>';
$(cloned_itinerary).find("textarea").attr({"id" :editorId});
CKEDITOR.replace(editorId);
});
$('.AddRowr').on("click",function(){
x++;
var editorId = 'suresh' +x;
var cloned_itinerary = $('.CloneContent > span').clone(true,
true).appendTo('.RepeaterContainer');
$(cloned_itinerary).find("textarea").attr({"id" :editorId});
CKEDITOR.replace(editorId);
});
});
</script>
8.1.2 Screenshot of All Products

Figure 14: Index of Products

This figure illustrates listing of the products. Admin can be redirected to view,
edit page.
8.1.3 Screenshot of Booking Page

51
 Figure 15: Product Booking Page
This figure illustrates ordering of the product. This page is identified by id which
is fetched by URL
8.1.1 Screenshot of Email Received

Figure16: Email Notification of Admin

This figure illustrates received email notification from booking page.

public function booknow(Request $request)

{
$request->validate([
'name' => 'required',
'email' => 'required',
'date' => 'required',
]);
$data= array(
'name'=>$request->name,
'email'=>$request->email,
'date'=>$request->date,
'title'=>$request->title

52
 );
Mail::send('admin.emails.mail-template', $data, function ($message) use
($data) {
$message->from($data['email']);
$message->to('[email protected]');
$message->subject('Your Reminder!');
});
}
8.1.1 Screenshot of Media Manager

Figure 17: Media Manager

This figure illustrates uploading of image into post. This can handle bulk
uploading of medias.
<script>
function loadMediaModel(inputname, multiple=false){
if (multiple==true) {
$('#librayr').find('input').attr({'type':'checkbox'});
}else{
$('#librayr').find('input').attr({'type':'radio'});
}

$('#media-modal').modal('show');

53
 var mediaModal = $('#media-modal'),
library = $('#librayr'), //tab
productImagesContainer = $('.product-images');
$('.insert').click(function(e){
e.preventDefault();
var checkboxes = library.find('input');
checkboxes.each(function(i, el){
if(el.checked){
var imageId = $(el).parent().data('image-id');
var imgSrc = $(el).siblings('img').attr('src');
//template
var template = '<div class="product-img">'+
'<input type="hidden" name="'+inputname+'" value="'+
imageId +'">'+
'<img src="'+ imgSrc +'" />'+
'<a href="#" class="btn btn-xs btn-danger remove">'+
'<span class="glyphicon
glyphicon-remove-sign"></span></a>'+
'</div>';
//append
if (multiple==true) {
productImagesContainer.append(template);
}else{

productImagesContainer.html(template);
}
}
});
//hide modal
mediaModal.modal('hide');

54
 });
//remove product images js
productImagesContainer.on('click', '.remove', function(e){
e.preventDefault();
$(this).parent('.product-img').fadeOut('100', function(){
$(this).remove();
});
});
}
</script>

55