Enabling Tools

EXTRANET

WHAT IS EXTRANET?

An extranet or extended intranet, uses the TCP/IP protocol networks of the internet, to link intranets in different locations. Extranet transmission are usually conducted over the Internet, which offers little privacy or transmission security. Therefore, when using an extranet , it is necessary to improve the security of the connecting portions of the Internet. This is done by creating tunnels of secured data flows, using cryptography and authorization algorithms. The Internet with tunneling technology is known as Virtually private network(VPN).

ARCHITECTURE OF EXTRANET

Extranet

Suppliers intranet
Fire Walls

Distributors Tunneling Internet intranet Customers

Fire Walls

EXTRANET

Extranets provide secured connectivity between a corporations intranets and the intranets of its business partners ,materials suppliers,financial services,government, and customers. Access to intranets is strictly controlled and it is only available to authorized personnel. The protected environment of the extranet allows group to collaborate,sharing information and exchanging it securely. Since an extranet allows connectivity between businesses through the internet,it is an open and flexible platform suitable for supply chain management. To increase security,many companies replicate the databases and separate them physically from their regular intranets. The separated data need to be protected.This protection is provided by special architecture

BASIC CONCEPTS OF

EXTRANET
intranets

The extended intranet connects multiple through a secured tunneling Internet.

Extranets combine the privacy and security of intranets with the global reach of the Internet,granting access to outside business partners,suppliers and customers to a controlled portion of the enterprise network. Extranets are becoming the major platforms for B2B EC.

They provide the flexibility of serving internal and external users.

EXTRANET

SUPPLIERS intranet Enterprise intranet Internet

Consumers

VPN

VPN
Remote Employees

VPN
Business Client intranet

VPN

VPN
Business Partner Intranet

Distributors intranets

ELEMENTS OF

EXTRANET

Extranets are comprised of a wide variety of components and several possible configurations. These include intranets,Web servers,firewalls,ISPs,tunneling technology,interface software and business applications. The tunneling principle is the basic concept that makes the extranet possible. Tunneling means that data transmissions across the Internet can be made secure by authenticating and encrypting all IP packets. Several tunneling protocols are available,but IP Security proposed by IETF(Internet Engineering Task Force) is one of the more popular protocols.

Configuration of

EXTRANET

1. They can be implemented using a direct leased line with full control over it,linking all intranets. 2. A secure link(tunnel) can be created across the Internet, which can be used by the corporation as a VPN. The Effectiveness of an extranet depends on the degree to which it is Integrated with the legacy systems and databases.

Integrating with legacy systems involves integrating a System Network Architecture-the backbone of legacy systems in many corporations-with TCP/IP, the web backbone.

EXTRANET CATEGORIES AND SERVICES

1. Extranet development tools: provide the means and facilities to design extranet servers,a client-base,security,EC applications and electronic catalogs. 2. Extranet hosting and network connectivity: provide secure ISP connections to Internet backbones and host extranet services for corporations. 3. Extranet services: provide extranet design expertise with tools or services for building and operating extranet-based services for corporate clients. 4. Virtual private networks: provide components specifically designed for connecting remote operators and creating IP WANs for corporations.

EXTRANET TOOLS AND SERVICE PROVIDERS

The extranet development tools include a range of products from simple EC software to sophisticated catalog servers that combine software and hardware product.

There are four types of extranet service providers:

1. Consultants: who develop extranet networks for clients.

2. Developers: who are using generally available development tools or products. 3. System Integration firms: that provide turnkey solutions,including design,development,ISP connectivity etc. 4. Internet Service Providers: who already operate the Internet backbones.

EXTRANET BENEFITS

1. Enhanced Communications Improved internal communications Improved business partnership channels Effective marketing,sales, and customer support Collaborative activities support 2. Productivity enhancements Just-in-time information delivery Reduction of information overload Productive collaboration between work groups 3. Business enhancements Faster time to market Lower design and production costs Improved client relationships New business opportunities

EXTRANET BENEFITS

4. Cost reduction 5.Information delivery implementation mailing costs.

Reduced travel and meetings Reduced operational costs Elimination of paper publishing costs Standard delivery systems Ease of maintenance Elimination of paper publishing and and

