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

2. 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. 3 e- Contents IntroIntro Markup languageMarkup language –Static –Dynamic Web page editorWeb page editor Online databaseOnline database

4. 4 e- Intro (What are needed?)

5. 5 e- Intro (What else?)

6. 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. 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. 8 e- Static web page

9. 9 e- Basic components Text formattingText formatting ListsLists GraphicsGraphics LinksLinks TablesTables FormsForms Page layoutPage layout

10. 10 e- Static web example

11. 11 e- Its corresponding HTML

12. 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. 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. 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. 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. 16 e- Dynamic web example

17. 17 e- Its corresponding HTML

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

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