1

Software Programming and Web Applications

Comic: http://www.sepguy.com

NBMeans pay close attention!

2

Information Systems

• System– A collection of pieces working together to

achieve a common goal. • System development life cycle (SDLC)

– An organized process (or set of steps) used to develop systems in an orderly fashion.

NB

3

System Development Life Cycle

Problem/ Opportunity Identification

Analysis

DesignDevelopment

Testing &

Installation Maintenance &

Evaluation

System Development Life Cycle

NB

Note: MM1A03 Your web site can be considered a “system” although we are focusing here more on development of a software like Dreamweaver.

4

Navigation Design • A detailed plan for programmers is developed• Flowcharts and data-flow diagrams are used for the

current and proposed system• Document the design

Data-flow diagram Flowchart

NB

5

The Life Cycle of a Program• Programming is the process of translating a

task into a series of commands a computer will use to perform that task

• Programming involves:– Identifying the parts of a task the computer can

perform– Describing tasks in a specific and complete

manner– Translating the tasks into a language that is

understood by the computer’s CPU

NB

6

Program Development Life Cycle

Step 5Finishing the Project

Step 4Debugging

Step 3Coding

Step 2Making a Plan

Step 1Describing the Problem

NB

7

Programming Languages• Selecting the right language:

– Space available

– Speed required– Organizational resources available

– Type of target application

Visual Basic

C / C++Java

Python

JavaScriptVBScript

ASP / JSP

HTMLFlash /

XML CSS

NB

8

Visual Basic • Used to build

Windows applications

• Object-oriented language

• Visual Basic 2005 is the current version

Sample Visual Basic

NB

9

C and C++

• C– Developed for system

programmers– Combines high and low level

programming features– Modern operating systems

written in C• C++

– Uses the same features as C– Includes object-oriented

design

Sample C

Sample C++

NB

10

Java• Object-oriented features• Large set of existing classes• Architecture neutral• Java applets: Small Java-based programs

NB

11

Python• Lori says, if you wish to learn a programming

language this is the one!

• Python is a general-purpose, high-level programming language with an open, community-based development model. It is managed by the non-profit Python Software Foundation.

• Download Python from www.python.org

NB

OSI certified means “Open Source Certified”http://www.opensource.org/

12

Web Applications

• HTML/XHTML – Hypertext Markup Language/Extensible Hypertext

Markup Language– Uses special symbols (tags) to control how Web pages

are viewed

• Extensible Markup Language (XML)– Enables computers to efficiently transfer information

between Web sites

NB

13

Web Applications

–CSS Cascading Style Sheets is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.

– CSS can be used locally by the readers of web pages to define colors, fonts, layout, and other aspects of document presentation.

NB

14

Web Applications• JavaScript -- Note, different than “Java”

– Used to make Web pages more visually appealing and interactive

• VBScript– A subset of Visual Basic– Used to add interactivity to Web pages

• PHP– Another scripting language gaining popularity

• Dynamic Decision Making– Web page has the ability to display content based on user

NB

15

Web Applications

• Active Server Pages (ASP) and Java Server Pages (JSP)– Adds interactivity capabilities to Web pages

– Translates user information into a request for more information from a company’s computer

• Flash– Enables elaborate animations to be created for

Web pages

NB