E- Tour IX : e-Business Development E. Widodo. 2 e- Objectives Know technical aspect in corresponding to e- Business system solution developmentKnow technical.

Slides:



Advertisements
Similar presentations
Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 11: Advanced Web Technologies.
Advertisements

Languages for Dynamic Web Documents
Project 1 Introduction to HTML.
1 Chapter 12 Working With Access 2000 on the Internet.
Chapter Concepts Review Markup Languages
15 Chapter 15 Web Database Development Database Systems: Design, Implementation, and Management, Fifth Edition, Rob and Coronel.
Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.
Introduction to Web Interface Technology (CSE2030)
IST 221 Internet Concepts and Applications Internet, WWW and HTML 1.
Introduction to Web Interface Technology (CSE2030)
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
1st Project Introduction to HTML.
2440: 141 Web Site Administration Web Server-Side Programming Professor: Enoch E. Damson.
ECA 228 Internet/Intranet Design I Intro to the Web.
ITM352 Javascript and Dynamic Web Pages: Client Side Processing.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Quick Tour of the Web Technologies: The BIG picture LECTURE A bird’s eye view of the different web technologies that we shall explore and study.
WHAT IS PHP PHP is an HTML-embedded scripting language primarily used for dynamic Web applications.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
1 Web Database Processing. Web Database Applications Static Report Publishing a report is prepared from a database application and exported to HTML DB.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Computer Concepts 2014 Chapter 7 The Web and .
CS 299 – Web Programming and Design CS299: Web Programming and Design Instructor: Dr. Fang (Daisy) Tang.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Internet Applications Notes for Chapter 19 Digital Domain, 2 ed.
Creating a Basic Web Page
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Languages in WEB Presented by: Jenisha Kshatriya BCM SS09.
Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
Server-side Scripting Powering the webs favourite services.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
Web Programming : Building Internet Applications Chris Bates CSE :
HTML PROJECT #1 Project 1 Introduction to HTML HTML Project 1: Introduction to HTML 2 Vocabulary Internet service provider (ISP) A company that has a.
Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
1 Chapter 13 Programming Languages and Program Development Tools.
IT WEB TECHNOLOGY Prepared by, K.ABINAYA Lect/IT.
1 Chapter 01: Introduction by Tharith Sriv. This course covers the following topics:  Hypertext Markup Language (HTML)  Cascading Style Sheets  JavaScript.
Producing a high-impact web experience by integrate Macromedia Flash and ASP By Katie Tuttle CS 330: Internet Architecture and Programming Project.
David Lawrence 7/8/091Intro. to PHP -- David Lawrence.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
Class 1Intro to Databases Goals of this class Understand the architecture behind web database applications Gain a basic understanding of what relational.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Creating Databases applications for the Web: week 2 Basic HTML review, forms HW: Identify unique source for asp, php, Open Source, MySql, Access.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.
Introduction to the World Wide Web & Internet CIS 101.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 13 A & B Programming Languages and the.
Web Page Designing With Dreamweaver MX\Session 1\1 of 9 Session 1 Introduction to PHP Hypertext Preprocessor - PHP.
CSE3310: Web training A JumpStart for Project. Outline Introduction to Website development Web Development Languages How to build simple Pages in PHP.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Web Page Programming Terms. Chapter 1 Objectives Describe Internet and Understand Key terms Describe World Wide Web and its Key terms Identify types and.
G046 – Lecture 2A Recognising Web-Technologies Mr C Johnston ICT Teacher
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
Web Programming Language
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Chapter 27 WWW and HTTP.
Computer communications
Presentation transcript:

e- Tour IX : e-Business Development E. Widodo

2 e- Objectives Know technical aspect in corresponding to e- Business system solution developmentKnow technical aspect in corresponding to e- Business system solution development Able to select appropriate technology to perform such developmentAble to select appropriate technology to perform such development

3 e- Contents IntroIntro Markup languageMarkup language –Static –Dynamic Web page editorWeb page editor Online databaseOnline database

4 e- Intro (What are needed?)

5 e- Intro (What else?)

6 e- 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.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.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.Delimiters: a series of characters used to give special mark for a part of web page.

7 e- Markup Language Brief history:Brief history: –SGML (1986) –HTML (1991) –XML (1996) –XHTML (2000) –RSS (2003) Regarding its context with e-Business, it can be divided into providing: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.

8 e- Static web page

9 e- Basic components Text formattingText formatting ListsLists GraphicsGraphics LinksLinks TablesTables FormsForms Page layoutPage 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: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: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 e- 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.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.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.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.

14 e- Dynamic presentation workflow HTML HTML inputJavascriptvalidation postedPresentation posted to user Client/user operation Server operation ASP, PHP, or Perl based scripts starts Presentation sent to user

15 e- Server-based scripting language Perl (Practical Education and Report Language): pioneer scripting language that produce famous CGI scripts as interactivity media through web.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.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: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.

16 e- Dynamic web example

17 e- Its corresponding HTML

18 e- Web page editor NotepadNotepad MS WordMS Word Macromedia DreamweaverMacromedia Dreamweaver CostlyTroublesome

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.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.Example: Oracle, DB2, Microsoft Access, Microsoft SQL Server, PostgreSQL, MySQL, and Sybase ASE. In practice, they are usually incorporated with server- side scripting language, such as:In practice, they are usually incorporated with server- side scripting language, such as: –MS Access with ASP –MySQL with PHP Its DBMS (Database Management System) consists of: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.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.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)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”.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”.

21 e- 9 th week souvenir 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