TenTakeLL_IT: 2012

Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 2)

07.18 Unknown 0 komentar

ini adalah bagian ke dua dari tulisan ane ( Belajar jQuery - "Mulai dari Nol Ya.." ), langsung saja ya...

buat jQuery Kosongan

di bawah ini adalah screenshot hasil akirnya,, jadi sekarang NEW FILE..

1. masukkan library jQuery nya, yaitu dengan cara membuat tag Script yang ber-atribut SRC, berisi nama fie jQuery ente.. disini ane <script src="jquery-1.7.2.min.js"></script>

2. masukkan script jQuery kosongan.. (caranya setelah nomer 3)

3. beri ENTER-ENTER untuk code HTML nya..

cara membuat script jQuery kosongan dan "supaya cepat hafal"

1. buat tag SCRIPT beserta tutupnya.. (mulai sini jangan copy ya.., ketik manual saja supaya cepat hafal)
sekarang menjadi:
<script></script>

2. beri enter 2kali diantara ~~kalian~~ nya, sehingga kita bisa ketik di dalamnya dengan mudah..
sekarang menjadi:
<script>

</script>

3. diantara itu, ketik $(); baca: DOLAR - KURUNG BUKA - KURUNG TUTUP - TITIK ~~PUSPA~~ KOMA
sekarang menjadi:
<script>
$();
</script>

4. diantara kurung itu tadi, ketik function(){} baca FUNGSEN - KURUNG BUKA - KURUNG TUTUP - KURAWAL BUKA - KURAWAL TUTUP
sekarang menjadi:
<script>
$(function(){});
</script>

5. diantara KURAWAL yang barusan dibuat, kasi ENTER 2kali..
dan akirnya menjadi:
<script>
$(function(){

});
</script>

6. Nah nanti code jQuery nya masukin situ,,oke!!... ulangi terus jika belum hafal ya.. :D
seharusnya agan2 semua bisa cepet hafal dengan cara ini,, dari pada ngapalin langsung,, ini cara ane pribadi loh,, beneran.. :P

7. save latian ente dengan nama belajar jquery - kosongan.html..

jika ente sudah oke dengan tutorial dari newbie di atas,, berarti ente sudah siap ke bagian 3..

Demikianlah tuisan ane tentang Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 2), semoga bermanfaat, terima kasih, wassalam..

Posting Komentar

Belaja J-Query Dari NOL;

07.16 Unknown 0 komentar

Sekarang, hampir semua website di dunia ini ada animasi-animasinya, entah itu hanya sekedar fade in fade out, ataupun hanya sekedar animasi header seperti di blog ane ini, (jika belum melihat, klik refresh). Perlu diketahui bahwa cara membuat seperti itu yang paling mudah adalah menggunakan jQuery. makanya belajar jQuery ya.. ^^

dengan jQuery, kita bisa membuat javascript yang seharusnya ratusan bahkan ribuan baris code, menjadi hanya beberapa baris saja, makanya jQuery memiliki slogan "~~talk~~ write less, do more".. langsung saja tak usah berpanjang lebar, karena kalau terlalu panjang kasihan istrinya, dan kalau terlalu lebar kasihan suaminya..

Download jQuery versi Terbaru

langsung saja kunjungi web resminya di http://jquery.com lalu pilih yang production, klik download..

ini tidak akan muncul window download, jquery nya main nyelonong aja nongolnya, jadi kita harus save sendiri, tekan CTRL+S, pilih folder (jangan ditaruh desktop), klik save..

Bersiap untuk belajar jQuery

sudah punya ~~pijat~~ notepad plus plus belum?? kalo belum silahkan download di http://notepad-plus-plus.org/..

1. langsung saja buka NPP nya, klik menu Language > H > HTML..

2. copy contoh code berikut di situ, ini hanya contoh, penjelasan belakangan ya..

<script src="jquery-1.7.2.min.js"></script>

<script>

$(function(){

    $('#tombol').click(function(){

        $('#kepala').attr('style','font-size:70px;');

});

});

</script>

<p id="kepala">Kepala</p>

<p>

<button id="tombol">klik di sini untuk membuat besar kepala</button>

</p>

## catatan: code di atas yang jquery-1.7.2.min.js, sesuaikan dengan dengan nama file jquery ente..

