Indah Uminaroh's Blog

Rabu, 31 Januari 2018

Installasi NextCloud

Admin 14.22

A. JUDUL
Installasi NextCloud

B. PENDAHULUAN

1. Pengertian
Nextcloud adalah perangkat lunak client-server untuk membuat dan menggunakan layanan file hosting. Ini secara fungsional mirip dengan Dropbox, meskipun Nextcloud bebas dan open source, memungkinkan seseorang untuk menginstal dan mengoperasikannya di server pribadi.

2. Latar Belakang
Berbeda dengan layanan proprietary seperti Dropbox, arsitektur terbuka memungkinkan penambahan fungsionalitas tambahan ke server dalam bentuk aplikasi dan memungkinkan pengguna untuk memiliki kontrol penuh terhadap datanya.

Pengembang orisinil asli Frank Karlitschek bercabang ownCloud dan menciptakan Nextcloud, yang terus dikembangkan secara aktif oleh Frank dan anggota tim originalCloud asli lainnya.

3. Maksud danTujuan
Menginstall Nextcloud di localhost

4. Hasil yang Diharapkan
Nextcloud dapat digunakan

C. ALAT dan BAHAN

PC
Paket Nextcloud

D. JANGKA WAKTU
10 menit

E. LANGKAH-LANGKAH

Pindah paket ke /var/www/html

Beri hak kepemilikan dan hak akses

Buat database

Buka di browser localhost/namanextcloud
Atur konfigurasi

Tampilan akan seperti di bawah ini

F. HASIL yang DIDAPAT
NextCloud berhasil terinstall di localhost

G. PENEMUAN PERMASALAHAN
Tidak bisa membuat config, akhirnya mengganti hak akses menjadi 775.

H. KESIMPULAN
Sebuah client-server yang dapat di install di localhost.

I. REFERENSI
-

Selasa, 30 Januari 2018

Installation LightShot

Admin 08.41

A. JUDUL

Installation LightShot

B. PENDAHULUAN

1. Pengertian

LightShot adalah salah satu plugin screenshoot. LightShot ini berbasis windows. Jadi, bila diinstall di linux, sebelumnya harus install wine terlebih dahulu.

2. Latar Belakang

Ketika proses pendokumentasian, disitu kita screenshoot/foto. Nah, untuk menunjukkan configurasinya secara spesifik kita memerlukan lightshot untuk memperjelasnya.

3. Maksud danTujuan

Untuk menunjukkan perintah-perintah konfigurasi yang spesifik

4. Hasil yang Diharapkan

Dapat diterapkan langsung ketika mendokumentasikan configurasi

C. ALAT dan BAHAN

Wine
Laptop/PC
Koneksi Internet

D. JANGKA WAKTU

5 menit

E. LANGKAH-LANGKAH

1. Pastikan wine sudah terinstall di laptop. Bila belum terinstall, buka terminal ketikkan perintah

#sudo apt-get install wine

2. Setelah itu kita download dahulu lightshot nya, bisa di download disini

3. Setelah itu pilih lightshot untuk linux, unduh.

4. Setelah proses download selesai klik kanan file nya buka melalui wine.

5 Ketika muncul gambar seperti dibawah ini. Pilih dalam bahasa inggris saja, OK.

6. Nah, lanjut ke step 2, disini kita akan menyetujui ketentuan yang ada jadi pilih “I accept ...”, NEXT.

7. Tunggu proses installasi selesai.

8. Klik Finish.

9. Setelah itu kita coba lightshot nya, seperti gambar dibawah ini

F. HASIL yang DIDAPAT

Lightshot sudah dapat difungsikan seperti yang diinginkan.

G. PENEMUAN PERMASALAHAN

H. KESIMPULAN

Aplikasi windows dapat juga diinstall di linux, akan tetapi ia memerlukan adapter berupa wine.

I. REFERENSI

Senin, 29 Januari 2018

Pengenalaan Port dan Client-Server Bekerja

Admin 07.53

A. JUDUL

Pengenalaan Port dan Client-Server Bekerja

B. PENDAHULUAN