Disadvantages of EXTRANET

1. Extranets can be expensive to implement and maintained within an organization. 2. Security of extranets can be a big concern when dealing with valuable information. 3. System access needs to be carefully controlled. 4. Extranets can reduce personal contact(face to face meetings) with customers and business partners.This could cause a lack of connections made between people and a company.

Enabling Tools

Hyper Text Markup Language

HTML

what is HTML?

HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of markup tags

HTML uses markup tags to describe web pages

HTML Tags

HTML markup tags are usually called HTML tags HTML tags are keywords surrounded by angle brackets like <html> HTML tags normally come in pairs like <b> and </b> The first tag in a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags and closing tags.

HTML Documents

HTML markup tags are usually called HTML tags HTML documents describe web pages HTML documents contain HTML tags and plain text HTML documents are also called web pages <html> <body> <h1>My First Heading</h1> <p>My first paragraph</p> </body> </html>

HTML Headings

HTML headings are defined with the <h1> to <h6> tags. <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> </body> </html>

HTML Paragraph & Links

HTML Paragraphs HTML paragraphs are defined with the <p> tag. <p>This is a paragraph</p> <p>This is another paragraph</p> HTML Links

HTML links are defined with the <a> tag.

<a href="http://www.w3schools.com">This is a link</a>

HTML Images and Comments

HTML images are defined with the <img> tag. <img src="constr4.gif" width="144" height="50" /> Note: The name of the image and the size are provided as attributes. HTML Comments

Comments can be inserted in the HTML code to make it more readable and understandable. Comments are ignored by the browser and not displayed.
Comments are written like this: <!-- This is a comment -->

HTML Tags

Don't Forget the End Tag Most browsers will display HTML correctly even if you forget the end tag: <p>This is a paragraph<p>This is another paragraph HTML Line Breaks Use the <br /> tag if you want a line break (a new line) without starting a new paragraph: <p>This is<br />a para<br />graph with line breaks</p>

HTML Tags
HTML Rules (Lines) The <hr /> tag is used to create an horizontal rule (line). Example: <p>This is a paragraph</p><hr /><p>This is a paragraph</p><hr /><p>This is a paragraph</p> <html> <body> <p>The hr tag defines a horizontal rule:</p> <hr /> <p>This is a paragraph</p> <hr /> <p>This is a paragraph</p> </body> </html> the o/p is The hr tag defines a horizontal rule: This is a paragraph This is a paragraph

HTML Text Formatting

HTML Text Formatting <html> <body> <p><b>This text is bold</b></p> <p><strong>This text is strong</strong></p> <p><big>This text is big</big></p> <p><em>This text is emphasized</em></p> <p><i>This text is italic</i></p> <p><small>This text is small</small></p> <p>This is_subscript and ^superscript</p> </body> </html>

HTML Text Formatting

The output is
This This This This This This This text is bold text is strong text is big text is emphasized text is italic text is small is subscript and superscript

HTML Text Formatting Tags

Tag Description <b> Defines bold text <big> Defines big text <em> Defines emphasized text <i> Defines italic text <small> Defines small text <strong> Defines strong text <sub> Defines subscripted text <sup> Defines superscripted text <ins> Defines inserted text <del> Defines deleted text

HTML Element Syntax

HTML Element Syntax An HTML element starts with a start tag An HTML element ends with an end tag The element content is everything between the start and end tag

Some HTML elements have empty content

Some HTML elements have a missing end tag

HTML Document Example

<html> <body> <p>This is my first paragraph</p> </body> </html> The example above contains 3 HTML elements: <p>This is my first paragraph</p> The <p> element defines a paragraph in the HTML document: The element has a start tag <p> and an end tag </p> The element content is: This is my first paragraph <body><p>This is my first paragraph</p></body> The <body> element defines the body of the HTML document The element has a start tag <body> and an end tag </body> The element content is another element (a paragraph) <html><body><p>This is my first paragraph</p></body></html> The <html> element defines the whole HTML document. The element has a start tag <html> and an end tag </html> The element content is another element (the body)

HTML Attributes

