Minggu, 28 April 2013

♣ img



















Minggu, 31 Maret 2013

♣ SQL


        SQL merupakan singkatan dari Structured Query Language. SQL adalah sebuah bahasa komputer yang mengikuti standar ANSI (American Nasional Standard Institute) yang digunakan untuk mengakses dan melakukan manipulasi suatu sistem database. Statemen dalam SQL dapat digunakan untuk mengakses dan melakukan update data pada suatu database.

       
      Secara umum, SQL terdiri dari dua bahasa, yaitu Data Definition Language (DDL) dan Data Manipulation Language (DML). Implementasi DDL dan DML berbeda untuk tiap sistem manajemen basis data (SMBD)[1], namun secara umum implementasi tiap bahasa ini memiliki bentuk standar yang ditetapkan ANSI. Artikel ini akan menggunakan bentuk paling umum yang dapat digunakan pada kebanyakan SMBD

     Awal Mulanya, SQL dimulai dari artikel seorang peneliti dari IBM bernama EF Codd yang membahas tentang ide pembuatan basis data relasional pada bulan Juni 1970. Artikel ini juga membahas kemungkinan pembuatan bahasa standar untuk mengakses data dalam basis data tersebut. Bahasa tersebut kemudian diberi nama SEQUEL (Structured English Query Language).

     Setelah terbitnya artikel tersebut, IBM mengadakan proyek pembuatan basis data relasional berbasis bahasa SEQUEL. Akan tetapi, karena permasalahan hukum mengenai penamaan SEQUEL, IBM pun mengubahnya menjadi SQL. Implementasi basis data relasional dikenal dengan System/R.

     Di akhir tahun 1970-an, muncul perusahaan bernama Oracle yang membuat server basis data populer yang bernama sama dengan nama perusahaannya. Dengan naiknya kepopuleran Oracle, maka SQL juga ikut populer sehingga saat ini menjadi standar de facto bahasa dalam manajemen basis data.

♣ CSS



            Cascading Style Sheets atau CSS adalah suatu bahasa lembar gaya yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markah. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
              CSS biasanya digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markah lainnya) dengan presentasi dokumen (yang ditulis dengan CSS). Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.
               CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh penjelajah web basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.

♣ JAVASCRIPT


              Javascript. satu istilah yang sering sekali kita dengar. Anda yang mengelola blog pasti akan sering mendengar istilah ini ketika memasang widget atau script tracking analytics ke blog anda : “copy paste kan kode javascript ini pada blog anda…” well then, langsung saja :

Apa itu Javascript?

merujuk pada wikipedia, JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan di browser.
Javascript dipanggil untuk memberikan fungsi pada halaman web dengan meletakannya secara internal pada halaman html diantara tag <script> </script> atau dibuat pada file terpisah ( eksternal ) dan lalu di link menggunakan <link rel=”" href=”"> pada bagian <head>, seperti CSS

Fungsi Javascript

Secara fungsional, Javascript digunakan untuk menyediakan akses script pada objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan javascript adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke server, merubah image kursor ketika melewati objek tertentu, dan lain lain.

Kelebihan Javascript dan mengapa kita perlu memahaminya

Javascript bekerja pada sisi browser. maksudnya begini : untuk menampilkan halaman web, user menuliskan alamat web di address bar url. setelah itu, browser “mengambil” file html ( dengan file javascript yang melekat padanya jika memang ada ) ke server yang beralamat di URL yang diketikan oleh user. Selesai file diambil, file ditampilkan pada browser. Nah, setelah file javascript berada pada browser, barulah script javascript tersebut bekerja.
Efek dari Javascript yang bekerja pada sisi browser ini, Javascript dapat merespon perintah user dengan cepat, dan membuat halaman web menjadi lebih responsif. JavaScript melakukan apa yang tidak bisa dilakukan oleh HTML, PHP, dan CSS : menangani hal – hal yang membutuhkan respons cepat terhadap aksi dari user. Contoh : fungsi validasi pada form. ketika anda mengisi sebuah form yang divalidasi menggunakan javascript, anda mengetikkan data lalu mengetik submit, sebelum data dikirimkan ke server, data akan “dicek” terlebih dahulu pada browser menggunakan fungsi javascript yang ada pada halaman web. sehingga, jika memang data yang anda isikan tidak valid, daripada membuang – buang waktu dengan mengirimkan data ke server baru di validasi di server dan lalu server mengirimkan respons balik mengenai ketidak validan input data anda, lebih baik cek validasi data form dilakukan secara lokal di browser menggunakan fungsi javascript.