1. Pengertian

Dalam protokol jaringan TCP/IP, sebuah port adalah mekanisme yang mengizinkan sebuah komputer untuk mendukung beberapa sesi koneksi dengan komputer lainnya dan program di dalam jaringan. Port dapat mengidentifikasikan aplikasi dan layanan yang menggunakan koneksi di dalam jaringan TCP/IP.

2. Latar Belakang

Port merupakan sebuah jalur yng akan dituju serta dilalui oleh sebuah data atau paket ketika dikirim. Karena ia seperti gerbang dimana disetiap 1 port merupakan milik 1 destinasi.

3. Maksud danTujuan

Mengerti client-server bekerja
Mengerti port yang digunakan untuk komunikasi

4. Hasil yang Diharapkan

Dapat menjelaskan konsep kerja client server dan dapat membedakan setiap port yang digunakan untuk komunikasi.

C. ALAT dan BAHAN

Laptop

D. JANGKA WAKTU

4 jam

E. LANGKAH-LANGKAH

Bagaimana konsep client-server bekerja?

Pertama client yang akan mengakses meminta, clien merequest kepada server. Nah, si server selaku peladen ia menyediakan service yang dicari. Server menjawab request dari client.
Macam-macam protokol tcp/ip
Port server adalh static sedangkan pada client yakni dimanis. Mengapa demikian? Karena agar si clien dapat mengakses beberapa aplikasi yang berbeda dengan dalam waktu yang sama. 1 port number digunakan untuk 1 komunikasi.
Gabungan antara ip dan port disebut socket.
Macam-macamnya yakni:
1. FTP ada 2 port : 20 untuk paket yang masuk di sisi server, sedangkan 21 untuk untuk menshare datanya.
2. HTTP : Hypertext Transfer Protokol
dll.
Perbedaan Telnet dan SSH

Telnet menggunakan perangkat lunak untuk membuat perangkat virtual yang
    menyediakan fitur yang sama sesi terminal dengan akses ke antarmuka baris
    perintah server (CLI).

SSH menyediakan remote login yang aman dan layanan jaringan aman lainnya.
    Juga memberikan otentikasi yang lebih kuat daripada Telnet dan mendukung
    pengangkutan sesi data menggunakan enkripsi Profesional jaringan harus selalu
    menggunakan SSH di tempat Telnet, bila memungkinkan

Apakah perbedaan Login local dengan login saat configurasi cisco?
login local: perlu username dan password di global configuration.
login: menggunakan password secara spesifik.
ssh menggunakan login local karena menggunakan user dan pass, yang diset di global configurasi.

F. HASIL yang DIDAPAT

Mengerti perbedaan antara telnet dan SSH serta komponen lainnya.

G. PENEMUAN PERMASALAHAN

H. KESIMPULAN

Untuk port yang dipakai server bersifat static dan pada client bersifat dinamic.

I. REFERENSI

REVIEW_NetEss_Instructor Materials_Chapter5.pptx
https://id.wikipedia.org/wiki/Port_(Jaringan_Komputer)

Sabtu, 27 Januari 2018

Pengenalan CISCO

Admin 12.57

A. JUDUL

Pengenalaan Cisco

B. PENDAHULUAN

1. Pengertian

Apa itu CISCO???

Cisco Systems Inc. NASDAQ: CSCO SEHK: 4333 merupakan perusahaan global dalam bidang telekomunikasi yang bermarkas di San José, California, Amerika Serikat. Perusahaan ini didirikan pada tahun 1984. Perusahaan ini mempekerjakan 51.480 pekerja.

2. Latar Belakang

Mengapa menggunakan CISCO? Karena scisco merupaka peralatan utama yang digunakan di jaringan WAN. Nah, sebelum memasuki konfigurasi nya, hlu kita mengearuslah dahulu kita mengenalinya.

Apa keunggulannya?

-Lebih mahal, perangkat yang mahal, terjamin kualitasnya bagus. Akan tetapi belum temtu yang murah kualitasnya jelek.

-CISCO telah menjadi standar perusahaan besar.