HTML Attributes HTML elements can have attributes Attributes provide additional information about the element Attributes are always specified in the start tag

Attribute Syntax
Attributes always come in name/value pairs like this: name="value".

HTML Attributes Example

<html> <body> <p> <a href="lastpage.htm"> This text</a> is a link to a page on this Web site. </p> <p> <a href="http://www.microsoft.com/"> This text</a> is a link to a page on the World Wide Web. </p> </body> </html> This text is a link to a page on this Web site. This text is a link to a page on the World Wide Web

HTML Attributes
The href Attribute The href attribute defines the link "address".

This <a> element defines a link to W3Schools:

<a href="http://www.w3schools.com/">Visit W3Schools!</a> The target Attribute The target attribute defines where the linked document will be opened. The code below will open the document in a new browser window: <a href="http://www.w3schools.com/"target="_blank">Visit W3Schools!</a>

HTML Attributes
When the name attribute is used, the <a> element defines a named anchor inside a HTML document. Named anchor are not displayed in any special way. They are invisible to the reader. Named anchor syntax: <a name="label">Any content</a> The link syntax to a named anchor: <a href="#label">Any content</a> The # in the href attribute defines a link to a named anchor. Example: A named anchor inside an HTML document: <a name="tips">Useful Tips Section</a> A link to the Useful Tips Section from the same document: <a href="#tips">Jump to the Useful Tips Section</a> A link to the Useful Tips Section from another document: <a href="http://www.w3schools.com/html_tutorial.htm#tips">Jump to the Useful Tips Section</a>

HTML Tables
HTML Tables html> <body> <p> Each table starts with a table tag. Each table row starts with a tr tag. Each table data starts with a td tag. </p> <h4>One column:</h4> <table border="1"> <tr> <td>100</td> </tr> </table>

HTML Attributes Example

<h4>One row and three columns:</h4> <table border="1"> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> </table> One column: 100 One row and three columns: 100 200 300 Two rows and three columns: 100 200 300 400 500 600

HTML Table Tags

Table Tags Tag Description <table> Defines a table <th> Defines a table header <tr> Defines a table row <td> Defines a table cell <caption> Defines a table caption <colgroup> Defines groups of table columns <col> Defines the attribute values for one or more columns in a table <thead> Defines a table head <tbody> Defines a table body <tfoot> Defines a table footer

HTML List
HTML Lists <html> <body> <h4>An Unordered List:</h4> <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul> </body> </html> An Unordered List: Coffee Tea Milk

HTML Lists
<html> <body> <h4>An Ordered List:</h4> <ol> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ol> </body> </html> An Ordered List: 1.Coffee 2.Tea 3.Milk

Definition List
Definition Lists A definition list is not a list of items. This is a list of terms and explanation of the terms. A definition list starts with the <dl> tag. Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag. <dl> <dt>Coffee</dt><dd>Black hot drink</dd> <dt>Milk</dt><dd>White cold drink</dd> </dl> Here is how it looks in a browser: Coffee Black hot drink Milk White cold drink

HTML Forms
HTML Forms A form is an area that can contain form elements.

Form elements are elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form. A form is defined with the <form> tag. <form> <input> <input></form>
Input The most used form tag is the <input> tag. The type of input is specified with the type attribute. The most commonly used input types are explained below.

HTML Text Fields

Text Fields Text fields are used when you want the user to type letters, numbers, etc. in a form. <form>First name: <input type="text" name="firstname"> <br>Last name: <input type="text" name="lastname"></form> How it looks in a browser: First name:

Last name:

HTML Radio Buttons

Radio Buttons Radio Buttons are used when you want the user to select one of a limited number of choices. <form><input type="radio" name="sex" value="male"> Male<br> <input type="radio" name="sex" value="female"> Female</form> How it looks in a browser: Male Female

HTML Checkboxes
<form> I have a bike: <input type="checkbox" name="vehicle" value="Bike"> <br> I have a car: <input type="checkbox" name="vehicle" value="Car"> <br> I have an airplane: <input type="checkbox" name="vehicle" value="Airplane"> </form> How it looks in a browser: I have a bike: I have a car: I have an airplane: