e Commerce Lab

8/12/2019 e Commerce Lab

1/20

e-commerce Lab

Muhammad Ali Khan

Lecturer CS

[email protected]


2/20

CSS Box Model


3/20

CSS Box Model

Border: -This defines the maximum area in

which the element will be contained. We can

make the border visible, invisible, define

height and width etc.

Padding: -This defines the spacing between

border and element.

Margin: -This defines the spacing between

border and any neighbouring elements.


4/20

PHP

PHP originally stood for Personal Home

Page, it now stands for PHP: Hypertext

Preprocessor

PHP is a server-side scripting language

designed for web development

As of January 2013, PHP was installed on more

than 240 million websites (39% of those

sampled) and 2.1 million web servers


5/20

MySQL

The SQL phrase stands for Structured Query

Language

MySQL is a relational database management

system(RDBMS)

MySQL is a popular choice of database for use

in web applications

MySQL can run on many system platforms

e.g. Microsoft Windows, Linux etc.


6/20

Some useful terminologies

WAMP

Wwindows

AApache

M

MySQL

PPHP

LAMP

LLinux

A

Apache

MMySQL

PPHP


7/20

Some useful terminologies

XAMP

Xwindows, Linux etc.

AApache

MMySQL

PPHP


8/20

HTTP

Hypertext Transfer Protocol(HTTP) is a protocol usedin networking.

When you type any web address in your web browser,your browser acts as a client, and the computer havingthe requested information acts as a server.

When client requests for any information from theserver, it uses HTTP protocol to do so. The serverresponds back to the client after the request

completes. The response comes in the form of webpage which you see just after typing the web addressand press Enter.


9/20

HTTPS

Hypertext Transfer Protocol Secure(HTTPS) is acombination of two different protocols.

It is more secure way to access the web. It is combinationof Hypertext Transfer Protocol (HTTPS) and SSL/TLS

(Security socket layer / Transport layer security) protocol. It is more secure way to sending request to server from a

client, also the communication is purely encrypted whichmeans no one can know what you are looking for.

This kind of communication is used for accessing those

websites where security is required. Banking websites,payment gateway, and corporate sector websites are somegreat examples where HTTPS protocols are used.


10/20

Static Web Site

A static websiteis one that is written in HTML

only.

Each page is a separate document and there is no

database that it draws on. What this meansfunctionally is that the only way to edit the site is

to go into each page and edit the HTML - So you

would have to do it yourself using a web pageeditor such as FrontPage or Dreamweaver, or pay

your web developer to make updates for you.


11/20

Dynamic Web Site

A dynamic websiteis created by web developerswho are strong in ASP. Net, PHP, JAVA and more...

This website pages contains data that is retrievedfrom certain database.

Each time the viewer entering a page, thecontents of that page is retrieved from thedatabase.

The administrator can change the content andimages from admin panel. This is one thatchanges or customizes itself frequently andautomatically.


12/20

GET Method in PHP

GET - Requests data from a specified resource

GET requests remain in the browser history

GET requests can be bookmarked GET requests should never be used when

dealing with sensitive data

GET requests should be used only to retrievedata


13/20

POST Method in PHP

POST - Submits data to be processed to a

specified resource

POST requests do not remain in the browser

history

POST requests cannot be bookmarked

POST requests have no restrictions on data

length


14/20

Open-Source Software (OSS)

Open-Source Software(OSS) is computer software thatis available in source code form: the source code andcertain other rights normally reserved for copyrightholders are provided under a software license that

permits users to study, change, improve and at timesalso to distribute the software. Open Source Softwaremeans it is free software and no need to buy; we canuse full functionalities from this software with certainTerms & Conditions. This license allows modifications

and derived works, and allows us to be distributedunder the same terms as the license of the originalsoftware.


15/20

Adding JavaScript code

inside html page

We can add JavaScript code inside html head asfollows;

your title

Var name = your name

Alter (name);


16/20

Linking JavaScript file to an html

your title


17/20

PayPal Sandbox

Step 1: Go to developer.PayPal.com

Step 2: Click Sign up Now, and fill in your informationto register. This creates a developer account.

Step3: Once youre logged in to developer.paypal.comunder your new developer account, click Create apreconfigured account.

Step 4: Choose the Seller account type, then enterany other information youd like.

Step 5: Once that account is created, go to the TestAccounts tab. This will list your sandbox account,showing the e-mail address login for it.


18/20

PayPal Sandbox

Step 6: Click Enter Sandbox Test Site to be senttowww.sandbox.paypal.com(or you could just gothere manually).

Step 7: Sign in using your test account.

Step 8: make sure the address of the site alwayssays http://www.sandbox.paypal.comwhen youare logged in.

Step 9: On the top tab bar, click Products &Services.

Step 10: Click Get Paid on the bar below that.
http://www.sandbox.paypal.com/http://www.sandbox.paypal.com/http://www.sandbox.paypal.com/http://www.sandbox.paypal.com/http://www.sandbox.paypal.com/


19/20

PayPal Sandbox

Step 11: Scroll down to find the Add PaymentButtons link and click it.

Step 12: Click the Setting Up tab in the

middle of the page. Step 13: Choose the style of button you want,

and click it.

Step 14: Make sure youre stillon http://www.sandbox.paypal.comifnot, gothere and start over.
http://www.sandbox.paypal.xn--comif-0u3b/http://www.sandbox.paypal.xn--comif-0u3b/http://www.sandbox.paypal.xn--comif-0u3b/http://www.sandbox.paypal.xn--comif-0u3b/http://www.sandbox.paypal.xn--comif-0u3b/http://www.sandbox.paypal.xn--comif-0u3b/


20/20

PayPal Sandbox

Step 15: Follow the instructions on the screen

to customize your button. In particular, under

Step 3 you may want to enter a success and

cancel URL to send users to, so they can getback to your app and so your app gets

information about the purchase.

Step 16: Click Create Button and youll begiven the code for your button.

Documents

e Commerce Lab