-Fiturnya lebih lengkap dibanding perangkat yang lain

3. Maksud danTujuan

Mengenali cisco sebelum masuk ke konfigurasi
Mengerti kelebihan CISCO dan komponen yang ada

4. Hasil yang Diharapkan

Mengerti Sejarah CISCO
Mengerti Kelebihan dan Kekurangan cisco

C. ALAT dan BAHAN

Laptop

D. JANGKA WAKTU

8 jam=workshop

E. LANGKAH-LANGKAH

1. Apa itu CISCO?

2. Apa kelebihan CISCO dibanding perangkat yang lain?

-Fitur lebih lengkap

-Harga mahal, tetapi kualitas terjamin, tetapi bukan berarti yang murah tidak terjamin.

3. Kenapa menggunakan CISCO?

Karena CISCO sudah menjadi standar sebuah perusahaan atau coorporation.

Nah, untuk taambahannya nih, waktu dibahas saat workshop hari Sabtu ini.

Apa itu default gateway?

Default gateway= ip yang menentukan menuju ke internet, mengapa harus ip router? karena ia akan menanyakan ke router. mencari destinasi tujuan.

Apa saja sih unsur komunikasi?

1. source=tx

2. destination=rxada rule.

3. media transmisi

aturan/protokol=dalam protokol masih ada rule untuk komunikasi

1. timing

2. message size

3. encaptulation yakni proses pemaketan data

4. message format

5. encoding

6. message pattern

Macam-macam protokol

protokol stack=protokol yang sudah tetap

protokol open=tebuka= conoth static route

protokol standar=wajib menggunakan

propitery = berjalan pada vendor yang sama

Perbedaan Interface dan Port?

Interface pada media perangkat jaringan . Sedangkan pada perangkat end device disebut port.

Apa saja komponen jaringan ?

1. ip address

2. subnet mask

3. default gateway

4. dns

broadcast=mengirim ke semua perangkat kecualai dirim=nya sendiri

broadcast domain: : area