lebih cepat, lebih hemat. :P
implementasi terpopuler saat ini dari pemrograman JavaScript adalah teknik AJAX. ( Asynchronous JavaScript and XMLHTTP ). teknik ini sering digunakan oleh aplikasi berbasis web seperti Gmail, Google Reader, dan lain lain. Teknik yang membuat pertukaran data antara server dan browser terjadi di belakang layar sehingga interaksi antara user dan aplikasi web semakin responsif. Post tersendiri untuk membahas hal ini akan kita siapkan. :)
*********

♣ XML


          (XML) 

                    Extensible Markup Language    

Introduction

Extensible Markup Language (XML) is a simple, very flexible text format derived from SGML (ISO 8879). Originally designed to meet the challenges of large-scale electronic publishing, XML is also playing an increasingly important role in the exchange of a wide variety of data on the Web and elsewhere.
This page describes the work being done at W3C within the XML Activity, and how it is structured. Work at W3C takes place in Working Groups. The Working Groups within the XML Activity are listed below, together with links to their individual web pages.
You can find and download formal technical specifications here, because we publish them. This is not a place to find tutorials, products, courses, books or other XML-related information. There are some links below that may help you find such resources.
You will find links to W3C Recommendations, Proposed Recommendations, Working Drafts, conformance test suites and other documents on the pages for each Working Group. Each document also contains email addresses you can use to send comments or questions, for example if you have been writing software to implement them and have found problems or errors.
Please do not send us email asking us to help you learn a language or specification; there are plenty of resources online, and the people editing and developing the specifications are very busy. We are interested in technical comments and errata.
If your organization would like to join the W3C, or if you would like to participate formally in a working group (and have the necessary resources to attend meetings), you can read more about the Consortium.

Working Groups

There is more detail about each of these Working Groups in the Activity Statement and also on the individual Working Group public web pages.
Most Working Groups have both a public web page and another more private one that is only accessible to W3C Members. The private page has telephone numbers, schedules for meetings and conference calls, links to internal editing drafts, and other administrative information.

XML Coordination Group

The membership of this group is the Chairs of the individual Working Groups. Its role is to provide a forum for coordination between the Working Groups of the XML Activity, and between the XML Activity and other parts of W3C, and between the XML Activity and other organizations.
This group does not produce specifications, so does not have a public page of its own. You can read the XML CG Charter, and there is more information about the XML CG in the Activity Statement. There is is also a member-only page.

XML Core Working Group

The mission of the XML Core Working Group is to develop and maintain the specifications for XML itself and closely related specifications such as Namespaces in XML, the XML Information Set, and XInclude.
You can read the XML Core Working Group Public Page and the XML Core Working Group Charter, and there is also a member-only page.

XSLT Working Group

The XSLT Working Group is responsible for XSL Transformations (XSLT) and a number of supporting specifications.
You can read the XSLT Working Group Public Page which links to their Charter and to their member-only page.

XPPL Working Group

The XML Print and Page Layout Working Group is responsible for the XSL-FO formatting language.

The Efficient XML Interchange Working Group

The Efficient XML Interchange Working Group is responsible for developing ways to exchange XML documents in ways that are as efficient as is practical without compromising the interoperability of XML itself. It also continues the work of the XML Binary Characterization Working Group. This Working Group is not about producing a closed, proprietary or obfuscated “binary XML ”—The W3C is all about increasing interoperability!
You can read the Efficient XML Interchange Working Group Public Page and their Charter; there is also a member-only page for technical discussion and administration.

XML Processing Model Working Group

The XML Processing Model Working Group is working on defining a scripting language for XML: that is, a way to specify what operations should be performed on an XML document and in what order.
You can read the XML Processing Model Working Group Public Page and their Charter; there is also a member-only page for administration purposes.

XML Linking Working Group