3. SAVE AS hasil copas itu tadi ke dalam folder yang sama saat ente mendownload jQuery nya tadi.. beri saja nama " belajar jquery .html "

4. Buka Windows Explorer, sekarang menuju ke folder ente itu tadi, buka file belajar jquery.html, akan muncul browser ente..

5. klik tombolnya, jika ente berhasil membuat besar kepala, berarti ente siap untuk menuju Bagian 2.

Code2 diatas tadi tidak akan ane jelaskan secara langsung, nanti ente ente semua pasti akan mengerti sendiri setelah mengikuti bagian2 lain dari tulisan belajar jQuery ane ini.. makanya tetep ikuti terus tulisan belajar jquery yang ane bikin ya.. karena belajar jquery tidak ada ruginya.

Demikianlah tulisan ane tentang belajar jQuery, semoga bermanfaat, terima kasih, wassalam..

Posting Komentar

18.58 Unknown 0 komentar

Alhamdulillah, akhirnya kesampaian juga membuat PCB kit Unyil-AVRuino (saya singkat jadi Unyiluino aja ya.. )

Sebelumnya saya mau cerita dulu bagaimana sejarah pembuatan unyiluino ini.. Unyiluino ini sebenarnya hanya hasil modifikasi gabungan antara kit metaboard dan usnoobie … Metaboard itu adalah sebuah kit yang berupa sistem minimum (hanya terdiri dari mikrokontroller dan port input/output) untuk belajar mikrokontroller AVR ATmega8/168/328 yang menggunakan USB sebagai koneksi interfacing-nya. Tapi kit ini tidak membutuhkan AVR programmer eksternal ataupun IC USB-to-Serial konverter. Jadi koneksi USB langsung masuk ke mikrokontroller Metaboard ini. Metaboard didesain sebagai salah satu alternatif kit Arduino versi murah, dengan komponen-komponen yang mudah didapat dan dengan PCB layout single layer menjadi mudah dalam pembuatannya. USnooBie adalah kit yang mirip dengan Metaboard, tapi bentuknya lebih ramping dan dibuat dengan PCB double layer. Juga ada penambahan power supply 3,3 volt pada boardnya. Jadi bisa dipilih menggunakan power supply 5 volt atau 3,3 volt. Kedua kit tersebut menggunakan implementasi dari Virtual USB Object Development (V-USB). Salah satu produk opensource dari Object Development adalah USBaspLoader, di mana USB bootloader inilah yang nantinya sangat berperan dalam pengoperasian kit Metaboard dan USnooBie. Setelah Metaboard dan USnooBie dihubungkan dengan komputer , kita harus menekan tombol Reset pada kit tersebut. Secara otomatis USBaspLoader akan aktif dan dikenali sebagai USBasp programmer. Jadi seolah-olah kita sedang menghubungkan USBasp programmer secara terpisah, padahal hanya berupa “virtual USBasp” saja. USBasp programmer adalah sebuah kit programmer yang opensource dan paling banyak digunakan oleh para penggemar mikrokontroller karena mudah dibuat dan murah-meriah. Karena kita sudah memiliki virtual USBasp, jadinya kita pun bisa langsung mendownload program kita langsung ke kit Metaboard atau USnooBie tersebut. Hebatnya lagi, ternyata software Arduino pun bisa langsung mengupload ke Metaboard dan USnooBie, dengan beberapa pengaturan terlebih dahulu. Nanti akan kita bahas lebih lanjut. Atau bisa langsung merujuk ke website Metaboard dan USnooBie. Cara menggunakan kit Metaboard, dengan memasang jumper pada pin bootloader enable, lalu menekan tombol Reset, setelah USBaspLoader aktif maka siap untuk mendownload program. Setelah program didownload, jumper pada pin bootloader enable harus dilepas. Cara menggunakan kit USnooBie, dengan menekan-tahan tombol Reset lalu menekan-tahan tombol Boot Enable, kemudian melepas tombol Reset lalu melepas tombol Boot Enable. Maka USBaspLoader akan aktif dan siap untuk mendownload program. Lah, terus kenapa ga bikin kit Metaboard aja atau USnooBie? Kan lebih gampang tinggal pake file skematik dan PCB-nya sudah tersedia semua di web-nya..? Hmm, dari segi desain saya lebih menyukai desain Metaboard yang dibuat mirip Arduino aslinya, tapi dengan posisi IC mikro-nya secara horizontal. Dan dari segi kemudahan penggunaan, saya memilih USnooBie yang hanya menekan kombinasi tombol, tanpa harus melepas pasang jumper. Karena tombol Reset-nya mengikuti desain USnooBie, jadi harus menggunakan bootloader USnooBie juga. Akhirnya saya memutuskan untuk menyatukannya di dalam sebuah board bernama “Unyil-Avruino“… Gambar Skematik Unyil-Avruino (klik untuk memperbesar) Gambar PCB Unyil-Avruino (klik untuk memperbesar) Oh iya, karena Metaboard dan USnooBie ini adalah produk open source, maka sebagai hasil modifikasinya kit Unyil-Avruino juga open source. Silahkan bagi yang mau mencoba membuat sendiri kit Unyil-Avruino bisa download di sini: - File skematik dan PCB Eagle Unyil-Avruino - File bootloader USnooBie - File driver USBasp Linux, MacOS, Windows (Website USBasp) - File driver USBasp khusus Win 7 (64bit) Atau bagi yang masih kesulitan membuat boardnya, boleh pesan ke saya… hehe.. (harga kit Rp 120.000/Atmega8, & Rp 145.000/Atmega328) Silahkan memberi masukan, saran, atau pertanyaan di kolom komentar… Mari kita diskusikan bersama.. I support the Open Source Hardware Definition v1.0 Salam Open Source Hardware Indonesia…!!!

Posting Komentar

Remote dan Explore Ubuntu Server Dengan WinSCP

17.56 Unknown 0 komentar

Frustasi dengan tampilan server yang hitam dan putih, lebih baik saya remote server tersebut agar dalam bekerja saya dapat mendengarkan musik atau menonton film. Banyak sofware yang berguna untuk remote desktop lintas OS akan tetapi kebanyakan pada lingkungan desktop. Namun untuk server yang terkenal ialah putty. Selain berfungsi sebagai remote server juga dapat berfungsi sebagai transfer file yang handal. Kali ini saya mencoba simulasi Remote Ubuntu Server dengan OS Windows menggunakan WinSCP.

Dalam simulasi ini saya install Ubuntu Server pada Virtual Box.

Ubuntu Server dijadikan Server dan OS Windows dijadikan client yang mengakses Server tersebut.

Langkah 1:

Install Ubuntu Server Pada Virtual Box, jangan lupa install paket SSH Server ketika install Ubuntu Server, agar tidak perlu repot install lagi secara manual.

Langkah 2:

Download Software WinSCP disini lalu install pada OS Windows.

Langkah 3:

Konfigurasi Network Interfaces Virtual Box

Klik Server - Klik Setting - Pilih Tab Network

Ubah Adapter pertma ke VirtualBox Host-Only

Langkah 4:

Enable Remote Server

Klik Server - Klik Setting - Pilih Tab Display - Remote Display - Checklist Enable Server

Langkah 5:

Jalankan Ubuntu Server dan ketikan perintah "ifconfig" lihat IP interface eth0

Langkah 6:

Jalankan WinSCP

Input Hostname = IP Server

Input User Name = Nama User Admin Server

Input Password = Password Admin Server

Port = 22

Setelah selesai klik login.

Apabila berhasil tampilannya seperti pada gambar diatas, selamat mencoba.

Posting Komentar

Install SSH di ubuntu Server

17.45 Unknown 0 komentar

Install SSH di ubuntu

Kali ini gue mau share gimana cara install en konfigurasi ssh di ubuntu agar aman. Fungsi dari ssh adalah agar lo bisa ngeremot komputer server via client. kalo diwin***s biasanya make program putty untuk ngeremotnya. kalo di linux, ya tentu aja make shell.

Langkah-langkahnya kayak gini:

1. install dulu paket ssh, caranya:
sudo apt-get install ssh

ket: sebenarnya dengan satu perintah ini ssh udah jalan, tapi kita coba konfigurasinya

2. buka file sshd_config
sudo nano /etc/ssh/sshd_config

3. cari tulisan
Port 22

ganti dengan:
Port 2222

ket: ini dimaksudkan agar port ssh kita enggak gampang ditebak orang, lo bisa make port sesuai kebutuhan lo. port 2222 adalah permisalan doang.

4. Kemudian juga cari tulisan:
PermitRootLogin yes

