lOMoARcPSD|37789861

Project report sem 5 final

project report format (Chandigarh University)

Scan to open on Studocu

Studocu is not sponsored or endorsed by any college or university

Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

ONLINE PHARMACY MANAGEMENT SYSTEM

A PROJECT REPORT

Submitted by

PREM

in partial fulfillment for the award of the degree of

BACHELOR OF ENGINEERING (COMPUTER SCIENCE)

IN

ARTIFICIAL INTELLIGENCE AND MACHINE LEARNING

Chandigarh University
NOVEMBER 2022

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

BONAFIDE CERTIFICATE
Certified that this project report “ONLINE PHARMACY MANAGEMENT
SYSTEMTHE” is the bonafide work of “ PREM” who carried out the project
work under my/our supervision.

<<Signature of the HoD>> <<Signature of the Supervisor>>

SIGNATURE SIGNATURE

<<Name of the Head of the <<Name>>

Department>> SUPERVISOR
<<Academic Designation>>
HEAD OF THE DEPARTMENT
<<Department>>
<<Department>>

Submitted for the project viva-voce examination held on

INTERNAL EXAMINER EXTERNAL EXAMINER

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

ACKNOWLEDGMENT

First of all, I would like to express my gratitude to the supreme power of the
almighty God who is the one who has always guided me to work on the right path
of life. Without his grace, this project could not have become a reality.

I would like to take this occasion to express my heartfelt gratitude to Mr. Pramod
Vishvakarma, supervisor of the Department of Computer Science and Engineering
AIT AIML-1.

This project would have been a small success without his kind supervision and
proper guidance. In every part of the project, his supervision and, advice shaped
this project to be completed successfully.

I would also like to thank our university for providing us all the necessary
resources for the project.

At last, but not least I am thankful to all my friends who have been always helping
and encouraging me throughout the course.

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

TABLE OF CONTENTS
.
LIST OF FIFURES
6
LIST OF TABLES
7
CHAPTER 1 (INTRODUCTION)
9
CHAPTER 2 (LITERATURE REVIEW)
59
CHAPTER 3 (DESIGN AND FLOW PROCESS)
65
CHAPTER 4 (RESULT AND OUTPUT VALIDATION)
76
CHAPTER 5 (CONCLUSION AND FUTURE WORKS)
88

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

List of Figures

Fig:1.1 Regular handwritten management of pharmacy.

Fig 1.4 Gant Chart
Fig 3.1 flowchart
Fig 4.1: Home Page
Fig 4.2: Dashboard
Fig: 4.2.1 Dashboard side bar.
Fig 4.3: Add medicine page.
Fig 4.4: Manage medicine page.
Fig 4.5: Add medicine page.
Fig 4.6: Generating invoice.
Fig 4.7: Adding supplier.
Fig 4.8 Managing supplier tab.
Fig 4.9 Sales report
Fig 4.10 Purchase report tab.
Fig 4.11 Search Tab

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

List of Tables

Table 1.1 The Carousel Plugin

Table 1.2 Administrator table

Fig 1.3 Medicine Table

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

ABSTRACT

This project is an insight into the development and implementation of a

PharmacyManagement System. The main goal is to improve the accuracy and improve the
safety and efficiency of the pharmacy. Today management is one of the most important of all
forms. Management provides the complexity of performing any type of work in a certain way.
This is a pharmacy management system; is used to manage many pharmacy-related activities
at the pharmacy.The pharmacy management system is a management system designed to
improve the accuracy and improve the safety and efficiency of the pharmacy. It is a computer-
based program that helps the pharmacist to improve inventory management, cost, medical
safety etc.

The system allows the user to enter the production date and expiration of a particular product or
drug at the time of opening the stock and sale function. The system will also provide a report
showing a list of expired products after the date specified before the expiration of the product. It
also involves direct entry when new drug sets arrive and when drugs leave the pharmacy for a
period of time, e.g. on a monthly basis, the pharmacist may want to produce a report on the
release and release of drugs from the pharmacy, receiving information about the medication e.g.
expiration date, purchase date, residual drug number, drug location at pharmacy.

Currently, the hands-on system is used in pharmacies. It requires the pharmacist to personally
monitor each drug available at the pharmacy. This often leads to mistakes as the pharmacist's job
grows.Due to the size and quality of the pharmacy service, the pharmacy has a very large
customer base. These customers often visit the pharmacy to get services especially when they
close at work. During this time, the number of customers who use the pharmacy increases, thus
making the pharmacist's job more tedious. This case makes it difficult for the pharmacist to care
for customers in the short term.

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

CHAPTER 1.
INTRODUCTION

1.1. Client Identification/Need Identification/Identification of relevant

Contemporary issue

The Online Pharmacy Management System is a online website which take cares of a pharmacy’s
everyday needs and problems. In this world of AI and automation every sector is growing fast
and to take care of this grownt and improve it every sector needs a change in there working so to
improve efficiency of a pharmacy store this website is the one step solution for all these common
problems. Some of the main issues which every pharmacy manager face is expiry of medicience,
stock data like how much of stock is there in there warehouse is there any medicienec out of
stock or near expiry .

This Pharmacy management system is a management system which is designed to improve the
efficiency ,safety, accuracy and productivity of a pharmacy . It is web-site which helps the
pharmasist to improve inventory management, cost, medical safety etc. This The system allows
the user to enter the production date and expiration of a particular product or drug at the time of
opening the stock and sale function. The system will also provide a report showing a list of
expired products after the date specified before the expiration of the product. It also involves
direct entry when new drug sets arrive and when drugs leave the pharmacy for a period of time,
e.g. on a monthly basis, the pharmacist may want to produce a report on the release and release
of drugs from the pharmacy, receiving information about the medication e.g. expiration date,
purchase date, residual drug number, drug location at pharmacy.

Currently, the basic system is used in pharmacies. It requires the pharmacist to personally
monitor each drug available at the pharmacy. This often leads to mistakes as the pharmacist's job
grows.

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

1.2. Identification of Problem

The main problem which every pharmacy faces is due to the size and quality of the pharmacy
service, the pharmacy has a very large customer base. These customers often visit the pharmacy
to get services especially when they close at work. During this time, the number of customers
who use the pharmacy increases, thus making the pharmacist's job more tedious. This case
makes it difficult for the pharmacist to care for customers in the short term.

In the meantime, the pharmacist must ensure satisfaction in the services to keep their customers.
The above factors lead to delays in customer service, thereby reducing sales and the risk of
losing key customers over time.
The “Pharmacy Management System” is a landmark project designed for medical and medical
stores on purpose. This project equips medical stores with the tools to perform their daily tasks
electronically. The website will change the process of compiling medical inventory and drug
stocks, recording medical information and other medical supplies in the store, recording
prescriptions issued to the Customer. Managing a medical store is particularly complicated with
regard to inventory and record keeping. Medical stores need tomake sure they have enough
stock of support and cater to the needs of clients. Another major issues is creating invoice like in
pharmacy when a medicne is sold by invoice then we need to mention the whole name of thw
medicine and its batch no, and exoiry date and doing all this mannual all by hands is sometimes
not possible due to lots of customers waiting . Taking about some other issues are like when a
pharmacist or a pahrmacy is associated with a doctor then the pharmacy owner also need to take
care of doctor commision that how much priscription does a doctor send and what was the
amount of medicine sold to take care of this pharmasist need to keep record of thinghs manually.
In this software we will desigh the software like this that when a pharmasist enter new mediciene
it will be stored in the database and when a new purchase bill is entered then all medicine and
bact id and expiry will be updated in the database this feature will help to overcome a common
problem of every pharmacy.

10

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

In medical store proper handling of medicine is very necessary to ensure the success of all
store operations. Medical store are in the process of searching for an effective and reliable
daily help and relief plan. There is a need for electronic intervention in the management of
medical stores.Pharmacy managers keep a paper record in paper cupboards. Managing a large
pharmacy with paper records will be tedious and difficult to maintain in-store drug-related
inventory, expiration date, number of drugs available based on categories and their
functions.The pharmacist must order drugs to replenish the already depleted stock. In addition,
drug orders are hand-delivered. A significant amount of time is allocated to write an order as
the pharmacist needs to exceed the stock balance and make a rough estimate of the order
amount based on Statistics.Drugs should not be used after expiration. This project manager
will inform the pharmacist about expired drugs, prevent the drugs from being sold and provide
a solution to the aforementioned problems.

