Penggunaan YUI Library

Yahoo! User Interface Library (YUI) adalah open source JavaScript library untuk membangun kaya interaktif aplikasi web menggunakan teknik seperti Ajax , DHTML dan DOM scripting. YUI mencakup inti beberapa CSS, tersedia di bawah Lisensi BSD .  Pengembangan YUI dimulai pada 2005 dan Yahoo properti seperti My Yahoo! dan halaman depan Yahoo!. YUI dirilis untuk umum pada Februari 2006.

Pada bulan September 2009, Yahoo merilis YUI 3, versi baru dari YUI dibangun untuk memodernisasi perpustakaan dan menggabungkan dari YUI 2. Di antara perangkat tambahan adalah CSS selector mesin didorong untuk mengambil DOM elemen dimaksudkan untuk membuat kode menulis lebih cepat dan lebih mudah.
Perpustakaan YUI proyek di Yahoo! didirikan oleh Thomas Sha dan disponsori secara internal oleh Yahoo! pendiri Jerry Yang , arsitek utamanya Sha, Adam Moore, dan Matt Sweeney.
YUI menyediakan library yang dapat diunduh keseluruhan secara gratis pada Download YUI 2 Library

Utilitas
YUI mempunyai banyak sekali utilitas yang dapat kita gunakan antara lain :

Animasi 
Membantu menciptakan efek posisi, ukuran, opacity atau karakteristik lain dari elemen halaman.
Browser Sejarah Manajer
Membantu aplikasi web menggunakan tombol kembali browser dan fungsi bookmark.
Connection Manager  
Membantu mengelola XMLHttpRequest transaksi dalam lintas-browser mode. Ini telah terintegrasi dukungan untuk bentuk posting, penanganan error , callback dan meng-upload file.
DataSource  
Menyediakan antarmuka dikonfigurasi umum untuk komponen lain untuk berinteraksi dengan berbagai jenis data, dari array JavaScript sederhana untuk server online selama XHR.
Drag dan drop 
Drag YUI dan Utilitas Gugurkan memudahkan untuk membuat draggable elemen dan menciptakan target penurunan yang merespon tarik acara.
Elemen 
Menyediakan pembungkus untuk elemen HTML di DOM dan membuat tugas umum sederhana seperti menambahkan pendengar, memanipulasi DOM, dan menetapkan dan mendapatkan atribut.
ImageLoader 
ImageLoader YUI memungkinkan Anda untuk menunda pemuatan gambar yang tidak terlihat di viewport pada saat beban halaman. Hal ini dapat mengakibatkan meningkatkan kinerja besar.
JSON 
Utility JSON menyediakan metode untuk validasi data JSON masuk untuk memverifikasi bahwa aman dan metode untuk mengkonversi data JavaScript ke sebuah string JSON diformat. Metode ini didasarkan pada karya Douglas Crockford di JSON.org.
YUI Loader
YUI Loader adalah client-side loader mesin yang secara dinamis dapat memuat komponen YUI (dan dependensi) dengan cepat.

Penggunaan YUI Loader
Untuk menggunkan YUI Loader, masukkan script berikut ke dalam halaman web anda :

yu

link : http://tambunan.staff.telkomuniversity.ac.id/2016/03/14/mainan-teknologi-web-2016-client-scripting/

Cara Penggunaan JQuery

1. Ok pertama – tama adalah kita harus mendownload terlebih dahulu jQuery Library (inti dari jQuery). Dimana download jQuery Library? mau tau aja atau mau tau banget? hehehe… Downloadnya di www.jquery.com , silahkan klik Download jQuery. Saat penulisan tutorial ini library jQuery telah sampai versi 1.9.1

1

2. Pada halaman selanjutnya pilih versi jquery, ada versi Production dan versi Developer. Untuk saat ini pilih versi Production jQuery karena versi Developer ditujukan kepada para master pemrograman dan pengembang jquery.

2

Catatan :
jQuery selalu merilis dua versi Library yaitu versi Production dan Development. Perbedaannya adalah versi Production ukuran filenya lebih kecil karena telah ‘dimampatkan’ atau istilahnya di Compress. Diperuntukkan bagi pengguna awam yang ingin langsung menggunakan jQuery. Sedangkan versi Development isi filenya mudah dibaca karena belum di Compress dan ditujukan unruk para Developer yang tertarik mempelajari – memanipulasi – bahkan mengembangkan fungsi – fungsi yang dimiliki oleh jQuery.

3. Akan muncul code dari library JQuery

3

Klik CTRL + S di keyboard untuk menyimpan kode tersebut ke direktori website anda

4

4. Ok sekarang adalah kode untuk memanggil jQuery library supaya dapat terLOAD di website yang anda buat. Buka dreamweaver dan masukkan kodenya.
Scriptnya yang saya cetak tebal merah :

5

5. Ok sekarang cara Penggunaannya, inti dari jQuery adalah :
A) Panggil / Load library jQuery (stabilo merah)
B) buat script jquery di bagian head untuk mengontrol object berdasarkan elementnya        (stabilo biru)
C) Buat Object beserta elemennya berupa id dan class di bagian body (stabilo abu – abu)

sebagai contoh saya akan membuat control sembunyikan dan tampilkan gambar :

6

6. Oke inilah hasilnya

re

link : http://tambunan.staff.telkomuniversity.ac.id/2016/03/14/mainan-teknologi-web-2016-client-scripting/

Macam-macam Standarisasi W3C

w3c-valid

Standarisasi adalah bahan penting untuk suatu telekomunikasi yang berhasil. Standar ini diberikan sebagai penghargaan terhadap badan penyusun standar. Ada beberapa syarat untuk pembuatan standar yaitu : secara teknik baik, tepat, disetujui, dan ruang linkupnya luas. Dengan penggunaan standar akan memberikan beberapa keuntungan bagi pengguna diantaranya, menciptakan stabilitas dan keyakinan dalam teknologi tertentu, membantu menciptakan pemasaran yang luas dan mengurangi biaya.

Dibawah ini beberapa standarisisasi telekomunikasi yang ada yaitu :

1. IEEE

IEEE adalah organisasi nirlaba internasional, yang merupakan asosiasi profesional utama untuk peningkatan teknologi. Sebelumnya, IEEE merupakan kepanjangan dari Institute of Electrical and Electronics Engineers. Namun berkembangnya cakupan bidang ilmu dan aplikasi yang diperdalam organisasi ini membuat nama-nama kelektroan dianggap tidak relevan lagi, sehingga IEEE tidak dianggap memiliki kepanjangan lagi, selain sebuah nama yang dieja sebagai Eye-triple-E.

Di samping society, IEEE memiliki badan standard (Standard Association, IEEE-SA). IEEE-SA memiliki pengaruh cukup besar untuk bisa mempersatukan substandard industri membentuk standardisasi internasional yang diakui seluruh industri. Beberapa standar IEEE yaitu, IEEE 802.3 untuk Ethernet akses LAN., IEEE 802.11 untuk Wifi, akses wireless LAN, IEEE 802.16 untuk WiMAX, akses wireless MAN. WiMAX (Worldwide Interoperability for Microwave Access) adalah sebuah tanda sertifikasi untuk produk-produk yang lulus tes cocok dan sesuai dengan standar IEEE 802.16. WiMAX merupakan teknologi nirkabel yang menyediakan hubungan jalur lebar dalam jarak jauh. WiMAX merupakan evolusi dari teknologi BWA sebelumnya dengan fitur-fitur yang lebih menarik. Disamping kecepatan data yang tinggi mampu diberikan, WiMAX juga membawa isu open standar dengan kecepatan data yang besar sampai 70MBps.

2. ANSI

ANSI (American National Standards Institute adalah sebuah kelompok yang mendefinisikan standar Amerika Serikat untuk industri pemrosesan informasi. ANSI berpartisipasi dalam mendefinisikan standar protokol jaringan dan merepresentasikan Amerika Serikat dalam hubungannya dengan badan-badan penentu standar International lain, misalnya ISO , ANSI adalah organisasi sukarela yang terdiri atas anggota dari sektor usaha, pemerintah, dan lain-lain yang mengkoordinasikan aktivitas yang berhubungan dengan standar, dan memperkuat posisi Amerika Serikat dalam organisasi standar nasional. ANSI membantu dengan komunikasi dan jaringan (selain banyak hal lainnya). ANSI adalah anggota IEC dan ISO.

ANSI adalah lembaga amerika yang mengeluarkan standard ASCII (American Standard Code for Information Interchange).ASCII (American Standard Code for Information Interchange) merupakan suatu standar internasional dalam kode huruf dan simbol seperti Hex dan Unicode tetapi ASCII lebih bersifat universal, contohnya 124 adalah untuk karakter “|”. Ia selalu digunakan oleh komputer dan alat komunikasi lain untuk menunjukkan teks. Kode ASCII sebenarnya memiliki komposisi bilangan biner sebanyak 8 bit. Dimulai dari 00000000 hingga 11111111. Total kombinasi yang dihasilkan sebanyak 256, dimulai dari kode 0 hingga 255 dalam sistem bilangan Desimal.

SQL adalah standar ANSI (American National Standards Institute) bahasa pemrograman untuk mengakses dan memanipulasi database. Statemen SQL digunakan untuk menerima, mengubah dan menghapus data. SQL bekerja dengan berbagai sistem database antara lain MS Access, DB2, Informix, MS SQL Server, Oracle, Sybase, dll. SQL memiliki beberapa versi, tetapi agar tidak terjadi kekeliruan dibuat standar oleh ANSI, mereka harus memiliki keywords utama yang dipakai secara umum yaitu (SELECT, UPDATE, DELETE, INSERT, WHERE, dan sebagainya). ANSI C adalah standar bahasa C pertama.

3. TIA

Telecomunication Industry Association (TIA) adalah suatu organisasi terpisah yang diakui oleh ANSI dan bekerjasama dengan Asosiasi Industri Elektronika (EIA). TIA dikenal terbaik untuk mengembangkan standard pemasangan kabel menggunakan disain dan instalasi sistem pemasangan kabel yang ter-koordinasi. Sehingga mampu untuk mendukung suatu cakupan aplikasi yang luas dan memenuhi kebutuhan kecepatan yang tinggi pada masa kini dan mendatang. Contoh standart dari TIA/EIA adalah Standard TIA 568A-B

4. ECMA (European Computer Manufacturers Association)

Sebelumnya dikenal sebagai ECMA (European Computer Manufacturers Association) , lembaga ini merupakan perkumpulan orang eropa yang mengeluarkan standar dalam sistem teknologi dan informasi. Ecma International adalah lembaga yang mengeluarkan standarisasi dalam ECMAScript, sebuah standard yang mengelola JavaScript.

5. ITU-R

International Telecommunication Union Radiocommunication Sector (ITU-R) Sebuah organisasi global yang ada dan didirikan untuk mengatur penggunaan frekuensi radio (RF) diseluruh penjuru dunia. The United Nations (PBB), menugaskan kepada International Telecommunication Union Radiocommunication Sector (ITU-R) ini, untuk mengatur dalam hal skala penggunaan frekuensi, secara global.
Nah, karena dunia ini luas, maka kemudian ITU-R membaginya menjadi beberapa wilayah. Hingga masing-masing wilayah, diatur oleh organisasi yang berbeda. Contoh: Region A untuk North and South America, Inter-American Telecommunication Commission (CITEL); Region B untuk Western Europe, European Conference of Postal and Telecommunications Administrations (CEPT); Region C untuk Eastern Europe and Northern Asia, Regional Commonwealth in the field of Communications (RCC); Region D untuk Africa, African Telecommunications Union (ATU) dll.

6. Federal Communications Commission (FCC)

FCC adalah organisasi yang bergerak di bidang pertelekomunikasian. Organisasi ini yang mengatur segala jenis komunikasi baik yang keluar ataupun ke dalam negara Amerika Serikat. FCC adalah organisasi independent yang didirikan oleh pemerintah US. FCC bertanggung jawab untuk mengatur segala jenis penggunaan perangkat telekomunikasi, baik yang menggunakan radio, televisi, wire, satellite, dan kabel. Wilayah kekuasaan FCC ini meliputi 50 negara bagian yang ada di US, dan beberapa distrik yang menjadi teritori dari Negara US. Tujuan FCC mengatur komunikasi wireless, adalah agar tidak terjadi kesimpang siuran, maupun penyalahgunaan dalam hal penggunaan sinyal atau frekuensi radio yang digunakan dalam teknologi wireless.

7. ISO

Organisasi Internasional untuk Standardisasi, International Organization for Standardization (ISO) adalah badan penetap standar internasional yang terdiri dari wakil-wakil dari badan standar nasional setiap negara. Pada awalnya, singkatan dari nama lembaga tersebut adalah IOS, bukan ISO. Tetapi sekarang lebih sering memakai singkatan ISO, karena dalam bahasa yunani sos berarti sama (equal). Penggunaan ini dapat dilihat pada kata isometrik atau isonomi.

Didirikan pada 23 February 1947 ISO menetapkan standar-standar industrial dan komersial dunia. ISO, yang merupakan lembaga nirlaba internasional, pada awalnya dibentuk untuk membuat dan memperkenalkan standardisasi internasional untuk apa saja.Dalam menetapkan suatu standar tersebut mereka mengundang wakil anggotanya dari 130 negara untuk duduk dalam Komite Teknis (TC), Sub Komite (SC) dan Kelompok Kerja (WG).

Meski ISO adalah organisasi nonpemerintah, kemampuannya untuk menetapkan standar yang sering menjadi hukum melalui persetujuan atau standar nasional membuatnya lebih berpengaruh daripada kebanyakan organisasi non-pemerintah lainnya, dan dalam prakteknya ISO menjadi konsorsium dengan hubungan yang kuat dengan pihak-pihak pemerintah. Peserta ISO termasuk satu badan standar nasional dari setiap negara dan perusahaan-perusahaan besar. ISO bekerja sama dengan Komisi Elektroteknik Internasional (IEC) yang bertanggung jawab terhadap standardisasi peralatan elektronik. Contoh Standarisasi Protokol (ISO 7498).

ISO (International Standard Organization) mengajukan struktur dan fungsi protocol komunikasi data.Model tersebut dikenal sebagai OSI (Open System Interconnection) Reference Model. Terdiri atas 7 layer (lapisan) yang mendefinisikan fungsi. Untuk tiap layernya dapat terdiri atas sejumlah protocol yang berbeda, masing-masing menyediakan pelayanan yang sesuai dengan fungsi layer tersebut.

8. IETF

IETF adalah sebuah organisasi yang berwenang dan bertanggung jawab dalam mengatur dan menetapkan protocol-protocol standard yang digunakan di internet.
Internet Engineering Task Force (disingkat IETF), merupakan sebuah organisasi yang menjaring banyak pihak yang tertarik dalam pengembangan jaringan komputer dan Internet. Organisasi ini diatur oleh IESG (Internet Engineering Steering Group), dan diberi tugas untuk mempelajari masalah-masalah teknik yang terjadi dalam jaringan komputer dan Internet, dan kemudian mengusulkan solusi dari masalah tersebut kepada IAB (Internet Architecture Board). Pekerjaan IETF dilakukan oleh banyak kelompok kerja (disebut sebagai Working Groups) yang berkonsentrasi di satu bagian topik saja, seperti halnya keamanan, routing, dan lainnya. IETF merupakan pihak yang mempublikasikan spesifikasi yang membuat standar protokol TCP/IP. Kebijakan protokol QoS (Quality of Service) yang diusulkan sebagai standar IETF untuk mengkomunikasikan informasi kebijakan QoS dalam jaringan.

9. World Wide Web Consortium (W3C)

The World Wide Web Consortium (W3C) merupakan sebuah lembaga konsorsium yang membuat dan terus berobservasi dalam pengembangan teknologi web mencangkup XML, HTML dan aplikasi-aplikasi lain yang sering digunakan dalam dunia web. Mereka juga selalu mengeluarkan aturan dan standard supaya siapapun yang membuat dan mengimplementasikan selalu memperhatikan berbagai aspek yang fital seperti kecocokan dengan perangkat dan browser pengakses, pembaca hingga membuat sebuah website yang dapat berjalan bertahun-tahun karena perubahannya mudah.

World Wide Web Consortium (W3C) adalah suatu konsorsium yang bekerja untuk mengembangkan standar-standar untuk World Wide Web. Spesifikasi teknologi-teknologi utama yang dipakai sebagai basis utama web, seperti URL (Uniform Resource Locator), HTTP (HyperText Transfer Protocol), dan HTML (HyperText Markup Language) dikembangkan dan diatur oleh badan ini.

Standard dari W3C (Konsorsium World Wide Web) XML,CGI,CSS,HTML5,dll

(dari berbagai sumber)

Fungsi CSS bagi HTML

CSS bekerja sebagai pelengkap pada HTML.  Pembuatan CSS memungkinkan web developer untuk memisahkan HTML dari aturan aturan untuk membentuk tampilan sebuah website.

Fungsinya :

  • Dengan mempergunakan CSS memungkinkan mendapatkan file yang berukuran lebih kecil.  Dengan mempergunakan CSS, akan diperoleh file hasil web design lebih kecil. Hal ini karena pengaturan style oleh CSS dibuat secara terpisah dan di import ke dalam file utama.  Halaman dengan script yang sedikit berarti akan didapat file yang lebih kecil pula dan Google lebih suka file yang kecil.  Meskipun secara Google tidak memberikan pernyataan secara resmi, tetapi dari beberapa sumber dari SEO komunitas, bahwa mereka setuju untuk tidak membuat sebuah halaman web lebih besar dari 100KB.
  • Kecepatan Acess akan jauh lebih cepat. Dari keterangan diatas, maka akan diperoleh file yang jauh lebih kecil.  Hal ini berarti juga akan mempercepat acces untuk membuka halaman website.  Selain itu pada waktu membuka pertama kali dari sebuah halaman website yang mempergunakan CSS, maka file CSS yang disimpan sebagai external file akan disimpan sebagai chache (temporary data) dalam computer browser dan untuk membuka halaman selanjutnnya akan jauh lebih cepat.  Hal ini karena file CSS sudah siap (sudah ada dalam computer browser).
  • Lebih mudah untuk mengontrol style dari seluruh halaman website. Dengan menggunakan CSS akan sangat mempermudah mengotrol style dari seluruh halaman web site.  Hal ini dikarenakan kita hanya merubah satu halaman untuk merubah seluruh style dari sebuah website.
  • CSS memungkinkan menyembunyikan content dari browser, tapi masih di index oleh google. CSS memungkinkan kita menyembunyikan Content dari halaman website dari browser, tetapi memungkinkan masih dibaca oleh google.  Hal ini tidak kami maksudkan untuk tujuan search engine spaming, tetapi dikarenakan oleh hal lain.  Misalnnya anda menghendaki sebuah content untuk disembunyikan dari browser, tatapi masih bisa Nampak ketika diprint, atau sebaliknnya.

Accordion adalah efek yang memungkinkan suatu tampilan besar disembunyikan menjadi kecil dengan mewakilkannya pada sebuah header atau tombol.  Dengan mengklik header tersebut tampilan yang berisi banyak tulisan itu baru muncul, ketika di klik lagi makan akan tersembunyi.  Sehingga menghemat tempat.

Jika ingin membuktikan fungsi fungsi CSS kalian bisa kunjungi : http://tambunan.staff.telkomuniversity.ac.id

Atribut Dalam elemen HTML

Atribut memberikan informasi tambahan tentang isi elemen. Mereka muncul pada tag pembuka dan terdiri dari dua bagian: Name (nama) dan Value (nilai), dipisahkan oleh tanda sama dengan (=).

ATRIBUT DALAM ELEMEN HTML -Fungsi Atribut- nyekrip.com

Value (Nilai) adalah informasi yang ditentukan untuk atribut. Harus di tulis diantara dobel tanda petik. Untuk atribut yang sama bisa memiliki value yang berbeda.

Pada contoh diatas, atribut lang (language) digunakan untuk menunjukkan penggunaan bahasa pada elemen tersebut sedangkan value (nilai) menunjukkan bahasa yang digunakan adalah bahasa inggris.

HTML5 memungkinkan Anda untuk menggunakan nama atribut dengan menggunakan huruf besar dan menghilangkan quotemarks (tanda kutip), tapi ini tidak dianjurkan.

Atribut secara mayoritas hanya dapat digunakan pada elemen tertentu, meskipun beberapa atribut (seperti lang) dapat digunakan pada beberapa elemen.

Pilih Tanda Kutip Tunggal atau ganda?

Penggunaan tanda kutip ganda adalah yang paling umum digunakan dalam HTML, tapi tanda kutip tunggal juga dapat digunakan.

Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, maka perlu menggunakan tanda kutip tunggal sebagai pembungkusnya.

Contoh:

<p title='ini "Web" Design'>

Contoh sebaliknya:

<p title="Ini 'web' Design">

Daftar Atribut yang sering digunakan

Dibawah ini adalah daftar atribut dalam elemen html yang sering digunakan dalam HTML.

Title

Pada elemen paragraf, tag yang digunakan untuk menandai adalah <p>.

Pada contoh dibawah ini tag <p> memiliki atribut title, yang akan disetting memiliki value “web nyekrip”. Ketika anda menggerakkan mouse anda diatas elemen ini, titel yang sudah ditentukan akan terlihat sebagai tooltip.

Href

Jika kita ingin menyisipkan alamat web pada sebuah tulisan, kita bisa menggunakan tag <a> yang disusul dengan atribut href.

Lihat contoh dibawah ini:

Size

Atribut size digunakan untuk menentukan ukuran sebuah objek baik berupa gambar, font atau huruf dan bahkan untuk ukuran layout tertentu.

Atribut Size terdiri dari dua atribut, yaitu atribut width (lebar) dan height (tinggi), pada contoh dibawah ini adalah demo dari atribut size untuk menentukan ukuran dari sebuah gambar.

Alt

Alt attributes biasanya digunakan untuk memberikan gambaran singkat mengenai suatu gambar atau tulisan yang ditampilkan dalam content. ALT attribute ini dianggap penting karena beberapa hal:

  • BOT yang hanya memiliki kemampuan untuk membaca informasi teks.
  • Jika gambar yang diberi atribut ini tidak muncul saat loading, maka atribut ini memegang peranan penting sebagai informasi mengenai gambar.

Lihat contoh penggunaan atribut alt dibawah ini :

Untuk daftar atribut lainnya akan dibahas secara mendalam dalam postingan berikutnya.

Happy Nyekrip coy !

Oh iya teman teman kalo mau ada referensi tambahan dan ingin lebih mengasai HTML bisa kunjungi : http://tambunan.staff.telkomuniversity.ac.id/