ganti dengan:
PermitRootLogin no

Ket: ini agar orang gak bisa konek langsung ke akses root, jadi harus lewat user biasa dulu.

5. Simpan dengan menekan
ctrl+x tekan y kemudian enter

6. restart ssh lo
sudo /etc/init.d/ssh restart

tes hasil konfigurasi:
1. coba buka program putty dengan meremote komputer server make port biasa (22), maka proses remote akan gagal.
2. coba buka program putty dengan dengan langsung masuk ke rootnya. maka proses juga akan gagal.

Note: konfigurasi diatas hanyalah sebatas agar meremote komputer server bisa sedikit lebih aman.

Sampe sini dulu penjelasannya, lain waktu sambung lagi..

salam dingin

Posting Komentar

Konfigurasi network pada Ubuntu 12.04 server

18.47 Unknown 0 komentar

Konfigurasi IP

1. Login terlebih dahulu

2. Masuk sebagai root dengan perintah “sudo su”

3. Masukkan password

4. Ketikan perintah “nano /etc/network/interfaces”
Untuk Konfigurasi alamat IP, Gateway, Dns, dan netmask.

5. Ketikkan perintah “/etc/init.d/networking restart” untuk merestart jaringan

6. Check menggunakan perintah “ifconfig”

7. Jika sudah terhubung dengan Internet. Check koneksi ke gateway dengan perintah “ping alamat_ip_gateway” untuk menghentikan proses ping tenak CTRL + C

8. Check koneksi ke DNS dengan perintah “ping alamat_dns”. Tekan CTRL+C untuk menghentikan

Konfigurasi Proxy

1. Ketikkan perintah”pico /etc/apt/apt.conf” lalu tulis script seperti dibawah ini :

Acquire::http:proxy "http://ip_address_proxy:port/";

Acquire::https:proxy "https://ip_address_proxy:port/";

Acquire::ftp:proxy "ftp://ip_address_proxy:port/";
Tekan CTRL+O kemudian enter untuk men-save dan CTRL+X untuk keluar

Insert Repository

1. Repository adalah paket-paket khusus untuk sebuah sistem operasi yang kemudian paket-paket tersebut di instal untuk mendapatkan kinerja lebih baik dari sebuah sistem operasi.untuk memasukkanya Ketikkan perintah “pico /etc/apt/sources.list”
Ubah isi dari “sources.list” menjadi seperti dibawah ini

Melakukan update di ubuntu 12.04

1. Ketik perintah “apt-get update”
Maka akan muncul tampilan seperti gambar dibawah

2. Tunggu hingga proses download selesai

Install openssh-server

1. Openssh berfunmgsi untuk mengakses akun shell di komputer remote.untuk menginstallnya Ketikkan perintah “apt-get install openssh-server”
Setelah selesai proses, ketik “Y” dan tekan enter

2. Tunggu hingga proses installasi selesai

hmmm,,next exploration comming soon....

Posting Komentar

Installasi ubuntu-12.04-server-i386

18.45 Unknown 0 komentar

Installasi ubuntu-12.04-server-i386

1. Pilih bahasa untuk proses intallasi ubuntu-12.04-server-i386

2. Pilih Install Ubuntu Server untuk memulai proses installasi

3. Pilih bahasa system, bahasa ini digunakan untuk bahasa default linux

4. Pilih lokasi tempat tinggal. Pilh Other

5. Other > Asia

6. Other > Asia > Indonesia

7. Configure Locales ini berguna untuk penentuan coding, aturan tanggal, dsb.

8. Pada step ini, Pilih yes apabila ingin system mendeteksi Keyboard kita. Pada step ini saya memilih “NO”

9. Layout Keyboard, pilih English (US). Merupakan layout keyboard yang digunakan umumnya di Indonesia.

10. pilih English (US). Merupakan layout keyboard yang digunakan umumnya di Indonesia.

11. Tunggu hingga proses Scanning CD-ROM selesai

12. Tunggu hingga proses dibawah ini selesai

13. Tunggu hingga proses “Attempting IPv6 Configuration” selesai

14. Masukkan hostname computer

15. Masukkan nama lengkap user

16. Bagian ini biasanya terisi otomatis mengikuti yang sudah kita isikan pada step sebelumnya. Username ini berfungsi untuk login ke Linux

17. Masukkan password untuk Username

18. Masukkan password yang sama pada step sebelumnya untuk konfirmasi password

19. Muncul notifikasi yang menanyakan apakah direktori /home ingin di enkripsi
- Fungsi enkripsi : membuat teks biasa menjadi non-readable text(tidak bisa dibaca)

20. Selanjutnya jika terdapat koneksi ke internet, sistem akan melakukan sinkronisasi waktu (tanggal dan jam) dengan waktu dunia.

21. Pilih zona waktu

22. Tentukan metode partisi harddisk
- Guided Use entire disk à-->System akan otomatis mem-partisi harddisk yang kita pakai
- Guided Use entire disk and setup LVM --> System akan otomatis mem-partisi harddisk namun
terdapat fitur LVM yang memungkinkan kita untuk Me-manage disk dalam jumlah besar (banyak)
yang memungkinkan anda menambah, mengganti, menyalin dan berbagi isi dari satu disk ke disk
lainnya tanpa perlu mengganggu service yang sedang berjalan.
- Guided use entire disk and setup encrypt LVM --> Sama dengan "Guided Use entire disk and setup
LVM" namun partisi akan dienkripsi agar tidak mudah dibaca oleh orang lain
- Manual --> Kita harus mem-partisi sendiri harddisk yang kita gunakan.
Pada bagian ini saya memilih manual

23. Pilih harddisk yang akan kita partisi

24. Pilih yes untuk mem-partisi harddisk

25. Maka akan muncul tampilan sebagai berikut

26. Pilih “pri/log 21.5 GB Free Space”. Maka akan muncul tampilan sebagai berikut
- Create a new partition --> Kita mem-partisi harddisk secara manual
- Automatically Partition the free space --> System akan otomatis mempartisi harddisk
- Show Cilnderw/head/sector information --> Menunjukkan Free Space harddisk dari sektor mana
sampai sektor mana
Pada bagian ini saya memilih Create a new partition

27. Masukkan size yang akan kita gunakan. Saya menggunakan 1 GB untuk swap area(Size swap area biasanya 2x size RAM)

28. Tentukan type partisi
- Primary --> Digunakan untuk system
- Logical --> Digunakan untuk penyimpanan
Pada bagian ini saya memilih Primary

29. Tentukan partisi akan diinstall di awal atau di akhir(Untuk Swap saya memilih diawal/Beginning)

30. Pada bagian ini.
- Use as : Swap area
- Bootable Flag : ON (Bootable flag biasanya digunakan untuk partisi “Primary”)

- Copy data form another partition --> Berfungsi mengcopy data dari partisi lain
- Delete the partition --> Menghapus partisi
- Done setting up the partition --> Selesai mengkonfigurasi partisi
Setelah selesai mengkonfigurasi pilih “Done Setting up the partition”

31. Maka akan muncul tampilan sebagai berikut . Pilih pada partisi yang masih kosong

32. Pilih create a new partition

33. Masukkan size yang kita inginkan. Pada bagian ini saya menggunakan size 10 Gb untuk / (root)

34. Tentukan tipe partisi. Pada bagian ini saya memilih logical

35. Tentukan dimana tempat partisi diInstall. Pada bagian ini saya memilih “end”

36. Pada bagian ini, saya menggunakan file system Ext4.
- Reserved-Blocks : Persentase size partisi yang digunakan untuk super-user

37. Pilih partisi yang masih kosong

38. Pilih create a new partition

39. Masukkan size partisi yang anda inginkan

40. Tentukkan tipe partisi. Pada bagian ini saya memilih Logical

41. Pada bagian ini, saya menggunakan file system ext4 untuk moint point /home dan bootable flag : off

42. Muncul tampilan sebagai berikut. Pilih “Finish partitioning and write changes to disk”

43. Muncul notifikasi konfirmasi . Pilih Yes

44. Tunggu proses partitions formatting selesai

45. Installasi Sistem dimulai

46. Sistem akan menanyakan apakah terdapat proxy dalam jaringan, jika tidak ada bisa langsung kita tekan enter.

47. Jika komputer terkoneksi dengan internet, sistem akan melakukan update langsung dari repositori yang ada di internet.

48. Selanjutnya sistem akan menanyakan apakah akan dilakukan update secara otomatis jika terdapat update terbaru di repositori? Pada bagian ini saya memilih “No automatic Updates’