Fig:1.1 Regular handwritten management of pharmacy.

11

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

1.3. Identification of Tasks

The main goal of the project is to develop and implement a Medical Store Management System
to digitalize the operations of a medical store. In this we need to construct a fresh website by
using any prefered languange I have used php ,html, css, etc. While creating this we need to
remember many thinghs first of all we need to create an database for our website where the
whole data of the website will be stored.

Next we need to find out the solutions to the issues which we dfiscuss earier that what are the
major issues pharmacist face on daily basis. First of all we need to create a basic login option for
everyone related to the pharmacy like some time in a singler pharmacy there are many menebers
working in it so for that we need to create a login page where everyone can create there id
password to login there own account by this the pharmacy owner can know that who billed a
cerartin invoice and much more. Another major issues is creating invoice like in pharmacy when
a medicne is sold by invoice then we need to mention the whole name of thw medicine and its
batch no, and exoiry date and doing all this mannual all by hands is sometimes not possible due
to lots of customers waiting .

After that on the home page there will be many shorcut options like generate invvoice add
medicine add stockist and many more.In medical store proper handling of medicine is very
necessary to ensure the success of all store operations. Medical store are in the process of
searching for an effective and reliable daily help and relief plan. There is a need for electronic
intervention in the management of medical stores.Pharmacy managers keep a paper record in
paper cupboards. Managing a large pharmacy with paper records will be tedious and difficult
to maintain in-store drug-related inventory, expiration date, number of drugs available based
on categories and their functions.

The pharmacist must order drugs to replenish the already depleted stock. In addition, drug
orders are hand-delivered. A significant amount of time is allocated to write an order as the
pharmacist needs to exceed the stock balance and make a rough estimate of the order amount

12

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

based on Statistics.Drugs should not be used after expiration. This project manager will inform
the pharmacist about expired drugs, prevent the drugs from being sold and provide a solution
to the aforementioned problems.

General Objective - The main goal of the project is to develop and implement a Medical Store
Management System to digitally transform the operation of a medical store.

• Eliminate manual methods and paperwork involved in medical store management.

• Automatically record and store medical store data.

• Allowing medical stores to compile electronic stocks to monitor stock purchases.

• Evaluate the system in terms of user acceptance, efficiency, quality, reliability, and
productivity.

• To facilitate the reporting of store stocks, drug information (photo, expiration, etc.),
release recordings, and store sales.

1.4. Timeline

13

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Fig 1.4 Gant Chart

14

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

1.5. Organization of the Report

i. In second chapter, we give the review on whole project.

ii. In third chapter we give information about

design and flow process our proposed system

and Database structure implementation,

experimental analysis.

iii. In fourth chapter we will see result analysis and validation.

iv. In fifth chapter we will see conclusion and future work.

v.

1.6 OVERVIEW OF THE LANGUAGE USED:

HTML

The HyperText Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. It can be assisted by technologies such as Cascading
Style Sheets (CSS) and scripting languages such as JavaScript.

Web browsers receive HTML documents from a web server or from local storage and render the

15

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

documents into multimedia web pages. HTML describes the structure of a web
page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of HTML pages. With HTML constructs, images and
other objects such as interactive forms may be embedded into the rendered page.

HTML provides a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated
by tags, written using angle brackets. Tags such as<img />and <input />directly introduce
content into the page. Other tags such as<p>surround and provide information about document
text and may include other tags as sub-elements.

Browsers do not display the HTML tags but use them to interpret the content of the page.

HTML can embed programs written in a scripting language such as JavaScript, which affects the
behaviour and content of web pages. Inclusion of CSS defines the look and layout of content.
The World Wide Web Consortium (W3C), former maintainer of the HTML and current
maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational
HTML since 1997. A form of HTML, known as HTML5, is used to display video and audio,
primarily using the<canvas>element, in collaboration with javascript.

16

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

CSS

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a
document written in a markup language such as HTML. CSS is a cornerstone technology of
the World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of presentation and content, including layout, colours,
and fonts. This separation can improve content accessibility; provide more flexibility and control
in the specification of presentation characteristics; enable multiple web pages to share formatting
by specifying the relevant CSS in a separate .css file, which reduces complexity and repetition in
17

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

the structural content; and enable the .css file to be cached to improve the page load speed
between the pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present the same markup page in
different styles for different rendering methods, such as on-screen, in print, by voice (via speech-
based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for
alternate formatting if the content is accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which style rule
applies if more than one rule matches a particular element. This cascading priority scheme is
predictable.

The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet
media type (MIME type) text/cssis registered for use with CSS by RFC 2318 (March 1998). The
W3C operates a free CSS validation service for CSS documents.

In addition to HTML, other markup languages support the use of CSS including XHTML, plain
XML, SVG, and XUL.

PHP:

PHP started out as a small open source project that evolved as more and more people found out
how useful it was. Rasmus Lerdorf unleashed the first version of PHP way back in 1994.
PHP is a MUST for students and working professionals to become a great Software Engineer
specially when they are working in Web Development Domain. I will list down some of the key
advantages of learning PHP:

PHP is a recursive acronym for "PHP: Hypertext Preprocessor".


PHP is a server side scripting language that is embedded in HTML. It is used to manage
dynamic content, databases, session tracking, even build entire e-commerce sites.


18

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

It is integrated with a number of popular databases, including MySQL, PostgreSQL, Oracle,

Sybase, Informix, and Microsoft SQL Server.


PHP is pleasingly zippy in its execution, especially when compiled as an Apache module on
the Unix side. The MySQL server, once started, executes even very complex queries with
huge result sets in record-setting time.


PHP supports a large number of major protocols such as POP3, IMAP, and LDAP. PHP4
added support for Java and distributed object architectures (COM and CORBA), making n-
tier development a possibility for the first time.


PHP is forgiving: PHP language tries to be as forgiving as possible.


PHP Syntax is C-Like.


Characteristics of PHP

Five important characteristics make PHP's practical nature possible −

 Simplicity
 Efficiency
 Security
 Flexibility
 Familiarity

19

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Bootstrap

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end
web development. It contains HTML, CSS and (optionally) JavaScript-based design templates
for typography, forms, buttons, navigation, and other interface components.

As of April 2022, Bootstrap is the eleventh most starred project on GitHub, with over 156,000
stars.

20

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Html tags used:

<!--...-->

These are comments, that are not visible to the user but only when you view the actual HTML.
They are also useful in commenting out a block of code when you're doing testing, that way you
can prevent from having to cut and paste the code else where, and then copy them back.

<!doctype>

All HTML documents must start with a <!DOCTYPE> declaration.

The declaration is not an HTML tag. It is an "information" to the browser about what document
type to expect.

In HTML 5, the declaration is simple:

<!DOCTYPE html>

<a>

The <a> tag defines a hyperlink, which is used to link from one page to another.

The most important attribute of the <a> element is the href attribute, which indicates the link's
destination.

By default, links will appear as follows in all browsers:

 An unvisited link is underlined and blue

 A visited link is underlined and purple
 An active link is underlined and red

21

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

<body>

The <body> tag defines the document's body.

The <body> element contains all the contents of an HTML document, such as headings,
paragraphs, images, hyperlinks, tables, lists, etc.

There can only be one <body> element in an HTML document.

<br>

The <br> tag inserts a single line break.

The <br> tag is useful for writing addresses or poems.

The <br> tag is an empty tag which means that it has no end tag.

The <br> tag used to enter line breaks, not to add space between paragraphs.

<button>

The <button> tag defines a clickable button.

Inside a <button> element you can put text (and tags like <i>, <b>, <strong>, <br>, <img>, etc.).
That is not possible with a button created with the <input> element!

The type attribute is used for a <button> element, to tell browsers what type of button it is.

22

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

<div>

The <div> tag defines a division or a section in an HTML document.

The <div> tag is used as a container for HTML elements - which is then styled with CSS or
manipulated with JavaScript.

The <div> tag is easily styled by using the class or id attribute.

Any sort of content can be put inside the <div> tag

By default, browsers always place a line break before and after the <div> element.

<form>

The <form> tag is used to create an HTML form for user input.

The <form> element can contain one or more of the following form elements:

 <input>
 <textarea>
 <button>
 <select>
 <option>
 <optgroup>
 <fieldset>
 <label>
 <output>

<frame>

23

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

A <frame> tag is used with <frameset>, and it divides a webpage into multiple sections or
frames, and each frame can contain different web pages.

<h1 to h6>

The <h1> to <h6> tags are used to define HTML headings.

<h1> defines the most important heading. <h6> defines the least important heading.

Only used one <h1> per page - this should represent the main heading/subject for the whole
page. Also we should not skip heading levels - start with <h1>, then use <h2>, and so on.

<head>

The <head> element is a container for metadata (data about data) and is placed between the
<html> tag and the <body> tag.

Metadata is data about the HTML document. Metadata is not displayed.

Metadata typically define the document title, character set, styles, scripts, and other meta
information.

The following elements can go inside the <head> element:

 <title> (required in every HTML document)

 <style>
 <base>
 <link>
 <meta>

24

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

 <script>
 <noscript>

<hr>

The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic).

