Jumat, 10 Februari 2012
Kamis, 09 Februari 2012
Introduction
XML is a new type of language which has been developed for the web which is different to any other type of scripting or programming language available before. Instead of being concerned with the processing and display of data, XML's primary purpose is to tell the computer what data entered actually means.
The Two Problems
There are two main reasons for the development of XML:
What Is XML?
So what actually is XML? The thing about it which people find the most difficult to understand is that XML does not actually do anything. XML is not a way to design your home page and it won't change the way in which you build sites. This has made many people believe that XML is useless, as they can't see a way that it will benefit them. XML has a wide variety of benefits though, two of which were outlined above.
The real use of XML, though, is to describe data. It is used, in a similar way in which HTML is, except for the fact that there is a major difference between the two:
HTML is used to describe how data is formatted.
XML is used to describe what data actually means.
The Language
As mentioned above, XML looks, and is structured very similarly to HTML. They both use the system where tags are used to enclose the data they refer to. They both can use nested tags and both can also have attributes added to their tags.
The most revolutionary thing about XML, though is that you are not restricted to just using the normal, pre-defined tags like font and br. Instead you are responsible for making up the tags yourself. You can name them anything you like and can use them to represent anything you like. This is a feature which cannot be found in any other scripting language on the web.
Is It Difficult To Learn?
The answer to this, in short, is no. The only thing you have to learn about XML is how to structure your tags, and they are in fact almost identical to HTML tags. Most of it is just logical thinking. Before learning XML it is important that you already know HTML. It is also useful if you know a web scripting language such as PHP, ASP or JavaScript. If you do not yet know these try some of the tutorials on the site. If you are looking to be able to format a web page, not describe data, you will be better of learning XHTML, the new standard replacing H
TML.
Part 2
Introduction
As you will have read in part I, the way in which XML is written is very similar to HTML. They both use the same system of enclosing pieces of information or data in tags to apply formatting (in the case of HTML or data rules (in the case of XML) to it.
XML Tags
The tags used in XML, as well as being very similar in construction to HTML, also look like HTML tags. They are formed by a word (or a number of words) enclosed inside <> and </> signs. Just like, for example the <font></font> tag in HTML. The difference, of course, though is that XML tags are not pre-defined like HTML ones are. An example could be the XML tag <message> and the end tag </message> which could be used to enclose an e-mail message stored on a web based e-mail system.
Nesting And Structure
Much like HTML tags, XML tags can be nested. Using the example of the e-mail above, this is a piece of XML code:
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@xml.org</to>
<subject>Comments on XML</subject>
</header>
<body>
I think that XML has great potential. It will work very well and will help many people to make much better use of the internet.
</body>
</message>
As you can see. this piece of code includes nested tags. The first element (tag) in the XML code is the <message> element. This is what is called the root element. It defines the bottom level of the document and is saying 'This is an e-mail message'. All the other tags are nested inside this <message> tag. The next tag which appears is the <header> tag. This is saying that the information contained within it is the e-mail header. This also has nested tags. for example the <subject> tag, which appears as part of the header tag. as the subject is part of the header. Something which is often done in HTML is incorrect nesting. For example: the code: <b><i>Bold and italic</b></i> would work correctly in a web browser. even though the italic tags should both be inside the bold tags. This must not be done in XML. It is very important that all XML tags are correctly nested.
XML Correctness
Another point which should be brought up now, is the strictness of XML when writing code. The whole idea of XML is that it should be independent of the platform it is running on. The same code should run the same way on a PC, a Mac, a mobile phone and even a toaster. As XML does not actually do anything (it is just a language for defining data), it is up to software developers to make software to use this data on a particular platform. This means that it is important that all XML code is structured the same way, so that software can easily be developed. Because of this requirement for correct code, it has been decided (and is now a standard) that if any mistakes (for example incorrectly nested tags) are found in XML code, it will not execute, and will just give an error message. This means that when writing XML, you must be very careful about correct syntax.
Declaring XML
The final part of the XML syntax you should learn just now is how to declare an XML document. The correct way of doing this is to use the tag:
<?xml version="1.0"?>
This tells whatever software receives this data that you are writing XML and that it should match the specification for version 1.0. As this is not actually an XML tag it does not require a closing tag.
Part 3
In part 3 I will explain further about how an XML document is displayed by the browser and how to make an XML file.
Introduction
Now you should know what XML is for and how to write a basic XML document. In this part I will show you how to create a full XML document and load it in a browser, as well and the different ways it can be displayed.
Making The Document
Creating your XML document is as easy as making an HTML page. All you need is a text editor (for example Notepad). Create a new document and enter the XML document into it, for example, the e-mail message from part 2:
<?xml version="1.0"?>
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@xml.org</to>
<subject>Comments on XML</subject>
</header>
<body>
I think that XML has great potential. It will work very well and will help many people to make much better use of the internet.
</body>
</message>
Then, all you have to do is to save the document with a .xml extension. Now, try loading this file in your browser.
Click Here To Load The File
This is probably quite a surprising result, whatever browser you are using. I will now cover the results for both Internet Explorer and Netscape/Mozilla.
XML In Internet Explorer
Internet Explorer is probably one of the best browsers for viewing XML pages. It provides a hierarchical display of the XML file, color coding the elements and allowing you to expand and collapse the nested elements.
If you don't have Internet Explorer you can see what it looks like in the image below (without the collapsable elements, though).
This is proably quite surpising to see, as it doesn't look like any other web page you will have seen before. You may also be surprised that you can't really do much, but this is exactly what XML is. Some sort of program or code must be written to process the data.
Netscape/Mozilla
The Mozilla and Netscape browsers are not as good as Internet Explorer at supporting XML. Mozilla, for example, presents the XML data as plain text:
This is also a valid display of XML, because, as you will have noticed from the code above, there is really no way to tell the browser how to display the data, so it just shows it as plain text.
Which Is Best?
Probably the best way to develop your XML files is to use Internet Explorer. Apart from the fact that it will provide you with a nicely formatted version of your XML file, it also has another benefit. If there is an error in your XML file, Internet Explorer provides a helpful message telling you exactly where the error is and displaying the incorrect piece of code. The latest version of Mozilla will also do this, although its XML formatting is not as good.
How Can I Guarantee The User Will See The Page?
This is the major problem with XML. With so many browsers around there is no way to guarantee that your data will be displayed the way you want it (which is the reason why there are images of the output in this tutorial). Luckily, there are very few occasions where you will want your users to see the raw XML data, and in most cases a piece of software or a script will process the data first. For now, processing the data first is really the best course of action to take.
Part 4
In part 4 I will show you how to format the XML output in the browser.
Introduction
As you will have seen in the last part of the tutorial, browsers are not particularly good at formatting XML, and only the very latest browsers support it at all. Although most of the time XML will be used to define data, not to display it, there may be occasions where you decide that you want to format the XML data for viewing. There are three main ways of doing this.
CSS
Cascading Style Sheets (CSS) are one of the more recent web technologies, and are used extensively for formatting standard HTML pages. If you would like to find out more about Cascading Style Sheets read the tutorial on Free Webmaster Help (see related links).
CSS can also be used to format XML documents, though. CSS can 'redefine' HTML tags, allowing them to be presented in different ways. Similarly, it can be used to define how XML tags are displayed. In this section of the tutorial, I will be using an expanded version of my earlier e-mail example:
<email>
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@xml.org</to>
<subject>Comments on XML</subject>
</header>
<body>
I think that XML has great potential. It will work very well and will help many people to make much better use of the internet.
</body>
</message>
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@goodsite.com</to>
<subject>An excellent site</subject>
</header>
<body>
I have just visited your site and I think it is amazing. Keep up the good work!
</body>
</message>
</email>
If I wanted to display this on a web page, I could use the following CSS code:
email
{
background-color: #ffffff;
width: 100%;
}
message
{
display: block;
background-color: #DDDDDD;
margin-bottom: 30pt;
}
header
{
display: block;
background-color: #999999;
margin-bottom: 10pt;
}
from
{
display: block;
color: #0000FF;
font-size: 12pt;
}
to
{
display: block;
color: #FF0000;
font-size: 12pt;
}
subject
{
display: block;
font-size: 14pt;
font-weight: bold;
}
body
{
display: block;
font size: 12pt;
}
There may be a few pieces of code here that are unfamiliar, so I will just cover them. display: block; is important as it tells the system to display the data inside this tag as a block on the page, and most importantly, taking a new line after it. This is also related to the margin-bottom declaration, which allows a space after pieces of data have been displayed.
The actual format of this CSS code is quite simple, though. The XML element name is given, followed by the formatting data inside curly brackets { }. The easiest way to use this with your code is to save it as a .css file (which is just a plain text file, which can be made in any text editor.
Finally, add the following to the beginning of the XML code:
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="estyle.css"?>
The first line is the standard declaration of the XML document. The second line points to the stylesheet which will format this document (in this case estyle.css).
You can click here to see the output of this (only recent browsers will support this).
XSL
XSL stands for eXstensible Stylesheet Language, and is a new language developed to format XML docuements. For this example, I will use the same XML code from above.
To format the code, you must create an XSL stylesheet. Although XSL is a language in itself, I will just cover the basics here. The following code goes in a file estyle.xsl:
<?xml version="1.0"?>
<HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<BODY STYLE="font-family:Arial, helvetica, sans-serif; font-size:12pt;
background
-color:#FFFFFF">
<xsl:for-each select="email/message">
<xsl:for-each select="header">
<DIV STYLE="background-color:#EEEEEE; padding:4px">
<SPAN STYLE="color:black">To: <xsl:value-of select="to"/></SPAN>
</DIV>
<DIV STYLE="background-color:#EEEEEE; padding:4px">
<SPAN STYLE="color:black">From: <xsl:value-of select="from"/></SPAN>
</DIV>
<DIV STYLE="background-color:#EEEEEE; padding:4px">
<SPAN STYLE="font-weight: bold; color:black"><xsl:value-of select="subject"/></SPAN>
</DIV>
</xsl:for-each>
<DIV STYLE="margin-left:20px; margin-bottom:1em; font-size:10pt">
<xsl:value-of select="body"/>
</DIV>
</xsl:for-each>
</BODY>
</HTML>
At first glance it looks very strange, but really it is just HTML DIV and SPAN tags, combined with a little XSL code. I won't cover DIV and SPAN tags fully here, as this is not an HTML tutorial, but the basics of them are that you are assigning areas of the page which contain formatting. The XSL document is really just an HTML page with a bit of XSL code added to it. For anyone who has used PHP or another scripting language to output HTML, this will all be quite familiar. The actual XSL is as follows:
<?xml version="1.0"?>
<HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl">
This is the standard header for an XSL document.
<xsl:for-each select="email/message">
This works just like a for loop in a scripting or programming language. It tells the browser to loop through all the items <message> inside the <email> tag.
<xsl:for-each select="header">
This is another for loop to go through all the occurences of the <header> tag inside the <message> tag. In this example of code, there is only one <header> for each message, but this code needs to be included so that the browser looks inside the <header> tag.
To: <xsl:value-of select="to"/>
This is probably the best feature of XSL over CSS. You will have noticed that in the CSS formatted document, all I could do was to display the e-mail addresses at the top of the message. Using XSL (as it is really just an HTML document with extra coding in it), I can tell the browser to output To: before the value. The second part of this line tells the browser to output the value of the tag <to> in the position of the XSL tag.
</xsl:for-each>
This is the end of the loop through the header. At this point the browser looks to see if there is another <header> in the <message> section of the document. As there is not, it continues.
</xsl:for-each>
The second occurance of this tag tells the browser to loop through to the next <message> tag. As you can see, it can get difficult to follow your nested loops like this, so often it is helpful to indent your code.
Finally, add the following to your XML code:
<?xml version="1.0"?>
<?xml:stylesheet type="text/xsl" href="estyle.xsl" ?>
As with the CSS, this tells the browser to look for the XSL file estyle.xsl to get formatting details.
You can view the output of these files here.
Data Islands
Another way of formatting XML is to use Data Islands. Currently, only Internet Explorer 5 and upwards support this, and it is an unofficial standard. Again, I will use the same XML to demonstrate this. Using this method, you use the unofficial <xml> tag in a normal HTML document. You can either surround your XML data with <xml> and </xml> or you can embed a remote file.
To embed data straight into the file you use the folloing format:
<xml id="emails">
XML code goes in here but without first declaration line
</xml>
To embed XML from a remote file use:
<xml id="emails" src="emails.xml">
</xml>
As you will have noticed, you must give an ID to your XML.
Now you have got the XML da
ta into the file, you can format it by normal HTML, but using <span> tags to insert particular fields. This is an example of formatting the e-mail file:
<html>
<body>
<xml id="emails" src="emaildata.xml"></xml>
<table bgcolor= "#EEEEEE" border="0" datasrc="#emails">
<tr bgcolor="#CCCCCC"><td>To: <span datafld="to"></span></td></tr>
<tr bgcolor="#CCCCCC"><td>From: <span datafld="from"></span></td></tr>
<tr bgcolor="#CCCCCC"><td><b>Subject: <span datafld="subject"></span></b></td></tr>
<tr><td><span datafld="body"></span></td></tr>
</table>
</body>
Although I used the same XML data for this as for all the others, I removed the <header> item as the data objects only appear to work on the first level of the document.
You can view the result here.
XML is a new type of language which has been developed for the web which is different to any other type of scripting or programming language available before. Instead of being concerned with the processing and display of data, XML's primary purpose is to tell the computer what data entered actually means.
The Two Problems
There are two main reasons for the development of XML:
- Computers do not understand the information placed in them.. For example there is no way for a search engine, or any other computer,
to know that this is page contains the introduction part of an XML tutorial. All it is is a collection of letters and numbers, with HTML formatting around it. The computer cannot even tell what on this page is a heading, what is text and what is an advert. This is the main problem which XML was designed to overcome. If a page or document is written in XML, a computer can understand exactly what it is about. As will probably be obvious, this has very major implications for search engine technology. If a search engine knew exactly what was on a page, it would be able to instantly provide the exact results a person was looking for, with no inaccurate matches and no half-relevant pages. This is just the revolution the over-bloated web needs. - Web pages are not compatible across different devices. One of the major difficulties that web designers have today is that people are now accessing the pages from a variety of different devices. PCs, Macs, mobile phones, palmtop computers and even televisions. Because of this, web designers must now either produce their pages in several different formats to cope with this, or they must cut back on the design in order to have the page compatible across the different formats. Because XML is used to define what data means and not how it is displayed, it makes it very easy to use the same data on several different platforms.
What Is XML?
So what actually is XML? The thing about it which people find the most difficult to understand is that XML does not actually do anything. XML is not a way to design your home page and it won't change the way in which you build sites. This has made many people believe that XML is useless, as they can't see a way that it will benefit them. XML has a wide variety of benefits though, two of which were outlined above.
The real use of XML, though, is to describe data. It is used, in a similar way in which HTML is, except for the fact that there is a major difference between the two:
HTML is used to describe how data is formatted.
XML is used to describe what data actually means.
The Language
As mentioned above, XML looks, and is structured very similarly to HTML. They both use the system where tags are used to enclose the data they refer to. They both can use nested tags and both can also have attributes added to their tags.
The most revolutionary thing about XML, though is that you are not restricted to just using the normal, pre-defined tags like font and br. Instead you are responsible for making up the tags yourself. You can name them anything you like and can use them to represent anything you like. This is a feature which cannot be found in any other scripting language on the web.
Is It Difficult To Learn?
The answer to this, in short, is no. The only thing you have to learn about XML is how to structure your tags, and they are in fact almost identical to HTML tags. Most of it is just logical thinking. Before learning XML it is important that you already know HTML. It is also useful if you know a web scripting language such as PHP, ASP or JavaScript. If you do not yet know these try some of the tutorials on the site. If you are looking to be able to format a web page, not describe data, you will be better of learning XHTML, the new standard replacing H
TML.
Part 2
Introduction
As you will have read in part I, the way in which XML is written is very similar to HTML. They both use the same system of enclosing pieces of information or data in tags to apply formatting (in the case of HTML or data rules (in the case of XML) to it.
XML Tags
The tags used in XML, as well as being very similar in construction to HTML, also look like HTML tags. They are formed by a word (or a number of words) enclosed inside <> and </> signs. Just like, for example the <font></font> tag in HTML. The difference, of course, though is that XML tags are not pre-defined like HTML ones are. An example could be the XML tag <message> and the end tag </message> which could be used to enclose an e-mail message stored on a web based e-mail system.
Nesting And Structure
Much like HTML tags, XML tags can be nested. Using the example of the e-mail above, this is a piece of XML code:
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@xml.org</to>
<subject>Comments on XML</subject>
</header>
<body>
I think that XML has great potential. It will work very well and will help many people to make much better use of the internet.
</body>
</message>
As you can see. this piece of code includes nested tags. The first element (tag) in the XML code is the <message> element. This is what is called the root element. It defines the bottom level of the document and is saying 'This is an e-mail message'. All the other tags are nested inside this <message> tag. The next tag which appears is the <header> tag. This is saying that the information contained within it is the e-mail header. This also has nested tags. for example the <subject> tag, which appears as part of the header tag. as the subject is part of the header. Something which is often done in HTML is incorrect nesting. For example: the code: <b><i>Bold and italic</b></i> would work correctly in a web browser. even though the italic tags should both be inside the bold tags. This must not be done in XML. It is very important that all XML tags are correctly nested.
XML Correctness
Another point which should be brought up now, is the strictness of XML when writing code. The whole idea of XML is that it should be independent of the platform it is running on. The same code should run the same way on a PC, a Mac, a mobile phone and even a toaster. As XML does not actually do anything (it is just a language for defining data), it is up to software developers to make software to use this data on a particular platform. This means that it is important that all XML code is structured the same way, so that software can easily be developed. Because of this requirement for correct code, it has been decided (and is now a standard) that if any mistakes (for example incorrectly nested tags) are found in XML code, it will not execute, and will just give an error message. This means that when writing XML, you must be very careful about correct syntax.
Declaring XML
The final part of the XML syntax you should learn just now is how to declare an XML document. The correct way of doing this is to use the tag:
<?xml version="1.0"?>
This tells whatever software receives this data that you are writing XML and that it should match the specification for version 1.0. As this is not actually an XML tag it does not require a closing tag.
Part 3
In part 3 I will explain further about how an XML document is displayed by the browser and how to make an XML file.
Introduction
Now you should know what XML is for and how to write a basic XML document. In this part I will show you how to create a full XML document and load it in a browser, as well and the different ways it can be displayed.
Making The Document
Creating your XML document is as easy as making an HTML page. All you need is a text editor (for example Notepad). Create a new document and enter the XML document into it, for example, the e-mail message from part 2:
<?xml version="1.0"?>
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@xml.org</to>
<subject>Comments on XML</subject>
</header>
<body>
I think that XML has great potential. It will work very well and will help many people to make much better use of the internet.
</body>
</message>
Then, all you have to do is to save the document with a .xml extension. Now, try loading this file in your browser.
Click Here To Load The File
This is probably quite a surprising result, whatever browser you are using. I will now cover the results for both Internet Explorer and Netscape/Mozilla.
XML In Internet Explorer
Internet Explorer is probably one of the best browsers for viewing XML pages. It provides a hierarchical display of the XML file, color coding the elements and allowing you to expand and collapse the nested elements.
If you don't have Internet Explorer you can see what it looks like in the image below (without the collapsable elements, though).
This is proably quite surpising to see, as it doesn't look like any other web page you will have seen before. You may also be surprised that you can't really do much, but this is exactly what XML is. Some sort of program or code must be written to process the data.
Netscape/Mozilla
The Mozilla and Netscape browsers are not as good as Internet Explorer at supporting XML. Mozilla, for example, presents the XML data as plain text:
This is also a valid display of XML, because, as you will have noticed from the code above, there is really no way to tell the browser how to display the data, so it just shows it as plain text.
Which Is Best?
Probably the best way to develop your XML files is to use Internet Explorer. Apart from the fact that it will provide you with a nicely formatted version of your XML file, it also has another benefit. If there is an error in your XML file, Internet Explorer provides a helpful message telling you exactly where the error is and displaying the incorrect piece of code. The latest version of Mozilla will also do this, although its XML formatting is not as good.
How Can I Guarantee The User Will See The Page?
This is the major problem with XML. With so many browsers around there is no way to guarantee that your data will be displayed the way you want it (which is the reason why there are images of the output in this tutorial). Luckily, there are very few occasions where you will want your users to see the raw XML data, and in most cases a piece of software or a script will process the data first. For now, processing the data first is really the best course of action to take.
Part 4
In part 4 I will show you how to format the XML output in the browser.
Introduction
As you will have seen in the last part of the tutorial, browsers are not particularly good at formatting XML, and only the very latest browsers support it at all. Although most of the time XML will be used to define data, not to display it, there may be occasions where you decide that you want to format the XML data for viewing. There are three main ways of doing this.
CSS
Cascading Style Sheets (CSS) are one of the more recent web technologies, and are used extensively for formatting standard HTML pages. If you would like to find out more about Cascading Style Sheets read the tutorial on Free Webmaster Help (see related links).
CSS can also be used to format XML documents, though. CSS can 'redefine' HTML tags, allowing them to be presented in different ways. Similarly, it can be used to define how XML tags are displayed. In this section of the tutorial, I will be using an expanded version of my earlier e-mail example:
<email>
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@xml.org</to>
<subject>Comments on XML</subject>
</header>
<body>
I think that XML has great potential. It will work very well and will help many people to make much better use of the internet.
</body>
</message>
<message>
<header>
<from>webmaster@gowansnet.com</from>
<to>webmaster@goodsite.com</to>
<subject>An excellent site</subject>
</header>
<body>
I have just visited your site and I think it is amazing. Keep up the good work!
</body>
</message>
</email>
If I wanted to display this on a web page, I could use the following CSS code:
{
background-color: #ffffff;
width: 100%;
}
message
{
display: block;
background-color: #DDDDDD;
margin-bottom: 30pt;
}
header
{
display: block;
background-color: #999999;
margin-bottom: 10pt;
}
from
{
display: block;
color: #0000FF;
font-size: 12pt;
}
to
{
display: block;
color: #FF0000;
font-size: 12pt;
}
subject
{
display: block;
font-size: 14pt;
font-weight: bold;
}
body
{
display: block;
font size: 12pt;
}
There may be a few pieces of code here that are unfamiliar, so I will just cover them. display: block; is important as it tells the system to display the data inside this tag as a block on the page, and most importantly, taking a new line after it. This is also related to the margin-bottom declaration, which allows a space after pieces of data have been displayed.
The actual format of this CSS code is quite simple, though. The XML element name is given, followed by the formatting data inside curly brackets { }. The easiest way to use this with your code is to save it as a .css file (which is just a plain text file, which can be made in any text editor.
Finally, add the following to the beginning of the XML code:
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="estyle.css"?>
The first line is the standard declaration of the XML document. The second line points to the stylesheet which will format this document (in this case estyle.css).
You can click here to see the output of this (only recent browsers will support this).
XSL
XSL stands for eXstensible Stylesheet Language, and is a new language developed to format XML docuements. For this example, I will use the same XML code from above.
To format the code, you must create an XSL stylesheet. Although XSL is a language in itself, I will just cover the basics here. The following code goes in a file estyle.xsl:
<?xml version="1.0"?>
<HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl">
<BODY STYLE="font-family:Arial, helvetica, sans-serif; font-size:12pt;
background
-color:#FFFFFF">
<xsl:for-each select="email/message">
<xsl:for-each select="header">
<DIV STYLE="background-color:#EEEEEE; padding:4px">
<SPAN STYLE="color:black">To: <xsl:value-of select="to"/></SPAN>
</DIV>
<DIV STYLE="background-color:#EEEEEE; padding:4px">
<SPAN STYLE="color:black">From: <xsl:value-of select="from"/></SPAN>
</DIV>
<DIV STYLE="background-color:#EEEEEE; padding:4px">
<SPAN STYLE="font-weight: bold; color:black"><xsl:value-of select="subject"/></SPAN>
</DIV>
</xsl:for-each>
<DIV STYLE="margin-left:20px; margin-bottom:1em; font-size:10pt">
<xsl:value-of select="body"/>
</DIV>
</xsl:for-each>
</BODY>
</HTML>
At first glance it looks very strange, but really it is just HTML DIV and SPAN tags, combined with a little XSL code. I won't cover DIV and SPAN tags fully here, as this is not an HTML tutorial, but the basics of them are that you are assigning areas of the page which contain formatting. The XSL document is really just an HTML page with a bit of XSL code added to it. For anyone who has used PHP or another scripting language to output HTML, this will all be quite familiar. The actual XSL is as follows:
<?xml version="1.0"?>
<HTML xmlns:xsl="http://www.w3.org/TR/WD-xsl">
This is the standard header for an XSL document.
<xsl:for-each select="email/message">
This works just like a for loop in a scripting or programming language. It tells the browser to loop through all the items <message> inside the <email> tag.
<xsl:for-each select="header">
This is another for loop to go through all the occurences of the <header> tag inside the <message> tag. In this example of code, there is only one <header> for each message, but this code needs to be included so that the browser looks inside the <header> tag.
To: <xsl:value-of select="to"/>
This is probably the best feature of XSL over CSS. You will have noticed that in the CSS formatted document, all I could do was to display the e-mail addresses at the top of the message. Using XSL (as it is really just an HTML document with extra coding in it), I can tell the browser to output To: before the value. The second part of this line tells the browser to output the value of the tag <to> in the position of the XSL tag.
</xsl:for-each>
This is the end of the loop through the header. At this point the browser looks to see if there is another <header> in the <message> section of the document. As there is not, it continues.
</xsl:for-each>
The second occurance of this tag tells the browser to loop through to the next <message> tag. As you can see, it can get difficult to follow your nested loops like this, so often it is helpful to indent your code.
Finally, add the following to your XML code:
<?xml version="1.0"?>
<?xml:stylesheet type="text/xsl" href="estyle.xsl" ?>
As with the CSS, this tells the browser to look for the XSL file estyle.xsl to get formatting details.
You can view the output of these files here.
Data Islands
Another way of formatting XML is to use Data Islands. Currently, only Internet Explorer 5 and upwards support this, and it is an unofficial standard. Again, I will use the same XML to demonstrate this. Using this method, you use the unofficial <xml> tag in a normal HTML document. You can either surround your XML data with <xml> and </xml> or you can embed a remote file.
To embed data straight into the file you use the folloing format:
<xml id="emails">
XML code goes in here but without first declaration line
</xml>
To embed XML from a remote file use:
<xml id="emails" src="emails.xml">
</xml>
As you will have noticed, you must give an ID to your XML.
Now you have got the XML da
ta into the file, you can format it by normal HTML, but using <span> tags to insert particular fields. This is an example of formatting the e-mail file:
<html>
<body>
<xml id="emails" src="emaildata.xml"></xml>
<table bgcolor= "#EEEEEE" border="0" datasrc="#emails">
<tr bgcolor="#CCCCCC"><td>To: <span datafld="to"></span></td></tr>
<tr bgcolor="#CCCCCC"><td>From: <span datafld="from"></span></td></tr>
<tr bgcolor="#CCCCCC"><td><b>Subject: <span datafld="subject"></span></b></td></tr>
<tr><td><span datafld="body"></span></td></tr>
</table>
</body>
Although I used the same XML data for this as for all the others, I removed the <header> item as the data objects only appear to work on the first level of the document.
You can view the result here.
Tutorial XMI
Pengenalan
Extensible Markup Language adalah bahasa yang direkomendasikan oleh W3C yang dibuat untuk bertukar informasi diantara sistem yang berbeda. Ia adalah cara berbasis teks untuk menyimpan informasi. Bahasa pertukaran data modern seperti misalnya XHTML, juga umumnya teknologi WebServices, berbasiskan pada XML.
Saat ini ada satu set unit yang menyediakan dukungan untuk XML pada Free Pascal. Unit ini disebut "XMLRead", "XMLWrite" dan "DOM" dan ketiganya adalah bagian dari Free Component Library (FCL) dari Free Pascal Compiler. FCL sudah pada path pencarian standar untuk kompilator pada Lazarus, maka Anda hanya perlu menambahkan unit ke klausul uses Anda untuk mendapatkan dukungan XML. FCL saat ini tidak didokumentasikan (Oktober / 2005), maka ini semacam tutorial yang bertujuan untuk memperkenalkan akses XML menggunakan unit-unit tersebut.
XML DOM (Document Object Model) adalah satu set obyek yang distandarisasi yang menyediakan antarmuka untuk pemakaian XML pada beberapa sistem dan bahasa yang berbeda. Standar hanya menetapkan metode, properti dan bagian antarmuka lain terhadap obyek, membiarkan implementasi bebas untuk bahasa yang berbeda. FCL saat ini mendukung penuh XML DOM 1.0.
[edit]Contoh
Di bawah ada daftar contoh manipulasi data XML dengan perkembangan yang kompleks.
[edit]Membaca node teks
Untuk Pemrogram Delphi: Catatan bahwa saat bekerja dengan TXMLDocument, teks di dalam sebuah Node dianggap sebagai Node TEXT terpisah. Hasilnya, Anda harus mengakses nilai teks node sebagai node terpisah. Alternatif lain, properti TextContent dapat dipakai untuk mengambil isi dari semua node teks di bawahnya, digabung bersamaan.
Prosedur ReadXMLFile selalu membuat TXMLDocument baru, maka Anda tidak harus membuat sebelumnya. Akan tetapi, pastikan untuk membersihkan dokumen dengan memanggil Free ketika Anda selesai.
Sebagai contoh, pertimbangkan XML berikut:
<?xml version="1.0"?> <request> <request_type>PUT_FILE</request_type> <username>123</username> <password>abc</password> </request>
Contoh kode berikut menampilkan cara yang benar dan salah atas mendapatkan nilai node teks:
var PassNode: TDOMNode; Doc: TXMLDocument; begin // Read in xml file from disk ReadXMLFile(Doc, 'c:\xmlfiles\test.xml'); // Retrieve the "password" node PassNode := Doc.DocumentElement.FindNode('password'); // Write out value of the selected node WriteLn(PassNode.NodeValue); // will be blank // The text of the node is actually a separate child node WriteLn(PassNode.FirstChild.NodeValue); // correctly prints "abc" // alternatively WriteLn(PassNode.TextContent); // finally, free the document Doc.Free; end;
[edit]Menampilkan nama node
A quick note on navigating the DOM tree: When you need to access nodes in sequence, it is best to use FirstChild and NextSibling properties (to iterate forward), orLastChild and PreviousSibling (to iterate backward). For random access it is possible to use ChildNodes or GetElementsByTagName methods, but these will create a TDOMNodeList object which eventually must be freed. This differs from other DOM implementations like MSXML, because FCL implementation is object-based, not interface-based.
The following example shows how to print the names of nodes to a TMemo placed on a form.
Bellow is the XML file called 'C:\Programas\teste.xml':
<?xml version="1.0"?> <images directory="mydir"> <imageNode URL="graphic.jpg" title=""> <Peca DestinoX="0" DestinoY="0">Pecacastelo.jpg1.swf</Peca> <Peca DestinoX="0" DestinoY="86">Pecacastelo.jpg2.swf</Peca> </imageNode> </images>
And here the Pascal code to execute the task:
var Documento: TXMLDocument; Child: TDOMNode; j: Integer; begin ReadXMLFile(Documento, 'C:\Programas\teste.xml'); Memo.Lines.Clear; // using FirstChild and NextSibling properties Child := Documento.DocumentElement.FirstChild; while Assigned(Child) do begin Memo.Lines.Add(Child.NodeName + ' ' + Child.Attributes.Item[0].NodeValue); // using ChildNodes method with Child.ChildNodes do try for j := 0 to (Count - 1) do Memo.Lines.Add(Item[j].NodeName + ' ' + Item[j].FirstChild.NodeValue); finally Free; end; Child := Child.NextSibling; end; Documento.Free; end;
This will print:
imageNode graphic.jpg Peca Pecacastelo.jpg1.swf Peca Pecacastelo.jpg1.swf
[edit]Menguraikan TreeView dengan XML
One common use of XML files is to parse them and show their contents in a tree like format. You can find the TTreeView component on the "Common Controls" tab on Lazarus.
The function below will take a XML document previously loaded from a file or generated on code, and will populate a TreeView with it´s contents. The caption of each node will be the content of the first attribute of each node.
procedure TForm1.XML2Tree(tree: TTreeView; XMLDoc: TXMLDocument); var iNode: TDOMNode; procedure ProcessNode(Node: TDOMNode; TreeNode: TTreeNode); var cNode: TDOMNode; begin if Node = nil then Exit; // Stops if reached a leaf // Adds a node to the tree TreeNode := tree.Items.AddChild(TreeNode, Node.Attributes[0].NodeValue); // Goes to the child node cNode := Node.FirstChild; // Processes all child nodes while cNode <> nil do begin ProcessNode(cNode, TreeNode); cNode := cNode.NextSibling; end; end; begin iNode := XMLDoc.DocumentElement.FirstChild; while iNode <> nil do begin ProcessNode(iNode, nil); // Recursive iNode := iNode.NextSibling; end; end;
[edit]Memodifikasi dokumen XML
The first thing to remember is that TDOMDocument is the "handle" to the DOM. You can get an instance of this class by creating one or by loading a XML document.
Nodes on the other hand cannot be created like a normal object. You *must* use the methods provided by TDOMDocument to create them, and latter use other methods to put them on the correct place on the tree. This is because nodes must be "owned" by a specific document on DOM.
Below are some common methods from TDOMDocument:
function CreateElement(const tagName: DOMString): TDOMElement; virtual; function CreateTextNode(const data: DOMString): TDOMText; function CreateCDATASection(const data: DOMString): TDOMCDATASection; virtual; function CreateAttribute(const name: DOMString): TDOMAttr; virtual;
And here an example method that will located the selected item on a TTreeView and then insert a child node to the XML document it represents. The TreeView must be previously filled with the contents of a XML file using the XML2Tree function.
procedure TForm1.actAddChildNode(Sender: TObject); var Posicao: Integer; NovoNo: TDomNode; begin {******************************************************************* * Detects the selected element *******************************************************************} if TreeView1.Selected = nil then Exit; if TreeView1.Selected.Level = 0 then begin Posicao := TreeView1.Selected.Index; NovoNo := XMLDoc.CreateElement('item'); TDOMElement(NovoNo).SetAttribute('nome', 'Item'); TDOMElement(NovoNo).SetAttribute('arquivo', 'Arquivo'); with XMLDoc.DocumentElement.ChildNodes do begin Item[Posicao].AppendChild(NovoNo); Free; end; {******************************************************************* * Updates the TreeView *******************************************************************} TreeView1.Items.Clear; XML2Tree(TreeView1, XMLDoc); end else if TreeView1.Selected.Level >= 1 then begin {******************************************************************* * This function only works on the first level of the tree, * but can easely modifyed to work for any number of levels *******************************************************************} end; end;
article xml
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
1
Pengenalan Konsep XML Web
Services
Roy Daniel
royd@bercacakra.com
roy_daniel91@yahoo.com
Apa itu XML Web Services ?
Dalam pengertian yang sederhana , XML Web Services dapat di definisikan sebagai aplikasi yang
diakses oleh aplikasi yang lain. Mungkin orang berpendapat itu semacam web site, tetapi itu bukan
demikian. Ada perbedaan – perbedaan yang membedakan dengan web site.
Perbedaan tersebut dapat dilihat dibawah ini
WEB SITE
1. Memiliki web interface
2. Dibuat untuk ber interaksi langsung dengan user
3. Dibuat untuk bekerja pada web browser.
WEB SERVICES
1. Tidak memiliki interface yang bagus
2. Dibuat untuk ber interaksi langsung dengan applikasi yang lain baik beda OS / Konsep
sekalipun.
3. Dibuat untuk bekerja pada semua tipe client applikasi / perangkat device
Sesuai dengan namanya, XML Web Service menyimpan datanya dalam format XML dan karenanya
menjadi multi platform dalam hal accessibilitynya. Bagi anda yang telah mengenal pemrograman
dengan VB6, Delphi, Java, atau bahasa lain maka anda telah mengenal adanya berbagai library yang
didalamnya terdapat berbagai function, property, dan event untuk memudahkan pembuatan aplikasi.
Web Service dapat disamakan dengan library tersebut tetapi tidak memerlukan registrasi khusus ke
dalam sistem operasi yang menyimpannya. Web Service tersimpan di Web Server sehingga dapat
diakses oleh berbagai bahasa pemrograman dengan lebih mudah baik dalam lingkungan LAN
maupun Internet.
Sistem Web Service ini diharapkan meningkatkan kolaborasi antar pemrogram dan perusahaan, yang
memungkinkan sebuah fungsi di dalam Web Service dapat dipinjam oleh aplikasi lain tanpa perlu
mengetahui detil pemrograman yang terdapat di dalamnya.
Lisensi Dokumen:
Copyright © 2003 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang
disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,
kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
2
Untuk kondisi sekarang , web services cocok untuk menyelesaikan masalah pada system bisnis
konsep lama ke system bisnis ter Intergrasi. Sehingga dengan 1 model konsep bisnis dapat di akses
dan dipergunakann macam-macam aplikasi dan device. Ini semua bekerja dengan beberapa protocol
standart yang sudah ada diantaraya :
• XML
• WSDL
• SOAP
• UDDI
Kapan Kita Gunakan Web Services ?
Web Services itu digunakan saat kita akan mentransformasi sebuat bisnis logik / sebuah class dan
object yang terpisah dalam 1 ruang lingkup yang menjadi satu, sehingga tingkat keamanan dan
security dapat di tangani dengan baik.
Selain ituWeb Service juga lebih mudah dalam process deploymentnya, karena tidak memerlukan
registrasi khusus ke dalam sistem operasi. Web Service cukup diupload ke Web Server dan siap
diakses oleh pihak-pihak yang telah diberikan otorisasi.
Web Service berjalan di port 80 yang merupakan protokol standar HTTP, dengan demikian
mengurangi resiko terblokir oleh firewall. Kendala arsitektur COM/DCOM adalah memerlukan
konfigurasi khusus di sisi firewall, dan ini tidak perlu dilakukan untuk mengakses Web Service.
Beberapa vendor luar negeri mulai berkolaborasi satu sama lain dengan konsep web services ,
diantaranya : IBM , Microsoft , SUN , ORACLE
Diantaranya contoh web services yang sudah jadi dan dipakai adalah web services keluaran
Microsoft ( Microsoft Passport ) – web services untuk user name dan password yang sudah dipasang
di web site Microsoft dan HOTMAIL
Membuat Contoh Simple Web Services
Untuk membuat web service ada 2 tools yang dapat digunakan yaitu:
1. Dengan Visual Studio – Visual Basic 6.0 dan SOAP SDK Tool Kit , tetapi untuk membuat
diperlukan agak banyak coding dan pengetahuan yang kuat atas XML.
2. Cara lainya dengan Visual Studio.NET dan the .NET frame work class object dan tidak
diperlukan pengetahuan mendalam tentang XML.
Persiapan untuk mencoba membuat web services ini
1. Install web server , dan pastikan Web Server local anda jalan ( IIS )
2. Install Microsoft Visual Studio .NET beserta .NET FrameWorknya.
Dibawah ini kita coba membuat Web Services sederhana dan konsep parameters dan data yang
diperlukan untuk membangun web services ini.
Langkah Pertama – 1 ( Open a new WEB SERVICES PROJECT )
1. + Pilih Start dan buka Visual Studio.NET
2. + Pilih New Project
3. + Pilih Project Type pada bagian Visual Basic
4. +Pilih ASP.NET Web Service dan rubah nama project dari WebService1 to nama misalnya :
MyPrivateService. Lihat pada gambar 1.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
3
Gambar 1.
Langkah Pertama – 2
Setelah itu maka pada visual studio.NET akan membuat beberapa folder penting dan file-file
pendukung web services
Dari Gambar 2. dibawah dapat dilihat Explorer dari project web services tersebut
1. Ganti nama project web services ke BercaWebServices
2. Click kanan dan VIEW CODING pada file service1.asmx ( file form coding web services )
Gambar 2.
Hasil generated kode otomatis dari system default yang dibuat oleh system VB.NET
tersebut adalah dibawah ini
Imports System.Web.Services
<WebService(Namespace := "http://tempuri.org/")> _
Public Class Service2
Inherits System.Web.Services.WebService
' WEB SERVICE EXAMPLE
' The HelloWorld() example service returns the string Hello World.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
4
' To build, uncomment the following lines then save and build the project.
' To test this web service, ensure that the .asmx file is the start page
' and press F5.
'
'<WebMethod()> Public Function HelloWorld() As String
' HelloWorld = "Hello World"
' End Function
End Class
3. Untuk membuat fungsi anda sendiri, tinggal mengganti fungsi Method diatas (default)
dengan method dibawah ini, yang akan kita buat.
<WebMethod(Description:="My Login Checking Web Services", bufferResponse:=True)>
Public Function MyLoginServices(ByVal userid As String, ByVal password As String) As
Boolean
Dim pass As String
Dim user As String
user = userid
pass = password
If user = "NET" And pass = "12345" Then
Return True
Else
Return False
End If
Return pass
End Function
4. Step terakhir tinggal kita tekan F5 – running application
Bisa dilihat fungsi yang akan kita coba yaitu: Fungsi yang bernama : MyLoginServices. Fungsi
tersebut digunakan untuk mengecek userid dan password yang dimasukan pengguna. Bila user dan
password yang dimasukkan benar akan true dan bila salah akan false.
Untuk keperluan test ini kita coding secara hardcode username: NET dan password : 12345,
sehingga didapat false bila memasukan username & password selain diatas.
Gambar inferface Web Service dapat dilihat pada gambar 3, yang dilihat menggunakan web browser.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
5
.
Gambar 3.
Cara Deployment dan Testing Web Service
Setelah selesai di compile dan build , untuk deployment web service ini buatlah default folder pada
Web Server anda misalnya C:INETPUB.
Selanjutnya buat 1 folder dibawah folder utama inetpub dengan nama : BercaService, dan copy
semua data dari project web service ke folder tersebut (sebenarnya proses ini sudah otomatis
dilakukan VB .NET saat pertama kali kita membuat web service). Dari gambar 3 diatas kita pilih
fungsi MyLoginServices , dengan cara double click pada hyperlink Fungsi MyLoginServices yang
berwarna biru. Sehingga hasilnya dapat dilihat seperti pada Gambar 4.
Gambar 4.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
6
Click button invoke untuk menguji fungsi web service ini , akan tampil hasil yang didapat seperti pada
gambar 5.
Gambar 5.
Dimana hasil yang didapat adalah false sebab username & password yang di masukan salah.
Bagaimana Menggunakan Web Service dalam Aplikasi ?
Selanjutnya dicoba membuat web page dengan Visual Basic.Net – ASP.NET ( berarti dengan file
*.aspx ) dan bukan *.asp untuk mengkonsumsi Web Services. Web page tersebut akan mengakses
Web Service yang telah dibuat.
1. Buat asp.net web project ( lihat gambar 6. )
• Select Start , terus program dan pilih visual studio.NET
• Ganti nama project dari Nama WEbApplication1 ke WebClientTest
• Lihat pada Solution Explorer dan pada file References , click kanan dan pilih pada
bagian Add Refrences.
Gambar 6.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
7
2. Dari gambar diatas click Add Web Reference , dan setelah itu akan muncul 1 jendela
browser baru, yang terlihat seperti gambar 7.
3. Ketikan alamat di http://london/BercaService/service1.asmx . London adalah nama server
yang digunakan sebagai web server. Anda harus menyesuaikannya dengan nama server
anda.
Gambar 7.
4. Pembuatan form web ASP.NET
• Dari form Toolbox window, isi form Web Control dengan obyek Label , TextBox,
Button , dan tambahkan code event pada button (submit ). Lihat gambar 8.
• Isi kode sebagai berikut pada event click button
Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles Button3.Click
Dim ws As New london.Service1()
Dim userid As String
Dim password As String
userid = UCase(TextBox1.Text)
password = UCase(TextBox2.Text)
If ws.MyLoginServices(userid, password) = True Then
hasil.Text = "Welcome you pass login ..."
detik.Enabled = True
Else
hasil.Text = "user login and password salah ,you can not login"
End If
End Sub
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
8
Dari Coding di atas proses yang terpenting untuk konek ke web service setelah add web
refrence seperti yang sudah di jelaskan diatas , yaitu:
Dim ws As New london.Service1()
Yaitu membuat Object dengan nama WS dengan tipe mengacu ke web services mesin London
( nama mesin web services ).
Gambar 8.
5. Setelah selesai coding tekan F5 untuk running applikasi nya. Maka tampil gambar seperti
dibawah ini. ( gambar 9. )
Gambar 9.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
9
6. Cobalah memasukkan user dan password, lalu klik login. Maka anda akan mendapatkan
pesan sesuai dengan kode yang telah dituliskan sebelumnya diatas. Jika benar, tampil pesan
"Welcome you pass login, dan jika salah maka tampil pesan "user login and password
salah ,you can not login".
Sumber Referensi
1. Http://msdn.microsoft.com
2. http://gotdotnet.com
3. http://aspalliance.com
4. http://www.dotnetjunkies.com
Copyright © 2003 IlmuKomputer.Com
1
Pengenalan Konsep XML Web
Services
Roy Daniel
royd@bercacakra.com
roy_daniel91@yahoo.com
Apa itu XML Web Services ?
Dalam pengertian yang sederhana , XML Web Services dapat di definisikan sebagai aplikasi yang
diakses oleh aplikasi yang lain. Mungkin orang berpendapat itu semacam web site, tetapi itu bukan
demikian. Ada perbedaan – perbedaan yang membedakan dengan web site.
Perbedaan tersebut dapat dilihat dibawah ini
WEB SITE
1. Memiliki web interface
2. Dibuat untuk ber interaksi langsung dengan user
3. Dibuat untuk bekerja pada web browser.
WEB SERVICES
1. Tidak memiliki interface yang bagus
2. Dibuat untuk ber interaksi langsung dengan applikasi yang lain baik beda OS / Konsep
sekalipun.
3. Dibuat untuk bekerja pada semua tipe client applikasi / perangkat device
Sesuai dengan namanya, XML Web Service menyimpan datanya dalam format XML dan karenanya
menjadi multi platform dalam hal accessibilitynya. Bagi anda yang telah mengenal pemrograman
dengan VB6, Delphi, Java, atau bahasa lain maka anda telah mengenal adanya berbagai library yang
didalamnya terdapat berbagai function, property, dan event untuk memudahkan pembuatan aplikasi.
Web Service dapat disamakan dengan library tersebut tetapi tidak memerlukan registrasi khusus ke
dalam sistem operasi yang menyimpannya. Web Service tersimpan di Web Server sehingga dapat
diakses oleh berbagai bahasa pemrograman dengan lebih mudah baik dalam lingkungan LAN
maupun Internet.
Sistem Web Service ini diharapkan meningkatkan kolaborasi antar pemrogram dan perusahaan, yang
memungkinkan sebuah fungsi di dalam Web Service dapat dipinjam oleh aplikasi lain tanpa perlu
mengetahui detil pemrograman yang terdapat di dalamnya.
Lisensi Dokumen:
Copyright © 2003 IlmuKomputer.Com
Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan
disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang
disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang,
kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
2
Untuk kondisi sekarang , web services cocok untuk menyelesaikan masalah pada system bisnis
konsep lama ke system bisnis ter Intergrasi. Sehingga dengan 1 model konsep bisnis dapat di akses
dan dipergunakann macam-macam aplikasi dan device. Ini semua bekerja dengan beberapa protocol
standart yang sudah ada diantaraya :
• XML
• WSDL
• SOAP
• UDDI
Kapan Kita Gunakan Web Services ?
Web Services itu digunakan saat kita akan mentransformasi sebuat bisnis logik / sebuah class dan
object yang terpisah dalam 1 ruang lingkup yang menjadi satu, sehingga tingkat keamanan dan
security dapat di tangani dengan baik.
Selain ituWeb Service juga lebih mudah dalam process deploymentnya, karena tidak memerlukan
registrasi khusus ke dalam sistem operasi. Web Service cukup diupload ke Web Server dan siap
diakses oleh pihak-pihak yang telah diberikan otorisasi.
Web Service berjalan di port 80 yang merupakan protokol standar HTTP, dengan demikian
mengurangi resiko terblokir oleh firewall. Kendala arsitektur COM/DCOM adalah memerlukan
konfigurasi khusus di sisi firewall, dan ini tidak perlu dilakukan untuk mengakses Web Service.
Beberapa vendor luar negeri mulai berkolaborasi satu sama lain dengan konsep web services ,
diantaranya : IBM , Microsoft , SUN , ORACLE
Diantaranya contoh web services yang sudah jadi dan dipakai adalah web services keluaran
Microsoft ( Microsoft Passport ) – web services untuk user name dan password yang sudah dipasang
di web site Microsoft dan HOTMAIL
Membuat Contoh Simple Web Services
Untuk membuat web service ada 2 tools yang dapat digunakan yaitu:
1. Dengan Visual Studio – Visual Basic 6.0 dan SOAP SDK Tool Kit , tetapi untuk membuat
diperlukan agak banyak coding dan pengetahuan yang kuat atas XML.
2. Cara lainya dengan Visual Studio.NET dan the .NET frame work class object dan tidak
diperlukan pengetahuan mendalam tentang XML.
Persiapan untuk mencoba membuat web services ini
1. Install web server , dan pastikan Web Server local anda jalan ( IIS )
2. Install Microsoft Visual Studio .NET beserta .NET FrameWorknya.
Dibawah ini kita coba membuat Web Services sederhana dan konsep parameters dan data yang
diperlukan untuk membangun web services ini.
Langkah Pertama – 1 ( Open a new WEB SERVICES PROJECT )
1. + Pilih Start dan buka Visual Studio.NET
2. + Pilih New Project
3. + Pilih Project Type pada bagian Visual Basic
4. +Pilih ASP.NET Web Service dan rubah nama project dari WebService1 to nama misalnya :
MyPrivateService. Lihat pada gambar 1.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
3
Gambar 1.
Langkah Pertama – 2
Setelah itu maka pada visual studio.NET akan membuat beberapa folder penting dan file-file
pendukung web services
Dari Gambar 2. dibawah dapat dilihat Explorer dari project web services tersebut
1. Ganti nama project web services ke BercaWebServices
2. Click kanan dan VIEW CODING pada file service1.asmx ( file form coding web services )
Gambar 2.
Hasil generated kode otomatis dari system default yang dibuat oleh system VB.NET
tersebut adalah dibawah ini
Imports System.Web.Services
<WebService(Namespace := "http://tempuri.org/")> _
Public Class Service2
Inherits System.Web.Services.WebService
' WEB SERVICE EXAMPLE
' The HelloWorld() example service returns the string Hello World.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
4
' To build, uncomment the following lines then save and build the project.
' To test this web service, ensure that the .asmx file is the start page
' and press F5.
'
'<WebMethod()> Public Function HelloWorld() As String
' HelloWorld = "Hello World"
' End Function
End Class
3. Untuk membuat fungsi anda sendiri, tinggal mengganti fungsi Method diatas (default)
dengan method dibawah ini, yang akan kita buat.
<WebMethod(Description:="My Login Checking Web Services", bufferResponse:=True)>
Public Function MyLoginServices(ByVal userid As String, ByVal password As String) As
Boolean
Dim pass As String
Dim user As String
user = userid
pass = password
If user = "NET" And pass = "12345" Then
Return True
Else
Return False
End If
Return pass
End Function
4. Step terakhir tinggal kita tekan F5 – running application
Bisa dilihat fungsi yang akan kita coba yaitu: Fungsi yang bernama : MyLoginServices. Fungsi
tersebut digunakan untuk mengecek userid dan password yang dimasukan pengguna. Bila user dan
password yang dimasukkan benar akan true dan bila salah akan false.
Untuk keperluan test ini kita coding secara hardcode username: NET dan password : 12345,
sehingga didapat false bila memasukan username & password selain diatas.
Gambar inferface Web Service dapat dilihat pada gambar 3, yang dilihat menggunakan web browser.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
5
.
Gambar 3.
Cara Deployment dan Testing Web Service
Setelah selesai di compile dan build , untuk deployment web service ini buatlah default folder pada
Web Server anda misalnya C:INETPUB.
Selanjutnya buat 1 folder dibawah folder utama inetpub dengan nama : BercaService, dan copy
semua data dari project web service ke folder tersebut (sebenarnya proses ini sudah otomatis
dilakukan VB .NET saat pertama kali kita membuat web service). Dari gambar 3 diatas kita pilih
fungsi MyLoginServices , dengan cara double click pada hyperlink Fungsi MyLoginServices yang
berwarna biru. Sehingga hasilnya dapat dilihat seperti pada Gambar 4.
Gambar 4.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
6
Click button invoke untuk menguji fungsi web service ini , akan tampil hasil yang didapat seperti pada
gambar 5.
Gambar 5.
Dimana hasil yang didapat adalah false sebab username & password yang di masukan salah.
Bagaimana Menggunakan Web Service dalam Aplikasi ?
Selanjutnya dicoba membuat web page dengan Visual Basic.Net – ASP.NET ( berarti dengan file
*.aspx ) dan bukan *.asp untuk mengkonsumsi Web Services. Web page tersebut akan mengakses
Web Service yang telah dibuat.
1. Buat asp.net web project ( lihat gambar 6. )
• Select Start , terus program dan pilih visual studio.NET
• Ganti nama project dari Nama WEbApplication1 ke WebClientTest
• Lihat pada Solution Explorer dan pada file References , click kanan dan pilih pada
bagian Add Refrences.
Gambar 6.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
7
2. Dari gambar diatas click Add Web Reference , dan setelah itu akan muncul 1 jendela
browser baru, yang terlihat seperti gambar 7.
3. Ketikan alamat di http://london/BercaService/service1.asmx . London adalah nama server
yang digunakan sebagai web server. Anda harus menyesuaikannya dengan nama server
anda.
Gambar 7.
4. Pembuatan form web ASP.NET
• Dari form Toolbox window, isi form Web Control dengan obyek Label , TextBox,
Button , dan tambahkan code event pada button (submit ). Lihat gambar 8.
• Isi kode sebagai berikut pada event click button
Private Sub Button3_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles Button3.Click
Dim ws As New london.Service1()
Dim userid As String
Dim password As String
userid = UCase(TextBox1.Text)
password = UCase(TextBox2.Text)
If ws.MyLoginServices(userid, password) = True Then
hasil.Text = "Welcome you pass login ..."
detik.Enabled = True
Else
hasil.Text = "user login and password salah ,you can not login"
End If
End Sub
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
8
Dari Coding di atas proses yang terpenting untuk konek ke web service setelah add web
refrence seperti yang sudah di jelaskan diatas , yaitu:
Dim ws As New london.Service1()
Yaitu membuat Object dengan nama WS dengan tipe mengacu ke web services mesin London
( nama mesin web services ).
Gambar 8.
5. Setelah selesai coding tekan F5 untuk running applikasi nya. Maka tampil gambar seperti
dibawah ini. ( gambar 9. )
Gambar 9.
Artikel Populer IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
9
6. Cobalah memasukkan user dan password, lalu klik login. Maka anda akan mendapatkan
pesan sesuai dengan kode yang telah dituliskan sebelumnya diatas. Jika benar, tampil pesan
"Welcome you pass login, dan jika salah maka tampil pesan "user login and password
salah ,you can not login".
Sumber Referensi
1. Http://msdn.microsoft.com
2. http://gotdotnet.com
3. http://aspalliance.com
4. http://www.dotnetjunkies.com
tutorial xml
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 1 of 4
http://www.indo-tektips.com
Dapatkan Artikel-artikel menarik di bawah ini :
Artikel Java | Artikel VB | Artikel ASP | Artikel JSP | Artikel PHP | Artikel Cold Fusion | Artikel XML | Artikel Javascript | Artikel mySQL | WAP| Oracle
Teknikal Forum Diskusi :
Java | VB | ASP | JSP | PHP | Cold Fusion | XML | Javascript | mySQL | Linux | Windows 2000 | Windows 9x | FreeBSD | Unix
Login ID : Pwd : Login Anggota Baru ? (Total Anggota : 342 )
Ingin belajar teknologi
terbaru di Internet ?
Belajar Java
Belajar VB
Belajar ASP
Belajar JSP
Belajar PHP
Belajar Cold Fusion
Belajar XML
Belajar Javascript
Belajar mySQL
Belajar Oracle
Belajar WAP
Group Belajar Bersama
Lewat Email
Lewat Forum Online
Lain-lain :
Freeware Indonesia
Buku Tamu(Guestbook)
Saran buat Webmaster
Module 1 : Pengenalan Dasar Tentang XML
XML merupakan kepanjangan dari : Extensible Markup Language, adalah jenis standard dokumen processing (seperti halnya HTML) yang dikontrol oleh
W3C (World Wide Web
World Wide Web Consortium, badan organisasi yang sama yang mengontrol standard HTML yang salama ini dipakai oleh kita para web developer. Pada
saat kini, versi terakhir yang umum digunakan adalah Versi 1.0. Pada saat saya mengetikkan tutorial ini, memang sudah ada kabar bahwa W3C sedang
mulai merancang versi 2.0, yang pada akhirnya menimubulkan pro dan kontra mengenai perlu tidak nya dan apakah fungsi baru di dalam versi 2.0 ini.
Ok, kembali ke XML. Saya tidak akan menjelaskan secara panjang lebar tentang XML. Bagi para rekan pembaca yang ingin tahu lebih detail sejarah
XML, bisa saja langsung akses ke alamat ini, http://www.w3c.com/ untuk mencari informasi lebih banyak mengenai apakah XML itu.
Karena teknologi XML masih begitu baru, terutama di Indonesia sendiri, dalam arti penerapan ke situs-situs di Indonesia, sangat jarang di temukan pada
saat ini. Jika anda pernah mendengarkan tentang teknologi Web Services yang didengungkan terus oleh IBM, SUN dan Microsoft dewasa ini, maka
sesungguhnya teknologi fundamental pada teknologi baru ini adalah pada standard dokumen berbentuk XML yang digunakan dalam exchange
(pertukaran) data antara penyedia (provider) dan pengguna (subscriber), dimana kaitan eratnya adalah ke SOAP. (Saya akan mencoba membicarakan
teknologi ini pada rublik lain yang berhubungan dengan Web Services sendiri). : )
Perlu dicatat, bahwa dalam membuat dokumen XML, sama halnya seperti HTML, anda bisa menggunakan cukup text editor biasa seperti Notepad (saya
sarankan untuk modul-modul awal, anda menggunakan teks editor biasa dahulu) , seperti tampilan dibawah ini :
Ataupun anda juga bisa mendapatkan aplikasi-aplikasi / tool-tool IDE XML, baik yang freeware maupun kommersial.
Salah satu contoh aplikasi XML yang cukup terkenal adalah : XMLSpy seperti tampilan gambar dibawah ini :
1/22/2002 6:36:24 PM -
Pengenalan Dasar
Tentang Visual Basic 6.0
Ini merupakan modul
pertama pengenalan
Top 5 Online Forum !
email anda
Webmaster,
dapatkan
penghasilan
tambahan anda di
Rate our site
@ Search Indonesia
--- Rate It!
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 2 of 4
http://www.indo-tektips.com
1. Pengenalan Struktur XML
1.1 Pengertian Elemen
Sebelum berbicara lebih jauh tentang XML, anda bisa membayangkan XML itu sama halnya seperti dokumen web HTML, dimana didalamnya terdiri dari
tag-tag. Seperti : <HTML>, <BODY>, <B> dll sebagainya.
Sebuah dokumen XML terdiri dari satu atau lebih elemen. Contoh elemen di XML adalah seperti dibawah ini :
<TUTORIAL>Pengenalan XML</TUTORIAL>
Penjelasan :
Sebuah elemen selalu ditandai dengan bagian pembuka dan bagian penutup.
Bagian Pembuka : Elemen selalu dimulai dengan tanda <, diikuti nama elemen , dan tanda >. Contoh : <TUTORIAL>
Bagian Penutup : Ditandai dengan tanda <, diikuti dengan tanda / , kemudian nama elemen lagi, dan diakhiri dengan tanda >. Contoh : </TUTORIAL>
Jadi, format dalam membuat elemen adalah :
<nama elemen>......</nama elemen>
Perlu diingat juga, kadang kala dalam membuat elemen didalam XML, anda kemungkinan tidak perlu menyisipkan Textual Data, sehinga untuk kondisi
seperti yang satu ini, anda bisa juga mengdeklarasikan sebuah elemen dengan format :
<nama elemen/>
Contoh :
<Harga/>
Jika anda perhatikan ulang lagi contoh diatas, anda melihat ada teks yang disisipkan antara bagian pembuka dan penutup elemen, di XML disebut
sebagai Textual Data, karena terletak diantara bagian pembuka dan penutup elemen, teks tersebut merupakan bagian dari elemen ini, dan merupakan
isi daripada elemen TUTORIAL diatas.
1.2. Pengertian Attribut
Sebuah elemen bisa mempunyai satu, lebih atau tidak sama sekali attribut. contoh seperti dibawah ini :
<TUTORIAL jenis="Tips">Pengenalan XML</TUTORIAL>
Penjelasan :
Yang dinamakan sebagai Attribut diatas, adalah jenis, dimana Attribut selalu terletak didalam bagian pembuka elemen.
Format Attribut adalah :
nama attribute="......"
2. Dokumen XML adalah Well-Formed
Terus terang, saya kesulitan untuk menterjemahkan istilah Well-Formed kedalam bahasa Indonesia. Dan saya merasa lebih baik saya tetap
menggunakan istilah ini untuk merujuk kepada penjelasan tutorial kali ini.
Ya, dokumen XML adalah Well-Formed. Apakah Well-Formed itu.
Bagi anda yang mengenal HTML, coba perhatikan contoh di bawah ini :
Contoh 1 :
<B><I>Tulisan tebal dan miring</B></I>
Contoh 2 :
<B><I>Tulisan tebal dan miring</I></B>
Jika anda mencoba kedua contoh diatas dalam dokumen HTML, maka pada saat dijalankan di Internet Browser ataupun Netscape, keduanya akan
memberikan hasil sama, yaitu : Tulisan tebal dan miring akan dicetak Tebal dan miring. Tidak ada perbedaan sama sekali.
Perbedaaan diantara kedua contoh diatas adalah : Contoh 1 tidak Well-Formed, sedangkan Contoh 2 adalah Well-Formed.
Bisakah anda menyimak perbedaan kedua contoh diatas ?
Jika kedua contoh diatas anda jalankan sebagai dokumen XML, maka Contoh 1 akan ada Error, sedangkan Contoh 2 tidak.
Pengertian Well-Formed disini adalah : bahwa setiap elemen harus dalam posisi "nested" yang benar.
Contoh diatas adalah : <B><I>.....</I></B>
Contoh lain adalah seperti dibawah ini :
<Harga><Nama>Buku Tulis</Nama></HARGA>
atau pun :
<HARGA>
<NAMA>Buku Tulis</NAMA>
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 3 of 4
http://www.indo-tektips.com
<NAMA>Buku Tulis</NAMA>
</HARGA>
3. Dokumen XML Case Sensitif
XML membedakan huruf besar dan huruf kecil.
Contoh yang salah :
<Nama>Buku Tulis</NAma>
<NAMA>Buku Tulis</nama>
Contoh yang benar :
<nama>Buku Tulis</nama>
<naMa>Buku Tulis</naMa>
Sebelum mengakhiri tutorial perdana tentang XML ini, coba anda ketikan contoh dibawah ini dan jalan kan dengan Internet Explorer atau Netscape untuk
melihat hasilnya.
Ok, silahkan ketik contoh program berikut (anda bisa menggunakan Notepad, UltraEdit ataupun program editor sederhana lainnya) :
<Tutorial>
<Jenis>XML</Jenis>
<Situs>
<Nama>Indo-Tektips.com</Nama>
<Alamat>http://www.indo-tektips.com</Alamat>
</Situs>
<Module No="1">
<Judul>Pengenalan Dasara Tentang XML</Judul>
</Module>
</Tutorial>
Coba anda simpan dengan nama latihan-1.xml, kemudian jalankan di Internet Explorer atau Netscape, maka hasil akhir akan seperti tampilan dibawah
ini :
Anda bisa mengdapatkan contoh source code untuk latihan ini di YahooGrops Indo-Tektips.com.
Sampai ketemu di module berikutnya !
Kami meminta kesediaan anda untuk menyempatkan diri mengisi buku tamu kita demi kelanjutan Tutorial yang satu ini, berikan input dan masukan
anda.
Pastikan anda mengsubscribe ke YahooGroups Indo-Tektips, untuk mengetahui kelanjutan Tutorial mengenai XML ini. Pada modul berikutnya kita akan
belajar tentang apa itu XSL, DTD, dan lebih detail tentang XML.
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 4 of 4
http://www.indo-tektips.com
Copyright © indo-tektips.com, semua yang memasuki situs ini berarti menyetujui Ketentuan dan Disclaimer indo-tektips.com yang telah ditetapkan disitus sini.
Penulis : Anen
http://www.indo-tektips.com
Dapatkan Artikel-artikel menarik di bawah ini :
Artikel Java | Artikel VB | Artikel ASP | Artikel JSP | Artikel PHP | Artikel Cold Fusion | Artikel XML | Artikel Javascript | Artikel mySQL | WAP| Oracle
Teknikal Forum Diskusi :
Java | VB | ASP | JSP | PHP | Cold Fusion | XML | Javascript | mySQL | Linux | Windows 2000 | Windows 9x | FreeBSD | Unix
Login ID : Pwd : Login Anggota Baru ? (Total Anggota : 342 )
Ingin belajar teknologi
terbaru di Internet ?
Belajar Java
Belajar VB
Belajar ASP
Belajar JSP
Belajar PHP
Belajar Cold Fusion
Belajar XML
Belajar Javascript
Belajar mySQL
Belajar Oracle
Belajar WAP
Group Belajar Bersama
Lewat Email
Lewat Forum Online
Lain-lain :
Freeware Indonesia
Buku Tamu(Guestbook)
Saran buat Webmaster
Module 1 : Pengenalan Dasar Tentang XML
XML merupakan kepanjangan dari : Extensible Markup Language, adalah jenis standard dokumen processing (seperti halnya HTML) yang dikontrol oleh
W3C (World Wide Web
World Wide Web Consortium, badan organisasi yang sama yang mengontrol standard HTML yang salama ini dipakai oleh kita para web developer. Pada
saat kini, versi terakhir yang umum digunakan adalah Versi 1.0. Pada saat saya mengetikkan tutorial ini, memang sudah ada kabar bahwa W3C sedang
mulai merancang versi 2.0, yang pada akhirnya menimubulkan pro dan kontra mengenai perlu tidak nya dan apakah fungsi baru di dalam versi 2.0 ini.
Ok, kembali ke XML. Saya tidak akan menjelaskan secara panjang lebar tentang XML. Bagi para rekan pembaca yang ingin tahu lebih detail sejarah
XML, bisa saja langsung akses ke alamat ini, http://www.w3c.com/ untuk mencari informasi lebih banyak mengenai apakah XML itu.
Karena teknologi XML masih begitu baru, terutama di Indonesia sendiri, dalam arti penerapan ke situs-situs di Indonesia, sangat jarang di temukan pada
saat ini. Jika anda pernah mendengarkan tentang teknologi Web Services yang didengungkan terus oleh IBM, SUN dan Microsoft dewasa ini, maka
sesungguhnya teknologi fundamental pada teknologi baru ini adalah pada standard dokumen berbentuk XML yang digunakan dalam exchange
(pertukaran) data antara penyedia (provider) dan pengguna (subscriber), dimana kaitan eratnya adalah ke SOAP. (Saya akan mencoba membicarakan
teknologi ini pada rublik lain yang berhubungan dengan Web Services sendiri). : )
Perlu dicatat, bahwa dalam membuat dokumen XML, sama halnya seperti HTML, anda bisa menggunakan cukup text editor biasa seperti Notepad (saya
sarankan untuk modul-modul awal, anda menggunakan teks editor biasa dahulu) , seperti tampilan dibawah ini :
Ataupun anda juga bisa mendapatkan aplikasi-aplikasi / tool-tool IDE XML, baik yang freeware maupun kommersial.
Salah satu contoh aplikasi XML yang cukup terkenal adalah : XMLSpy seperti tampilan gambar dibawah ini :
1/22/2002 6:36:24 PM -
Pengenalan Dasar
Tentang Visual Basic 6.0
Ini merupakan modul
pertama pengenalan
Top 5 Online Forum !
email anda
Webmaster,
dapatkan
penghasilan
tambahan anda di
Rate our site
@ Search Indonesia
--- Rate It!
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 2 of 4
http://www.indo-tektips.com
1. Pengenalan Struktur XML
1.1 Pengertian Elemen
Sebelum berbicara lebih jauh tentang XML, anda bisa membayangkan XML itu sama halnya seperti dokumen web HTML, dimana didalamnya terdiri dari
tag-tag. Seperti : <HTML>, <BODY>, <B> dll sebagainya.
Sebuah dokumen XML terdiri dari satu atau lebih elemen. Contoh elemen di XML adalah seperti dibawah ini :
<TUTORIAL>Pengenalan XML</TUTORIAL>
Penjelasan :
Sebuah elemen selalu ditandai dengan bagian pembuka dan bagian penutup.
Bagian Pembuka : Elemen selalu dimulai dengan tanda <, diikuti nama elemen , dan tanda >. Contoh : <TUTORIAL>
Bagian Penutup : Ditandai dengan tanda <, diikuti dengan tanda / , kemudian nama elemen lagi, dan diakhiri dengan tanda >. Contoh : </TUTORIAL>
Jadi, format dalam membuat elemen adalah :
<nama elemen>......</nama elemen>
Perlu diingat juga, kadang kala dalam membuat elemen didalam XML, anda kemungkinan tidak perlu menyisipkan Textual Data, sehinga untuk kondisi
seperti yang satu ini, anda bisa juga mengdeklarasikan sebuah elemen dengan format :
<nama elemen/>
Contoh :
<Harga/>
Jika anda perhatikan ulang lagi contoh diatas, anda melihat ada teks yang disisipkan antara bagian pembuka dan penutup elemen, di XML disebut
sebagai Textual Data, karena terletak diantara bagian pembuka dan penutup elemen, teks tersebut merupakan bagian dari elemen ini, dan merupakan
isi daripada elemen TUTORIAL diatas.
1.2. Pengertian Attribut
Sebuah elemen bisa mempunyai satu, lebih atau tidak sama sekali attribut. contoh seperti dibawah ini :
<TUTORIAL jenis="Tips">Pengenalan XML</TUTORIAL>
Penjelasan :
Yang dinamakan sebagai Attribut diatas, adalah jenis, dimana Attribut selalu terletak didalam bagian pembuka elemen.
Format Attribut adalah :
nama attribute="......"
2. Dokumen XML adalah Well-Formed
Terus terang, saya kesulitan untuk menterjemahkan istilah Well-Formed kedalam bahasa Indonesia. Dan saya merasa lebih baik saya tetap
menggunakan istilah ini untuk merujuk kepada penjelasan tutorial kali ini.
Ya, dokumen XML adalah Well-Formed. Apakah Well-Formed itu.
Bagi anda yang mengenal HTML, coba perhatikan contoh di bawah ini :
Contoh 1 :
<B><I>Tulisan tebal dan miring</B></I>
Contoh 2 :
<B><I>Tulisan tebal dan miring</I></B>
Jika anda mencoba kedua contoh diatas dalam dokumen HTML, maka pada saat dijalankan di Internet Browser ataupun Netscape, keduanya akan
memberikan hasil sama, yaitu : Tulisan tebal dan miring akan dicetak Tebal dan miring. Tidak ada perbedaan sama sekali.
Perbedaaan diantara kedua contoh diatas adalah : Contoh 1 tidak Well-Formed, sedangkan Contoh 2 adalah Well-Formed.
Bisakah anda menyimak perbedaan kedua contoh diatas ?
Jika kedua contoh diatas anda jalankan sebagai dokumen XML, maka Contoh 1 akan ada Error, sedangkan Contoh 2 tidak.
Pengertian Well-Formed disini adalah : bahwa setiap elemen harus dalam posisi "nested" yang benar.
Contoh diatas adalah : <B><I>.....</I></B>
Contoh lain adalah seperti dibawah ini :
<Harga><Nama>Buku Tulis</Nama></HARGA>
atau pun :
<HARGA>
<NAMA>Buku Tulis</NAMA>
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 3 of 4
http://www.indo-tektips.com
<NAMA>Buku Tulis</NAMA>
</HARGA>
3. Dokumen XML Case Sensitif
XML membedakan huruf besar dan huruf kecil.
Contoh yang salah :
<Nama>Buku Tulis</NAma>
<NAMA>Buku Tulis</nama>
Contoh yang benar :
<nama>Buku Tulis</nama>
<naMa>Buku Tulis</naMa>
Sebelum mengakhiri tutorial perdana tentang XML ini, coba anda ketikan contoh dibawah ini dan jalan kan dengan Internet Explorer atau Netscape untuk
melihat hasilnya.
Ok, silahkan ketik contoh program berikut (anda bisa menggunakan Notepad, UltraEdit ataupun program editor sederhana lainnya) :
<Tutorial>
<Jenis>XML</Jenis>
<Situs>
<Nama>Indo-Tektips.com</Nama>
<Alamat>http://www.indo-tektips.com</Alamat>
</Situs>
<Module No="1">
<Judul>Pengenalan Dasara Tentang XML</Judul>
</Module>
</Tutorial>
Coba anda simpan dengan nama latihan-1.xml, kemudian jalankan di Internet Explorer atau Netscape, maka hasil akhir akan seperti tampilan dibawah
ini :
Anda bisa mengdapatkan contoh source code untuk latihan ini di YahooGrops Indo-Tektips.com.
Sampai ketemu di module berikutnya !
Kami meminta kesediaan anda untuk menyempatkan diri mengisi buku tamu kita demi kelanjutan Tutorial yang satu ini, berikan input dan masukan
anda.
Pastikan anda mengsubscribe ke YahooGroups Indo-Tektips, untuk mengetahui kelanjutan Tutorial mengenai XML ini. Pada modul berikutnya kita akan
belajar tentang apa itu XSL, DTD, dan lebih detail tentang XML.
Indo-Tektips, Teknikal Tips dan Online Forumnya Orang Indonesia Page 4 of 4
http://www.indo-tektips.com
Copyright © indo-tektips.com, semua yang memasuki situs ini berarti menyetujui Ketentuan dan Disclaimer indo-tektips.com yang telah ditetapkan disitus sini.
Penulis : Anen
Langganan:
Postingan (Atom)