Class

1. Website and Page development tools,
Open source tools.

2. WEBSITE AND PAGE DEVELOPMENT
TOOLS

3. 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

4. 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
Increasing
functionality

5. 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

6. 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

7. 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

8. The Architecture of the Web
User
Client:
browser Internet
HTTP
Server
Script
Interpreter
(engine)
Database
File
server
HTML
document
Screen
Server
1
2
3
4
5
7
9
6
8
User clicks
on .cgi or.asp link
Request for page
Request is routed to
server anywhere in the
world
‘web server’ receives
request for page
Retrieves page from
file server
Recognizes .asp as
CGI script for Script engine
Interpreter may read
and write to database10
Interpreter generates
HTML document
Server sends generated
document to source of the
original request
Generated document
sent to HTTP server
HTML interpreter
in browser formats
and displays HTML
document.
CSS interpreted
here.

9. TOOLS FOR WEB SITE OPTIMIZATI ON
• Metatags, titles, page contents
• Identify market niches
• Offer expertise
• Get linked up
• Buy ads
• Local e-commerce

10. TOOLS FOR INTERACTIVITY AND
ACTIVE CONTENT

11. 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

12. 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

13. 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

14. 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

15. 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

16. 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

17. OPEN SOURCE TOOLS