The <hr> element is most often displayed as a horizontal rule that is used to separate content (or
define a change) in an HTML page.

<html>

he <html> tag represents the root of an HTML document.

The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag).

The tag includes the lang attribute inside the <html> tag, to declare the language of the Web
page. This is meant to assist search engines and browsers.

<img>

The <img> tag is used to embed an image in an HTML page.

Images are not technically inserted into a web page; images are linked to web pages.
The <img> tag creates a holding space for the referenced image.

The <img> tag has two required attributes:

 src - Specifies the path to the image

25

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

 alt - Specifies an alternate text for the image, if the image for some reason cannot be
displayed

The width and height of an image needs to be specified. If width and height are not specified, the
page might flicker while the image loads.

<input>

The <input> tag specifies an input field where the user can enter data.

The <input> element is the most important form element.

The <input> element can be displayed in several ways, depending on the type attribute.

The different input types are as follows:

 <input type="button">

 <input type="checkbox">

 <input type="color">

 <input type="date">

 <input type="datetime-local">

 <input type="email">

 <input type="file">

 <input type="hidden">

 <input type="image">

 <input type="month">

26

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

 <input type="number">

 <input type="password">

 <input type="radio">

 <input type="range">

 <input type="reset">

 <input type="search">

 <input type="submit">

 <input type="tel">

 <input type="text"> (default value)

 <input type="time">

 <input type="url">

 <input type="week">

<label>

The <label> tag defines a label for several elements:

 <input type="checkbox">

 <input type="color">

 <input type="date">

 <input type="datetime-local">

 <input type="email">

 <input type="file">

27

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

 <input type="month">

 <input type="number">

 <input type="password">

 <input type="radio">

 <input type="range">

 <input type="search">

 <input type="tel">

 <input type="text">

 <input type="time">

 <input type="url">

 <input type="week">

 <meter>

 <progress>

 <select>

 <textarea>

Proper use of labels with the elements above will benefit:

 Screen reader users (will read out loud the label, when the user is focused on the element)
 Users who have difficulty clicking on very small regions (such as checkboxes) - because
when a user clicks the text within the <label> element, it toggles the input (this increases
the hit area).

28

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

The for attribute of <label> must be equal to the id attribute of the related element to bind

them together. A label can also be bound to an element by placing the element inside
the <label> element.

<link>

HTML links are hyperlinks.

You can click on a link and jump to another document.

When you move the mouse over a link, the mouse arrow will turn into a little hand.

Links are found in nearly all web pages. Links allow users to click their way from page to page.

<meta>

The <meta> tag defines metadata about an HTML document. Metadata is data (information)
about data.

<meta> tags always go inside the <head> element, and are typically used to specify character set,
page description, keywords, author of the document, and viewport settings.

Metadata will not be displayed on the page, but is machine parsable.

Metadata is used by browsers (how to display content or reload page), search engines
(keywords), and other web services.

There is a method to let web designers take control over the viewport (the user's visible area of a

29

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

web page), through the <meta> tag

<meter>

The <meter> tag defines a scalar measurement within a known range, or a fractional value. This
is also known as a gauge.

Examples: Disk usage, the relevance of a query result, etc.

The <meter> tag should not be used to indicate progress (as in a progress bar). For progress bars,
use the <progress> tag.

<nav>

The <nav> tag defines a set of navigation links.

Not all links of a document should be inside a <nav> element. The <nav> element is intended
only for major block of navigation links.

Browsers, such as screen readers for disabled users, can use this element to determine whether to
omit the initial rendering of this content.

<li>

The <li> tag defines a list item.

30

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

The <li> tag is used inside ordered lists(<ol>), unordered lists (<ul>), and in menu lists
(<menu>).

In <ul> and <menu>, the list items will usually be displayed with bullet points.

In <ol>, the list items will usually be displayed with numbers or letters.

<ol>

The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical.

The <li> tag is used to define each list item.

<p>

The <p> tag defines a paragraph.

Browsers automatically add a single blank line before and after each <p> element.

<script>

The <script> tag is used to embed a client-side script (JavaScript).

The <script> element either contains scripting statements, or it points to an external script file
through the src attribute.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of
content.

31

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

<section>

The <section> tag defines a section in a document.

<span>

The <span> tag is an inline container used to mark up a part of a text, or a part of a document.

The <span> tag is easily styled by CSS or manipulated with JavaScript using the class or id
attribute.

The <span> tag is much like the <div> element, but <div> is a block-level element and <span> is
an inline element.

<style>

The <style> tag is used to define style information (CSS) for a document.

Inside the <style> element it should be specified how HTML elements should render in a
browser.

<table>

32

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

The <table> tag defines an HTML table.

An HTML table consists of one <table> element and one or more <tr>, <th>, and <td> elements.

The <tr> element defines a table row, the <th> element defines a table header, and the <td>
element defines a table cell.

An HTML table may also include <caption>, <colgroup>, <thead>, <tfoot>,

and <tbody> elements.

<title>

The <title> tag defines the title of the document. The title must be text-only, and it is shown in
the browser's title bar or in the page's tab.

The <title> tag is required in HTML documents!

The contents of a page title is very important for search engine optimization (SEO)! The page
title is used by search engine algorithms to decide the order when listing pages in search results.

The <title> element:

 defines a title in the browser toolbar

 provides a title for the page when it is added to favorites
 displays a title for the page in search-engine results

33

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

CSS properties used:

background-color

The background-color property specifies the background color of an element.

With CSS, a color is most often specified by:

 a valid color name - like "red"

 a HEX value - like "#ff0000"

34

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

 an RGB value - like "rgb(255,0,0)"

Look at CSS Color Values for a complete list of possible color values.

background-image

The background-image property sets one or more background images for an element.

By default, a background-image is placed at the top-left corner of an element, and repeated both
vertically and horizontally.

The background of an element is the total size of the element, including padding and border (but
not the margin).

Example

Sets two background images for the <body> element. Let the first image appear only once (with
no-repeat), and let the second image be repeated:

body {
background-image: url("img_tree.gif"), url("paper.gif");
background-repeat: no-repeat, repeat;
background-color: #cccccc;
}

background-position

The background-position property sets the starting position of a background image.

35

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

By default, a background-image is placed at the top-left corner of an element, and repeated both
vertically and horizontally.

Example

How to position a background-image to be centered at top:

