Class 10

Website and Page development tools, Open source tools.

WEBSITE AND PAGE DEVELOPMENT TOOLS

Need for developer tools

• Difference in browsers• Difference in versions• Difference in Platforms and Devices

• While going live there needs a tool that can perform remote debugging

General System Development Tools

• Development Environments– Microsoft Visual Studio / J-Builder (Java)

• Proprietary client / server side language– ColdFusion

• Drag and Drop Editors– MS FrontPage– Dreamweaver

• Smart Editors– Textpad

Increasingfunctionality

Special Purpose Development Tools

• Graphics Editors– Fireworks– Photoshop

• Database Publishing Utilities– Microsoft drag-and-drop tools in Access, Excel– MySQL / PHP scripts

• Animation Tools – Flash• Audio-visual tools

Multi-Language Development Environments

• MS Visual Studio [.NET] (typical)– Common design, team-programming and

debugging environment for multiple languages – Automated interface with web-server for program-

run-debug development cycle– Support for HTML, Java, C#, .NET, JavaScript , VB

and more!• Similar environments exist for UNIX/LINUX

MAC platforms

Multi-Language Development Environments

• For Hard-core, industrial strength web-based applications

• The right language for the right job – multiple teams of programmers for client and server sides: Java team, .NET team, JavaScript or PHP team, visual design team and more on 1 project

The Architecture of the Web

User

Client:browser Internet

HTTPServer

ScriptInterpreter(engine)

Database

Fileserver

HTMLdocument

Screen

Server

12

3

4

5

7

9

6

8

User clicks on .cgi or.asp link

Request for page

Request is routed toserver anywhere in the world

‘web server’ receives request for page

Retrieves page from file server

Recognizes .asp asCGI script for Script engine

Interpreter may readand write to database10

Interpreter generates HTML document

Server sends generated document to source of the original request

Generated documentsent to HTTP server

HTML interpreterin browser formatsand displays HTMLdocument.

CSS interpreted here.

TOOLS FOR WEB SITE OPTIMIZATI ON

• Metatags, titles, page contents• Identify market niches• Offer expertise• Get linked up• Buy ads• Local e-commerce

TOOLS FOR INTERACTIVITY AND ACTIVE CONTENT

Common Gateway Interface (CGI)

• A set of standards for communication between a browser and a program running on a server that allows for interaction between the user and the server

Active Server Pages (ASP)

• Active Server Pages (ASP) a proprietary software development tool that enables programmers using Microsoft’s IIS package to build dynamic pages

Java, Java Server Pages (JSP), and JavaScript

• Java a programming language that allows programmers to create interactivity and active content on the client computer, thereby saving considerable load on the server

Java Server Pages (JSP)

• Java Server Pages (JSP) like CGI and ASP, a Web page coding standard that allows developers to dynamically generate Web pages in response to user requests

JavaScript

• JavaScript a programming language invented by Netscape that is used to control the objects on an HTML page and handle interactions with the browser

Few More

• ActiveX a programming language created by Microsoft to compete with Java

• VBScript a programming language invented by Microsoft to compete with JavaScript

• ColdFusion an integrated server-side environment for developing interactive Web applications

OPEN SOURCE TOOLS