Suchita Chaudhary
Suchita Chaudhary
Suchita Chaudhary
DECLARATION
I Suchita Chaudhary student of Sir Padampat Singhania University, Udaipur, hereby declare
that the project titled Online Dispensary Management System is my original as all of the
information facts and figure in this report is based on my own training experience and study
during my summer training procedure.
Signature : _________________________
Name : _________________________
Date : _________________________
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 2
CERTIFICATE
This is to certify Miss. Suchita Chaudhary a student of B.tech 2012 Batch has undergone
summer training in GENX SOFT TECHNOLOGIES at JAIPUR on the topic of ONLINE
DISPENSARY MANAGEMENT SYSTEM for a period of 45 days commencing from date
18th May to 4th July.
This summer training project report embodies the facts and figures collected and interpreted by
her during the course of training.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 3
ACKNOWLEDGMENT
I take the opportunity to express my gratitude to all the concerned people who have directly or
indirectly contributed towards completion of this project. I extend my sincere gratitude towards
GENX SOFT for providing the opportunity and resources to work on this project.
I express my gratitude to Head of the Department Mr. Prasun Chakrabarti for his constant
support and belief.
At this juncture I feel deeply honored in expressing my sincere thanks to Miss Pooja Singh. for
making the resources available at right time and providing valuable insights leading to the
successful completion of my project. I would also like to thank all the staff members and my
colleagues for their critical advice and guidance without which this project would not have been
possible.
Suchita Chaudhary
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 4
ABSTRACT
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 5
TABLE OF CONTENTS
Declaration
Certification
II
Acknowledgement
III
Abstract
IV
CHAPTER 1: INTRODUCTION
1-8
1.1History of Genx
Error: Reference source not found
1.2 Companys Growth Value
Error: Reference source not found-3
1.2.1 Companys Competitive Key Issues
Error: Reference source not found
1.2.2 Process and Initiatives
Error: Reference source not found
1.2.3 Work Quality Management
Error: Reference source not found
1.2.4 Rewards and Achievements
3-4
5-6
1.8 Services
1.8.1 Software Development
6-8
6
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 6
8
1.8.5 Web Designing and Script Writing
1.8.6 Web Application Develpoment
CHAPTER 2: HTML
8
8
9-15
9-10
2.2 Markup
10-12
2.3 Elements
13-15
13
2.3.2 Paragraph
14
2.3.3 Break
14
2.3.4 Comments
15
CHAPTER 3: JAVASCRIPT
16-20
16-18
16
16
3.2.3 Syntax
16-18
18-19
19-20
CHAPTER 4: CSS
21-24
21
4.2 Syntax
21-22
4.3 Selector
22
4.4 Usage
22-24
25-30
25
25-26
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 7
26
5.4 Usage
26-27
27
28
28-30
5.6.1 Bootstrap-CSS
30
30
5.6.3 Bootstrap-Javascript
30
31-45
31
6.1.1 History
32
6.1.2 Milestone
32-33
32-35
35-39
39-40
6.2.1Syntax
40-41
41-45
CHAPTER 7:PANELS
46
46
47-62
47
48-55
49-52
53
54-55
55
55
55-58
58-60
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 8
8. 4 Software Used
60-62
60-61
8.4.2 Wamp
61-62
CONCLUSIONS
63
REFERENCES
64
LISTS OF FIGURES
S.no.
Page no.
Geographical location
25
PHP
39
Panel
42
Project Description
45
Information Page
46
Medical Store
47
Contact Page
49
Login Page
51
10
Footer
52
11
MySql
53
12
Admin Panel
54
13
User Panel
55
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 9
14
Software Used
56
LIST OF ABBREVATIONS
HTML
CSS
PHP
HyperText Preprocessor
SQL
WAMP
Windows, Apache,MySQl,PHP
XML
XHTML
AJAX
DOM
JSON
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 10
CHAPTER 1
INTRODUCTION
1.1 History of Genx
GENX SOFT TECHNOLOGIES PVT LTD Was Established in 2010 At Jaipur, Specialised in
Web Application Development, Website Designing, Software Application Development and
Mobile Application Development. Company has established its Core Development Units at
Bangalore,
Delhi,
Jaipur,
Bhopal,
and
Gwalior
with
excellent
infrastructure.
The company has its own brand identity in international market. We have a quality stack holders
dedicated towards adding continuous values to our client based services & process. We also deals
in Professional Web Hosting, S.E.O. Services, Process Consultation and other IT related services
at Jaipur and other branches.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 11
Process
to
reduce
communication
GAP
between
Developments.
We always have a Ready to Work Team which has got excellent interpersonal & technical skills
to gear up the process of SDLC in the best manner. At the very first step of SDLC we clearly
understand the expectation & requirements with complete documentation & Fact Sheets.
1.2.3 Work Quality Management
Our Project Management team is highly motivated towards offer excellent work quality to our
clients. We believe good quality work always influence our clients to share good experience with
others. Our Development & Project Management team is highly qualified and motivate for work
delivery. We follow our own researched quality benchmarking model to complete & deliver the
project work as per deadlines.
We use some important methodology to work: Eagerness to work creative & hard for clients positive feedback.
Feeling of ownership that each member can be a one man army with skills & Expertise.
Motivation of Rewards & Achievements for every individual & Team.
Unique Direction & Perfect personal & HR management.
1.2.4 Rewards & Achievement
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 12
Excellent Learning & Motivation for the quality is the utmost important culture of GENX
SOFT TECHNOLOGIES (P) LTD. Our employees enjoy a rewarding career oriented working
culture which influence them to achieve expected growth in given period of time.
We have passionate young engineers & manager educated from TOP universities of India as well
abroad. While working with GENX SOFT they feel pleasure and happy to work.
1.3 Corporate Training & Entertainment
We believe that a skilled employee needs high end corporate training to understand the working
culture of a company. We have Global Tie-ups for Employee Training & Orientation Program.
We work on their skills & professionalism development so that they can become a long.
We have a trend to celebrate all moments which can refresh the mind of our employees so can
they can get back to their work with more energy. We organize all related company ceremonies
in
with
employees
take
part
to
celebrate
each
moment .
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 13
GROUP
which
is
dealing
in
IT
Service
industry
Since
2005.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 14
1.7.2 About Development Wing:GENX SOFT Company has developed its primary research & Development Division in Jaipur,
Rajasthan popularly known as PINK CITY. Operational Divisions of GENX SOFT:
Company has its prime motive to serve the IT sector as a renowned IT catalyst.
1.7.3 Corporate Social Responsibilities:CSR is a very important duty and responsibility of any organization. We serve the society with
our concerned companies- Royals Group (R.C.W.E.). We have started Free Education & training
to
the
poor
students
of
rural
background
in
UP,MP,BIHAR.
Company has been associated in so many PSU projects so it becomes very important for us to
take care of our societal development. So many NGOs activities have been executed for the
same.
1.7.4 Company Expert Panel:Company believes to carry a quality circle for the expert knowledge & Skills. We have member
associated
from
different
NITs,
IITs
and
IIMs.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 15
Recently company has developed a latest well equipped research lab with latest technologies to
give the research support to its clients.
1.7.5 Companys Strategic Approach:The company always adopts NICHE strategy of business so we have also captured untouched
market of different segments. It is a universal truth that business should always grow, that is why
GENX has started so many business setups but the problem occurred always is MAN POWER.
For developing the societal awareness and spreading the technical knowledge GENX has started
GENX HR SOLUTIONS which is bridging the gap b/w the candidate and company.
Company has got an expert panel of IT technocrats to develop and suggest the business
strategies.
1.8
Services
its
clients.
We always care for our commitments especially when it is about our professionalism.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 16
We are catering the IT industry last from so many decades but the prime motto with the updates
what GENX has developed is to offer far better than the expected quality. We have different
categories of products in which we have monopoly of technology in national as well
international market. We have some special categories of software development
CRM Software
Anti-Virus Development
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 17
We write your thoughts & information which can put the best impact on client.
We give a proper analysis for reducing gap b/w you and your client.
application
gets
develop
in
the
consideration
of
our
web
experts.
We use all major technologies PHP/.NET/JAVA for the web development. We design & develop
a complete Web portal to assist your online administration of your E-Store. It will be bind with
ample dynamic pages concepts to offer the best interaction to the client as well the solution what
your really wish to offer them.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 18
E-commerce websites
CHAPTER 2
HTML
2.1 Introduction
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 19
HTML elements form the building blocks of all websites. HTML allows images and objects to be
embedded and can be used to create interactive forms. It provides a means to create structured
documents by denoting structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items. It can embed scripts written in languages such as JavaScript which affect
the behavior of HTML web pages.
Web browsers can also refer to Cascading Style Sheets (CSS) to define the look and layout of
text and other material. The World Wide Web Consortium (W3C), maintainer of both the HTML
and the CSS standards, has encouraged the use of CSS over explicit presentational HTML since
1997.
The first publicly available description of HTML was a document called "HTML Tags", first
mentioned on the Internet by Berners-Lee in late 1991. It describes 18 elements comprising the
initial, relatively simple design of HTML. Except for the hyperlink tag, these were strongly
influenced by SGML guide, an in-house Standard Generalized Markup Language (SGML)-based
documentation format at CERN. Eleven of these elements still exist in HTML4.
HTML is a markup language that web browsers use to interpret and compose text, images and
other material into visual or audible web pages. Default characteristics for every item of HTML
markup are defined in the browser, and these characteristics can be altered or enhanced by the
web page designer's additional use of CSS. Many of the text elements are found in the 1988 ISO
technical report TR 9537 Techniques for using SGML, which in turn covers the features of early
text formatting languages such as that used by the RUNOFF command developed in the early
1960s for the CTSS (Compatible Time-Sharing System) operating system: these formatting
commands were derived from the commands used by typesetters to manually format documents.
However, the SGML concept of generalized markup is based on elements (nested annotated
ranges with attributes) rather than merely print effects, with also the separation of structure and
markup; HTML has been progressively moved in this direction with CSS.
After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML Working
Group, which in 1995 completed "HTML 2.0", the first HTML specification intended to be
treated as a standard against which future implementations should be based.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 20
Further development under the auspices of the IETF was stalled by competing interests. Since
1996, the HTML specifications have been maintained, with input from commercial software
vendors, by the World Wide Web Consortium (W3C).[13] However, in 2000, HTML also became
an international standard (ISO/IEC 15445:2000). HTML 4.01 was published in late 1999, with
further errata published through 2001. In 2004 development began on HTML5 in the Web
Hypertext Application Technology Working Group (WHATWG), which became a joint
deliverable with the W3C in 2008, and completed and standardized on 28 October 2014.
2.2 Markup
HTML markup consists of several key components, including those called tags (and
their attributes), character-based data types, character references and entity references. Another
important component of the HTML document type declaration, which triggers standards
mode rendering.
Example : The following is an example of the classic Hello world program, a common test
employed for comparing programming languages, scripting languages and markup languages.
This example is made using 9 lines of code:
<!DOCTYPE html>
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 21
(The text between <html> and </html> describes the web page, and the text between <body> and
</body> is the visible page content. The markup text "<title>. This is a title </title>" defines the
browser page title.)
The Document Type Declaration <DOCTYPE HTML> is for HTML5. If a declaration is not
included, various browsers will revert to "quirks mode" for rendering.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 22
2.3 Elements
HTML documents imply a structure of nested HTML elements. These are indicated in the
document by HTML tags, enclosed in angle brackets thus: <p>
In the simple, general case, the extent of an element is indicated by a pair of tags: a "start
tag" <p> and "end tag" </p>. The text content of the element, if any, is placed between these
tags.
Tags may also enclose further tag markup between the start and end, including a mixture of tags
and text. This indicates further (nested) elements, as children of the parent element.
The start tag may also include attributes within the tag. These indicate other information, such as
identifiers for sections within the document, identifiers used to bind style information to the
presentation of the document, and for some tags such as the <img> used to embed images, the
reference to the image resource.
Some elements, such as the line break <br>, do not permit any embedded content, either text or
further tags. These require only a single empty tag (akin to a start tag) and do not use an end tag.
Many tags, particularly the closing end tag for the very commonly-used paragraph element <p>,
are optional. An HTML browser or other agent can infer the closure for the end of an element
from the context and the structural rules defined by the HTML standard. These rules are complex
and not widely understood by most HTML coders.
The
general
form
of
an
HTML
element is
therefore: <tag
attribute1="value1"
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 23
Element examples
2.3.1 HEAD ELEMENT
Header of the HTML document:<head>...</head>. The title is included in the head, for example:
<head>
<title>The Title</title>
</head>
Fig: 2.3 Example for showing the title is included in the head.
:
Fig: 2.4 Headings: HTML headings are defined with the <h1> to <h6> tags
2.3.2 Paragraph
2.3.3. Break
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 24
Line breaks <br>. The difference between <br> and <p> is that "br" breaks a line without
altering the semantic structure of the page, whereas "p" sections the page into paragraphs. Note
also that "br" is an empty element in that, although it may have attributes, it can take no content
and it may not have an end tag.
This is a link in HTML. To create a link the <a> tag is used. The <href> attribute holds the URL
address of the link.
2.3.5 Comments
Comments can help in the understanding of the markup and do not display in the webpage.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 25
CHAPTER 3
JAVASCRIPT
3.1 Introduction
JavaScript is the most popular programming language in the world.
This page contains some examples of what JavaScript can do.
3.2.1 JavaScript Can Change HTML Content
One of many HTML methods is getElementById().
This example uses the method to "find" an HTML element (with id="demo"), and changes the
element content (inner HTML) to "Hello JavaScript":
Example :
document.getElementById("demo").innerHTML = "Hello JavaScript";
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 26
3.1.3 Syntax
Variables in JavaScript can be defined using the var keyword
console.log("Hello World!");
functionfactorial(n){
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 27
if(n==0){
return1;
}
returnn*factorial(n-1);
}
vardisplayClosure=function(){
varcount=0;
returnfunction(){
return++count;
};
}
varinc=displayClosure();
inc();// returns 1
inc();// returns 2
inc();// returns 3
Fig: 3.4 Anonymous function (or lambda) syntax and closure example
varsum=function(){
vari,x=0;
for(i=0;i<arguments.length;++i){
x+=arguments[i];
}
returnx;
}
sum(1,2,3);// returns 6
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 28
Loading new page content or submitting data to the server via AJAX without reloading
the page (for example, a social network might allow the user to post status updates without
leaving the page)
Animation of page elements, fading them in and out, resizing them, moving them, etc.
Interactive content, for example games, and playing audio and video
Validating input values of a Web form to make sure that they are acceptable before being
submitted to the server.
Transmitting information about the user's reading habits and browsing activities to
various
websites.
Web
pages
frequently
do
this
for web
analytics, ad
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 29
in C. It has since been updated (in JavaScript 1.5) to conform to ECMA-262 Edition 3.
The Rhino engine, created primarily by Norris Boyd (formerly of Netscape; now at Google) is a
JavaScript implementation in Java. Rhino, like SpiderMonkey, is ECMA-262 Edition 3
compliant.
A web browser is by far the most common host environment for JavaScript. Web browsers
typically create "host objects" to represent the Document Object Model (DOM) in JavaScript.
The web server is another common host environment. A JavaScript web server would typically
expose host objects representing HTTP request and response objects, which a JavaScript
program could then interrogate and manipulate to dynamically generate web pages.
Because JavaScript is the only language that the most popular browsers share support for, it has
become a target language for many frameworks in other languages, even though JavaScript was
never intended to be such a language. Despite the performance limitations inherent to its
dynamic nature, the increasing speed of JavaScript engines has made the language a surprisingly
feasible compilation target.
Because JavaScript runs in widely varying environments, an important part of testing and
debugging is to test and verify that the JavaScript works across multiple browsers.
The DOM interfaces for manipulating web pages are not part of the ECMA Script standard, or of
JavaScript itself. Officially, the DOM interfaces are defined by a separate standardization effort
by the W3C; in practice, browser implementations differ from the standards and from each other,
and not all browsers execute JavaScript.
To deal with these differences, JavaScript authors can attempt to write standards-compliant code
that will also be executed correctly by most browsers; failing that, they can write code that
checks for the presence of certain browser features and behaves differently if they are not
available. In some cases, two browsers may both implement a feature but with different behavior,
and authors may find it practical to detect what browser is running and change their scripts
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 30
behavior to match. Programmers may also use libraries or toolkits that take browser differences
into account.
To support these users, Web authors can try to create pages that degrade gracefully on user
agents (browsers) that do not support the pages JavaScript. In particular, the page should remain
usable albeit without the extra features that the JavaScript would have added. An alternative
approach that many find preferable is to first author content using basic technologies that work in
all browsers, then enhance the content for users that have JavaScript enabled. This is known
as progressive enhancement.
<!DOCTYPE html>
<metacharset=utf-8>
<title>Minimal Example</title>
<h1id=header>This is JavaScript</h1>
<script>
document.body.appendChild(document.createTextNode(Hello World!));
varh1=document.getElementById(header);// holds a reference to the <h1> tag
h1=document.getElementsByTagName(h1)[0];// accessing the same <h1> element
</script>
<noscript>Your browser either does not support JavaScript, or has it turned
off.</noscript>
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 31
CHAPTER 4
CSS
4.1 Introduction
Cascading Style Sheets (CSS) is a style sheet language used for describing the look and
formatting of a document written in a markup language. Although most often used to change the
style of web pages and user interfaces written in HTML and XHTML, the language can be
applied to any kind of XML document, including plain XML, SVG and XUL. Along with HTML
and JavaScript, CSS is a cornerstone technology used by most websites to create visually
engaging webpages, user interfaces for web applications, and user interfaces for many mobile
applications.
CSS is designed primarily to enable the separation of document content from document
presentation, including elements such as the layout, colors, and fonts. This separation can
improve content accessibility, provide more flexibility and control in the specification of
presentation characteristics, enable multiple HTML pages to share formatting by specifying the
relevant CSS in a separate .css file, and reduce complexity and repetition in the structural
content, such as semantically insignificant tables that were widely used to format pages before
consistent CSS rendering was available in all major browsers. CSS makes it possible to separate
presentation instructions from the HTML content in a separate file or style section of the HTML
file. For each matching HTML element, it provides a list of formatting instructions. For example,
a CSS rule might specify that "all heading 1 elements should be bold", leaving pure semantic
HTML markup that asserts "this text is a level 1 heading" without formatting code such as a
<bold> tag indicating how such text should be displayed.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 32
4.2 Syntax
CSS has a simple syntax and uses a number of English keywords to specify the names of various
style properties.
A style sheet consists of a list of rules. Each rule or rule-set consists of one or more selectors, and
a declaration block.
4.2.1 Selector
In CSS, selectors are used to declare which part of the markup a style applies to by matching tags
and attributes in the markup itself. Selectors may apply to:
Classes and IDs are case-sensitive, start with letters, and can include alphanumeric characters
and underscores. Any number of instances of any number of elements may have the same class.
Conventionally, IDs only apply to one instance of one element.
Pseudo-classes are used in CSS selectors to permit formatting based on information that is not
contained in the document tree. One example of a widely used pseudo-class is:hover, which
identifies content only when the user 'points to' the visible element, usually by holding the mouse
cursor over it. It is appended to a selector as in a:hover or #elementid:hover. A pseudo-class
classifies document elements, such as:link or :visited whereas a pseudo-element makes a
selection that may consist of partial elements, such as first:line or first:letter.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 33
Selectors may be combined in many ways to achieve great specificity and flexibility. Multiple
selectors may be joined in a spaced list to specify elements by location, element type, id, class, or
any combination thereof.
4.3 Use
Before CSS, nearly all of the presentational attributes of HTML documents were contained
within the HTML markup; all font colors, background styles, element alignments, borders and
sizes had to be explicitly described, often repeatedly, within the HTML. CSS allows authors to
move much of that information to another file, the style sheet, resulting in considerably simpler
HTML.
For example, headings (h1 elements), sub-headings (h2), sub-sub-headings (h3) , etc., are
defined structurally using HTML. In print and on the screen, choice of font, size,
color and emphasis for these elements is presentational.
Before CSS, document authors who wanted to assign such typographic characteristics to, say, all
h2 headings had to repeat HTML presentational markup for each occurrence of that heading
type. This made documents more complex, larger, and more error-prone and difficult to maintain.
CSS allows the separation of presentation from structure. CSS can define color, font, text
alignment, size, borders, spacing, layout and many other typographic characteristics, and can do
so independently for on-screen and printed views. CSS also defines non-visual styles such as the
speed and emphasis with which text is read out by aural text readers. The W3C has
now deprecated the use of all presentational HTML markup.
Fig: 4.1 For example, under pre-CSS HTML, a heading element defined with red text.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 34
Using CSS, the same element can be coded using style properties instead of HTML
presentational attributes:
<linkhref="path/to/file.css"rel="stylesheet">
Fig: 4.3 An "external" CSS file, as described above, can be associated with an HTML document
using the following syntax.
<style>
Fig: 4.3 Above Example show an internal CSS code can be typed in the head section of the code.
The coding is started with the style tag.
<!DOCTYPE html>
<html>
<head>
<metacharset="utf-8">
<style>
#xyz{ color:red }
</style>
</head>
<body>
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 35
CHAPTER 5
JQUERY AND BOOTSTRAP
5.1 Introduction Of JQuery
JQuery is a cross-platform JavaScript library designed to simplify the client-side
scripting of HTML. JQuery is the most popular JavaScript library in use today, with installation
on 65% of the top 10 million highest-trafficked sites on the Web. JQuery is free, open-source
software licensed under the MIT License.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 36
jQuery's syntax is designed to make it easier to navigate a document, select DOM elements,
create animations, handle events, and develop Ajax applications. JQuery also provides
capabilities for developers to create plug-ins on top of the JavaScript library. This enables
developers to create abstractions for low-level interaction and animation, advanced effects and
high-level, theme-able widgets. The modular approach to the jQuery library allows the creation
of powerful dynamic web pages and web applications.
The set of jQuery core features DOM element selections, traversal and manipulationenabled
by its selector engine created a new "programming style", fusing algorithms and DOM data
structures. This style influenced the architecture of other JavaScript frameworks like YUI
v3 and Dojo, later stimulating the creation of the standard Selectors API.
Microsoft and Nokia bundle jQuery on their platforms. Microsoft includes it with Visual
Studio for use within Microsoft's ASP.NET AJAX framework and ASP.NET MVC
Framework while Nokia has integrated it into the Web Run-Time widget development platform.
JQuery has also been used in MediaWiki since version 1.16.
5.2 Features
DOM element selections using the multi-browser open source selector engine Sizzle, a
spin-off of the jQuery project.
DOM manipulation based on CSS selectors that uses elements' names and attributes, such
as id and class, as criteria to select nodes in the DOM
Events
AJAX
JSON parsing
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 37
Compatibility methods that are natively available in modern browsers but need fall backs
for older ones, such as in Array()
5.4 Usage
The jQuery library is a single JavaScript file containing all of its common DOM, event, effects,
and Ajax functions. It can be included within a web page by linking to a local copy or to one of
the many copies available from public servers. jQuery has a CDN hosted by Max CDN .
Google and Microsoft host it as well.
<script src="jquery.js"></script>
It is also possible to include jQuery directly from content delivery networks. (The link starting
with // is protocol relative URL.).
<scriptsrc="//code.jquery.com/jquery-1.11.1.min.js"></script>
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 38
Via the $ function, which is a factory method for the jQuery object. These functions,
often called commands, are chainable as they all return jQuery objects.
Via $-prefixed functions. These are utility functions, which do not act upon the jQuery
object directly.
Access to and manipulation of multiple DOM nodes in jQuery typically begins with calling the $
function with a CSS selector string. This returns a jQuery object referencing all the matching
elements in the HTML page. For example, returns a jQuery object with all the div elements of
class test. This node set can be manipulated by calling methods on the returned jQuery object or
on the nodes themselves.
No-Conflict Mode
JQuery also includes noConflictmode() which relinquishes control of $. This can be helpful if
jQuery is used with other libraries that also use $ as an identifier. In no-conflict mode, developers
can use jQuery as a replacement for $ without losing functionality.
Typical start-point
The typical jQuery usage is to put initialization code and event handling functions in ready().
This is triggered when the browser has constructed the DOM and sends a load event.
<scripttype="text/javascript">
$(document).ready(function(){
// jQuery code, event handling callbacks here
});
</script>
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 39
Callback functions for event handling are also included inside ready() as anonymous
functions but called when the event for the callback is triggered. For example, the following
jQuery code adds an event handler for a mouse click on an <img> image element.
$(document).ready(function(){
$('img').click(function(){
// handle the click event on any img element in the page
});
});
$(document).ready(handler)
$(handler)
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 40
Fig: 5.5 Example of a webpage using Bootstrap framework rendered in Mozilla Firefox.
Bootstrap is modular and consists essentially of a series of LESS stylesheets that implement the
various components of the toolkit. A stylesheet called bootstrap less includes the components
stylesheet.. Developers can adapt the Bootstrap file itself, selecting the components they wish to
use in their project.
Adjustments are possible to a limited extent through a central configuration stylesheet. More
profound changes are possible by the LESS declarations.
The use of LESS stylesheet language allows the use of variables, functions and operators, nested
selectors, as well as so-called mixins.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 41
Since version 2.0, the configuration of Bootstrap also has a special "Customize" option in the
documentation. Moreover, the developer chooses on a form the desired components and adjusts,
if necessary, the values of various options to their needs. The subsequently generated package
already includes the pre-built CSS style sheet.
Grid system and responsive design comes standard with a 1170 pixel wide, grid layout.
Alternatively, the developer can use a variable-width layout. For both cases, the toolkit has four
variations to make use of different resolutions and types of devices: mobile phones, portrait and
landscape, tablets and PCs with low and high resolution. Each variation adjusts the width of the
columns.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 42
The CSS :
Bootstrap provides a set of stylesheets that provide basic style definitions for all key HTML
components. These provide a uniform, modern appearance for formatting text, tables and form
elements.
Re-usable components :
In addition to the regular HTML elements, Bootstrap contains other commonly used interface
elements. These include buttons with advanced features (e.g. grouping of buttons or buttons with
drop-down option, make and navigation lists, horizontal and vertical tabs, navigation,
breadcrumb navigation, pagination, etc.), labels, advanced typographic capabilities, thumbnails,
warning messages and a progress bar. The components are implemented as CSS classes, which
must be applied to certain HTML elements in a page.
JavaScript components :
Bootstrap comes with several JavaScript components in the form of jQuery plugins. They
provide additional user interface elements such as dialog boxes, tooltips, and carousels. They
also extend the functionality of some existing interface elements, including for example an autocomplete function for input fields. In version 2.0, the following JavaScript plugins are supported:
Modal, Dropdown, and Scroll spy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel and
Type ahead.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 43
CHAPTER 6
PHP And MYSQL
6.1 Introduction
MySQL (My S-Q-L",officially, also "My Sequel") is a relational database management
system(RDBMS).[7] In July 2013 it was the world's second most widely used RDBMS, and the
most widely used open-source RDBMS. It is named after co-founder Michael Widenius's
daughter, My. The SQL acronym stands for Structured Query Language. The MySQL
development project has made its source code available under the terms of the GNU General
Public License, as well as under a variety of proprietary agreements. MySQL was owned and
sponsored by a single for-profit firm, the Swedish company MySQL AB, now owned by Oracle
Corporation.[12] For proprietary use, several paid editions are available, and offer additional
functionality.
MySQL is a popular choice of database for use in web applications, and is a central component
of the widely used LAMP open source web application software stack (and other 'AMP' stacks).
LAMP is an acronym for "Linux, Apache, MySQL, Perl/PHP/Python." Free-software-open
source projects that require a full-featured database management system often use MySQL.
Applications that use the MySQL database include: TYPO3, MODx, Joomla, WordPress,
phpBB, MyBB, Drupal and other software. MySQL is also used in many high-profile, largescale websites,
including Google
(though
not
for
searches), Facebook,
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 44
6.2 History
MySQL was created by a Swedish company, MySQL AB, founded by David Axmark, Allan
Larsson and Michael "Monty" Widenius. The first version of MySQL appeared on 23 May 1995.
It was initially created for personal usage from MySQL based on the low-level language ISAM,
which the creators considered too slow and inflexible. They created a new SQL interface, while
keeping the same API as MySQL. By keeping the API consistent with the MySQL system, many
developers were able to use MySQL instead of the (proprietarily licensed) MySQL antecedent
6.3 Milestones
Notable milestones in MySQL development include:
Version 3.23: beta from June 2000, production release 22 January 2001
Version 4.0: beta from August 2002, production release March 2003 (unions)
Version 4.01: beta from August 2003, Jyotiadopts MySQL for database tracking
Version 4.1: beta from June 2004, production release October 2004 (R-trees and B-trees,
subqueries, prepared statements)
Version 5.0: beta from March 2005, production release October 2005 (cursors, stored
procedures, triggers, views, XA transactions)
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 45
The developer of the Federated Storage Engine states that "The Federated Storage Engine
is a proof-of-concept storage engine",[34] but the main distributions of MySQL version 5.0
included it and turned it on by default. Documentation of some of the short-comings
appears in "MySQL Federated Tables: The Missing Manual".
Sun Microsystems acquired MySQL AB in 2008.
Version 5.1: production release 27 November 2008 (event scheduler, partitioning, plugin
API, row-based replication, server log tables)
Version 5.1 contained 20 known crashing and wrong result bugs in addition to the 35
present in version 5.0 (almost all fixed as of release 5.1.51).
MySQL 5.1 and 6.0-alpha showed poor performance when used for data warehousing
partly due to its inability to utilize multiple CPU cores for processing a single query.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 46
mysql_errno Returns the numerical value of the error message from previous MySQL
operation
mysql_error Returns the text of the error message from previous MySQL operation
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 47
mysql_field_flags Get the flags associated with the specified field in a result
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 48
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 49
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 50
Show all records containing the name "Bob" AND the phone number '3444444'.
mysql> SELECT * FROM [table name] WHERE name = "Bob" AND phone_number =
'3444444';
Show all records not containing the name "Bob" AND the phone number '3444444' order by the
phone_number field.
mysql> SELECT * FROM [table name] WHERE name != "Bob" AND phone_number =
'3444444' order by phone_number;
Show all records starting with the letters 'bob' AND the phone number '3444444'.
mysql> SELECT * FROM [table name] WHERE name like "Bob%" AND phone_number
= '3444444';
Show all records starting with the letters 'bob' AND the phone number '3444444' limit to records
1 through 5.
mysql> SELECT * FROM [table name] WHERE name like "Bob%" AND phone_number
= '3444444' limit 1,5;
Use a regular expression to find records. Use "REGEXP BINARY" to force case-sensitivity. This
finds any record beginning with a.
mysql> SELECT * FROM [table name] WHERE rec RLIKE "^a";
Show unique records.
mysql> SELECT DISTINCT [column name] FROM [table name];
Show selected records sorted in an ascending (asc) or descending (desc).
mysql> SELECT [col1],[col2] FROM [table name] ORDER BY [col2] DESC;
Return number of rows.
mysql> SELECT COUNT(*) FROM [table name];
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 51
Sum column.
mysql> SELECT SUM(*) FROM [table name];
Join tables on common columns.
mysql> select lookup.illustrationid, lookup.personid,person.birthday from lookup left join
person on lookup.personid=person.personid=statement to join birthday in person table
with primary illustration id;
Creating a new user. Login as root. Switch to the MySQL db. Make the user. Update privs.
# mysql -u root -p
mysql> use mysql;
mysql> INSERT INTO user (Host,User,Password)
VALUES('%','username',PASSWORD('password'));
mysql> flush privileges;
Change a users password from unix shell.
# [mysqldir]/bin/mysqladmin -u username -h hostname.blah.org -p password 'newpassword'
Change a users password from MySQL prompt. Login as root. Set the password. Update privs.
# mysql -u root -p
mysql> SET PASSWORD FOR 'user'@'hostname' = PASSWORD('passwordhere');
mysql> flush privileges;
Recover a MySQL root password. Stop the MySQL server process. Start again with no grant
tables. Login to MySQL as root. Set new password. Exit MySQL and restart MySQL server.
# /etc/init.d/mysql stop
# mysqld_safe --skip-grant-tables &
# mysql -u root
mysql> use mysql;
mysql> update user set password=PASSWORD("newrootpassword") where User='root';
mysql> flush privileges;
mysql> quit
# /etc/init.d/mysql stop
# /etc/init.d/mysql start
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 52
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 53
PHP development began in 1994 when Rasmus Lerdorf wrote a series of Common Gateway
Interface (CGI) binaries in C, which he used to maintain his personal homepage. He extended
them to add the ability to work with web forms and to communicate with databases, and called
this implementation "Personal Home Page/Forms Interpreter" or PHP/FI.
6.6 Syntax
Main article: PHP syntax and semantics
The following "Hello, World!" program is written in PHP code embedded in
an HTML document:
<!DOCTYPE html>
<html>
<head>
<title>PHP Test</title>
</head>
<body>
<?phpecho'<p>Hello World</p>';?>
</body>
</html>
The PHP interpreter only executes PHP code within its delimiters. Anything outside its delimiters
is not processed by PHP (although non-PHP text is still subject to control structures described in
PHP code). The most common delimiters are <?php to open and ?> to close PHP sections. There
are also the shortened forms <? Or <?= (which is used to echo back a string or variable) and ?>.
Short delimiters make script files less portable, since support for them can be disabled in the
local PHP configuration, and they are therefore discouraged. The purpose of all these delimiters
is to separate PHP code from non-PHP code, including HTML.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 54
The first form of delimiters,<? and ?>, in XHTML and other XML documents, creates correctly
formed XML "processing instructions". This means that the resulting mixture of PHP code and
other markup in the server-side file is itself well-formed XML.
Variables are prefixed with a dollar symbol, and a type does not need to be specified in advance.
PHP 5 introduced type hinting that allows functions to force their parameters to be objects of a
specific class, arrays, interfaces or callback functions. However, before PHP 7.0, type hints could
not be used with scalar types such as integer or string.
Unlike function and class names, variable names are case sensitive. Both double-quoted()
and heredoc strings provide the ability to interpolate a variable's value into the string. PHP
treats newlines as whitespace in the manner of a free-form language, and statements are
terminated by a semicolon. PHP has three types of comment syntax(/**/)marks block and inline
comments; //as well as # are used for one-line comments. The echo statement is one of several
facilities PHP provides to output text,e.g., to a web browser.
In terms of keywords and language syntax, PHP is similar to most high level languages that
follow the C style syntax. If conditions, for and while loops, and function returns are similar in
syntax to languages such as C, C++, C#, Java and Perl.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 55
In PHP, normal functions are not first-class and can only be referenced by their name directly, or
dynamically by a variable containing the name of the function (referred to as "variable
functions").
User-defined
functions
can
be
created
at
any
time
without
being prototyped. Functions can be defined inside code blocks, permitting a run-time decision as
to whether or not a function should be defined. Function calls must use parentheses, with the
exception of zero-argument class constructor functions called with the PHP new operator, where
parentheses are optional.
Until PHP 5.3, support for true anonymous functions or closures did not exist in PHP. While
create_function() exists since PHP 4.0.1, it is merely a thin wrapper around eval() that allows
normal PHP functions to be created during program execution. Also, support for variable
functions allows normal PHP functions to be used, for example, as callbacks or within function
tables..
functiongetAdder($x){
returnfunction($y)use($x){
return$x+$y;
};
}
$adder=getAdder(8);
echo$adder(2);// prints "10"
Fig: 6.3 PHP 5.3 added support for closures, which are true anonymous, first-class functions,
whose syntax can be seen in the above example.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 56
In the example above, getadder() function creates a closure using passed argument $x (the
keyword use() imports a variable from the lexical context), which takes an additional argument
&y , and returns the created closure to the caller. Such a function is a first-class object, meaning
that it can be stored in a variable, passed as a parameter to other functions, etc.
Unusually for a dynamic language, PHP supports type declarations on function parameters,
which are enforced at runtime. This has been supported for classes and interfaces since PHP 5.0,
for arrays since PHP 5.1, for "callables" since PHP 5.4, and will be supported for scalar (integer,
float, string and boolean) types in PHP 7.0. PHP 7.0 will also introduce type declarations for
function return types, expressed by placing the type name after the list of parameters, preceded
by a colon. For example, th getAdder function , from the earlier example could be annotated
with types like so in PHP 7:
functiongetAdder(int$x):\Closure{
returnfunction(int$y)use($x):int{
return$x+$y;
};
}
$adder=getAdder(8);
echo$adder(2);// prints "10"
echo$adder(null);// throws an exception because an incorrect type was passed
$adder=getAdder([]);// would also throw an exception
Fig :6.4
By default, scalar type declarations follow weak typing principles. So, for example, if a
parameter's type is int , PHP would allow not only integers, but also convertible numeric strings,
floats or booleans to be passed to that function, and would convert them. However, PHP 7 will
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 57
add a "strict typing" mode which, when used, disallows such conversions for function calls and
returns within a file.
6.8 Use
Fig : 6.5 A broad overview of the LAMP software bundle, displayed here together with Squid.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 58
the PHP parser compiles input to produce byte-code for processing by the Zend Engine, giving
improved performance over its interpreter predecessor.
Originally designed to create dynamic web pages, PHP now focuses mainly on server-side
scripting and it is similar to other server-side scripting languages that provide dynamic content
from a web server to a client, such as Microsoft's ASP.NET, Sun Microsystems JavaServer
Pages, and mod_perl. PHP has also attracted the development of many software frameworks that
provide building blocks and a design structure to promote rapid application development (RAD).
Some
of
these
include PRADO, CakePHP,Symfony, CodeIgniter, Laravel, Yii
Framework, Phalcon and Zend Framework, offering features similar to other web application
frameworks.
The LAMP architecture has become popular in the web industry as a way of deploying web
applications. As of April 2007, over 20 million Internet domains had web services hosted on
servers with PHP installed and mod_php was recorded as the most popular Apache HTTP Server
module. As of October 2010, PHP was used as the server-side programming language on 75%
of all websites whose server-side programming language was known (as of February 2014, the
percentage had reached 82%and PHP was the most-used open source software within
enterprises. Web content management systems written in PHP include MediaWiki, Joomla,eZ
Publish, SilverStripe, WordPress, Drupal, Moodle the
user-facing
portion
of Facebook, Known and Digg.
For specific and more advanced usage scenarios, PHP offers a well defined and documented way
for writing custom extensions in C or C++. Besides extending the language itself in form of
additional libraries, extensions are providing a way for improving execution speed where it is
critical and there is room for improvements by using a true compiled language.[164][165] PHP also
offers well defined ways for embedding itself into other software projects. That way PHP can be
easily used as an internal scripting language for another project, also providing tight interfacing
with the project's specific internal data structures.
PHP received mixed reviews due to lacking support for multithreading at the core language
level, though using threads is made possible by the "pthreads" PECLextension
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 59
CHAPTER 7
PANELS
7.1 Introduction
A panel is "a particular arrangement of information grouped together for presentation to users in
a window or pop-up." In ISPF, a panel is "a predefined display image that you see on a display
screen."
A panel graphical control element is commonly packaged as part of a widget toolkit (libraries
that contain a collection of graphical control elements) for a graphical user interface.
See toolbar and dialog box.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 60
CHAPTER 8
Project Description
8.1 Introduction
We have developed a project on Online Dispensary Management System on a PHP platform.
This project is about an online medical site which is open for all. The interface is very userfriendly. The data are well protected for personal use and makes the data processing very
fast.The project is based on the database, object oriented and networking techniques. As there are
many areas where we keep the records in database for which we are using MY SQL software
which is one of the best and the easiest software to keep our information. This project uses PHP
as the front-end software and has connectivity with MY SQL.Our Project includes registrations
of members, storing their detail. Registered members then check the details of the doctors which
are on duty, their schedule, medicines available on medical store. There is a contact page
available which includes the detail of all the departments. Admin can update the details like
contact no or E-mail_id accordingly.Clients can also request for the change of password which
will be updated in the database. Only admin can make any changes to the portal other than
personal details of the clients. The details of all the clients are stored in the database. Other than
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 61
this there is also an enquiry form and subscribe form provided for clients. We have worked on
the languages such as HTML (Hypertext Markup Language), CSS (Cascading Style Sheets),
Javascript, Jquery. For Database we have worked on MySql platform. We have used the software
like Dreamweaver CC, Wamp.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 62
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 63
2. Medical Store
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 64
Client will access this page if he wants to get information about any medicines or if he wants
to get any medicine prescribed by doctor.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 65
Fig
: 8.6 Medicines available on website.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 66
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 67
1)Admin Side
Admin will access this page for maintaining the records of all the registered users in the
database. Admin will also provide the facility of changing the password to client if in case he
forgot the password or wishes to change the password.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 68
2)User side
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 69
8.2.5 Footer
Our Footer consist of 3 parts. In first part there is a gallery in which there is the collection of
images. Second part consist of contact address of dispensary with the name of contact person.
Third part consist of Subscribe form and contact icons.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 70
8.3 MySQL
MySQL is a collection of different databases. Example my_data1 consist of tables like
admin_login, user_login, user_profile.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 71
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 72
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 73
Change Password
Admin can change its password which will be reflected to the database.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 74
8.4.1 AdobeDreamweaver
It is a proprietary web development tool developed by Adobe Systems. Dreamweaver was
created byMacromedia in 1997, and was maintained by them until Macromedia was acquired by
Adobe Systems in 2005.
Adobe Dreamweaver is available for OS X and for Windows.
Following Adobe's acquisition of the Macromedia product suite, releases of Dreamweaver
subsequent to version 8.0 have been more compliant with W3C standards. Recent versions have
improved support for Web technologies such as CSS,JavaScript, and various server-side
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 75
scripting languages and frameworks including ASP (ASP JavaScript, ASP VBScript, ASP.NET
C#, ASP.NET VB), ColdFusion, Scriptlet, and PHP.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 76
8.4.2 Wamp
WAMP, "Windows, Apache, MySQL, and PHP", an application server platform.
WAMP may also refer to:
WAMP (FM), a radio station (88.1 FM) licensed to Jackson, Tennessee, United States
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 77
CONCLUSION
The summer training at Genx Soft Technologies, JAIPUR has been a unique experience for me
as it helped me to acquire practical knowledge and trends.
The practical training at Genx Soft Technologies, JAIPUR, provided me a golden opportunity to
increase my knowledge in Web Designing and Web Development. W we have learnt the use of
software Dreamweaver which we have not used before. It also helps me to increase the basic
knowledge of HTML, CSS and all the other platforms on which we have worked. This 45 days
training was very helpful for us in clearing our concept and helps us to learnt new concepts.
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 78
REFERENCES
http://genxsoftindia.com/
http://www.w3schools.com/html/
https://www.codecademy.com/courses/web-beginner-en-StaFQ/0/1?
curriculum_id=5124ef4c78d510dd89003eb8
http://www.w3schools.com/php/default.asp
http://www.quirksmode.org/js/intro.html
Suchita Chaudhary/CSE/SPSU/Genx/2015-16/Page 79