The charter of the XML Linking Working Group has expired, and the group is not currently active. When still active, it was working on hypertext links for XML. This includes the XML Linking Language (XLink) and the XML Pointer Language (XPointer).
You can read the deprecated XML Linking Working Group Public Page. There is also a member-only page.

XML Query Working Group

The XML Query Working Group is working on the XML Query Language, a way to provide flexible query facilities to extract data from real and virtual XML documents on the Web. This includes publication of XQuery and also XPath, in conjunction with the XSLT Working Group (part of the Style Activity).

XML Schema Working Group

W3C XML Schemas provide mechanisms to define and describe the structure, content, and to some extent semantics of XML documents.
You can read the XML Schema Group Public Page and the XML Schema Working Group Charter, and there is also a member-only page.

Upcoming events

XML Prague, the leading XML-specific conference in Europe, will be in the city of Prague in February, 2012.
markupforum, in Stuttgart, is on the 6th March 2012; W3C is a conference partner.
The leading conference relating to the theory and practice of XML and other markup is, of course, Balisage, in Montreél in August. W3C is a co-sponsor of Balisage 2012, and there is a registration discount for W3C Members. Call for Balisage papers.
XML Amsterdam was in Amsterdam in October, 2011, and is a sister event to XML Prague in the Spring.

Other Resources

There are so many resources related to XML that we can't possibly list them all here. This is a good thing, because it means XML is a success! In addition to a history of the development of XML at W3C, there is an extensive index at the Cover Pages, maintained by Robin Cover. The individual Working Group public web pages may have links to specific resources. There are Usenet newsgroups (e.g. comp.text.xml) and public mailing lists (e.g. xml-dev).

Sabtu, 30 Maret 2013

♣ HTML


HTML


(Hyper Text Markup language)

