http://geeks.netindonesia.net/blogs/cahnom/default.aspxvar myObject = { &quot;languages&quot; : [ &quot;C#&quot;, &quot;VB.NET&quot;, &quot;ASP.NET&quot;, &quot;Javascript&quot;, &quot;SDCC&quot;, &quot;Assembler&quot; ] }; // enCommunityServer 2007.1 (Build: 20917.1142)http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspxSat, 06 Feb 2010 11:05:26 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185782cahnom2http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185782http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspx#comments<p><em>Performance</em> atau dalam Bahasa Indonesia disebut sebagai kinerja merupakan sebuah hal yang penting dalam sebuah aplikasi. Dalam sebuah aplikasi web terdapat beberapa faktor yang menyebabkan kinerja bagus atau buruk. Secara umum kinerja aplikasi dinyatakan bagus jika waktu tanggap (<em>response time</em>) dapat tercapai secepat mungkin. Untuk aplikasi web publik seperti <a href="http://www.facebook.com">www.facebook.com</a>, <a href="http://www.kaskus.us">www.kaskus.us</a>, <a href="http://www.detik.com">www.detik.com</a> dan situs lainnya, dengan kinerja yang baik dapat membuat pengunjung betah mengunjunginya. Untuk aplikasi bisnis, kinerja yang bagus akan meningkatkan kinerja karyawan yang menjadi usernya.</p> <p>Berikut akan saya utarakan beberapa tips untuk meningkatkan kinerja aplikasi ASP.NET 4. Beberapa tips juga dapat digunakan juga untuk versi ASP.NET sebelumnya.</p> <h3>Aplikasi ASP.NET sebelum dioptimasi.</h3> <p>Pertama akan saya buat aplikasi sederhana menggunakan ASP.NET tanpa optimasi apapun. Dalam contoh ini saya buat sebuah halaman yang menampilkan data tabular yang datanya saya ambil dari XML. Halaman ini menggunakan Ajax dengan UpdatePanel. Buat sebuah aplikasi web project baru dan pilih ASP.NET Web Application.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_0950DD9F.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_4FC9B9A8.png" width="644" height="411" /></a> </p> <p>Puat satu class Product untuk entity data product.</p> <pre class="code"><span style="color:blue;">namespace </span>WebApplication1 { <span style="color:blue;">public class </span><span style="color:#2b91af;">Product </span>{ <span style="color:blue;">public int </span>ID { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public string </span>Name { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public string </span>Supplier { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public string </span>Category { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public string </span>QuantityPerUnit { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public decimal </span>UnitPrice { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public decimal </span>UnitsInStock { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public decimal </span>UnitsOnOrder { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } <span style="color:blue;">public decimal </span>ReorderLevel { <span style="color:blue;">get</span>; <span style="color:blue;">set</span>; } } }</pre> <a href="http://11011.net/software/vspaste"></a> <p>Buat file XML yang berisi data berikut dan tempatkan dalam folder App_Data. Beri nama file Products.xml</p> <pre class="code"><span style="color:blue;">&lt;?</span><span style="color:#a31515;">xml </span><span style="color:red;">version</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">1.0</span>&quot; <span style="color:red;">encoding</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">utf-8</span>&quot; <span style="color:blue;">?&gt; &lt;</span><span style="color:#a31515;">Products</span><span style="color:blue;">&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">1</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Chai</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Exotic Liquids</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 boxes x 20 bags</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">39</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">2</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Chang</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Exotic Liquids</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 12 oz bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">19.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">3</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Aniseed Syrup</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Exotic Liquids</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 550 ml bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">13</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">70</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">4</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Chef Anton&#39;s Cajun Seasoning</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">New Orleans Cajun Delights</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">48 - 6 oz jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">22.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">53</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Chef Anton&#39;s Gumbo Mix</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">New Orleans Cajun Delights</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">36 boxes</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21.3500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">6</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grandma&#39;s Boysenberry Spread</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grandma Kelly&#39;s Homestead</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 8 oz jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">120</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">7</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Uncle Bob&#39;s Organic Dried Pears</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grandma Kelly&#39;s Homestead</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Produce</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 1 lb pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">8</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Northwoods Cranberry Sauce</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grandma Kelly&#39;s Homestead</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 12 oz jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">6</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Mishi Kobe Niku</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tokyo Traders</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Meat/Poultry</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18 - 500 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">97.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">29</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Ikura</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tokyo Traders</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 200 ml jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">31.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">31</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">11</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Queso Cabrales</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Cooperativa de Quesos &#39;Las Cabras&#39;</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">1 kg pkg.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">22</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Queso Manchego La Pastora</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Cooperativa de Quesos &#39;Las Cabras&#39;</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 - 500 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">38.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">86</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">13</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Konbu</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Mayumi&#39;s</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">2 kg box</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">6.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">14</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tofu</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Mayumi&#39;s</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Produce</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40 - 100 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">23.2500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">35</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Genen Shouyu</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Mayumi&#39;s</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 250 ml bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">39</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">16</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pavlova</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pavlova, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32 - 500 g boxes</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17.4500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">29</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Alice Mutton</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pavlova, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Meat/Poultry</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20 - 1 kg tins</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">39.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Carnarvon Tigers</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pavlova, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">16 kg pkg.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">62.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">42</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">19</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Teatime Chocolate Biscuits</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Specialty Biscuits, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 boxes x 12 pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9.2000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Sir Rodney&#39;s Marmalade</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Specialty Biscuits, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30 gift boxes</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">81.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Sir Rodney&#39;s Scones</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Specialty Biscuits, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 pkgs. x 4 pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">3</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">22</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gustaf&#39;s Knäckebröd</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">PB Knäckebröd AB</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 500 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">104</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">23</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tunnbröd</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">PB Knäckebröd AB</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 250 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">61</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Guaraná Fantástica</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Refrescos Americanas LTDA</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 355 ml cans</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">4.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">NuNuCa Nuß-Nougat-Creme</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Heli Süßwaren GmbH </span><span style="color:red;">&amp;amp; </span><span style="color:blue;">Co. KG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20 - 450 g glasses</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">14.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">76</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">26</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gumbär Gummibärchen</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Heli Süßwaren GmbH </span><span style="color:red;">&amp;amp; </span><span style="color:blue;">Co. KG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">100 - 250 g bags</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">31.2300</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">27</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Schoggi Schokolade</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Heli Süßwaren GmbH </span><span style="color:red;">&amp;amp; </span><span style="color:blue;">Co. KG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">100 - 100 g pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">43.9000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">49</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">28</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Rössle Sauerkraut</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Plutzer Lebensmittelgroßmärkte AG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Produce</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25 - 825 g cans</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">45.6000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">26</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">29</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Thüringer Rostbratwurst</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Plutzer Lebensmittelgroßmärkte AG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Meat/Poultry</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">50 bags x 30 sausgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">123.7900</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Nord-Ost Matjeshering</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Nord-Ost-Fisch Handelsgesellschaft mbH</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 - 200 g glasses</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25.8900</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">31</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gorgonzola Telino</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Formaggi Fortini s.r.l.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 100 g pkgs</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">70</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Mascarpone Fabioli</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Formaggi Fortini s.r.l.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 200 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">33</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Geitost</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Norske Meierier</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">500 g</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">2.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">112</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">34</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Sasquatch Ale</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Bigfoot Breweries</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 12 oz bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">14.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">111</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">35</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Steeleye Stout</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Bigfoot Breweries</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 12 oz bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">36</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Inlagd Sill</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Svensk Sjöföda AB</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 250 g jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">19.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">112</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">37</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gravad lax</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Svensk Sjöföda AB</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 500 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">26.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">11</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">50</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">38</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Côte de Blaye</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Aux joyeux ecclésiastiques</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 75 cl bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">263.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">39</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Chartreuse verte</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Aux joyeux ecclésiastiques</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">750 cc per bottle</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">69</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">40</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Boston Crab Meat</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">New England Seafood Cannery</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 4 oz tins</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18.4000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">123</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">41</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Jack&#39;s New England Clam Chowder</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">New England Seafood Cannery</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 12 oz cans</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9.6500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">85</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">42</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Singaporean Hokkien Fried Mee</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Leka Trading</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32 - 1 kg pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">14.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">26</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">43</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Ipoh Coffee</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Leka Trading</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">16 - 500 g tins</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">46.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">44</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gula Malacca</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Leka Trading</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20 - 2 kg bags</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">19.4500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">27</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">45</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Rogede sild</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Lyngbysild</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">1k pkg.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">70</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">46</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Spegesild</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Lyngbysild</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">4 - 450 g glasses</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">95</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">47</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Zaanse koeken</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Zaanse Snoepfabriek</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 - 4 oz boxes</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">9.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">36</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">48</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Chocolade</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Zaanse Snoepfabriek</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12.7500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">70</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">49</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Maxilaku</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Karkki Oy</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 50 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">60</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">50</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Valkoinen suklaa</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Karkki Oy</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 - 100 g bars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">16.2500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">65</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">51</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Manjimup Dried Apples</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">G&#39;day, Mate</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Produce</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">50 - 300 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">53.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">52</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Filo Mix</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">G&#39;day, Mate</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">16 - 2 kg boxes</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">7.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">38</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">53</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Perth Pasties</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">G&#39;day, Mate</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Meat/Poultry</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">48 pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32.8000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">54</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tourtière</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Ma Maison</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Meat/Poultry</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">16 pies</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">7.4500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">55</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pâté chinois</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Ma Maison</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Meat/Poultry</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 boxes x 2 pies</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">115</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">56</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gnocchi di nonna Alice</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pasta Buttini s.r.l.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 250 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">38.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">57</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Ravioli Angelo</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pasta Buttini s.r.l.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 250 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">19.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">36</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">58</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Escargots de Bourgogne</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Escargots Nouveaux</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">13.2500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">62</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">59</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Raclette Courdavault</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gai pâturage</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5 kg pkg.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">55.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">79</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">60</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Camembert Pierrot</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gai pâturage</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15 - 300 g rounds</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">34.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">19</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">61</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Sirop d&#39;érable</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Forêts d&#39;érables</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 500 ml bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">28.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">113</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">62</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tarte au sucre</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Forêts d&#39;érables</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">48 pies</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">49.3000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">63</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Vegie-spread</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pavlova, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15 - 625 g jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">43.9000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">64</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Wimmers gute Semmelknödel</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Plutzer Lebensmittelgroßmärkte AG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Grains/Cereals</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20 bags x 4 pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">33.2500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">22</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">80</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">65</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Louisiana Fiery Hot Pepper Sauce</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">New Orleans Cajun Delights</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32 - 8 oz bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21.0500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">76</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">66</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Louisiana Hot Spiced Okra</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">New Orleans Cajun Delights</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 8 oz jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">17.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">4</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">100</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">67</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Laughing Lumberjack Lager</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Bigfoot Breweries</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 12 oz bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">14.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">52</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">68</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Scottish Longbreads</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Specialty Biscuits, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Confections</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 boxes x 8 pieces</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">6</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">69</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Gudbrandsdalsost</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Norske Meierier</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 kg pkg.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">36.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">26</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">70</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Outback Lager</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Pavlova, Ltd.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 355 ml bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">30</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">71</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Flotemysost</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Norske Meierier</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10 - 500 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">21.5000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">26</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">72</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Mozzarella di Giovanni</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Formaggi Fortini s.r.l.</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Dairy Products</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 200 g pkgs.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">34.8000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">14</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">73</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Röd Kaviar</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Svensk Sjöföda AB</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Seafood</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 150 g jars</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">101</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">74</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Longlife Tofu</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Tokyo Traders</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Produce</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5 kg pkg.</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">10.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">4</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">5</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">75</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Rhönbräu Klosterbier</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Plutzer Lebensmittelgroßmärkte AG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">24 - 0.5 l bottles</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">7.7500</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">125</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">25</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">76</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Lakkalikööri</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Karkki Oy</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Beverages</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">500 ml</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">18.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">57</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">20</span>&quot; <span style="color:blue;">/&gt; &lt;</span><span style="color:#a31515;">Product </span><span style="color:red;">ID</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">77</span>&quot; <span style="color:red;">Name</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Original Frankfurter grüne Soße</span>&quot; <span style="color:red;">Supplier</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Plutzer Lebensmittelgroßmärkte AG</span>&quot; <span style="color:red;">Category</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">Condiments</span>&quot; <span style="color:red;">QuantityPerUnit</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">12 boxes</span>&quot; <span style="color:red;">UnitPrice</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">13.0000</span>&quot; <span style="color:red;">UnitsInStock</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">32</span>&quot; <span style="color:red;">UnitsOnOrder</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">0</span>&quot; <span style="color:red;">ReorderLevel</span><span style="color:blue;">=</span>&quot;<span style="color:blue;">15</span>&quot; <span style="color:blue;">/&gt; &lt;/</span><span style="color:#a31515;">Products</span><span style="color:blue;">&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a> <p>Buat beberapa file JavaScript berikut</p> <p>1. Divider.js</p> <pre class="code"><span style="color:#006400;">// Divider.js </span><span style="color:blue;">function </span>divider(value1, value2) { <span style="color:blue;">if </span>(<span style="color:blue;">typeof </span>(value1) == <span style="color:maroon;">&quot;number&quot; </span>&amp;&amp; <span style="color:blue;">typeof </span>(value2) == <span style="color:maroon;">&quot;number&quot;</span>) { <span style="color:blue;">var </span>result = value1 / value2; <span style="color:blue;">return </span>result; } <span style="color:blue;">else </span>{ <span style="color:blue;">return null</span>; } }</pre> <a href="http://11011.net/software/vspaste"></a> <p>2. Multiplier.js</p> <pre class="code"><span style="color:#006400;">// Multiplier.js </span><span style="color:blue;">function </span>multiplier(value1, value2) { <span style="color:blue;">if </span>(<span style="color:blue;">typeof </span>(value1) == <span style="color:maroon;">&quot;number&quot; </span>&amp;&amp; <span style="color:blue;">typeof </span>(value2) == <span style="color:maroon;">&quot;number&quot;</span>) { <span style="color:blue;">var </span>result = value1 * value2; <span style="color:blue;">return </span>result; } <span style="color:blue;">else </span>{ <span style="color:blue;">return null</span>; } }</pre> <a href="http://11011.net/software/vspaste"></a> <p>3. Default.js</p> <pre class="code"><span style="color:#006400;">// Default.js </span>$(document).ready(<span style="color:blue;">function </span>() { $(<span style="color:maroon;">&#39;#Multiplier&#39;</span>).click(<span style="color:blue;">function </span>() { <span style="color:blue;">var </span>value1 = parseFloat($(<span style="color:maroon;">&#39;#Value1&#39;</span>).val()); <span style="color:blue;">var </span>value2 = parseFloat($(<span style="color:maroon;">&#39;#Value2&#39;</span>).val()); $(<span style="color:maroon;">&#39;#Result&#39;</span>).val(multiplier(value1, value2)); }); $(<span style="color:maroon;">&#39;#Divider&#39;</span>).click(<span style="color:blue;">function </span>() { <span style="color:blue;">var </span>value1 = parseFloat($(<span style="color:maroon;">&#39;#Value1&#39;</span>).val()); <span style="color:blue;">var </span>value2 = parseFloat($(<span style="color:maroon;">&#39;#Value2&#39;</span>).val()); $(<span style="color:maroon;">&#39;#Result&#39;</span>).val(divider(value1, value2)); }); });</pre> <a href="http://11011.net/software/vspaste"></a> <p>Ketiga file javascript file tersebut beserta jQuery akan digunakan dalam halaman default.aspx. Ganti halaman Default.aspx yang sudah dibuat oleh Visual Studio project template dengan code berikut.</p> <pre class="code"><span style="background:yellow;">&lt;%</span><span style="color:blue;">@ </span><span style="color:maroon;">Page </span><span style="color:red;">Title</span><span style="color:blue;">=&quot;Home Page&quot; </span><span style="color:red;">Language</span><span style="color:blue;">=&quot;C#&quot; </span><span style="color:red;">MasterPageFile</span><span style="color:blue;">=&quot;~/Site.master&quot; </span><span style="color:red;">AutoEventWireup</span><span style="color:blue;">=&quot;true&quot; </span><span style="color:red;">CodeBehind</span><span style="color:blue;">=&quot;Default.aspx.cs&quot; </span><span style="color:red;">Inherits</span><span style="color:blue;">=&quot;WebApplication1._Default&quot; </span><span style="background:yellow;">%&gt; </span><span style="color:blue;">&lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">Content </span><span style="color:red;">ID</span><span style="color:blue;">=&quot;HeaderContent&quot; </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">ContentPlaceHolderID</span><span style="color:blue;">=&quot;HeadContent&quot;&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">Content</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">Content </span><span style="color:red;">ID</span><span style="color:blue;">=&quot;BodyContent&quot; </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">ContentPlaceHolderID</span><span style="color:blue;">=&quot;MainContent&quot;&gt; &lt;</span><span style="color:maroon;">script </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text/javascript&quot; </span><span style="color:red;">src</span><span style="color:blue;">=&quot;Scripts/jquery-1.3.2.min.js&quot;&gt;&lt;/</span><span style="color:maroon;">script</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">script </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text/javascript&quot; </span><span style="color:red;">src</span><span style="color:blue;">=&quot;Scripts/multiplier.js&quot;&gt;&lt;/</span><span style="color:maroon;">script</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">script </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text/javascript&quot; </span><span style="color:red;">src</span><span style="color:blue;">=&quot;Scripts/divider.js&quot;&gt;&lt;/</span><span style="color:maroon;">script</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">script </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text/javascript&quot; </span><span style="color:red;">src</span><span style="color:blue;">=&quot;Scripts/Default.js&quot;&gt;&lt;/</span><span style="color:maroon;">script</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">h2</span><span style="color:blue;">&gt; </span>Welcome to ASP.NET! <span style="color:blue;">&lt;/</span><span style="color:maroon;">h2</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptManager </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">EnablePartialRendering</span><span style="color:blue;">=&quot;true&quot;&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptManager</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">Label </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">AssociatedControlID</span><span style="color:blue;">=&quot;PageListBox&quot;&gt;</span>Page:<span style="color:blue;">&lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">Label</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">DropDownList </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">ID</span><span style="color:blue;">=&quot;PageListBox&quot; </span><span style="color:red;">AutoPostBack</span><span style="color:blue;">=&quot;true&quot; </span><span style="color:red;">OnSelectedIndexChanged</span><span style="color:blue;">=&quot;PageIndexChanged&quot; &gt;&lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">DropDownList</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">input </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text&quot; </span><span style="color:red;">name</span><span style="color:blue;">=&quot;Value1&quot; </span><span style="color:red;">id</span><span style="color:blue;">=&quot;Value1&quot; </span><span style="color:red;">value</span><span style="color:blue;">=&quot;1&quot; /&gt; &lt;</span><span style="color:maroon;">input </span><span style="color:red;">type</span><span style="color:blue;">=&quot;button&quot; </span><span style="color:red;">name</span><span style="color:blue;">=&quot;Muntiplier&quot; </span><span style="color:red;">id</span><span style="color:blue;">=&quot;Multiplier&quot; </span><span style="color:red;">value</span><span style="color:blue;">=&quot;x&quot; /&gt; &lt;</span><span style="color:maroon;">input </span><span style="color:red;">type</span><span style="color:blue;">=&quot;button&quot; </span><span style="color:red;">name</span><span style="color:blue;">=&quot;Divider&quot; </span><span style="color:red;">id</span><span style="color:blue;">=&quot;Divider&quot; </span><span style="color:red;">value</span><span style="color:blue;">=&quot;/&quot; /&gt; &lt;</span><span style="color:maroon;">input </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text&quot; </span><span style="color:red;">name</span><span style="color:blue;">=&quot;Value2&quot; </span><span style="color:red;">id</span><span style="color:blue;">=&quot;Value2&quot; </span><span style="color:red;">value</span><span style="color:blue;">=&quot;1&quot; /&gt;</span>= <span style="color:blue;">&lt;</span><span style="color:maroon;">input </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text&quot; </span><span style="color:red;">name</span><span style="color:blue;">=&quot;Result&quot; </span><span style="color:red;">id</span><span style="color:blue;">=&quot;Result&quot; </span><span style="color:red;">value</span><span style="color:blue;">=&quot;&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">UpdatePanel </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot;&gt; &lt;</span><span style="color:maroon;">Triggers</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">AsyncPostBackTrigger </span><span style="color:red;">ControlID</span><span style="color:blue;">=&quot;PageListBox&quot; /&gt; &lt;/</span><span style="color:maroon;">Triggers</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">ContentTemplate</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">GridView </span><span style="color:red;">ID</span><span style="color:blue;">=&quot;ProductView&quot; </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">AutoGenerateColumns</span><span style="color:blue;">=&quot;false&quot; </span><span style="color:red;">EnableSortingAndPagingCallbacks</span><span style="color:blue;">=&quot;False&quot; </span><span style="color:red;">AllowSorting</span><span style="color:blue;">=&quot;True&quot;&gt; &lt;</span><span style="color:maroon;">Columns</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Name&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;Name&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Supplier&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;Supplier&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Category&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;Category&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Quantity Per Unit&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;QuantityPerUnit&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Unit Price&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;UnitPrice&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Units In Stock&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;UnitsInStock&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Units On Order&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;UnitsOnOrder&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">BoundField </span><span style="color:red;">HeaderText</span><span style="color:blue;">=&quot;Reorder Level&quot; </span><span style="color:red;">DataField</span><span style="color:blue;">=&quot;ReorderLevel&quot; /&gt; &lt;/</span><span style="color:maroon;">Columns</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">GridView</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">ContentTemplate</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">UpdatePanel</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">Content</span><span style="color:blue;">&gt; </span></pre> <p>Buat code behind untuk default.aspx.cs</p> <pre class="code"><span style="color:blue;">using </span>System; <span style="color:blue;">using </span>System.Collections.Generic; <span style="color:blue;">using </span>System.Linq; <span style="color:blue;">using </span>System.Web; <span style="color:blue;">using </span>System.Web.UI; <span style="color:blue;">using </span>System.Web.UI.WebControls; <span style="color:blue;">using </span>System.Xml.Linq; <span style="color:blue;">namespace </span>WebApplication1 { <span style="color:blue;">public partial class </span><span style="color:#2b91af;">_Default </span>: System.Web.UI.<span style="color:#2b91af;">Page </span>{ <span style="color:blue;">private </span><span style="color:#2b91af;">IEnumerable</span>&lt;<span style="color:#2b91af;">Product</span>&gt; GetProducts() { <span style="color:blue;">var </span>data = <span style="color:#2b91af;">XDocument</span>.Load(Server.MapPath(<span style="color:#a31515;">&quot;~/App_data/Products.xml&quot;</span>), <span style="color:#2b91af;">LoadOptions</span>.None); <span style="color:blue;">var </span>q = <span style="color:blue;">from </span>c <span style="color:blue;">in </span>data.Descendants(<span style="color:#a31515;">&quot;Product&quot;</span>) <span style="color:blue;">select new </span><span style="color:#2b91af;">Product </span>{ ID = <span style="color:blue;">int</span>.Parse(c.Attribute(<span style="color:#a31515;">&quot;ID&quot;</span>).Value), Name = c.Attribute(<span style="color:#a31515;">&quot;Name&quot;</span>).Value, Supplier = c.Attribute(<span style="color:#a31515;">&quot;Supplier&quot;</span>).Value, Category = c.Attribute(<span style="color:#a31515;">&quot;Category&quot;</span>).Value, QuantityPerUnit = c.Attribute(<span style="color:#a31515;">&quot;QuantityPerUnit&quot;</span>).Value, UnitPrice = <span style="color:blue;">decimal</span>.Parse(c.Attribute(<span style="color:#a31515;">&quot;UnitPrice&quot;</span>).Value), UnitsInStock = <span style="color:blue;">decimal</span>.Parse(c.Attribute(<span style="color:#a31515;">&quot;UnitsInStock&quot;</span>).Value), UnitsOnOrder = <span style="color:blue;">decimal</span>.Parse(c.Attribute(<span style="color:#a31515;">&quot;UnitsOnOrder&quot;</span>).Value), ReorderLevel = <span style="color:blue;">decimal</span>.Parse(c.Attribute(<span style="color:#a31515;">&quot;ReorderLevel&quot;</span>).Value) }; <span style="color:blue;">return </span>q; } <span style="color:blue;">protected void </span>Page_Load(<span style="color:blue;">object </span>sender, <span style="color:#2b91af;">EventArgs </span>e) { <span style="color:blue;">if </span>(!Page.IsPostBack) { <span style="color:blue;">var </span>products = GetProducts(); PageListBox.Items.Clear(); <span style="color:blue;">for </span>(<span style="color:blue;">int </span>i = <span style="color:brown;">0</span>; i &lt; (<span style="color:blue;">int</span>)(<span style="color:#2b91af;">Math</span>.Ceiling((<span style="color:blue;">double</span>)products.Count() / <span style="color:brown;">10</span>)); i++) { PageListBox.Items.Add(<span style="color:blue;">new </span><span style="color:#2b91af;">ListItem</span>((i + <span style="color:brown;">1</span>).ToString())); } ProductView.DataSource = products.Take(<span style="color:brown;">10</span>); ProductView.DataBind(); } } <span style="color:blue;">protected void </span>PageIndexChanged(<span style="color:blue;">object </span>sender, <span style="color:#2b91af;">EventArgs </span>e) { <span style="color:blue;">var </span>products = GetProducts(); <span style="color:blue;">int </span>selectedPage = <span style="color:blue;">int</span>.Parse(((<span style="color:#2b91af;">DropDownList</span>)sender).SelectedValue); ProductView.DataSource = products.Skip((selectedPage - <span style="color:brown;">1</span>) * <span style="color:brown;">10</span>).Take(<span style="color:brown;">10</span>); ProductView.DataBind(); } } }</pre> <a href="http://11011.net/software/vspaste"></a> <h3>Analisis</h3> <p>Setelah semua kode disiapkan, buka halaman dengan browser. Saya gunakan Firefox dengan add-ons <a href="https://addons.mozilla.org/en-US/firefox/addon/1843">Firebug</a> dan <a href="http://outgoing.mozilla.org/v1/6cdd47bae355793f82c11989d37fe75d2f5154cb/http%3A//developer.yahoo.com/yslow/">YSlow</a> untuk menganalisis kinerja dari halaman yang dibuat.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image4_11DCFC5F.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image4_thumb_77D854C8.png" width="644" height="477" /></a> </p> <p>Kita bisa lihat bahwa untuk membuka halaman untuk pertama kalinya membutuhkan waktu 6,53 detik. Kemudian saya akan cek untuk akses halaman untuk yang kedua kalinya dan seterusnya. Tekan menu Home untuk mengakses halaman itu kembali, hasilnya sebagai berikut.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image10_0850041D.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image10_thumb_36598E70.png" width="644" height="477" /></a> </p> <p>Permintaan yang kedua jauh lebih cepat dari sebelumnya, yaitu hanya 4,16 detik. Mari kita analisis penyebab lambatnya permintaan yang pertama. Dilihat dari jumlahnya, akses yang pertama terdapat sebelas permintaan untuk membuka satu halaman; sedangkan akses yang kedua hanya ada enam permintaan. Hal ini disebabkan karena akses yang pertama akan mengambil semua file dari server. Sedangkan akses yang kedua beberapa file yang dibungkus oleh ScriptResource.axd dan WebResource.axd telah dicache di browser sehingga tidak diambil lagi.</p> <p>Mari kita analisis lebih dalam dengan YSlow pada tab Components</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image7_79ED2B93.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image7_thumb_7B1178D8.png" width="644" height="477" /></a> </p> <p>Kita bisa lihat bahwa terdapat delapan (8) buah permintaan file javascript (JS) terlihat cukup lama. Browser akan mengunduh file JavaScript satu per satu karena adanya ketergantungan file JavaScript degan file JavaScript lainnya. Walaupun browser dapat mengunduh file tersebut secara bersamaan, namun server web hanya dapat melayani maksimal dua (2) permintaan dari user yang sama dalam waktu bersamaan. Ini membuat tanggapan (response) dari server menjadi lama. Pada permintaan yang kedua, sebagian dari file tersebut tidak diminta lagi pada akses yang kedua karena sudah ada di client (browser) sehingga lebih cepat. </p> <p>Dengan data tersebut di atas, apa yang bisa kita lakukan? Kita bisa mencache semua file JavaScript dengan memasukkannya sebagai embeded resource sebagaimana JavaScript milik ASP.NET Ajax dan WebForms. Dengan cara tersebut dapat mempercepat permintaan yang kedua kalinya dan seterusnya, namun tetap lambat untuk permintaan yang pertama. Lalu apa yang bisa kita lakukan untuk mempercepat permintaan yang pertama? Dalam ASP.NET 4 terdapat fitur yang menarik yaitu penggabungan semua JavaScript menjadi satu file. Sebenarnya fitur ini telah ada dalam ASP.NET 3.5 SP1 namun di ASP.NET 4 terdapat pengembangan yang memungkinkan JavaScript milik WebForms diikutsertakan dalam paket kombinasi tersebut.</p> <h3>Tips 1: Gabungkan File-File JavaScript Menjadi Satu.</h3> <p>Dengan menggabungkan semua file JavaScript menjadi satu, tidak ada lagi permintaan bolak-balik dari client ke server. Kita praktekkan langsung dalam kode ASP.NET. Masukkan semua referensi JavaScript ke CompositeScript dalam ScriptManager.</p> <pre class="code"><span style="color:blue;">&lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptManager </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">EnablePartialRendering</span><span style="color:blue;">=&quot;true&quot;&gt; &lt;</span><span style="color:maroon;">CompositeScript</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">Scripts</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Assembly</span><span style="color:blue;">=&quot;System.Web&quot; </span><span style="color:red;">Name</span><span style="color:blue;">=&quot;WebForms.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Assembly</span><span style="color:blue;">=&quot;System.Web&quot; </span><span style="color:red;">Name</span><span style="color:blue;">=&quot;Menu.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Assembly</span><span style="color:blue;">=&quot;System.Web&quot; </span><span style="color:red;">Name</span><span style="color:blue;">=&quot;MenuStandards.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Name</span><span style="color:blue;">=&quot;MicrosoftAjax.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Name</span><span style="color:blue;">=&quot;MicrosoftAjaxWebForms.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/jquery-1.3.2.min.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/multiplier.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/divider.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/Default.js&quot; /&gt; &lt;/</span><span style="color:maroon;">Scripts</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">CompositeScript</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptManager</span><span style="color:blue;">&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a> <p>Sekarang kita bisa lihat bahwa hanya ada empat permintaan ke server untuk menampilkan halaman yang sama. Dikarenakan jumlah permintaan lebih sedikit, waktu yang dibutuhkan untuk menampilkan halaman juga lebih singkat yaitu 3,96 detik. Bahkan lebih cepat dari permintaan kedua sebelumnya.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_21C8C1AB.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_7827A475.png" width="644" height="483" /></a> </p> <p>Sekarang kita cek untuk permintaan kedua.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_4EEC9412.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_2942CB17.png" width="644" height="483" /></a> </p> <p>Seluruh permintaan selesai hanya dalam waktu 2,27 detik. Suatu peningkatan kinerja yang luar biasa.</p> <p>Dari CompositeScript tersebut, kita kombinasikan semua JavaScript yang ada dalam embeded resource maupun yang berupa file. Untuk yang berupa file kita dengan mudah dapat mengidentifikasinya, lalu bagaimana cara mengetahui embeded JavaScript apa saja yang kita gunakan? Pertama kita harus tahu assembly apa yang kita gunakan. Karena kita menggunakan WebForm dan ScriptManager otomatis kita menggunakan assembly System.Web dan System.Web.Extensions. Assembly System.Web menggunakan WebForms.js sebagai JavaScript utama sedangkan ScriptManager meng-embed MicrosoftAjax.js. Kedua javascript tersebut harus ada sebelum kita menggunakan control yang lain.</p> <p>Untuk mengetahui JavaScript yang digunakan oleh control, kita klik pada Response tab pada Firebug untuk mendapatkan isi dari javascript. Berbekal informasi isi dari javascript, kita dapat mencari embeded resource dengan menggunakan <a href="http://www.red-gate.com/products/reflector/">Reflector</a>. Buka reflector dan lihat pada assembly System.Web. Cari file javascript yang berkaitan dengan control yang kita gunakan kemudian klik ganda untuk melihat isinya. Jika isinya cocok, maka file tersebut yang kita masukkan dalam CompositeScript.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_51352E9C.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_7405CA7F.png" width="644" height="388" /></a> </p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_2A836040.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_42EE9DF7.png" width="644" height="355" /></a> </p> <p></p> <p></p> <p></p> <p>Adakah yang bisa dioptimalkan lagi? Untuk permintaan terhadap default.aspx masih membutuhkan waktu lebih dari 1 detik. Ketika kita bukan halaman default.aspx dengan lihat sumber (view source), kita dapatkan banyak kode yang jumlahnya cukup besar. Mari kita optimalkan isi dari default.aspx</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_65FAFB68.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_3D6ADD82.png" width="644" height="408" /></a> </p> <h3>Tips 2: Gunakan ViewState Seperlunya</h3> <p>Karena sifat dari web adalah stateless, ViewState digunakan untuk menjaga status dari halaman untuk digunakan di server. Setiap control yang dirender ke halaman selalu memiliki ViewState padahal tidak semuanya digunakan. Kita harus jeli mana yang kita gunakan dan mana yang tidak. Jika pada waktu postback, kita tidak memerlukan nilai dari control tersebut, kita tidak perlu menyimpan ViewState. Karena pada contoh ini kita hampir tidak memerlukan ViewState, kita bisa matikan semua ViewState kecuali DropDownList yang memang diperlukan untuk menentukan halaman berapa yang dibuka. Hasil dari optimasi adalah sebagai berikut.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_6D04E80F.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_6B0420E1.png" width="644" height="483" /></a> </p> <p>Dari local komputer, perubahan tidak begitu berarti karena tidak ada latency terhadap jaringan. Yang jadi catatan di sini adalah ukuran file default.aspx yang didownload. Semula default.aspx berukuran 9,2 kini hanya berukuran 6,7; hemat 30% dari bandwidth. Lalu apa lagi yang bisa dioptimasi?</p> <h3>Tips 3: Manfaatkan Microsoft CDN untuk Situs Publik</h3> <p>Jika situs anda untuk konsumsi publis, CDN memberikan manfaat untuk mempercepat akses dengan memanfaatkan server CDN Microsoft yang tersebar di seluruh dunia. Pengunjung akan mendapatkan server CDN terdekat dengan tempat dia akses. Jika diakses dari Indonesia, kita akan mendapatkan server CDN yang ada di Singapore, jika diakses dari US maka akan download JavaScript dari US sehingga aplikasi kita akan lebih cepat diakses oleh pengunjung manapun.</p> <p>Untuk memanfaatkan Microsoft CDN, set EnableCDN menjadi true pada ScriptManager</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_257B0CB7.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_12966340.png" width="244" height="234" /></a> </p> <p>Selain mengeset property EnableCDN menjadi true, kita juga perlu mengeluarkan MicrosoftAjax.js dan MicrosoftAjaxWebForms.js dari CompositeScript. Jika tidak, kedua JavaScript tesebut akan tetap diambil dari local resource dan masuk dalam CompositeScript. Dengan setting EnableCDN kedua file tersebut akan diambil dari server Microsoft CDN. Selain kedua library tersebut, kita juga bisa memanfaatkan library lain yang sudah tersedia di CDN (Baik Microsoft CDN, Google CDN maupun server lain) seperti jQuery. Caranya dengan megeset lokasi CDN di Application_Start dalam Global.asax.</p> <pre class="code"><span style="color:blue;">void </span>Application_Start(<span style="color:blue;">object </span>sender, <span style="color:#2b91af;">EventArgs </span>e) { <span style="color:green;">// Code that runs on application startup // map a simple name to a path </span><span style="color:#2b91af;">ScriptManager</span>.ScriptResourceMapping.AddDefinition(<span style="color:#a31515;">&quot;jQuery&quot;</span>, <span style="color:blue;">new </span><span style="color:#2b91af;">ScriptResourceDefinition </span>{ Path = <span style="color:#a31515;">&quot;~/scripts/jquery-1.3.2.min.js&quot;</span>, DebugPath = <span style="color:#a31515;">&quot;~/scripts/jquery-1.3.2.js&quot;</span>, CdnPath = <span style="color:#a31515;">&quot;http://ajax.microsoft.com/ajax/jQuery/jquery-1.3.2.min.js&quot;</span>, CdnDebugPath = <span style="color:#a31515;">&quot;http://ajax.microsoft.com/ajax/jQuery/jquery-1.3.2.js&quot; </span>}); }</pre> <a href="http://11011.net/software/vspaste"></a> <p>Kode di atas mendefinisikan jQuery untuk lokasi di lokal dan CDN baik untuk versi debug maupun release.</p> <p>Definisi tersebut yang kemudian digunakan di ScriptManager.</p> <pre class="code"><span style="color:blue;">&lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptManager </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot; </span><span style="color:red;">EnablePartialRendering</span><span style="color:blue;">=&quot;true&quot; </span><span style="color:red;">EnableViewState</span><span style="color:blue;">=&quot;False&quot; </span><span style="color:red;">LoadScriptsBeforeUI</span><span style="color:blue;">=&quot;False&quot; </span><span style="color:red;">EnableCdn</span><span style="color:blue;">=&quot;True&quot;&gt; &lt;</span><span style="color:maroon;">Scripts</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Name</span><span style="color:blue;">=&quot;jQuery&quot; /&gt; &lt;/</span><span style="color:maroon;">Scripts</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">CompositeScript</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">Scripts</span><span style="color:blue;">&gt; </span><span style="background:yellow;">&lt;%</span><span style="color:#006400;">-- &lt;asp:ScriptReference Assembly=&quot;System.Web&quot; Name=&quot;WebForms.js&quot; /&gt; &lt;asp:ScriptReference Assembly=&quot;System.Web&quot; Name=&quot;Menu.js&quot; /&gt; &lt;asp:ScriptReference Assembly=&quot;System.Web&quot; Name=&quot;MenuStandards.js&quot; /&gt; &lt;asp:ScriptReference Name=&quot;MicrosoftAjax.js&quot; /&gt; &lt;asp:ScriptReference Name=&quot;MicrosoftAjaxWebForms.js&quot; /&gt; &lt;asp:ScriptReference Path=&quot;Scripts/jquery-1.3.2.min.js&quot; /&gt; --</span><span style="background:yellow;">%&gt;</span> <span style="color:blue;">&lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/multiplier.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/divider.js&quot; /&gt; &lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptReference </span><span style="color:red;">Path</span><span style="color:blue;">=&quot;Scripts/Default.js&quot; /&gt; &lt;/</span><span style="color:maroon;">Scripts</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">CompositeScript</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ScriptManager</span><span style="color:blue;">&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a><a href="http://11011.net/software/vspaste"></a> <p>Dari kode di atas, kita remark semua library yang akan kita ambil dari CDN. Semua library yang ada dalam assembly Microsoft ASP.NET sudah tersedia di Microsoft CDN. Library lainnya harus dimasukkan dalam Scripts di luar CompositeScript. Hasil akses dari kode yang sudah diubah sebagai berikut.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_3EC2C457.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_0C4B78B3.png" width="644" height="483" /></a> </p> <p>Terlihat bahwa waktu yang dibutuhkan lebih lama dari kode kita sebelumnya yang menggabungkan semua script menjadi satu. Hal ini wajar karena demo ini menggunakan komputer lokal sehingga akses jaringan jauh lebih cepat dibandingkan akses ke Internet. Kecepatan akan terasa sewaktu aplikasi sudah dihost di Internet.</p> <h3>Tips 4: Tempatkan Referensi Script di Bawah User Interface</h3> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_64748B21.png"><img style="border-right-width:0px;display:inline;border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_69FF3360.png" width="244" height="235" /></a> </p> <p>Pada property ScriptManager, set nilai LoadScriptsBeforeUI menjadi False. Hal ini akan membuat referensi Script dirender sebelum tag penutup &lt;/body&gt;. Hal ini membuat browser akan mendownload semua UI terlebih dahulu sebelum JavaScript sehingga halaman tampak lebih cepat tampil.</p> <h3>Tips 5: Gunakan Browser Cache</h3> <p>Penggunaan cache penting untuk mengurangi beban jaringan. Dengan menggunakan cache, browser tidaka akan mengambil halaman dari server lagi melainkan dari cache selama cache belum kadaluarsa. Cache hanya berlaku untuk HTTP GET sehingga ketika kita postback tetap akan mendapatkan data yang valid. Untuk memanfaatkan cache, cukup tambahkan directive OutputCache pada tiap page yang akan di-cache seperti contoh berikut.</p> <pre class="code"><span style="background:yellow;">&lt;%</span><span style="color:blue;">@ </span><span style="color:maroon;">Page </span><span style="color:red;">Title</span><span style="color:blue;">=&quot;Home Page&quot; </span><span style="color:red;">Language</span><span style="color:blue;">=&quot;C#&quot; </span><span style="color:red;">MasterPageFile</span><span style="color:blue;">=&quot;~/Site.master&quot; </span><span style="color:red;">AutoEventWireup</span><span style="color:blue;">=&quot;true&quot; </span><span style="color:red;">CodeBehind</span><span style="color:blue;">=&quot;Default.aspx.cs&quot; </span><span style="color:red;">Inherits</span><span style="color:blue;">=&quot;WebApplication1._Default&quot; </span><span style="background:yellow;">%&gt; &lt;%</span><span style="color:blue;">@ </span><span style="color:maroon;">OutputCache </span><span style="color:red;">Duration</span><span style="color:blue;">=&quot;86400&quot; </span><span style="color:red;">Location</span><span style="color:blue;">=&quot;Client&quot; </span><span style="color:red;">VaryByParam</span><span style="color:blue;">=&quot;None&quot; </span><span style="background:yellow;">%&gt;</span> </pre> <a href="http://11011.net/software/vspaste"></a> <p>Dalam contoh di atas, cache diset masa kadaluarsa selama satu hari. Halaman akan dicache selama sehari sehingga akan mengurangi beban server. Sebenarnya fungsi cache ini sudah ada sejak ASP.NET 2.0 dan masih valid sampai ASP.NET 4.0.</p> <p>Demikian beberapa tips yang bisa meningkatkan kinerja aplikasi web kita. Semoga bermanfaat.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspx&amp;subject=ASP.NET 4 Performance Tips" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspx&amp;t=ASP.NET+4+Performance+Tips" target="_blank" title="Submit ASP.NET 4 Performance Tips to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspx&amp;title=ASP.NET+4+Performance+Tips" target="_blank" title="Submit ASP.NET 4 Performance Tips to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspx&amp;phase=2" target="_blank" title="Submit ASP.NET 4 Performance Tips to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/02/06/ASPNET_2D00_4_2D00_Performance_2D00_Tips.aspx&amp;title=ASP.NET+4+Performance+Tips" target="_blank" title="Add ASP.NET 4 Performance Tips to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185782" width="1" height="1">ASP.NETTipsVisual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspxTue, 26 Jan 2010 23:34:35 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185617cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185617http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspx#comments<p>Setelah jQuery 1.4 dirilis pada tanggal 15 yang lalu, dan jQuery 1.4.1 telah dirilis juga kemaren. Hari ini jQuery 1.4.1 telah tersedia di <a href="http://www.asp.net/ajaxLibrary/CDN.ashx">Microsoft CDN</a>. Bagi Anda yang memiliki website publik, tentunya sangat terbantu dengan adanya jQuery di Microsoft CDN. Situs Anda akan semakin cepat diakses oleh semua pengguna dari seluruh penjuru dunia.</p> <p>Untuk menggunakan jQuery dari Microsoft CDN, cukup dengan memuat jQuery dari server CDN seperti contoh berikut.</p> <pre class="code"><span style="color:blue;">&lt;</span><span style="color:maroon;">script </span><span style="color:red;">src</span><span style="color:blue;">=&quot;http://ajax.microsoft.com/ajax/jquery/jquery-1.4.1.js&quot; </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text/javascript&quot;&gt; &lt;/</span><span style="color:maroon;">script</span><span style="color:blue;">&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a>Anda juga bisa menggunakan versi yang sudah termampatkan dengan kode sebagai berikut. <pre class="code"><span style="color:blue;">&lt;</span><span style="color:maroon;">script </span><span style="color:red;">src</span><span style="color:blue;">=&quot;http://ajax.microsoft.com/ajax/jquery/jquery-1.4.1.min.js&quot; </span><span style="color:red;">type</span><span style="color:blue;">=&quot;text/javascript&quot;&gt; &lt;/</span><span style="color:maroon;">script</span><span style="color:blue;">&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a> <p>Anda juga bisa menggunakan Microsoft CDN dengan ScriptManager di Visual Studio 2010 seperti yang pernah saya tulis <a href="http://netindonesia.net/blogs/cahnom/archive/2009/09/16/asp-net-4-0-scriptmanager-sudah-mendukung-microsoft-ajax-cdn.aspx">di sini</a>.</p> <p>Selamat belajar.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspx&amp;subject=jQuery 1.4.1 Sudah Tersedia di Microsoft CDN" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspx&amp;t=jQuery+1.4.1+Sudah+Tersedia+di+Microsoft+CDN" target="_blank" title="Submit jQuery 1.4.1 Sudah Tersedia di Microsoft CDN to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspx&amp;title=jQuery+1.4.1+Sudah+Tersedia+di+Microsoft+CDN" target="_blank" title="Submit jQuery 1.4.1 Sudah Tersedia di Microsoft CDN to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspx&amp;phase=2" target="_blank" title="Submit jQuery 1.4.1 Sudah Tersedia di Microsoft CDN to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/jquery-1-4-1-sudah-tersedia-di-microsoft-cdn.aspx&amp;title=jQuery+1.4.1+Sudah+Tersedia+di+Microsoft+CDN" target="_blank" title="Add jQuery 1.4.1 Sudah Tersedia di Microsoft CDN to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185617" width="1" height="1">Visual Studio 2010jQueryhttp://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspxTue, 26 Jan 2010 23:20:57 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185615cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185615http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspx#comments<p>Setelah kemaren saya bahas <em><a href="http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx">optional parameter</a></em>, sekarang saya akan bahas fitur yang melengkapi optonal parameter yaitu parameter bernama (<em>named parameter</em>). Salah satu manfaat dari parameter bernama adalah untuk memecahkan masalah parameter yang ambigu selama ini. Ambil contoh kutipan kode berikut yang memiliki dua parameter string.</p> <pre class="code"><span style="color:blue;">public static void </span>TambahKontak( <span style="color:blue;">string </span>namaLengkap, <span style="color:blue;">string </span>telepon = <span style="color:#a31515;">&quot;&quot;</span>, <span style="color:#2b91af;">DateTime</span>? tanggalLahir = <span style="color:blue;">null</span>) { <span style="color:green;">// tulis kode anda di sini </span>}</pre> <a href="http://11011.net/software/vspaste"></a> <p>Jenis data dua parameter parameter untuk method TambahKontak di atas adalah string, namun parameter NamaLengkap bukanlah parameter optional. Perhatikan contoh berikut.</p> <pre class="code">TambahKontak( telepon: <span style="color:#a31515;">&quot;0817240000&quot;</span>, namaLengkap: <span style="color:#a31515;">&quot;Ahmad Masykur&quot;</span>, tanggalLahir: <span style="color:#2b91af;">DateTime</span>.Now.AddYears(-<span style="color:brown;">17</span>) );</pre> <p>Contoh di atas, method TambahKontak diisi dengan parameter yang lengkap namun dengan urutan yang tidak sama dengan definisi methodnya. Dengan parameter bernama, kita tidak harus memasukkan parameter sesuai dengan urutannya. Hal ini bermanfaat bila ada lebih dari satu optional parameter dengan tipe data yang sama. Sebagai contoh, tambahkan satu parameter optional AlamatPosel pada method TambahKontak sebagai berikut.</p> <pre class="code"><span style="color:blue;">public static void </span>TambahKontak( <span style="color:blue;">string </span>namaLengkap, <span style="color:blue;">string </span>telepon = <span style="color:#a31515;">&quot;&quot;</span>, <span style="color:blue;">string </span>posel = <span style="color:#a31515;">&quot;&quot;</span>, <span style="color:#2b91af;">DateTime</span>? tanggalLahir = <span style="color:blue;">null</span>) { <span style="color:green;">// tulis kode anda di sini </span>}</pre> <a href="http://11011.net/software/vspaste"></a> <p>Anda dapat memanggil method di atas dengan cara sebagai berikut.</p> <pre class="code">TambahKontak( <span style="color:#a31515;">&quot;Ahmad Masykur&quot;</span>, <span style="color:#a31515;">&quot;ahmad@localhost.localdomain.com&quot;</span>);</pre> <a href="http://11011.net/software/vspaste"></a> <p>Method di atas tidak akan membuat compile error karena parameter pertama dan ke dua adalah string, dan parameter ke dua dan seterusnya adalah optional. Namun data yang dimasukkan tidak sesuai dengan yang diharapkan. Alamat posel (email) akan masuk ke data nomor telepon karena parameter kedua adalah nomor telepon. Hal ini bisa dihindari dengan menggunakan nama parameter sebagai berikut.</p> <pre class="code">TambahKontak( <span style="color:#a31515;">&quot;Ahmad Masykur&quot;</span>, posel: <span style="color:#a31515;">&quot;ahmad@localhost.localdomain.com&quot;</span>);</pre> <a href="http://11011.net/software/vspaste"></a> <p>Dengan kode di atas, nilai kedua akan masuk dalam parameter posel. Inilah kelebihan dari optional parameter dan named parameter yang tidak bisa dilakukan dengan overload method pada C# sebelumnya. Coba Anda ganti method di atas dengan overload method, Anda tidak akan bisa melakukannya kecuali membuat method dengan nama yang berbeda.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspx&amp;subject=Named Parameters di C#" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspx&amp;t=Named+Parameters+di+C%23" target="_blank" title="Submit Named Parameters di C# to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspx&amp;title=Named+Parameters+di+C%23" target="_blank" title="Submit Named Parameters di C# to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspx&amp;phase=2" target="_blank" title="Submit Named Parameters di C# to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/27/named-parameters-di-c.aspx&amp;title=Named+Parameters+di+C%23" target="_blank" title="Add Named Parameters di C# to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185615" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspxTue, 26 Jan 2010 00:02:14 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185598cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185598http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx#comments<p>Optional parameter sudah dikenal sejak lama di VB, namun sampai C# 3.0 optional parameter belum diterapkan. Untuk membuat optional parameter biasanya para developer C# menggunakan overload method seperti contoh berikut.</p> <pre class="code"><span style="color:green;">// Overload tanpa parameter </span><span style="color:blue;">public static string </span>SelamatPagi() { <span style="color:blue;">return </span><span style="color:#a31515;">&quot;Selamat pagi, semua!&quot;</span>; } <span style="color:green;">// Overload method dengan parameter </span><span style="color:blue;">public static string </span>SelamatPagi(<span style="color:blue;">string </span>nama) { <span style="color:blue;">return </span><span style="color:#a31515;">&quot;Selamat pagi, &quot; </span>+ nama + <span style="color:#a31515;">&quot;!&quot;</span>; }</pre> <a href="http://11011.net/software/vspaste"></a> <p><a href="http://11011.net/software/vspaste"></a>Dengan demikian, kita bisa mengakses method SelamatPagi dengan maupun tanpa parameter. Untuk memanggil method tersebut, perhatikan contoh berikut.</p> <pre class="code"><span style="color:green;">// nama merupakan optional </span>SelamatPagi(); <span style="color:green;">// overload dengan parameter </span>SelamatPagi(<span style="color:#a31515;">&quot;agus&quot;</span>);</pre> <p><a href="http://11011.net/software/vspaste"></a>Jika Anda memiliki method dengan banyak optional parameter, Anda akan membuat overload method sebanyak optional parameter tersebut. Hal ini menjadikan method kode kita semakin panjang. Dengan menggunakan C# 4.0, kita dapat menyingkirkan overload method dengan optional parameter seperti contoh berikut.</p> <pre class="code"><span style="color:green;">// Method dengan optional parameter </span><span style="color:blue;">public static string </span>SelamatPagi(<span style="color:blue;">string </span>nama = <span style="color:#a31515;">&quot;semua&quot;</span>) { <span style="color:blue;">return </span><span style="color:#a31515;">&quot;Selamat pagi, &quot; </span>+ nama + <span style="color:#a31515;">&quot;!&quot;</span>; }</pre> <a href="http://11011.net/software/vspaste"></a> <p>Potongan kode di atas dapat diakses dengan cara yang sama dengan overload method. Ketika parameter tidak diisikan, maka nilai default yang akan digunakan.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx&amp;subject=C# 4.0 Mendukung Optional Parameter" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx&amp;t=C%23+4.0+Mendukung+Optional+Parameter" target="_blank" title="Submit C# 4.0 Mendukung Optional Parameter to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx&amp;title=C%23+4.0+Mendukung+Optional+Parameter" target="_blank" title="Submit C# 4.0 Mendukung Optional Parameter to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx&amp;phase=2" target="_blank" title="Submit C# 4.0 Mendukung Optional Parameter to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/26/csharp_2D00_4_2D00_0_2D00_mendukung_2D00_optional_2D00_parameter.aspx&amp;title=C%23+4.0+Mendukung+Optional+Parameter" target="_blank" title="Add C# 4.0 Mendukung Optional Parameter to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185598" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspxMon, 18 Jan 2010 15:02:39 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185500cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185500http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspx#comments<p>jQuery 1.4 telah dirilis Jum’at (15 Jan ‘10) kemaren. Seperti yang telah ditulis oleh Scott Guthrie dalam <a href="http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx" target="_blank">blog</a> setahun silam, bahwa Microsoft akan memasukkan jQuery ke dalam rilis ASP.NET 4. Menurut informasi dari John Resig, jQuery versi 1.4 inilah yang nantinya akan dimasukkan ke dalam ASP.NET 4 ScriptManager. Selain dimasukkannya ke dalam .NET Framework, intellisense untuk jQuery 1.4 juga akan didukung secara native di VisualStudio 2010.</p> <p>Anda dapat mengunduh jQuery 1.4 dari sini: <a href="http://code.jquery.com/jquery-1.4.js">http://code.jquery.com/jquery-1.4.js</a></p> <p>Berikut adalah 15 fitur baru di jQuery 1.4</p> <ol> <li>Passing Attribute ke jQuery(...) menggunakan key value pair. <a title="attr" href="http://docs.jquery.com/Attributes/attr#keyvalue">http://docs.jquery.com/Attributes/attr#keyvalue</a></li> <li>Selector ke sibling dengan <a href="http://api.jquery.com/prevUntil/">prevUntil</a>, <a href="http://api.jquery.com/nextUntil/">nextUntil</a>, <a href="http://api.jquery.com/parentsUntil/">parentsUntil</a></li> <li>Binding Multiple Event Handlers. <a title="Read more about .bind(…)" href="http://api.jquery.com/bind/">Baca lebih lanjut tentang .bind(…)</a></li> <li>Per-Property Easing</li> <li>Penambahan live event baru: “submit”, “change”, “focus” dan “blur”.</li> <li>proxy untuk mengatur context dalam function. <a title="Read more about jQuery.proxy" href="http://api.jquery.com/jQuery.proxy">Baca lebih lanjut tentang&#160; jQuery.proxy</a></li> <li>Penambahan fungsi delay pada animasi. <a title="Read more about .delay(…)" href="http://api.jquery.com/delay">Baca lebih lanjut tentang .delay(…)</a></li> <li>Periksa apakah element mengandung sesuatu dengan fungsi <a href="http://api.jquery.com/has/"><code>.has(…)</code></a>dan <a href="http://api.jquery.com/jQuery.contains/"><code>jQuery.contains(…)</code></a>.</li> <li>Penambahan fungsi <a title="Read more about .unwrap(…)" href="http://api.jquery.com/unwrap/">.unwrap(…)</a></li> <li>Menghapus element tanpa menghapus data di dalamnya. <a title="Read more about .detach(…)" href="http://api.jquery.com/detach">Baca lebih lanjut tentang .detach(…)</a></li> <li>Peningkatan fungsi <a title="Read more about .index(…)" href="http://api.jquery.com/index">.index(…)</a></li> <li>Manipulasi DOM kini mendukung callback. </li> <li>Menentukan tipe objek dengan <a href="http://api.jquery.com/jQuery.isPlainObject"><code>isPlainObject(…)</code></a> dan <a href="http://api.jquery.com/jQuery.isEmptyObject"><code>isEmptyObject(…)</code></a></li> <li>Peningkatan fungsi <a href="http://api.jquery.com/closest"><code>.closest(…)</code></a></li> <li>Event baru: <a href="http://api.jquery.com/focusin"><code>focusIn</code></a> dan <a href="http://api.jquery.com/focusout"><code>focusOut</code></a></li> </ol> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspx&amp;subject=jQuery 1.4 telah dirilis dan akan Masuk dalam Visual Studio 2010" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspx&amp;t=jQuery+1.4+telah+dirilis+dan+akan+Masuk+dalam+Visual+Studio+2010" target="_blank" title="Submit jQuery 1.4 telah dirilis dan akan Masuk dalam Visual Studio 2010 to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspx&amp;title=jQuery+1.4+telah+dirilis+dan+akan+Masuk+dalam+Visual+Studio+2010" target="_blank" title="Submit jQuery 1.4 telah dirilis dan akan Masuk dalam Visual Studio 2010 to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspx&amp;phase=2" target="_blank" title="Submit jQuery 1.4 telah dirilis dan akan Masuk dalam Visual Studio 2010 to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/18/jquery-1-4-telah-dirilis-dan-akan-masuk-dalam-visual-studio-2010.aspx&amp;title=jQuery+1.4+telah+dirilis+dan+akan+Masuk+dalam+Visual+Studio+2010" target="_blank" title="Add jQuery 1.4 telah dirilis dan akan Masuk dalam Visual Studio 2010 to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185500" width="1" height="1">Visual Studio 2010jQueryhttp://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspxFri, 15 Jan 2010 07:30:55 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185409cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185409http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspx#comments<p>The Visual Studio 2010 and .NET Framework 4 Training Kit had been released and includes presentations, hands-on labs, and demos. This content is designed to help you learn how to utilize the Visual Studio 2010 features and a variety of framework technologies like C# 4.0, ASP.NET 4, Visual Basic 10 and more. This release of training kit can be downloaded from <a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=752CB725-969B-4732-A383-ED5740F02E93&amp;displaylang=en">here</a>. </p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspx&amp;subject=Visual Studio 2010 and .NET Framework 4 Training Kit - January Release" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspx&amp;t=Visual+Studio+2010+and+.NET+Framework+4+Training+Kit+-+January+Release" target="_blank" title="Submit Visual Studio 2010 and .NET Framework 4 Training Kit - January Release to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspx&amp;title=Visual+Studio+2010+and+.NET+Framework+4+Training+Kit+-+January+Release" target="_blank" title="Submit Visual Studio 2010 and .NET Framework 4 Training Kit - January Release to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspx&amp;phase=2" target="_blank" title="Submit Visual Studio 2010 and .NET Framework 4 Training Kit - January Release to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/15/visual-studio-2010-and-net-framework-4-training-kit-january-release.aspx&amp;title=Visual+Studio+2010+and+.NET+Framework+4+Training+Kit+-+January+Release" target="_blank" title="Add Visual Studio 2010 and .NET Framework 4 Training Kit - January Release to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185409" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspxTue, 12 Jan 2010 02:11:18 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185331cahnom4http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185331http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspx#comments<p>C# semakin lama semakin mirip JavaScript. Pada C# 3.0, kita kenal yang namanya implicitly local variable (var), anonymous types (ex: var obj = new { Nama = &quot;Ahmad Masykur&quot;, Address = &quot;Jakarta&quot;};) dan object and collection initializers. Kesemua syntax tersebut mirip dengan JavaScript.</p> <p>C# 4.0 kini datang dengan kemampuan dynamic language sehingga semakin mirip dengan JavaScript yang mana JavaScript adalah dynamic language. Berikut adalah contoh ExpandoObject yang merupakan salah satu bagian dari dynamic language.</p> <p></p> <div style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:inline;float:none;padding-top:0px;" id="scid:57F11A72-B0E5-49c7-9094-E3A15BD5B5E7:0347fa85-b385-4f2f-b2c6-b5862656a073" class="wlWriterSmartContent"><pre style="background-color:White;overflow:auto;"><div><span style="color:#000000;">dynamic contact </span><span style="color:#000000;">=</span><span style="color:#000000;"> </span><span style="color:#0000FF;">new</span><span style="color:#000000;"> ExpandoObject(); contact.Name </span><span style="color:#000000;">=</span><span style="color:#000000;"> </span><span style="color:#800000;">&quot;</span><span style="color:#800000;">Ahmad Masykur</span><span style="color:#800000;">&quot;</span><span style="color:#000000;">; contact.Address </span><span style="color:#000000;">=</span><span style="color:#000000;"> </span><span style="color:#800000;">&quot;</span><span style="color:#800000;">Jakarta</span><span style="color:#800000;">&quot;</span><span style="color:#000000;">;</span></div></pre></div> <p></p> <p>Bandingkan dengan code JavaScript berikut.</p> <p></p> <div style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:inline;float:none;padding-top:0px;" id="scid:57F11A72-B0E5-49c7-9094-E3A15BD5B5E7:c3970053-1e94-4e1a-abc2-a03add7879cb" class="wlWriterSmartContent"><pre style="background-color:White;overflow:auto;"><div><span style="color:#0000FF;">var</span><span style="color:#000000;"> contact </span><span style="color:#000000;">=</span><span style="color:#000000;"> </span><span style="color:#0000FF;">new</span><span style="color:#000000;"> object(); contact.Name </span><span style="color:#000000;">=</span><span style="color:#000000;"> </span><span style="color:#000000;">&quot;</span><span style="color:#000000;">Ahmad Masykur</span><span style="color:#000000;">&quot;</span><span style="color:#000000;">; contact.Address </span><span style="color:#000000;">=</span><span style="color:#000000;"> </span><span style="color:#000000;">&quot;</span><span style="color:#000000;">Jakarta</span><span style="color:#000000;">&quot;</span><span style="color:#000000;">;</span></div></pre></div> <p></p> <p>Mirip bukan? Nah itulah kelabihan dari dynamic language. Kita dapat membuat property object saat runtime. Tidak hanya itu, kelebihan dynamic language dari C# adalah dukungan intellisense dari VisualStudio sehingga bisa dicek saat <em>design time</em>.</p> <p>ExpandoObject sangat membantu untuk mengakses COM interop. Biasanya untuk mengkases property COM digunakan myobject.GetProperty(&quot;Address&quot;). Hal ini bisa mengakibatkan <em>runtime error </em>karena tidak dapat dicek saat <em>design time</em>.&nbsp; Berbeda dengan ExpandoObject yang bisa diakses dengan myObject.Address yang bisa dicek saat <em>design time </em>dan support intellisense, sehingga meminimalkan <em>runtime error</em>.</p> <p>Selamat menikmati kenyamanan dynamic language.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspx&amp;subject=ExpandoObject Type - C# Semakin Mirip JavaScript" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspx&amp;t=ExpandoObject+Type+-+C%23+Semakin+Mirip+JavaScript" target="_blank" title="Submit ExpandoObject Type - C# Semakin Mirip JavaScript to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspx&amp;title=ExpandoObject+Type+-+C%23+Semakin+Mirip+JavaScript" target="_blank" title="Submit ExpandoObject Type - C# Semakin Mirip JavaScript to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspx&amp;phase=2" target="_blank" title="Submit ExpandoObject Type - C# Semakin Mirip JavaScript to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/12/expando-object-c-semakin-mirip-javascript.aspx&amp;title=ExpandoObject+Type+-+C%23+Semakin+Mirip+JavaScript" target="_blank" title="Add ExpandoObject Type - C# Semakin Mirip JavaScript to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185331" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspxMon, 11 Jan 2010 10:02:52 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185318cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185318http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspx#comments<p>Microsoft has released a training kit for Visual Studio 2010 and .NET Framework 4.0 Beta 2 includes presentations, hands-on-labs, demos. <p>Training Kit contents: <ul> <li>C# 4.0 <li>Visual Basic 10 <li>F# <li>Parallel Extensions <li>Windows Communication Foundation <li>Windows Workflow <li>Windows Presentation Foundation <li>ASP.NET 4 <li><font color="#ff0000">Windows 7*</font> <li>Entity Framework <li>ADO.NET Data Services <li>Managed Extensibility Framework <li>Visual Studio Team System</li></ul> <p>Download the training kit from <a href="http://www.microsoft.com/downloads/details.aspx?familyid=752CB725-969B-4732-A383-ED5740F02E93&amp;displaylang=en" target="_blank">here</a> and launch the self-extracting package. Enjoy learning Visual Studio with hands-on-labs and demos.</p> <p><font color="#ff0000">* </font><font color="#000000">Has been added </font>in October 2009 release.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspx&amp;subject=Visual Studio 2010 and .NET Framework 4 Training Kit" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspx&amp;t=Visual+Studio+2010+and+.NET+Framework+4+Training+Kit" target="_blank" title="Submit Visual Studio 2010 and .NET Framework 4 Training Kit to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspx&amp;title=Visual+Studio+2010+and+.NET+Framework+4+Training+Kit" target="_blank" title="Submit Visual Studio 2010 and .NET Framework 4 Training Kit to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspx&amp;phase=2" target="_blank" title="Submit Visual Studio 2010 and .NET Framework 4 Training Kit to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/visual-studio-2010-and-net-framework-4-training-kit.aspx&amp;title=Visual+Studio+2010+and+.NET+Framework+4+Training+Kit" target="_blank" title="Add Visual Studio 2010 and .NET Framework 4 Training Kit to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185318" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspxMon, 11 Jan 2010 06:09:45 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185306cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185306http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspx#comments<p>Solution dan project Visual Studio C++ yang dulu menggunakan VCBuild.exe untuk mengkompile project, kini tidak lagi. Semua Visual Studio project termasuk C++ kini menggunakan build tool MSBuild. Dengan menggunakan MSBuild, konfigurasi build menjadi lebih fleksibel karena semua konfigurasi dalam bentuk XML. Integrasi dengan TFS dan setup Continuous Integration juga semakin mudah karena menggunakan build tool yang sama untuk semua project.</p> <p>Format file project C++ (.vcxproj) juga menggunakan format XML juga. Visual C++ 2010 akan secara otomatis mengkonversi project yang dibuat dengan Visual Studio sebelumnya menjadi format baru.</p> <p>Selain format project yang berubah, Visual C++ 2010 juga datang dengan standar bahasa baru yang dinamakan <a href="http://en.wikipedia.org/wiki/C%2B%2B0x" target="_blank">C++0x</a>. VC++ 2010 juga datang dengan set pustaka yang mendukung parallel programming. Dalam VC++ 2010 dikenalkan <a title="Parallel Patterns Library" href="http://channel9.msdn.com/pdc2008/TL25/">Parallel Patterns Library</a> (PPL) yang menyediakan abstraction untuk bembuat aplikasi C++ yang mendukung proses multi-inti (<em>multi-core</em>).</p> <p>Anda dapat menyimak berbagai informasi terbaru mengenai perkembangan Visual C++ dari <a title="http://blogs.msdn.com/vcblog" href="http://blogs.msdn.com/vcblog">http://blogs.msdn.com/vcblog</a>.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspx&amp;subject=Perubahan Besar pada Visual C++ 2010" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspx&amp;t=Perubahan+Besar+pada+Visual+C%2b%2b+2010" target="_blank" title="Submit Perubahan Besar pada Visual C++ 2010 to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspx&amp;title=Perubahan+Besar+pada+Visual+C%2b%2b+2010" target="_blank" title="Submit Perubahan Besar pada Visual C++ 2010 to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspx&amp;phase=2" target="_blank" title="Submit Perubahan Besar pada Visual C++ 2010 to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/perubahan-besar-pada-visual-c-2010.aspx&amp;title=Perubahan+Besar+pada+Visual+C%2b%2b+2010" target="_blank" title="Add Perubahan Besar pada Visual C++ 2010 to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185306" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspxMon, 11 Jan 2010 01:50:00 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185282cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185282http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspx#comments<p>Melanjutkan seri tulisan Fitur Baru ASP.NET 4.0 <a href="http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx" target="_blank">bagian 1</a> dan <a href="http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/18/fitur-baru-asp-net-4-0-bagian-1.aspx" target="_blank">bagian 2</a>, kini saya paparkan lagi beberapa fitur baru yang lain.</p> <h4>ASP.NET Chart Control</h4> <p>ASP.NET Chart control pertama kali dikenalkan dalam .NET Framework&#160; 3.5 SP1 dengan mengunduh paket terpisah dari <a title="Microsoft Chart Controls for Microsoft .NET Framework 3.5" href="http://www.microsoft.com/downloads/details.aspx?FamilyID=130f7986-bf49-4fe5-9ca8-910ae6ea442c&amp;DisplayLang=en">Microsoft Chart Controls for Microsoft .NET Framework 3.5</a>. Kini Chart control telah menjadi bagian dari .NET Framework 4.0. Terdapat 25 jenis chart yang berbeda dengan dukungan chart 3D. Berikut adalah contoh chart control yang dihasilkan.</p> <p>&#160;<a href="http://geeks.netindonesia.net/blogs/cahnom/image_652D44F2.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_4F4310FB.png" width="260" height="204" /></a> <a href="http://geeks.netindonesia.net/blogs/cahnom/image_0E33A5C1.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_155EF407.png" width="260" height="210" /></a> </p> <p>Di Visual Studio 2010, Chart control sudah tersedia di toobox bagaian Data. Untuk menggunakannya, tinggal drag n drop Chart control ke dalam halaman.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_67CDAE76.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_1A510BE9.png" width="179" height="172" /></a> </p> <h4>Perbaikan ASP.NET Menu</h4> <p>Sebelum ASP.NET 4.0, control Menu menghasilkan menu dengan HTML table. Hal ini mempersulit penerapan style CSS. Di ASP.NET 4.0, menu sekarang dirender sebagai unordered list (UL) dan list element (LI) dengan paduan CSS class, seperti contoh berikut.</p> <pre class="code"><span style="color:blue;">&lt;</span><span style="color:maroon;">div </span><span style="color:red;">ud</span><span style="color:blue;">=&quot;Menu1&quot;&gt; &lt;</span><span style="color:maroon;">ul </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level1&quot;&gt; &lt;</span><span style="color:maroon;">li</span><span style="color:blue;">&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level1&quot; </span><span style="color:red;">ref</span><span style="color:blue;">=&quot;#&quot;&gt;</span>Home<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt;&lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">li</span><span style="color:blue;">&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level1&quot; </span><span style="color:red;">ref</span><span style="color:blue;">=&quot;#&quot;&gt;</span>Auto Parts<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">ul </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level2&quot;&gt; &lt;</span><span style="color:maroon;">li</span><span style="color:blue;">&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level2&quot; </span><span style="color:red;">href</span><span style="color:blue;">=&quot;#&quot;&gt;</span>US<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">ul </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot;&gt; &lt;</span><span style="color:maroon;">li </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot;&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot; </span><span style="color:red;">href</span><span style="color:blue;">=&quot;#&quot;&gt;</span>GM<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt;&lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">li </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot;&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot; </span><span style="color:red;">href</span><span style="color:blue;">=&quot;#&quot;&gt;</span>Ford<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt;&lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">ul</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">li</span><span style="color:blue;">&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level2&quot; </span><span style="color:red;">href</span><span style="color:blue;">=&quot;#&gt;</span>Japan<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">ul </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot;&gt; &lt;</span><span style="color:maroon;">li </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot;&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot; </span><span style="color:red;">href</span><span style="color:blue;">=&quot;#&quot;&gt;</span>Toyota<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt;&lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;</span><span style="color:maroon;">li </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot;&gt;&lt;</span><span style="color:maroon;">a </span><span style="color:red;">class</span><span style="color:blue;">=&quot;level3&quot; </span><span style="color:red;">href</span><span style="color:blue;">=&quot;#&quot;&gt;</span>Honda<span style="color:blue;">&lt;/</span><span style="color:maroon;">a</span><span style="color:blue;">&gt;&lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">ul</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">ul</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">li</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">ul</span><span style="color:blue;">&gt; &lt;/</span><span style="color:maroon;">div</span><span style="color:blue;">&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a> <p>Dengan demikian, tampilan menu lebih mudah untuk ubah dengan menggunakan CSS.</p> <h4></h4> <p></p> <p></p> <h4>Perbaikan RadioButtonList dan CheckBoxList</h4> <p>Sebagaimana ASP.NET Menu, RadioButtonList dan CheckBoxList juga mengalami perbaikan dari sisi rendering ke HTML. Keduanya kini memiliki property RepeatLayout tambahan yaitu OrderedList dan UnorderedList.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_02D657B8.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_40EF7269.png" width="139" height="244" /></a> <a href="http://geeks.netindonesia.net/blogs/cahnom/image_1BC20230.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_07C86F9A.png" width="141" height="244" /></a> </p> <p>OrderedList akan membuat control dirender sebagai element &lt;li&gt; di dalam element &lt;ol&gt;. Sedangkan UnorderedList akan membuat control dirender sebagai &lt;li&gt; di dalam &lt;ul&gt;. Dengan demikian control tersebut dapat diubah dengan style CSS.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspx&amp;subject=Fitur Baru ASP.NET 4.0 – Bagian 3" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspx&amp;t=Fitur+Baru+ASP.NET+4.0+%e2%80%93+Bagian+3" target="_blank" title="Submit Fitur Baru ASP.NET 4.0 – Bagian 3 to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspx&amp;title=Fitur+Baru+ASP.NET+4.0+%e2%80%93+Bagian+3" target="_blank" title="Submit Fitur Baru ASP.NET 4.0 – Bagian 3 to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspx&amp;phase=2" target="_blank" title="Submit Fitur Baru ASP.NET 4.0 – Bagian 3 to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/11/fitur-baru-asp-net-4-0-bagian-3.aspx&amp;title=Fitur+Baru+ASP.NET+4.0+%e2%80%93+Bagian+3" target="_blank" title="Add Fitur Baru ASP.NET 4.0 – Bagian 3 to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185282" width="1" height="1">ASP.NETVisual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspxSat, 09 Jan 2010 05:33:29 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185270cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185270http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx#comments<p>Beberapa waktu yang lalu saya telah memaparkan bererapa fitur baru di ASP.NET 4 di <a title="Fitur Baru ASP.NET 4.0 - Bagian 1" href="http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/18/fitur-baru-asp-net-4-0-bagian-1.aspx">Fitur Baru ASP.NET 4.0 - Bagian 1</a>, kini saya akan paparkan beberapa fitur baru lainnya. Berikut adalah beberapa fitur yang akan datang bersama ASP.NET 4.0</p> <h4>ViewState</h4> <p>Bagi developer ASP.NET pasti mengetahui bahwa ViewState memiliki beberapa kekurangan. Semua status control akan disimpan dalam ViewState. Berapa banyak bandwidth yang digunakan untuk ViewState sedangkan kebanyakan informasi itu tidak digunakan. Kita dapat mematikan ViewState di level halaman (default-nya nyala) dan semua control dalam halaman tersebut akan mematikan ViewState. Namun hal itu tidak bisa memecahkan masalah, karena kita acap kali membutuhkan beberapa informasi ViewState dari beberapa control dalam halaman. Kita dapat mematikan ViewState di masing-masing control dan tetap menghidupkan ViewState di halaman dan beberapa control yang dibutuhkan saja. Namun hal ini juga masih menjadi kendala jika dalam internal control yang kita matikan ViewState-nya ternyata memerlukan ViewState. Hal inilah yang menjadi kekurangan ViewState di ASP.NET 2.0 dan sebelumnya.</p> <p>ViewState di ASP.NET 4 dapat diatur sedemikian rupa sehingga kita dapat menentukan apakah ViewState akan nyala (Enabled), mati (Disabled) atau mengikuti status ViewState induknya (Inherit). Pengaturan ini dilakukan di property ViewStateMode yang mana memiliki tiga pilihan yaitu Enabled, Disabled dan Inherit (atau kosong). Jika property tersebut kosong maka secara otomatis akan diset menjadi Inherit.</p> <p>Anda dapat mengeset property ViewStateMode menjadi Disabled di level direktif @Page dan memilih beberapa control yang akan diset ViewStateMode menjadi Enabled.</p> <pre class="code"><span style="background:yellow;">&lt;%</span><span style="color:blue;">@ </span><span style="color:maroon;">Page </span><span style="color:red;">Title</span><span style="color:blue;">=&quot;Home Page&quot; </span><span style="color:red;">Language</span><span style="color:blue;">=&quot;C#&quot; </span><span style="color:red;">MasterPageFile</span><span style="color:blue;">=&quot;~/Site.master&quot; </span><span style="color:red;">AutoEventWireup</span><span style="color:blue;">=&quot;true&quot; </span><span style="color:red;">ViewStateMode</span><span style="color:blue;">=&quot;Disabled&quot; </span><span style="color:red;">CodeBehind</span><span style="color:blue;">=&quot;Default.aspx.cs&quot; </span><span style="color:red;">Inherits</span><span style="color:blue;">=&quot;WebApplication1._Default&quot; </span><span style="background:yellow;">%&gt; </span></pre> <a href="http://11011.net/software/vspaste"></a> <p>Semua control dalam halaman tersebut akan dimatikan jika property ViewStateMode pada control tersebut diset menjadi Inherit atau dikosongkan.</p> <p>Anda juga dapat mengeset ViewStateMode di level MasterPage pada control ContentPlaceHolder. Dengan mengeset ViewStateMode di level MasterPage, semua control dalam page yang menggunakan MasterPage tersebut akan mengikuti setting pada MasterPage.</p> <pre class="code"><span style="color:blue;">&lt;</span><span style="color:maroon;">asp</span><span style="color:blue;">:</span><span style="color:maroon;">ContentPlaceHolder </span><span style="color:red;">ID</span><span style="color:blue;">=&quot;MainContent&quot; </span><span style="color:red;">ViewStateMode</span><span style="color:blue;">=&quot;Disabled&quot; </span><span style="color:red;">runat</span><span style="color:blue;">=&quot;server&quot;/&gt; </span></pre> <h4>Dukungan Routing yang Lebih Baik</h4> <p>Jika Anda sudah mengenal ASP.NET MVC, maka tidak asing dengan istilah routing. Routing atau lebih tepat disebut sebagai URL routing merupakan mekanisme untuk membelokkan request dari URL virtual ke handler yang sebenarnya. Pada ASP.NET WebForms setiap request ditangani oleh file fisik di server web. Berbeda dengan ASP.NET MVC yang tidak hengharuskan memiliki file fisik untuk menangani setiap request. Request akan dibelokkan berdasarkan pola yang telah didefinisikan.</p> <p>Routing bermanfaat untuk memudahkan pembacaan URL oleh manusia dan mesin pencari. Sebagai contoh URL berikut <a href="http://server/buku.aspx?penerbit=gramedia&amp;tahun=2009">http://server/buku.aspx?penerbit=gramedia&amp;tahun=2009</a> akan tampak seperti URL berikut&#160; <a href="http://server/buku/penerbit/gramedia/2009">http://server/buku/penerbit/gramedia/2009</a>. Dengan menggunakan URL yang kedua, kita akan lebih mudah untuk mengingat dan juga lebih mudah untuk di-indeks oleh search engine.</p> <p>Route didefinisikan dalam pola URL dalam sebuah placeholder yang akan memetakan nilainya setiap kali ada permintaan URL. Placeholder tersebut mengenali parameter URL di dalam tanda kurung kurawal { }. Informasil lainnya di dalam URL dianggap sebagai konstanta. Konstanta dan parameter URL dipisahkan dengan karakter garis miring (/). Route didefinisikan dalam method Application_Start di file Global.asax</p> <pre class="code"><span style="color:blue;">void </span>Application_Start(<span style="color:blue;">object </span>sender, <span style="color:#2b91af;">EventArgs </span>e) { <span style="color:#2b91af;">RouteTable</span>.Routes.Add(<span style="color:#a31515;">&quot;BukuRoute&quot;</span>, <span style="color:blue;">new </span><span style="color:#2b91af;">Route</span>(<span style="color:#a31515;">&quot;buku/{penerbit}/{tahun}&quot;</span>, <span style="color:blue;">new </span><span style="color:#2b91af;">PageRouteHandler</span>(<span style="color:#a31515;">&quot;~/buku.aspx&quot;</span>))); }</pre> <a href="http://11011.net/software/vspaste"></a> <p>Dalam contoh di atas, route dengan nama “BukuRoute” akan me-routing-kan buku/{penerbit}/{tahun} ke file buku.aspx. Sebagai contoh URL&#160; <a href="http://server/buku/penerbit/gramedia/2009">http://server/buku/penerbit/gramedia/2009</a> akan dipetakan ke halaman buku.aspx.</p> <p>Dalam halaman buku.aspx, nilai dari paramter dapat diambil dari collection RouteData.Values seperti contoh berikut.</p> <pre class="code"><span style="color:blue;">var </span>penerbit = RouteData.Values[<span style="color:#a31515;">&quot;penerbit&quot;</span>]; <span style="color:blue;">var </span>tahunTerbit = RouteData.Values[<span style="color:#a31515;">&quot;tahun&quot;</span>];</pre> <p>Dengan demikian, URL yang digunakan menjadi lebih bersih dan mudah dibaca.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx&amp;subject=Fitur Baru ASP.NET 4.0 – Bagian 2" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx&amp;t=Fitur+Baru+ASP.NET+4.0+%e2%80%93+Bagian+2" target="_blank" title="Submit Fitur Baru ASP.NET 4.0 – Bagian 2 to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx&amp;title=Fitur+Baru+ASP.NET+4.0+%e2%80%93+Bagian+2" target="_blank" title="Submit Fitur Baru ASP.NET 4.0 – Bagian 2 to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx&amp;phase=2" target="_blank" title="Submit Fitur Baru ASP.NET 4.0 – Bagian 2 to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/09/fitur-baru-asp-net-4-0-bagian-2.aspx&amp;title=Fitur+Baru+ASP.NET+4.0+%e2%80%93+Bagian+2" target="_blank" title="Add Fitur Baru ASP.NET 4.0 – Bagian 2 to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185270" width="1" height="1">ASP.NETVisual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspxThu, 07 Jan 2010 15:17:10 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185236cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185236http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspx#comments<p>Saat petamakali install Visual Studio 2010, kecewa karena tampilan font-nya berantakan. Saya berfikir ini merupakan bug di Visual Studio 2010 karena saat ini masih versi Beta. Saya coba submit feedback ke Microsoft dan baru hari ini mendapatkan jawaban yang jelas.</p> <p>Berikut adalah feedback yang saya submit ke Microsoft</p> <p><a title="http://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=511572" href="http://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=511572">http://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=511572</a></p> <p>Dan jawaban dari Microsoft hari ini adalah karena driver grafis yang digunakan oleh VMware masih Beta sehingga tidak dapat menampilkan WPF dengan sempurna.</p> <p><a title="http://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=482803#details" href="http://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=482803#details">http://connect.microsoft.com/VisualStudio/feedback/ViewFeedback.aspx?FeedbackID=482803#details</a></p> <p>Dari informasi tersebut, saya coba untuk mematikan fitur Graphic Accelerator di VMware. Alhamdulillah, kini Visual Studio 2010 dapat ditampilkan dengan baik walaupun tanpa Windows Aero.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_1548718B.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_23A32216.png" width="244" height="183" /></a></p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspx&amp;subject=Bug Visual Studio 2010 di VMware dan Solusinya" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspx&amp;t=Bug+Visual+Studio+2010+di+VMware+dan+Solusinya" target="_blank" title="Submit Bug Visual Studio 2010 di VMware dan Solusinya to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspx&amp;title=Bug+Visual+Studio+2010+di+VMware+dan+Solusinya" target="_blank" title="Submit Bug Visual Studio 2010 di VMware dan Solusinya to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspx&amp;phase=2" target="_blank" title="Submit Bug Visual Studio 2010 di VMware dan Solusinya to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/bug-visual-studio-2010-di-vmware-dan-solusinya.aspx&amp;title=Bug+Visual+Studio+2010+di+VMware+dan+Solusinya" target="_blank" title="Add Bug Visual Studio 2010 di VMware dan Solusinya to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185236" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspxThu, 07 Jan 2010 15:05:13 GMT5cc3a90d-ac9a-472a-8983-30514957434c:185235cahnom1http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=185235http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspx#comments<p>Satu perubahan yang besar dalam IDE Visual Studio 2010 adalah digunakannya WPF sebagai antarmukanya. WPF merupakan teknologi desktop yang datang bersama .NET Framework 3.0. Dengan mengunakan WPF, pemprograman desktop dapat dilakukan dengan menggunakan markup language selayaknya di web. WPF menyajikan user experience yang lebih bagus dengan beberapa animasi <em>out of the box </em>dan rendering engine yang sudah dioptimalkan dengen GPU (Graphic Processing Unit) modern.</p> <p>Belum banyak aplikasi Microsoft yang menggunakan WPF. Dengan digunakannya WPF di Visual Studio generasi baru ini, sepertinya Microsoft ingin menunjukkan bahwa WPF benar-benar dapat digunakan di dunia industri, tidak sekedar untuk dunia hiburan.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/vs2010splashscreen_0EC20985.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="vs2010-splash-screen" border="0" alt="vs2010-splash-screen" src="http://geeks.netindonesia.net/blogs/cahnom/vs2010splashscreen_thumb_0CA0F6BD.png" width="240" height="167" /></a> </p> <p>Dengan penggunaan WPF, pembuatan plugin/extension yang terintegrasi dengan IDE Visual Studio menjadi lebih mudah. Pembuatan extension di Visual Studio 2008 sangatlah sulit, kini dengan di Visual Studio 2010 hal itu menjadi sangatlah mudah. Beberapa tulisan dan video tentang pembuatan extension diantaranya:</p> <ul> <li><a href="http://www.codeproject.com/KB/macros/WriteExtensions.aspx" target="_blank">Write Extensions for the Visual Studio 2010 Editor</a></li> <li><a title="http://editorsamples.codeplex.com/" href="http://editorsamples.codeplex.com/">http://editorsamples.codeplex.com/</a></li> </ul> <p>Dengan kemudahan pembuatan extension di VS2010, diharapkan nantinya semakin banyak tool peningkatan produktivitas untuk Visual Studio. Beberapa tool produktivitas yang sekarang ada seperti CodeRush dari DevExpress, Resharper dari JetBrain. Dengan penambahan tool tersebut produktivitas dan kualitas kode dapat meningkat.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspx&amp;subject=Kemudahan Membuat Extension di Visual Studio 2010" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspx&amp;t=Kemudahan+Membuat+Extension+di+Visual+Studio+2010" target="_blank" title="Submit Kemudahan Membuat Extension di Visual Studio 2010 to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspx&amp;title=Kemudahan+Membuat+Extension+di+Visual+Studio+2010" target="_blank" title="Submit Kemudahan Membuat Extension di Visual Studio 2010 to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspx&amp;phase=2" target="_blank" title="Submit Kemudahan Membuat Extension di Visual Studio 2010 to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2010/01/07/kemudahan-membuat-extension-di-visual-studio-2010.aspx&amp;title=Kemudahan+Membuat+Extension+di+Visual+Studio+2010" target="_blank" title="Add Kemudahan Membuat Extension di Visual Studio 2010 to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=185235" width="1" height="1">Visual Studio 2010http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspxMon, 14 Dec 2009 13:40:12 GMT5cc3a90d-ac9a-472a-8983-30514957434c:184761cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=184761http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspx#comments<p>Setelah minggu lalu aku publikasikan project ini di <a href="http://www.codeplex.com/">Codeplex</a>. Alhamdulillah sekarang <a href="http://batik.codeplex.com/">Batik</a> telah naik ke versi Alfa 1 yang mana sebagian funsionalitas dari aplikasi sudah dapat dicoba. <a href="http://batik.codeplex.com/">Batik</a> merupakan wrapper untuk ASP.NET Ajax 4 terutama pada fungsionalitas ASP.NET Ajax Client Template. Dengan menggunakan Batik, template dapat dibuat selayaknya membuat template di server control.</p> <p>Pada rilis kali ini ada dua control yang telah dibuat.</p> <ul> <li>ScriptDataSource yang menyerupai ObjectDataSource di server control. Dengan menggunakan ScriptDataSource, kita seolah-oleh bekerja dengan server control dengan cita rasa <em>client side</em>.</li> <li>DataView yang merupakan wrapper dari Sys.UI.DataView yang mana merupakan client control untuk membuat client side template. Pada control ini telah ditambahkan fungsionalitas baru untuk pagging sederhana.</li> </ul> <p>Berikut adalah contoh hasil render dari Batik.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_5353FCB8.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_3F25E4BC.png" width="644" height="400" /></a></p> <p>Jika ada saran/masukan dan laporan bug, silakan buat work item dengan menuliskanya di <a title="Issue Tracker" href="http://batik.codeplex.com/WorkItem/List.aspx">Issue Tracker</a>. Saya dan tim Insya Allah akan mereview laporan Anda untuk ditindaklanjuti. Terima kasih.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspx&amp;subject=Batik Alfa 1 Telah Dirilis" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspx&amp;t=Batik+Alfa+1+Telah+Dirilis" target="_blank" title="Submit Batik Alfa 1 Telah Dirilis to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspx&amp;title=Batik+Alfa+1+Telah+Dirilis" target="_blank" title="Submit Batik Alfa 1 Telah Dirilis to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspx&amp;phase=2" target="_blank" title="Submit Batik Alfa 1 Telah Dirilis to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/12/14/batik-alfa-1-telah-dirilis.aspx&amp;title=Batik+Alfa+1+Telah+Dirilis" target="_blank" title="Add Batik Alfa 1 Telah Dirilis to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=184761" width="1" height="1">ASP.NETASP.NET AJAXBatikhttp://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspxMon, 23 Nov 2009 16:09:52 GMT5cc3a90d-ac9a-472a-8983-30514957434c:184576cahnom0http://geeks.netindonesia.net/blogs/cahnom/rsscomments.aspx?PostID=184576http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspx#comments<p>Malam ini aku menemukan fitur kecil namun cukup bermanfaat bagi sering bekerja dengan tim yang tersebar di seluruh penjuru dunia. Hal ini sangat membantu saya karena sering berinteraksi dengan tim di timezone lain seperti Papua dan Phoenix, Arizona. Saya sering mengkalkulasi waktu lokal rekan saya nan jauh di sana dalam fikiran sebelum kontak dia. Hal yang lebih merepotkan lagi adalah salah site rekan saya memiliki <a href="http://en.wikipedia.org/wiki/Daylight_saving_time">daylight saving time</a> (DST) seperti di Phoenix, Arizona. Saya terkadang salah hitung waktu lokal di Arizona karena ini.</p> <p>Dengan fitur baru di Win 7, saya tidak perlu lagi mengkalkukasi sendiri waktu lokal rekan saya nan jauh di mato. Buka “Control Panel”, “Clock, Language, and Region” lalu click “Add clocks for different time zones”. Check “show this clock” dan pilih timezone yang dituju, isikan display name dan tekan tombol Enter.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_4EB66160.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_51D761D4.png" width="235" height="244" /></a> </p> <p>Ketika mouse diarahkan ke pojok kanan bawah (tampilan jam), akan muncul waktu yang telah kita definisikan sebelumnya.</p> <p><a href="http://geeks.netindonesia.net/blogs/cahnom/image_20E4849C.png"><img style="border-bottom:0px;border-left:0px;display:inline;border-top:0px;border-right:0px;" title="image" border="0" alt="image" src="http://geeks.netindonesia.net/blogs/cahnom/image_thumb_610A7849.png" width="137" height="120" /></a> </p> <p>Semoga tips ini bermanfaat.</p> <div class = "shareblock"><strong>Share this post: </strong><a href="mailto:?body=Thought you might like this: http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspx&amp;subject=Add Clocks for Different Time Zones in Win 7" target="_blank" title="Send via email"><img src="http://geeks.netindonesia.net/Images/Share.Mail.16.gif" border="0"></a> | <a href="http://www.facebook.com/sharer.php?u=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspx&amp;t=Add+Clocks+for+Different+Time+Zones+in+Win+7" target="_blank" title="Submit Add Clocks for Different Time Zones in Win 7 to DotNetKicks"><img src="http://geeks.netindonesia.net/Images/Share.Facebook.16.gif" border="0"></a> | <a href="http://del.icio.us/post?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspx&amp;title=Add+Clocks+for+Different+Time+Zones+in+Win+7" target="_blank" title="Submit Add Clocks for Different Time Zones in Win 7 to del.icio.us"><img src="http://geeks.netindonesia.net/Images/Share.Delicious.16.gif" border="0"></a> | <a href="http://www.digg.com/submit?url=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspx&amp;phase=2" target="_blank" title="Submit Add Clocks for Different Time Zones in Win 7 to digg.com"><img src="http://geeks.netindonesia.net/Images/Share.Digg.16.gif" border="0"></a> | <a href="https://favorites.live.com/quickadd.aspx?marklet=1&amp;mkt=en-us&amp;url=http://geeks.netindonesia.net/blogs/cahnom/archive/2009/11/23/add-clocks-for-different-time-zones-in-win-7.aspx&amp;title=Add+Clocks+for+Different+Time+Zones+in+Win+7" target="_blank" title="Add Add Clocks for Different Time Zones in Win 7 to Live Bookmarks"><img src="http://geeks.netindonesia.net/Images/Share.Live.16.gif" border="0"></a></div><img src="http://geeks.netindonesia.net/aggbug.aspx?PostID=184576" width="1" height="1">TipsWin 7