arp table(compilesasi kumpulan mac dan ip pada masing" host)=mencari alamat berupa ip di mac address di local, setelah itu membaca ip address, dan dituliskannya.=menuliskan mac, dan ip di tabel nya agar supaya switch tau dan tidak membroadast lagi mac ma yang ada

routing=mencari jalur membuat jalur terbaik untuk meneuskan paket data, menghubungkan 2 network yang berbeda.

routing table berisi network network yang diberikan ke interfce

1.static route

2. dynamic route

F. HASIL yang DIDAPAT

Mengerti jaringan dari dasar

G. PENEMUAN PERMASALAHAN

Gambar tidak mau tampil hanya frame nya saja karena apa? Path yang saya masukkan salah

H. KESIMPULAN

Tak ada ilmu yang terbatas, walaupun kami dari rekayasa perangkat lunak kita tak takut untuk belajar jaringan.

I. REFERENSI

https://id.wikipedia.org/wiki/Cisco_Systems

Jumat, 26 Januari 2018

Konsep Dasar Jaringan

Admin 11.23

A. JUDUL

Konsep Dasar Jaringan

B. PENDAHULUAN

1. Pengertian

Jaringan komputer (jaringan) adalah jaringan telekomunikasi yang memungkinkan antar komputer untuk saling berkomunikasi dengan bertukar data. Tujuan dari jaringan komputer adalah agar dapat mencapai tujuannya, setiap bagian dari jaringan komputer dapat meminta dan memberikan layanan (service).Pihak yang meminta/menerima layanan disebut klien (client) dan yang memberikan/mengirim layanan disebut peladen (server). Desain ini disebut dengan sistem client-server, dan digunakan pada hampir seluruh aplikasi jaringan komputer.

2. Latar Belakang
Sebelum masuk ke configurasi kita harus benar-benar memahami jaringan dasar nya. Dari konsep, pengertian, maksud dan tujuannya.

3. Maksud dan Tujuan

Memahamkan konsep dasar jaringan

4. Hasil yang Diharapkan

C. ALAT dan BAHAN

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Internet
Internet yakn intercnnection network. Internet ada karena adanya hubungan antara host-host yang ada. Internet tidak ada yang punya. Internet dilanmabngkan sebagai awan karena apa? Karena di awan tidak akan penuh ketika terjadi interconnection. Sehinggan ia selalu terhubung dan tidak terbatas. Oleh karena itu internet dilambangkan sebagai awan. Lalu ISP bagaimana? ISP merupakan penyedia akses atau layanan.

2. End Device
End Device adalah perangkat atau media yang berada diakhir. Misalkan Laptop, PC, IP Phone, dll.

3. Sejarah CISCO
Cicsco adalah sebuah nama dari perusahaan yang meproduksi perangkat jaringan.
Cisco Systems Inc. NASDAQ: CSCO SEHK: 4333 merupakan perusahaan global dalam bidang telekomunikasi yang bermarkas di San José, California, Amerika Serikat. Perusahaan ini didirikan pada tahun 1984. Perusahaan ini mempekerjakan 51.480 pekerja.
Produk dari perusahaan ini dapat ditemukan dari ruang tamu sampai ke perusahaan yang bergerak untuk skala internasional.Visi dari Cisco System.Inc (Cisco) yaitu “mengubah bagaimana cara hidup,bekerja,bermain dan belajar”,dan bagian dari Slogan dari Cisco adalah “ Selamat datang kedalam dunia Jaringan “ (welcome to the human network).Cisco adalah salah satu produk untuk Teknologi Informasi nomor satu didunia,terutama untuk sytem,perangkat keras jaringan serta telekomunikasinya.

4. Remote CISCO
Meremot Cisco ada 2 macam
1. out band- console
2. in band- ssh, telnet
Pebedaannya seperti berikut :

ssh = lebih secure dan port 22, ada enkripsi
telnet=port 23 , masih plain text

5. Data
Data merupakan nilai yang mewakili sesuatu. Data ada 3 macam yakni
1. volunteered data=individu data sukarela
2. infered data=gabungan darii volunteer dan observat
3. ibserved data=direkam

6.Client-Server
Dimana sudah ditetapkan bahwa perangkat satu menjadi server dan yang lainnya menjadi client, nah ini lebih aman.

7. P2P
Dimana sepasang perangkat jaringan memiliki kedudukan yang sama, bisa menjadi server, dan bisa menjadi client.

8. 3 Komponen utama jaringan
1. intermediet merupakan perangkat perantara seperti misalkan router, switch dll.
2. enddevice adalah perangakat akhir yang seperti dijelaskan diatas.
3. media transminsi adalah media apa yang digunakan untuk mentransmisikan data yang dikirim. misalkan kabel, dan wireless

9. TroubleShoot
ada 2 yakni
1. ping yakni untu mencheck apakah sudah terhubung atau belum ke tujuan.
2. traceroute= untuk chec troubleshooting. traceroute ib=ni digunakan untuk melihat jalur apa sajakah yang diikuti.

10. Komponen jaringan
1. host
2. periperal
3. network device
4. network media

11. komunikasi jaringan
a. ip address, alamat
b. subnet mask, prefik/local
c. dafault gateway, gerbang
satu lagi d. dns.
Bisa disebut 3 baik, 4 sempurna nih.

12. Topology
1. logical= topologi yang lengkap dengan pengalamatan ip

2. pisical= topologi penempatan perangkat

F. HASIL yang DIDAPAT

Mengerti konsep awalnya.

G. PENEMUAN PERMASALAHAN

H. KESIMPULAN

Sebelum masuk ke konfigurasi, konsep dasar itu wajib.

I. REFERENSI

https://id.wikipedia.org/wiki/Jaringan_komputer

Kamis, 25 Januari 2018

Menambahkan Font-Awesome pada Template Dashboard Admin

Admin 15.54

A. JUDUL

Menambahkan Font-Awesome pada Template Dashboard Admin

B. PENDAHULUAN

1. Pengertian

Font Awesome adalah toolkit font dan icon berdasarkan CSS dan LESS.

2. Latar Belakang

Mengapa menggunakan font-awesome, karena dengan gambar-gambar tool ni akan lebih terbantu memahami maksud setiap menu yang ada.

3. Maksud danTujuan

Memberikan gambar di setiap menu agar lebih mudah dipahami maksud dari menu tersebut.
Mempercantik tampilan

4. Hasil yang Diharapkan
Template akan terlihat lebih interaktif

C. ALAT dan BAHAN

PC
Text Editor
Template yang akan diberi font-awesome

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

Siapkan dahulu plugin font-awesome yang bisa diunduh disini.

Setelah itu template yang diberi disiapkan

Panggil dahulu css pada font-awesome

Setelah itu pada menu yang akan diberi tool dari font-awesme tinggal dipanggil menggunakan tag <span>, tinggal memilih class yang akan dipake dan diterapkan.

F. HASIL yang DIDAPAT

Template sudah ada icon-iconnya.

G. PENEMUAN PERMASALAHAN

Saya hanya memindah file css yang berbeda folder, eh ternyata gambarnya tidak muncul. Karena apa folder-folder yang ada pada font-awesome itu saling berhubungan.

H. KESIMPULAN

Font-awesome adalah salah satu plugin untuk icon kecil untuk melengkapi menu yang ada pada template. Akan tetapi tidak hanya font-awesome masih ada yang lainnya.

I. REFERENSI

https://github.com/FortAwesome/Font-Awesome

Selasa, 23 Januari 2018

Menyelesaikan Problem in Apache (Localhost : Forbidden) dengan .htaccess

Admin 16.12

Assalamualaikum, Wr.Wb

A. JUDUL

Menyelesaikan Problem in Apache (Localhost : Forbidden) dengan .htaccess

B. PENDAHULUAN

1. Pengertian

Apache adalah server web yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani fasilitas web/www ini menggunakan HTTP.

File .htaccess adalah file text sederhana dalam format ASCII. Pada umumnya kita bisa menggunakan file .htaccess untuk merubah beberapa konfigurasi untuk mengarahkan pada web server Apache.

2. Latar Belakang

Apache adalah sebuah web server, dimana apabila kita mengakses aplikasi yang berbasis web kita memerlukan sebuah web server. Untuk melayani kita mengakses sebuah aplikasi yang berbasis web.

3. Maksud danTujuan

Memberi akses untuk client ketika ingin mengakses aplikasi berbasis web.

4. Hasil yang Diharapkan

Apache dapat berjalan dengan Lancar

C. ALAT dan BAHAN

PC
Apache
CLI

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

Pernahkan kalian mengalami hala seperti saya? Yakni, ketika saya membuaka localhost di browser, ehh..! Yang ditemui malah Forbidden.

Haduh gimana ya..???

Jelasnya lihat gambar dibawah ini.

Nah, melihat permasalahan diatas file yang berekstensi .html tidak bisa dibuka.

Bagaimana menyelesaikannya..

Langsung Come On :

1. Buka CLI masuk root

2. Masuk ke folder /var/www/html

3. Setelah itu coba check file .htaccess

4. Disini saya temui bahwa file index hanyalah index.php saja, oleh karena itu file yang berekstensi .html tidak bisa dibuka.

5. Akhirnya saya menambahkan index.html setelah index.php yang dipisah dengan tanda spasi.

6. Buka lagi localhost di browser.

Ciee, udah bisa ^_^

F. HASIL yang DIDAPAT

File yang berekstensi .html maupun .php bisa dibuka dengan lancar.

G. PENEMUAN PERMASALAHAN

Saya menghapus file index.php saya ganti dengan index.html. Eh, ternyata file yang berekstensi .php jadi nggak bisa dibuka.

H. KESIMPULAN

File .htaccess adalah file dimana tempat redirect file juga.

I. REFERENSI

Senin, 22 Januari 2018

Upload File Gambar dengan File Text

Admin 16.08

A. JUDUL

Upload File Gambar dengan File Text

B. PENDAHULUAN

1. Pengertian

Berkas komputer (bahasa Inggris: computer file) adalah identitas dari data yang disimpan di dalam berkas sistem yang dapat diakses dan diatur oleh pengguna. Sebuah berkas memiliki nama yang unik dalam direktori di mana ia berada. Alamat direktori di mana suatu berkas ditempatkan diistilahkan dengan path.

2. Latar Belakang

Mengapa kegiatan ini saya lakukan, karena untuk memperjelas informasi yang akan diterangkan. Dimana salah satunya adalah gambar. Gambar adalah salah satu media yang mempermudah seseorang untuk menangkap informasi yang ada.

Langsung saja kita lanjut...^_^

3. Maksud danTujuan

Untuk memperjelas suatu artikel, atau berita.

4. Hasil yang Diharapkan

Dapat membantu mengenali siapa.
Dapat memperjelas artikel

C. ALAT dan BAHAN

Laptop
Browser
Text Editor
Database

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Tambahkan field pada tabel di database, dan path untuk penyimpanan gambar

2. Masukkan kode pada file tambah.php

3. Setelah itu lihat di bagian home.php, dimana file untuk menampilkan data. Pada file ini menambahkan kode untuk memanggil gambar

4. Selesai, coba kita lihat di browser

5. Bila berhasil tampilan akan seperti di bawah ini

F. HASIL yang DIDAPAT

Gambar yang hendak ditampilkan berhasil tampil di browser. Maaf yak gambar seadanya^_^

G. PENEMUAN PERMASALAHAN

Gambar tidak mau tampil hanya frame nya saja karena apa? Path yang saya masukkan salah.

H. KESIMPULAN

Untuk menampilkan, menguoload sebuah gambar, haruslah membuat suatu folder tempat dimana penyimpanan gambar tersebut.

I. REFERENSI

https://id.wikipedia.org/wiki/Berkas_komputer

Sabtu, 20 Januari 2018

Resume jQuery dan Step-Step menuju jQuery

Admin 14.04

A. JUDUL

Resume jQuery dan Step-Step menuju jQuery

B. PENDAHULUAN

1. Pengertian

Jquery?

jQuery adalah pustaka JavaScript lintas-platform yang didesain untuk menyederhanakan client-side scripting pada HTML. Dewasa ini, jQuery merupakan pustaka JavaScript yang paling populer, dengan 65% pemasangan dari 10 juta situs Web dengan pengunjung tertinggi. jQuery adalah gratis, dan bersifat kode sumber terbuka dibawah lisensi MIT.

2. Latar Belakang

Sintaks pada jQuery didesain untuk memudahkan dalam navigasi sebuah dokumen, pemilihan elemen DOM, pembuatan animasi, penanganan event, dan pengembangan aplikasi berbasis Ajax. jQuery juga menyediakan kemampuan bagi para pengembang untuk dapat membuat plug-in pada pustaka JavaScript ini. Ini memungkinan mereka untuk membuat abstraksi pada interaksi dan animasi tingkat-rendah, efek lanjutan, serta tampilan widget yang dapat dimodifikasi. Pendekatan modular pada jQuery memungkinkan kita dalam pembuatan halaman Web yang dinamis dan aplikasi berbasis Web yang ajib.

Sekumpulan fitur inti jQuery—yakni pemilihan elemen DOM, transferal dan manipulasi—dimungkinkan berkat adanya selector engine yang bernama Sizzle (sejak versi 1.3), yang membuat sebuah "gaya pemrograman baru", memadukan antara algoritme dan data struktur DOM. Gaya ini dipengaruhi oleh arsitektur JavaScript lainnya seperti YUI v3 dan Dojo, yang nantinya menstimulasi pembuatan standar Selector API.

3. Maksud danTujuan

Mendorong pemisahan antara JavaScript dan HTML: Pustaka jQuery menyediakan sintaks yang sederhana utnuk penambahan penanganan event pada DOM dengan hanya menggunakan JavaScipt, bukan justru menambah event atribut HTML untuk memanggil fungsi JavaScript. Inilah yang mendorong para pengembang untuk memisahkan kode JavaScript dari markup HTML
Keringkasan dan kejelasan: jQuery mempromosikan keringkasan dan kejelasan kode dengan fitur seperti chainable function dan shorthand function names.
Mengeliminasi ketidak kompatibilitasan antar peramban (browser): Engine JavaScript pada setiap peramban pastilah sedikit berbeda antara satu dengan yang lainnya, jadi kode JavaScript yang berjalan pada sebuah peramban, bisa jadi tidak berjalan pada peramban yang lainnya. Seperti toolkit JavaScript lainnya, jQuery menangani seluruh ketidak konsistenan antar peramban dan menyediakan antar-muka konsisten yang dapat bekerja pada berbagai peramban yang berbeda.
Ekstensibel: Event baru, elemen-elemen, dan method dapat dengan mudah ditambahkan dan kemudian dapat digunakan ulang sebagai sebuah plugin.

4. Hasil yang Diharapkan

C. ALAT dan BAHAN

Laptop

D. JANGKA WAKTU

2 jam

E. LANGKAH-LANGKAH

1. Pahami dahulu HTML (saya menggunakan HTML 5)
disini

2. Pahami CSS setelah fasih menggunakan HTML
disini
3. Pahami sedikit mengenai JavaScript disini

jQuery merupakan library dari javascript, seenarnya tidak hanya jQuery yang menjadi library javascript. Akan tetapi, ada juga yang lainnya. Akan tetapi, disini kita akan membahas mengenai javascript.
jQuery sendiri terjadi dari beberapa bagian, misalkan

1. JQuery (Core) adalah jQuery yang terdiri dari keseluruhan. Untuk jQuery core dapat didownload disini.

2. Ada jQuery UI(User Interface) adalah kumpulan antarmuka pengguna, efek, widget, dan tema antarmuka kurir yang disusun di atas javascript Perpustakaan jQuery. Jika Anda baru mengenal jQuery UI, Anda mungkin ingin memeriksa situs utama kami untuk informasi lebih lanjut dan demo penuh. Jika Anda baru mengenal jQuery, Anda mungkin juga tertarik dengan tutorial Pusat Belajar JQuery. jQuery UI dapat dipelajari disini

3. Selanjutnya ada jQuery Tool yakni kumpulan komponen antar muka pengguna yang paling penting untuk situs web modern. Yang digunakan oleh situs besar di seluruh dunia. Untuk jQuery tools dapat diperoleh disini
Dan masih banyak lagi yang lainnya. Tinggal baca^_^.

Nah untuk cara kerjanya seperti berikut

$(document).ready(function(){

});

Ini untu mendefinisikan dan memastikan bahwa sudah ada tag yang ingin ditampilkan.

$("#demo img[title]")

Untuk disini bagian dari pemanggilan file yang akan diberi effect. Untuk mengeksekusi seperti script dibawah

$("#demo img[title]").tooltip({effect: 'slide'});
});

F. HASIL yang DIDAPAT
Dari sini sehingga kita tahu mengapa website yang ada itu tampak lebih menarik. Karena dari situlah, dari effect-effect yang diciptakan dari javascript.

G. PENEMUAN PERMASALAHAN
Mencampurkan penggunaan jQuery UI dan jQuery Tools. Padahal hanya menggunakan salah satu diantara keduanya.

H. KESIMPULAN

Bila ingin menuju yang tingkat atas, dalami dulu tingkat bawahnya.

I. REFERENSI

https://id.wikipedia.org/wiki/JQuery
jquery.com
jqueryui.com

Jumat, 19 Januari 2018

Implementasi jQuery →Overlay

Admin 12.27

A. JUDUL

Implementasi jQuery →Overlay

B. PENDAHULUAN

1. Pengertian

Jquery Overlay?

Overlay (pemrograman) , teknik untuk mengurangi jumlah memori yang digunakan oleh suatu program.

2. Latar Belakang

Mengapa memakai overlay?

Dengan overlay kita dapat memberikan efek menonjol pada bagian yang ingin kita tonjolkan.
Dengan effect overlay user akan lebih terbantu untuk mendapat keterangan yang lebih jelas.

3. Maksud danTujuan