Informasi di dalam WWW(Word Wide Web)menggunakan format HTML. Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara.Banyak software yang digunakan untuk membuat WWW dengan format HTML. Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.
Langkah pertama yang dilakukan yaitu
  • Klik notepad
  • Simpan file dalam suatu folder dalam format nama_file.HTML%htm
  • Kemudian jalankan dengan Internet Explorer
    • Cara menjalakan
  • Klik Run, cari nama file html/htm
  • Klik Ok
    • Adapun perintah perintah dasar dari HTML adalah sebagai berikut:
      1. <H1> sampai <H6>
        <H1>  </H1>font ukuran besar
        <H2>  </H2>
         ....         ....
        <H6>   </H6>font semakin kecil
      2. <HR>
        Fungsi : perintah untuk membuat garis horizontal penuh layar
        cth :
      3. <I>
        Fungsi : membuat teks miring
      4. <B>
        Fungsi : membuat teks tebal
      5. <U>
        Fungsi : membuat teks bergaris bawah
      6. <CENTER>
        Fungsi : membuat text ke tengah layar
      7. <ALIGN>
        Fungsi : Membuat teks rata kiri dan rata kanan
        Sintak
        <P ALIGN=right>untuk rata kanan
        <P ALIGN=left>untuk rata kiri
        <P ALIGN=center>untuk rata tengah
        <P ALIGN=justify>untuk rata kiri dan rata kananatau
        <H?ALIGN=right>
        <H?ALIGN=left>
        <H?ALIGN=center>
        <H?ALIGN=justify>

        Contoh pemakaian:
        <H2 Align=right>Selamat Datang Ke Website Kami <H2>
      8. <BR>
        Fungsi : memasukkan fungsi enter
        Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
      9. <!->
        Fungsi : membuat komentar
        Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
      10. <P>
        Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
      11. <DD>
        Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
      12. <BASEFONT>
        Fungsi : Mengubah ukuran font
        Contoh :
        <BASEFONT SIZE=6>
        WELCOME TO MY WEBSITE
        <B>WELCOME TO MY WEBSITE DAN TEBAL</B>
      13. <FONT>
        Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
      14. <FACE>
        Fungsi : mengubah jenis font
      15. <SUP>
        Fungsi : membuat cetak naik suatu teks
        Contoh :
        Kami adalah yang pertama:1stin the world
      16. <SUB>
        Fungsi : membuat suatu teks cetak turun
        Contoh :
        contoh-contoh teks cetak turun :
        H2O (Disebut Air) dan
        C2127No (Disebut Methadon)
      17. <UL> atau Unorder List
        Fungsi : membuat bullet
      18. <LI>
        Fungsi : juga untuk membuat bullet
        Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
        Contoh :
        <UL>
        <LI>
        <H2> Jawa Timur </H2>
        <UL>
        <LI> SURABAYA </LI>
        <LI> MALANG </LI>
        <LI> GRESIK </LI>
        </UL>
        </LI>
        </BR>
        <LI>
        <H2> Jawa Barat </H2>
        <UL>
        <LI> Bandung </LI>
        <LI> Sukabumi </LI>
        <LI> Bogor </LI>
        </UL>
        </LI>
        </UL>
      19. <IMGSRC>
        Fungsi : memasukkan gambar ke dalam Website
        Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
        Sintak :<IMG BORDER="5">
        "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
      20. <BGSOUND>
        Fungsi : memasukkan suara atau musik ke dalam Website
        Sintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">
      Link dengan sorot
      Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
      <HTML>
      <HEAD>
      <TITLE> </TITLE>
      <META Name="description"Content=" ">
      <META Name="keywords"Content=" ">
      <META Name="generator"Content="Cute HTML">
      </HEAD>
      <BODY BG Color="#FFFFFF"Text="#000000="#"0000FF"VLink="#800080">
      <Center>
      <A href=" "target=main on mouse over="Window.open('c:/html/keterangan.html'):">
      <Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
      </CENTER>
      </BODY>
      </HTML>
      Link dengan tombol
      Berikut adalah contoh program link dengan tombol
      Sintak :
      <Input type="button"Value="Nama Tombol"
      On Click="parent.location="Link anda disini" >
      Contoh
      Buatlah link dengan nama
      tentang_kami.html
      produk_kami.html
      cara_memesan.html

      < HTML >
      < HEAD >
      < TITLE > </TITLE>
      < META name="description"Content=" ">
      < META name="keywords"Content=" ">
      < META name="generator"Content="Cute HTML">
      < /HEAD >
      < BODY BGCOLOR="#FFFFFF"Text="#000000"Vlink="#800080" >
      < Center >
      < h1 > PT.OCTA >
      < Input Type="button"value="Tentang Kami"
      on click="parent.location="c:/website/tentang_kami.html'" >
      < Input Type="button"value="Produk Kami"
      on click="parent.location="c:/gambar/produk_kami.html'" >
      < Input Type="button"value="cara memesan"
      on click="parent.location="c:/gambar/cara_memesan.html'" >
      < /Center >
      < /Body >
      < /HTML >
      Kolom
      < tr > adalah perintah untuk membuat kolom pada notepad
      Berikut adalah contoh perintah cara membuat kolom pada notepad
      < html >
      < head >
      < title > Belajar membuat kolom < /title >
      < /head >
      < H3 Align="Center" > DAFTAR MAHASISWA < H3 >
      < table border="3" border color="red"
      < tr >
      < td > No
      < td > Nama
      < td > Alamat
      < td > No. Phone
      < td > Gambar
      < /tr >
      < tr >
      < td > 1
      < td > Octa
      < td > Padang Bulan
      < td > 8214773
      < td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\octa_pic1.JPG" > < /tr >


      Membuat Frame

      -Framecols : membagi layar dalam bentuk kolom
      -FrameRows : membagi layar dengan bentuk baris
      -Frame Src : menampilkan file dalam frame
      Bentuknya
      (Frame cols="30%,*")
      (Frame Src="Nama.file Name="Teks")
      (Frame Rows="40%,*")
      (Frame Src="Nama.file"Nama="teks")
      (Frame Src="Nama.file"Nama="Teks)
      (/Frameset)
      Contoh Program Frame
      < Html >
      < Head >
      < Title >Melink dengan sorot < /Title >
      < /Head >
      < Frameset cols="30%,*" >
      < Frame Src="Nama file"Nama="Teks" >
      < Frame Rows="40%%,*" >
      < Frame Src="Gambar File’Nama="Gambar" >
      < Frame Src="Nama File"Nama="Teks >
      < /Frameset >

    || | Copyright 2013 By : ØzZђįє ʠ ʁɑʂɫɑɟɑɻɑ | Created By : ozhieqrastafara ||