body {
background-image: url('w3css.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}

background-repeat

The background-repeat property sets if/how a background image will be repeated.

By default, a background-image is repeated both vertically and horizontally.

The background image is placed according to the background-position property. If no

background-position is specified, the image is always placed at the element's top left corner.

Example

Repeat a background image both vertically and horizontally (this is default):

body {
background-image: url("paper.gif");
background-repeat: repeat;

36

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

background-size

The background-size property specifies the size of the background images.

There are four different syntaxes you can use with this property: the keyword syntax ("auto",
"cover" and "contain"), the one-value syntax (sets the width of the image (height becomes
"auto"), the two-value syntax (first value: width of the image, second value: height), and the
multiple background syntax (separated with comma).

Example

Specify the size of a background-image with "auto" and in pixels:

#example1 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: auto;
}

#example2 {
background: url(mountain.jpg);
background-repeat: no-repeat;
background-size: 300px 100px;
}

Border

The border-style property specifies what kind of border to display.

37

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

The following values are allowed:

 dotted - Defines a dotted border

 dashed - Defines a dashed border
 solid - Defines a solid border
 double - Defines a double border
 groove - Defines a 3D grooved border. The effect depends on the border-color value
 ridge - Defines a 3D ridged border. The effect depends on the border-color value
 inset - Defines a 3D inset border. The effect depends on the border-color value
 outset - Defines a 3D outset border. The effect depends on the border-color value
 none - Defines no border
 hidden - Defines a hidden border

The border-style property can have from one to four values (for the top border, right border,
bottom border, and the left border).

border-color

The border-color property sets the color of an element's four borders. This property can have
from one to four values.

If the border-color property has four values:

 border-color: red green blue pink;

o top border is red

o right border is green

o bottom border is blue

o left border is pink

38

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

If the border-color property has three values:

 border-color: red green blue;

o top border is red

o right and left borders are green

o bottom border is blue

If the border-color property has two values:

 border-color: red green;

o top and bottom borders are red

o right and left borders are green

If the border-color property has one value:

 border-color: red;

o all four borders are red

We shoulddeclare the border-style property before the border-color property. An element must

have borders before you can change the color.

border-spacing

The border-spacing property sets the distance between the borders of adjacent cells.

This property works only when border-collapse is separate.

39

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Set the border-spacing for a table:

#table1 {
border-collapse: separate;
border-spacing: 15px;
}

#table2 {
border-collapse: separate;
border-spacing: 15px 50px;
}

Display

The display property specifies the display behavior (the type of rendering box) of an element.

In HTML, the default display property value is taken from the HTML specifications or from the
browser/user default style sheet. The default value in XML is inline, including SVG elements.

Example

Use of some different display values:

p.ex1 {display: none;}

p.ex2 {display: inline;}
p.ex3 {display: block;}

40

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

p.ex4 {display: inline-block;}

float

The float property is used for positioning and formatting content e.g. let an image float left to the
text in a container.

The float property can have one of the following values:

 left - The element floats to the left of its container

 right - The element floats to the right of its container
 none - The element does not float (will be displayed just where it occurs in the text). This
is default
 inherit - The element inherits the float value of its parent

In its simplest use, the float property can be used to wrap text around images.

Example - float: right;

The following example specifies that an image should float to the right in a text:

Font

Font Selection is Important

Choosing the right font has a huge impact on how the readers experience a website.

The right font can create a strong identity for your brand.

41

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Using a font that is easy to read is important. The font adds value to your text. It is also important
to choose the correct color and text size for the font.

Generic Font Families

In CSS there are five generic font families:

1. Serif fonts have a small stroke at the edges of each letter. They create a sense of formality
and elegance.
2. Sans-serif fonts have clean lines (no small strokes attached). They create a modern and
minimalistic look.
3. Monospace fonts - here all the letters have the same fixed width. They create a
mechanical look.
4. Cursive fonts imitate human handwriting.
5. Fantasy fonts are decorative/playful fonts.

font-family

The font-family property specifies the font for an element.

The font-family property can hold several font names as a "fallback" system. If the browser does
not support the first font, it tries the next font.

There are two types of font family names:

 family-name - The name of a font-family, like "times", "courier", "arial", etc.

42

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

 generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive",

"fantasy", "monospace".

Start with the font you want, and always end with a generic family, to let the browser pick a
similar font in the generic family, if no other fonts are available.

font-size
The font-size property sets the size of a font.

Example

Set the font size for different elements:

div.a {
font-size: 15px;
}

div.b {
font-size: large;
}

div.c {
font-size: 150%;
}

font-style

43

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

The font-style property specifies the font style for a text.

Example

Set different font styles for three paragraphs:

p.a {
font-style: normal;
}

p.b {
font-style: italic;
}

p.c {
font-style: oblique;
}

font-weight

The font-weight property sets how thick or thin characters in text should be displayed.

Example

Set different font weight for three paragraphs:

p.normal {
font-weight: normal;
}
44

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

p.thick {
font-weight: bold;
}

p.thicker {
font-weight: 900;
}

height

The height property sets the height of an element.

The height of an element does not include padding, borders, or margins!

If height: auto; the element will automatically adjust its height to allow its content to be
displayed correctly.

If height is set to a numeric value (like pixels, (r)em, percentages) then if the content does not fit
within the specified height, it will overflow. How the container will handle the overflowing
content is defined by the overflow property.

The min-height and max-height properties override the height property.

Example

Set the height of two <div> elements:

div.a {
height: auto;
border: 1px solid black;

45

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

div.b {
height: 50px;
border: 1px solid black;
}

left

The left property affects the horizontal position of a positioned element. This property has no
effect on non-positioned elements.

 If position: absolute; or position: fixed; - the left property sets the left edge of an element
to a unit to the left of the left edge of its nearest positioned ancestor.
 If position: relative; - the left property sets the left edge of an element to a unit to the
left/right of its normal position.
 If position: sticky; - the left property behaves like its position is relative when the element
is inside the viewport, and like its position is fixed when it is outside.
 If position: static; - the left property has no effect.

Example

Set the left edge of a positioned <div> element to 150px from the left edge of its nearest
positioned ancestor:

div.c {
position: absolute;
left: 150px;
width: 200px;
height: 120px;

46

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

border: 3px solid green;

}

line-height

The line-height property specifies the height of a line.

Example

Set the line height for different <div> elements:

div.a {
line-height: normal;
}

div.b {
line-height: 1.6;
}

div.c {
line-height: 80%;
}

div.d {
line-height: 200%;
}

margin

47

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

The CSS margin properties are used to create space around elements, outside of any defined
borders.

With CSS, you have full control over the margins. There are properties for setting the margin for
each side of an element (top, right, bottom, and left).

margin-top

The margin-top property sets the top margin of an element.

Example

Set the top margin for a <p> element to 25 pixels:

p.ex1 {
margin-top: 25px;
}

margin-right

The margin-right property sets the right margin of an element.

48

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Example

Set the right margin for a <p> element to 150 pixels:

p.ex1 {
margin-right: 150px;
}
margin-bottom

The margin-bottom property sets the bottom margin of an element.

Example

Set the bottom margin for a <p> element to 25 pixels:

p.ex1 {
margin-bottom: 25px;
}

margin-left

The margin-left property sets the left margin of an element.

Example

Set the left margin for a <p> element to 30 pixels:

49

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

p.ex1 {
margin-left: 30px;
}

outline
An outline is a line that is drawn around elements, OUTSIDE the borders, to make the element
"stand out".

CSS has the following outline properties:

 outline-style
 outline-color
 outline-width
 outline-offset
 outline

outline-color

An outline is a line that is drawn around elements, outside the borders, to make the element
"stand out".

The outline-color property specifies the color of an outline.

The outline-style property always declared before the outline-color property. An element must
have an outline before you change the color of it.

Example

50

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Set a color for the outline:

div {outline-color: coral;}

outline-style

An outline is a line that is drawn around elements, outside the borders, to make the element
"stand out".

The outline-style property specifies the style of an outline.

Example

Set a style for the outline:

div {outline-style: dotted;}

outline-width

The outline-width property specifies the width of the outline, and can have one of the following
values:

 thin (typically 1px)

 medium (typically 3px)

 thick (typically 5px)

 A specific size (in px, pt, cm, em, etc)

Example

51

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

p.ex1 {

border: 1px solid black;

outline-style: solid;

outline-color: red;

outline-width: thin;

p.ex2 {

border: 1px solid black;

outline-style: solid;

outline-color: red;

outline-width: medium;

p.ex3 {

border: 1px solid black;

outline-style: solid;

outline-color: red;

outline-width: thick;

p.ex4 {

border: 1px solid black;

52

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

outline-style: solid;

outline-color: red;

outline-width: 4px;

overflow

The overflow property specifies whether to clip the content or to add scrollbars when the content
of an element is too big to fit in the specified area.

The overflow property has the following values:

 visible - Default. The overflow is not clipped. The content renders outside the element's

box

 hidden - The overflow is clipped, and the rest of the content will be invisible

 scroll - The overflow is clipped, and a scrollbar is added to see the rest of the content

 auto - Similar to scroll, but it adds scrollbars only when necessary

padding

The CSS padding properties are used to generate space around an element's content, inside of
any defined borders.

With CSS, you have full control over the padding. There are properties for setting the padding
for each side of an element (top, right, bottom, and left)

53

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

padding-top

An element's padding is the space between its content and its border.

The padding-top property sets the top padding (space) of an element.

Example

Set the top padding for a <p> element to 25 pixels:

p.ex1 {
padding-top: 25px;
}

padding-right

An element's padding is the space between its content and its border.

The padding-right property sets the right padding (space) of an element.

Example

Set the right padding for a <p> element to 150 pixels:

p.ex1 {
padding-right: 150px;
}

padding-bottom

54

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

An element's padding is the space between its content and its border.

The padding-bottom property sets the bottom padding (space) of an element.

Example

Set the bottom padding for a <p> element to 25 pixels:

p.ex1 {
padding-bottom: 25px;
}
padding-left

An element's padding is the space between its content and its border.

The padding-left property sets the left padding (space) of an element.

Example

Set the left padding for a <p> element to 50 pixels:

p.ex1 {
padding-left: 50px;
}

position

The position property specifies the type of positioning method used for an element (static,
relative, fixed, absolute or sticky).

55

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

position: static;

HTML elements are positioned static by default.

Static positioned elements are not affected by the top, bottom, left, and right properties.

An element with position: static; is not positioned in any special way; it is always positioned
according to the normal flow of the page:

This <div> element has position: static;

text-align

The text-align property specifies the horizontal alignment of text in an element.

Example

Set the text alignment for different <div> elements:

div.a {
text-align: center;
}

div.b {
text-align: left;
}

div.c {

56

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

text-align: right;
}

div.c {
text-align: justify;
}

text-decoration

The text-decoration property specifies the decoration added to text, and is a shorthand property
for:

 text-decoration-line (required)
 text-decoration-color
 text-decoration-style
 text-decoration-thickness

Example

Set different text decorations for <h1>, <h2>, and <h3> elements:

h1 {
text-decoration: overline;
}

h2 {
text-decoration: line-through;
}

57

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

h3 {
text-decoration: underline;
}

h4 {
text-decoration: underline overline;
}

text-transform
The text-transform property controls the capitalization of text.

Example

Transform text in different <div> elements:

div.a {
text-transform: uppercase;
}

div.b {
text-transform: lowercase;
}

58

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

div.c {
text-transform: capitalize;
}

vertical-align
The vertical-align property sets the vertical alignment of an element.

Example

Vertical align an image:

img.a {
vertical-align: baseline;
}

img.b {
vertical-align: text-top;
}

img.c {
vertical-align: text-bottom;
}

img.d {
vertical-align: sub;
}

img.e {
vertical-align: super;

59

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

visibility

The visibility property specifies whether or not an element is visible.

The hidden elements take up space on the page. Use the display property to both hide and
remove an element from the document layout!

Example

Make <h2> elements visible and hidden:

h2.a {
visibility: visible;
}

h2.b {
visibility: hidden;
}

white-space

The white-space property specifies how white-space inside an element is handled.

Example

60

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Demonstrate different values of the white-space property:

p.a {
white-space: nowrap;
}

p.b {
white-space: normal;
}

p.c {
white-space: pre;
}

width

The width property sets the width of an element.

The width of an element does not include padding, borders, or margins!

The min-width and max-width properties override the width property.

Example

Set the width of three <div> elements:

div.a {
width: auto;
border: 1px solid black;
}
61

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

div.b {
width: 150px;
border: 1px solid black;
}

div.c {
width: 50%;
border: 1px solid black;
}

z-index

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

z-index only works on positioned elements (position: absolute, position: relative, position: fixed,
or position: sticky) and flex items (elements that are direct children of display:flex elements).

If two positioned elements overlap without a z-index specified, the element positioned last in the
HTML code will be shown on top.

img {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}

62

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

BootStrap Classes Used:

Containers

63

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Containers are used to pad the content inside of them, and there are two container classes
available:

1. The .container class provides a responsive fixed width container

2. The .container-fluid class provides a full width container, spanning the entire width of
the viewport

Fixed Container

Use the .container class to create a responsive, fixed-width container.

Row

Rows are wrappers for columns. Each column has horizontal padding (called a gutter) for
controlling the space between them.

Col

col- (extra small devices - screen width less than 576px)

col-sm- (small devices - screen width equal to or greater than 576px)

col-md- (medium devices - screen width equal to or greater than 768px)

col-lg- (large devices - screen width equal to or greater than 992px)

col-xl- (xlarge devices - screen width equal to or greater than 1200px)

grid

64

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Bootstrap's grid system allows up to 12 columns across the page.

If you do not want to use all 12 column individually, you can group the columns together to
create wider columns:

Grid Classes

The Bootstrap grid system has four classes:

 xs (for phones - screens less than 768px wide)

 sm (for tablets - screens equal to or greater than 768px wide)
 md (for small laptops - screens equal to or greater than 992px wide)
 lg (for laptops and desktops - screens equal to or greater than 1200px wide)

The classes above can be combined to create more dynamic and flexible layouts.

Button Styles

Bootstrap provides different styles of buttons:

To achieve the button styles above, Bootstrap has the following classes:

 .btn
 .btn-default
 .btn-primary
 .btn-success
 .btn-info
 .btn-warning
 .btn-danger
 .btn-link

65

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Example

<button type="button" class="btn">Basic</button>

<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>

The Carousel Plugin

The Carousel plugin is a component for cycling through elements, like a carousel (slideshow).

Plugins can be included individually (using Bootstrap's individual "carousel.js" file), or all at
once (using "bootstrap.js" or "bootstrap.min.js").

.carousel Creates a carousel

.carousel- Adds indicators for the carousel. These are the little dots at the
indicators bottom of each slide (which indicates how many slides there are
in the carousel, and which slide the user are currently viewing)

.carousel- Adds slides to the carousel

inner

.carousel-item Specifies the content of each slide

66

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

.carousel- Adds a left (previous) button to the carousel, which allows the
control-prev user to go back between the slides

.carousel- Adds a right (next) button to the carousel, which allows the user
control-next to go forward between the slides

.carousel- Used together with .carousel-control-prev to create a "previous"

control-prev- button
icon

.carousel- Used together with .carousel-control-next to create a "next"

control-next- button
icon

.slide Adds a CSS transition and animation effect when sliding from
one item to the next. Remove this class if you do not want this
effect

Table 1.1 The Carousel Plugin

CHAPTER 2.
LITERATURE REVIEW/BACKGROUND STUDY

2.1. Timeline of the reported problem

In making PDUR, many pharmacists are assisted by DUR software applications that reside on

67

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

their computers at the pharmacy (i.e., a computer store assisted by PDUR). The pharmacy
benefits manager or app reviewer may re-use DUR software applications online during the
processing of electronic applications (Elizabeth, 2008). submit medical applications for that
patient and it is easy for the organization to gather evidence against the respondent. This data is
also important for users of store systems such as Gilead Pharmacy in reducing medical errors
and speculation caused by a lack of quick information about pharmacy continuity. Eg.stock
prices available to determine when to purchase most stocks and drug records determined by the
customer. This will help to balance the facts between the pharmacist and the client who is
applying in the event that the client claims to have adverse effects on prescribed medications.
Records will also help to demonstrate daily sales, weekly and even monthly oi to develop an
effective pharmacy welfare program.

DBMS is a complex set of software programs that control organization, storage, management, ~
and data retrieval on a website. DBMS is categorized according to its data structures or types,
sometimes DBMS is also known as Data Manager. It is a set of pre-programmed programs used
to store, update and access the Website. Database management systems are also a set of
processes that control the database and provide access to the database ~ in the manner required
by the application system as it is able to access files simultaneously, database software is better
than older file systems used to manage a computer (Sawyer, 2000). DBMS accepts data requests
from the system and directs the operating system to transfer the appropriate data. Glossary is a
functional document that is regularly reviewed and updated to accurately reflect the state of
health care technology assets.

At the clinic the asset management is done through a manual (paper-based) or computer-based
system, as determined by the resources available. The manual inventory system relies heavily on
human actions, which increases the chances of human error. People may forget to record a work or
simply misread a number of goods. This results in additional unnecessary orders that increase
the cost of managing the health facility's facilities and utilizing valuable storage space. A
computerized list management system does everything from capturing information to
simplifying things. Manual calculation of inventory can take days, but with a computerized
inventory management system, the same process can be done in a matter of hours. With a

68

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

manual system, the data is only accurate and up-to-date as the final calculation. With a computer
list management system, a management team can pull a report and quickly see how many units
are sold, how many are sold and which products sell the fastest.

According to the World Health Organization's report on inventory, computer-based inventory is

preferred over paper- based inventory. This is because computer-based inventory simplifies
inventory management, especially in large archives and can also be integrated into a
computerized storage management system that includes inventory, repair and storage history,
and operating system into a single system. Once the list is established, it can be a very useful
tool for the medical engineering department and the health facility as a whole (1). Summarizing
these documents demonstrates the importance of using an effective health care technology
management system to improve the quality of health care delivery.

It is thereforenecessary to use this system in various hospitals in our country to achieve the
desired result.New technologies have created opportunities for new types of innovations
(Adams, Tranfield & Denyer, 2011; Sengupta 2015). According to Cheng, Chen and Tai
Tsou (2010) companies continue to seek to develop new services or improve existing ones so
that they can access profitable business opportunities. The need to produce, adopt, and
distribute new services and technologies in the field of health care is an important topic
(Länsisalmi et al. 2006). Digital healthcare center is a business opportunity recently launched in the
Swedish market. It is a new form of innovation, which needs further investigation
(Greenhalgh, Vijayaraghavan & Wherton, 2016). In order to better understand, explain and
predict the future behavior of new inventions, Adams, Tranfield and Denyer (2011) emphasize
the need for a separate classification of innovative ideas and the concept should be clarified.
Increasing awareness of innovation in the field of health care for both Anderson, De Dreu
and Nijstad, (2004) and Länsisalmi et al. (2006) states that health initiatives, at best, should be
investigated from a stakeholder perspective, which includes different stakeholders, who can
contribute to the scientific knowledge base and keep the field relevant to future developers. The
introduction of 3 digital health care facilities has created a viable option for the physical patient
to become digital. But still the question about what Swedish patients really think about
meeting an online doctor remains (Dagens Medicin, 2016) If new products and services are

69

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

to succeed in the market, it is necessary for the consumer to choose to use the product or
service. Roehrich (2004) refers to these people as innovators. Health renaming and new
technologies in health care are often made of products or are based on the use of such
products, making the user / patient opinion of this type of renaming important (Roback,
2006). A comparatively few studies that focus on the acceptance of technical services
among clients (Smith, Langlois & Lazau, 2010), open the possibility of further research in this
context.

2.2. Proposed solutions

Before we analyses the design of the proposed system, we need to carefully highlight the
problems of the existing system so as to avoid recurrence. This analysis serves as a
pointer on how to embark on building the proposed system that will help the
Pharmacist provide optimal drug inventory management by monitoring the drug
movement and state in the pharmacy.

The problems of the current system should be outlined. Below are some of the problems
associated with the existing system.
 Significant amount of time is allocated for writing the order as the pharmacist needs
to go through the stock balance and make rough estimate for the amount to order
based on Figures.
 The state of drugs in stock is manually checked.
 Mistake of selling expired drugs to customers.
 Too much workload on employees
 Filing cabinet in the pharmacy with paper record

2.3. Bibliometric analysis

Pharmacy managers keep a paper record in paper cupboards. Managing a large pharmacy with
paper records will be tedious and difficult to maintain in-store drug-related inventory,
expiration date, number of drugs available based on categories and their functions.

At present, mannual system is being utilized the pharmacy . It requires the pharmacist to

70

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

manually monitor each drug that is available in the pharmacy. Pharmacy management has kept
paper record in filing cabinets. Managing a very large pharmacy with records on paper will be
tedious and difficult to keep track of inventrories with regards to the drugsin the store, expiry
date ,quantity of drugs available based on the categories and their functions. This implies that
these services will be manually completed by the pharmacist. This usually leads to mistakes as
the workload of the pharmacist increases. This system also ensures that these exist a level of
restricted access based on functionally and role . This system also provides optimal drug
inventory management by monitoring 9the drug movement in the pharmacy . Significant
amount of time is allocated for writing the order as the pharmacist needs to go through the
stock balance and make rough estimeate of the amount to order based on Figures. The system
will not be able to handle drug prescription drug to drug interaction.

The pharmacist must order drugs to replenish the already depleted stock. In addition, drug
orders are hand-delivered. A significant amount of time is allocated to write an order as the
pharmacist needs to exceed the stock balance and make a rough estimate of the order amount
based on Statistics.Drugs should not be used after expiration. This project manager will inform
the pharmacist about expired drugs, prevent the drugs from being sold and provide a solution
to the aforementioned problems.

Currently, the hands-on system is used in pharmacies. It requires the pharmacist to personally
monitor each drug available at the pharmacy. This often leads to mistakes as the pharmacist's job
grows.Due to the size and quality of the pharmacy service, the pharmacy has a very large
customer base. These customers often visit the pharmacy to get services especially when they
close at work. During this time, the number of customers who use the pharmacy increases, thus
making the pharmacist's job more tedious. This case makes it difficult for the pharmacist to care
for customers in the short term.

2.4. Review Summary

71

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Pharmacy management system is designed to improve the accuracy, enhance safety and
efficiency in the pharmaceutical store. It is a computer based system which helps the
Pharmacist to improve inventory management, cost, medical safety etc. Pharmacy manageme
nt system was developed to ensure the security of information and reliability of Pharmacy
records when accessing and providing services to the customers. The information gathered
during the data collection was properly analyzed and the results provided the basis for the
new system. The system was tested and found to be functional and the outputs produced by
this system were encouraging. The application will hence reduce the loss of information
unlike the existing system and also information will be processed fast.

2.5. Problem Definition

Due to the size and quality of the pharmacy service, the pharmacy has a very large
customer base. These customers often visit the pharmacy to get services especially when they
close at work. During this time, the number of customers who use the pharmacy increases, thus
making the pharmacist's job more tedious. This case makes it difficult for the pharmacist to care
for customers in the short term.
In the meantime, the pharmacist must ensure satisfaction in the services to keep their customers.
The above factors lead to delays in customer service, thereby reducing sales and the risk of
losing key customers over time.

The “Pharmacy Management System” is a landmark project designed for medical and medical
stores on purpose.This project equips medical stores with the tools to perform their daily tasks
electronically.The software will change the process of compiling medical inventory and drug
stocks, recording medical information and other medical supplies in the store, recording
prescriptions issued to the Customer.Managing a medical store is particularly complicated with
regard to inventory and record keeping. Medical stores need tomake sure they have enough
stock of support and cater to the needs of clients.Proper handling of records is essential to ensure
the success of all store operations. Medical stores are in the process of searching for an effective
and reliable daily help and relief plan. There is a need for electronic intervention in the
management of medical stores.

72

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Pharmacy managers keep a paper record in paper cupboards. Managing a large pharmacy with
paper records will be tedious and difficult to maintain in-store drug-related inventory,
expiration date, number of drugs available based on categories and their functions.

The pharmacist must order drugs to replenish the already depleted stock. In addition, drug
orders are hand-delivered. A significant amount of time is allocated to write an order as the
pharmacist needs to exceed the stock balance and make a rough estimate of the order amount
based on Statistics.Drugs should not be used after expiration. This project manager will inform
the pharmacist about expired drugs, prevent the drugs from being sold and provide a solution
to the aforementioned problems.

The pharmacy management system is built for the sake of ensuring effective and clear
data saving and manipulating as well as neat work on the pharmacy medical
products.This refers the pharmacy management system project highly minimize time
and resource by which, searching the medicine data you can get the data in quickest
time. And almost the resources are wise used since most actions are done on the
pharmacy system. Some of the resources minimized include paper, manpower and
related things. The other thing is for storing data’s in secure way.

2.6. Goals/Objectives

General Objective - The main goal of the project is to develop and implement a Medical Store
Management System to digitally transform the operation of a medical store.

• Eliminate manual methods and paperwork involved in medical store management.

• Automatically record and store medical store data.

• Allowing medical stores to compile electronic stocks to monitor stock purchases.

• Evaluate the system in terms of user acceptance, efficiency, quality, reliability, and
productivity.

• To facilitate the reporting of store stocks, drug information (photo, expiration, etc.),
release recordings, and store sales.

73

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

It is the user friendly application for Pharmacist which reduces the burden and helps to
manage all sections of Pharmacy like Medicine management and Billing etc., which
improve the processing efficiency. This will enhance the efficiency of clinical work and ease
patient’s convenience, bearing in mind that in Ethiopia is heading towards pharmaceutical
care of patients. It deals with the automating tasks of maintaining of Bills. In Pharmacy,
Billing management is the key process. In addition, Pharmacy management system will be
able to process drug prescription with ease. Including safe data store about medicine as well
as fast searching, delete and update of medicines. The pharmacy management system is built
for the sake of ensuring effective and clear data saving and manipulating as well as neat
work on the pharmacy medical products. The pharmacy management system is easy for use
so the user can do pharmacy actions without ambiguities. This refers the pharmacy
management system project highly minimize time and resource by which, searching the
medicine data you can get the data in quickest time. The main Objectives of the PMS is
making the pharmacy organizations computerized by creating neat work through
minimizing or eliminating wasting of time as well as removing the resources such as papers
for data saving since know a days is paper based, decrease malfunctioned works on the
medical usage by giving correct information on each medicine. This system is also helpful
to improve the efficiency of the system by ensuring effective monitoring of services and
activities. A summarized list of drugs dispensed to patient can be viewed for monitoring
purposes.


74

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

CHAPTER 3.
DESIGN FLOW/PROCESS

3.1. Evaluation & Selection of Specifications/Features

At present, manual system is being utilized in the pharmacy. It requires the pharmacist
to manually monitor each drug that is available in the pharmacy. Pharmacy management
has kept paper record in filing cabinets. Managing a very large pharmacy with records
on papers will be tedious and difficult to keep track of inventories with regards to the
drugs in the store, expiry date, quantity of drugs available based on the categories and
their functions. This implies that these services will be manually completed by the
pharmacist. This usually leads to mistakes as the workload of the pharmacist increases.
This system also ensures that there exists a level of restricted access based on
functionality and role. This system also provides optimal drug inventory management
by monitoring the drug movement in the pharmacy. Significant amount of time is
allocated for writing the order as the pharmacist needs to go through the stock balance
and make rough estimate of the amount to order based on Figures. The system will not
be able to handle drug prescription, drug to drug interaction.

Login: There are many workers in a pharmacy so to keep a record of everyone in this
Pharmacy Management System we have designed a login system for everyone like any
worker of the pharmacy can create his/her account and keep his work seprate by this the
owner of pharmacy will have all record of every person in a pharmacy and can track the
efforst of every worker in the pharmacy.

Invoice Creator: In pharmacy when a coustomer purchase something and when the bill
is generated this is mandatory to write expiry and batch no. Along with the medicine
name and other details so doing this thing mannualy by the pharmacist in billbook or on
the paper takes lots of time and is not the efficient way in this method like suppose if a
workes sells 10 medicine then how another worker will get to known that he has already
sold those medicine and are not anymore in stock, so this is the main reason where

75

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

generating invoice using software is very helpful and efficient.

Inventory management: When lot of medicine came from any of the medical agencies
the worker need to match the batch id mannually and there is no record if any medicine
worker ordered was delivered r not so to overcome these type of situations inventory
management system comes in play where all the details like when and from which
distribute the particular medicine was came and the detail of medicine will be uploaded
on the website which will help to m anage the stock and easy to remember that this
particular medicine is out of stock.

Dr. Management: If a pharmacy is linked to a doctor or the doctor and the pharmacist
has colaboration then the pharmacist need to give some percentage of sold medicienes
wirtten in the priscription send by the particular doctor so to manage this accurately so
that there will be no hassel that how much money pharmacist should pay to the doctor to
overcome this situations in this online pharmacy management system when a invoice is
generated then there is a option of doctor in that particular section the biller neeed to
select the idoctor from which the pricription is came by this at the end of the month
pharmacist can generate the report that how much priscription this particular doctor
send.

From the problems listed in the existing system, the implementation of the
proposed system shall focus on:

1. Pharmacists having access to the proposed system at any time.

2. Ensuring effective policing by providing statistics of the drugs in stock.
3. Improving the efficiency of the system by ensuring effective monitoring
of services and activities.
4. Generating report within a specified period of time.
5. Reducing the employees’ workload.

76

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

3.2. Design Constraints

Regulations/Economic/Environmental/Health/manufacturability/Safety/Professional/
Ethical/Social & Political Issues/Cost considered in design.

3.3. Analysis and Feature finalization subject to constraints

Functional Requirements
There are functions done by the system such as: store the necessary information of medicine,
prepare bill for the medicine, easily searching of medicine, Update, delete and save data of
medicine.

Store the necessary information of the drugs: The PMS (pharmacy management system)
stores the detail information about each medicine including Actual name, formula of medicine
and how it is importance and for which diseases is required. Since the information for each drug
were required in some cases like the use of drugs, when use drugs and for whom is given.

Searching Medicine and other Data’s:

The PS has easily searching of medicine which shows in which shelf is put and the
behavior of the medicine. These arching process is based on the name of the give data
or the identifica t ion of the item. Here when the user searches the item on search bar
the related things were displayed in the screen and can select the actual item that the
user needs.

Alerting pharmacy Data’s in the system: Changing medicines to another because of medicine
outdated, modifying the saved medicine data for incorrect data, deleting of data of the pharmacy
can be done on the system.

Nonfunctional Requirements:
This pharmacy management system is able to operate in the following characteristics.

Usability: Any familiar in using windows operation can operate the system since it

77

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

has user friendly user interface. Which have the instruction menu’s how to use it which
self-direct ive application then can be used the system without ambiguity.

Reliability: The pharmacy system is available based on the user needs, can work
properly, and do transactions efficiently including safe data management of the
pharmacy. For invalid and malfunctioned operation, the system will restart in order to
prevent data loose as well as safe operation within 5 seconds. The pharmacy system is
password protected to change things on the system. Here the pharmacist manager
control over the system by login to the pharmacy system. Any user can’t use the
system but the guest user can see on general properties of the

pharmacy and medicines without password. As result data is protected and controlled
by only the administrator.

Performance: The pharmacy management system operates its function in small

amount of time which is less than two seconds and can be accessed by one user at a
time or concurrently. To access the user must first login to the system which must have
the pharmacy system privileged and also the system can store data up to 40 GB data.
When the system may be busy due to malfunction operation it may wait up to one
minute other ways the pharmacy system restarts.

User interface: the user interface is friendly which is easy to use. And having attractive
frame structure which is prepared in assumption with other related systems. Also the user
can change him/her user favorite interfaces that Is available in the system.

Operation: the pharmacy management system is operated and controlled by the

pharmacy manager for safe work.

Supportability: This pharmacy management system operates in any version of

windows operating system. Such as windows xp, windows 2003, windows 7,
windows 8 and other related versions. The system can be easily maintained by the
manager of the pharmacy system by using the prepared documents of the system for
easy maintenance. Other ways it is maintained by the system developers for
corrective and other heavy problems.

78

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Implementation: The system is implemented in Intel(R) Core(TM) i5 processor with

4 GB RAM,64-bit computer. And it is implemented through testing on both Black and
White testing. The language we use implement the system is PHP,HTML,CSS php
database.

3.4. Design Flow

System design is the process of defining the architecture, components, modules, interfaces,
and data for a system to satisfy specified requirements through system modeling. One
could see it as the application of systems theory to produce development. The design of
this system will be user friendly. It shall be designed in such a way that employees will be
able to navigate easily through the information supplied on the system.In other words,
system design consists of design activities that produce system specificat ions satisfying
the functional requirements that were developed in the system analysis process.
System design specifies how the system will accomplish. System design is the
structural implementation of the system analysis.The proposed Pharmacy
Management System Pharmacy and Stores will start with project planning by
determining the users of the system, aims and objectives of the project. After these,
extensive research will be done to determine how to design an effective system, as well
as to review the current system. Then, the design was with an initial prototype of the
system, and then refined it based on their suggestions. Phases of analysis, design and
implementation were performed iteratively until users and designers agreed on a final
system specification. At this point, the project could move to the final
implementation phase.

79

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Fig 3.1 flowchart

80

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

3.5. Design selection

Analyze the above designs and select the best design based supported with comparison
and reason.

Database design
This is a shared collection of data that are related or files that are to meet the
immediate need of authorized users. These data may be in form of text, numeric, date
or encoded images.

Administrator Login Table:

Field Name Field Type Field Length Description

Admin Username Varchar (15) Admin Username

Password Varchar (15) Admin password

Table 1.2 Administrator table

Table 3.1 above serves as a repository for administrator details, that will be able to have
access to the entire details on the application. It is a table that stores the administrator
login details.

Medicine information table:

Field Name Field Type Field Length Description

Medicine Name Varchar (15) Medicine Name

Medicine ID Varchar (7) Medicine Number in stock

Manufacturer Varchar () Manufacturer

81

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Batch No Varchar () Batch Number

Production Date Date/Time () Production Date

Expiry Date Date/Time () Expiry Date

Dosage Text () Dosage

Reg_Date Date/Time () Registration Date

Quantity Int () Quantity

Cost Price Int () Cost Price

82

Downloaded by yash ([email protected])

 lOMoARcPSD|37789861

Field Name Field Type Field Length Description

Interest Rate Int () Interest Rate

Expected Sale Int () Expected Sale

Fig 1.3 Medicine Table

Table 3.2 shows the information about the medicine in the pharmacy and is being queried from the
database on the medicine registration page to show all the medicine for user to select.

Entity Relationship Diagram (E-R Diagram)

An entity relationship diagram (EDR) shows the relationships of entity sets stored in a database. An
entity in this context is a component of data. In other words, E-R diagrams illustrate the logical
structure database. [5]

General Overview

An entity relationship diagram consists of several components. ERD has 3 simple components.

Entities – An entity is a thing. In business domain terms, it’s a concept or glossary-level term. In
[5]
relational database terms, it’s the table.

Relationships – The real insight from this type of diagram comes when we see how entities relate to
one another, or relationships. Relationships can be thought of as verbs that link two or more nouns.
Relationships can be modeled numerically, using the multiplicity syntax from a class diagram, or
[5]
using Crows Foot Notation.

Attributes – Within each entity, there can be more than one attribute. Attributes provide detailed
information about the concept. In a relational database, attributes are represented by the fields
[5]
where the information inside a record is held.

83
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

E-R Diagram Symbols and Notations

Entity Relationship
Attributes

Weak Entity
Multivalued Weak Relationship
Attributes

3.6. Implementation plan/methodology

Flowchart/algorithm/ detailed block diagram

System implementation is a stage in system life cycle whereby a new system is developed, installed
and made ready for use. It is this stage that all details and key point in the requireme nt specification are
practicalised. System implementation therefore, is a very essential stage in which its success
determines to a great extent the success of the new system. At this instance, after all is said and done the
system is duly ready to be implemented (Pharmacy Management System).

System design is concerned mainly with the coordination of activities, job procedures and equipment
utilization in order to achieve organizational objectives. It addresses data input and output data,
processing and interface.

Development Tools:

84
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Microsoft Visual Studio is an integrated development environment (IDE) from Microsoft. It is used
to develop computer programs, as well as websites, web apps, web services and mobile apps. Visual
Studio uses Microsoft software development platforms such as Windows API, Windows Forms,
Windows Presentation Foundation, Windows Store and Microsoft Silverlight. It can produce both
native code and managed code.

Visual Studio includes a code editor supporting intelligence (the code completion component) as well
as code refactoring. The integrated debugger works both as a source-level debugger and a machine-
level debugger. Other built-in tools include a code profiler, forms designer for building GUI applications,
web designer, class designer, and database schema designer. It accepts plug-ins that enhance the
functionality at almost every level—including adding support for source control systems (like
Subversion and Get) and adding new toolsets like editors and visual designers for domain-specific
languages or toolsets for other aspects of the software development lifecycle (like the Team
Foundation Server client: Team Explorer).Visual Studio supports 36 different programming
languages and allows the code editor and debugger to support (to varying degrees) nearly any
programming language, provided a language-specific service exists. Built-in languages include C,[6]
C++, C++/CLI, Visual Basic

designers for domain-specific languages or toolsets for other aspects of the software development
lifecycle (like the Team Foundation Server client: Team Explorer).

Visual Studio supports 36 different programming languages and allows the code editor and debugger
to support (to varying degrees) nearly any programming language, provided a language-specific
service exists. Built-in languages include C,[6] C++, C++/CLI, Visual Basic.

System documentation is a crucial aspect of implementation process. It describes the working of

components and serves as a method of communication between application developers and users. It also
helps future analysis of application either by the same or different system analysts and developers.

To setup the system, there must be visual basic 6.0 software installed on the computer before it can
work.

85
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Hardware requirement

1. A minimum hard disk space of 20 Gigabytes (GB)

2. RAM size of 1GB
3. Pentium 4 dual processor CPU
4. A VGA color monitor
5. Mouse
6. Keyboard

Software requirement

1. Windows operating system such as Windows 2000, windows XP, Windows Vista,
Windows 7.
2. Visual basic 6.0 software.

86
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

CHAPTER 4.

RESULTS ANALYSIS AND VALIDATION

4.1. Home Page: This is the home page where pharmacist can login.

Fig 4.1: Home Page

4.2 Dashboard: This is our admin control panel page. Admin control the medicine field,
manufacture field, customer field, accounts field, and sells.

87
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.2: Dashboard

And each field has some examples like create or generate invoice.

88
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig: 4.2.1 Dashboard side bar.

89
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

4.3 Add Medicine Page: Add medicine page here we van add new medicine .

Fig 4.3: Add medicine page.

4.4 Manage Medicine Page: Here we can manage medicine basically we can edit medicines here.

90
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.4: Manage medicine page.

4.5 Add purchase page: Here we can add new medicines.

91
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.5: Add medicine page.

4.6 Creating Invoice Page: Here we can generate medicines invoices.

92
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.6: Generating invoice.

4.7 Adding new supplier: In this tab we can add drugs supplier.

93
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.7: Adding supplier.

4.8 Managing or editing supplier: Here we can manage supplier data like contact details.

94
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.8 Managing supplier tab.

4.9 Sales report: Here we can check sales report and track sales.

95
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.9 Sales report

4.10 Purchase Report: Here we can track purchases made from suppliers.

96
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.10 Purchase report tab.

4.11 Search Tab: Here we can search different invoices, customers, sales, medicines, etc.

97
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

Fig 4.11 Search Tab

CHAPTER 5.
CONCLUSION AND FUTURE WORK

5.1. Conclusion

Effective implementation of this software will take care of the basic requirements of the pharmacy
98
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

management system because it is capable of providing easy and effective storage of information related
to activities happening in the stipulated area. With these, the objectives of the system design will be
achieved.

In order to allow for future expansion, the system has been designed in such a way that will allow
possible modification as it may deem necessary by the pharmacy management, whenever the idea
arises.The main objective of the project is to manage the administration of the pharmaceutical store
and the atabase. This project is an analysis of the development and implementation of a pharmacy
management system. This is done by creating a database of the available medicines in the shop. The
primary purpose of the pharmacy management system is to increase the accuracy and improve the
safety and efficiency of the pharmacy store. The goal of this project is to develop software for the
effective management of the store. This is a very useful application for the pharmacist, which
reduces the work load and it will help you to manage all of the components of the pharmacy, such as
Drug Administration, Invoicing, etc., etc. that is, the increase in the efficiency of processing. This
will increase the clinical efficiency and patient convenience, in view of the fact that Ethiopia is in
the direction of the pharmaceutical care of the patient. It automates tasks, and account management.
In apharmacy, and the bill inspection is an essential process. The pharmacy management system is a
easy- to use, so that the user can run a pharmacy without ambiguity.

5.2. Future work:

 We can connect it to a web server and can make it live for everyone.
 We can also design an app for users for better customer service.
 To create a backup mechanism for backing up data and information.
 We will host the platform on online servers, to make it accessible worldwide.

99
Downloaded by yash ([email protected])
 lOMoARcPSD|37789861

REFERENCES
1. Documentation: https://www.geeksforgeeks.org/

2. Repository: https://github.com/

3. Doubts: https://stackoverflow.com/

4. HTML - https://developer.mozilla.org/en-US/docs/Web/HTML

5. HTML - https://www.w3schools.com/html/

6. HTML - https://en.wikipedia.org/wiki/HTML

7. CSS -https://developer.mozilla.org/en-US/docs/Web/CSS

8. CSS -https://www.w3schools.com/css/

9. CSS - https://en.wikipedia.org/wiki/CSS

10. PHP- tutorialspoint.com/php/index.htm

100
Downloaded by yash ([email protected])