Transcript eCommerce – Workshop #1

Tour IX:
e-Business Development
E. Widodo
e-
2
Objectives
• Know technical aspect in corresponding to eBusiness system solution development
• Able to select appropriate technology to
perform such development
e-
Contents
3
• Intro
• Markup language
– Static
– Dynamic
• Web page editor
• Online database
e-
4
e-
Intro (What are needed?)
5
e-
Intro (What else?)
6
Markup Language
• Markup Language: a way to combine a text and extra
information about it. The extra information, including
structure, layout, or other information, is expressed using
markup by means of tag.
• Tag: a mark to distinguish text, images, and other
objects’ properties by using delimiters.
• Delimiters: a series of characters used to give special
mark for a part of web page.
e-
7
Markup Language
• Brief history:
– SGML (1986)
– HTML (1991)
– XML (1996)
– XHTML (2000)
– RSS (2003)
• Regarding its context with e-Business, it can be divided
into providing:
– Static web page: identical view every time the page is
loaded.
– Dynamic web page: various view of page in which
depend on user preferences and environment
constraint.
e-
8
e-
Static web page
Basic components
9
•
•
•
•
•
•
•
e-
Text formatting
Lists
Graphics
Links
Tables
Forms
Page layout
10
e-
Static web example
11
e-
Its corresponding HTML
12
e-
Dynamic web page
• DHTML: a collection of technologies used together to
create interactive and animated web sites by using a
combination of:
– a static markup language (mainly HTML)
– a client-side scripting language (such as JavaScript)
– a presentation definition language (Cascading Style
Sheets, CSS)
– and the Document Object Model (DOM)
• Note:
– Javascript: user/browser-based scripting language
(originally developed by Netscape) for web
development that uses object model.
– CSS: presentation framework to create specially
design interface and its object for particular user
– DOM: tool that enables web developer to “get” and
“set” properties of different document object.
13
Dynamic web page
• DHTML webpage is any webpage in which client-side
scripting changes variables of the presentation definition
language, which in turn affects the look and function of
otherwise static HTML page content.
• The dynamic characteristic of DHTML is the way it
functions while a page is viewed, not in its ability to
generate a unique page with each page load.
• By contrast, a dynamic web page is a broader concept —
any web page generated differently for each user, load
occurrence, or specific variable values. This includes
pages created by client side scripting, and ones created
by server-side scripting (such as ASP, PHP or Perl) where
the web server generates content before sending it to the
client.
e-
14
Dynamic presentation workflow
Client/user operation
HTML <form>
input
Javascript
validation
HTML <form>
posted
Server operation
ASP, PHP, or Perl based
scripts starts
e-
Presentation
sent to user
Presentation
posted to user
15
Server-based scripting language
• Perl (Practical Education and Report Language): pioneer
scripting language that produce famous CGI scripts as
interactivity media through web.
• ASP (Active Server Pages): Microsoft developed
technology that can be used fro dynamic web pages,
often related to database query and retrieval.
• PHP (Personal Home Page  Hypertext Preprocessor):
general-purpose scripting language that is especially
suited for web development and can be embedded into
HTML, primarily acts as a filter by means:
– takes input from a file or stream containing text and
special PHP instructions
– create outputs another stream of data for users to
display, customize and extend for their own use .
e-
16
e-
Dynamic web example
17
e-
Its corresponding HTML
18
Web page editor
• Notepad
• MS Word
• Macromedia Dreamweaver
e-
Troublesome Costly
19
e-
Online database
• Online database: database which is accessible via a
network, now generally the internet. It differs from a
local database which held in an individual computer or its
attached storage.
• Example: Oracle, DB2, Microsoft Access, Microsoft SQL
Server, PostgreSQL, MySQL, and Sybase ASE.
• In practice, they are usually incorporated with serverside scripting language, such as:
– MS Access with ASP
– MySQL with PHP
• Its DBMS (Database Management System) consists of:
– Modeling language (Hierarchy, Network, Relation)
– Data structure (table, field, record)
– Query language
– Transaction mechanism (integrity, concurrency, fault
tolerance)
20
e-
Simple technique
• Develop your web page(s), even using MS Word 7.0 to
create .html or .htm format.
– Sound: Insert  Object  Wave Sound
– Picture: Insert  Picture
– Link: Insert  Hyperlink
– File  Save As  Save as type  Web page
• To manage complex web pages, use MS Fontpage or
other specially designed Web Design/Program IDE.
• Choose remote server. There exist some free one
(geocities.com)
• Send your .html or .htm to that server by using server
facility. If it is not available, use conventional method
FTP. It can be accessed from MS DOS prompt by typing
“ftp”.
9th week souvenir
21
Task 1:
Prepare an adequate but concise presentation
about your group system solution development
phase. It may consists of:
1. Tools used
2. Problems
3. Overcoming solutions
e-