Tampilkan postingan dengan label Praktikum. Tampilkan semua postingan
Tampilkan postingan dengan label Praktikum. Tampilkan semua postingan
CRUD DataGrid dengan jQuery UI + Ajax
Hallo, Assalamualaikum Sobat :D
Jujur :
Entah 1-2 minggu ke belakang, pas refreshing ke kampus, ada beberapa orang yang menanyakan gimana dan apa itu AJAX. Zzzz dalam hati saya : 'kan ada google, dia lebih pintar lho daripada saya' :)
Dan disini pun saya gak bakalan ngebahas detail AJAX, karena saya cuma mau share dan kasih contoh sederhana bagaimana sebuah function dipanggil melalui AJAX dan direturn kembali menjadi data olahan, bisa berupa XML, JSON, dll.
Pada dasarnya, kalian hampir tiap hari menggunakan facebook, twitter, instagram, dll. Oke ambil contoh facebook, saat kalian login dan membukanya lewat device Laptop/ Mobile, dan kalian hendak update status. Ketika teks sudah selesai diketik, maka system FB akan mempost hasil entry-an kalian dan diolah lagi menjadi value teks lagi.
Nih lah abang kasih screenshoot buat nge-twit.
Lalu, apa yang mau saya share ? Eng-Ing-Eng !! :D
Setali tiga uang, sambil menyelam buang air. wkwkw
Saya mau share bagaimana mengimplementasikan JQuery User-Interface dengan AJAX, maka kebentuklah CRUD sederhana seperti dibawah.
Oh iya, saya mau nyari orang yang peduli dan gemar berbagi hal-hal positif.
Untuk apa ? Untuk ikut jadi writter di blog ini dan kalo ada yang minat silakan kirim email aja ke sahidtrimbudi@gmail.com.
Wassalamualaikum wr. wb
Jujur :
- Ngantuk (mana besok mesti ke Utara Jakarta).
- Lapar pula.
- Mau share simple coding aja.
- Apalah-apalah, wkwkwk.
Entah 1-2 minggu ke belakang, pas refreshing ke kampus, ada beberapa orang yang menanyakan gimana dan apa itu AJAX. Zzzz dalam hati saya : 'kan ada google, dia lebih pintar lho daripada saya' :)
Dan disini pun saya gak bakalan ngebahas detail AJAX, karena saya cuma mau share dan kasih contoh sederhana bagaimana sebuah function dipanggil melalui AJAX dan direturn kembali menjadi data olahan, bisa berupa XML, JSON, dll.
Pada dasarnya, kalian hampir tiap hari menggunakan facebook, twitter, instagram, dll. Oke ambil contoh facebook, saat kalian login dan membukanya lewat device Laptop/ Mobile, dan kalian hendak update status. Ketika teks sudah selesai diketik, maka system FB akan mempost hasil entry-an kalian dan diolah lagi menjadi value teks lagi.
Nih lah abang kasih screenshoot buat nge-twit.
![]() |
Gambar 1. Ketika Pertama Kali Buka Twitter |
![]() |
Gambar 2. Ketika Nge-Twit. |
![]() |
Gambar 3. Setelah Nge-Twit. |
Penjelasan singkatnya begini aja deh :
- Gambar 1 : pada saat ngebuka itu medsos, si twitter sebenarnya butuh action request AJAX yang akan menampilkan twit dari teman atau sponsor die ke page akun kita liat gambarnye.
- Gambar 2 : noh, pada saat mau nge-twit die kan muncul kotak, kita sih taunya muncul aja, padahal die juga sama nge request AJAX. Nama function-nya COMPOSE.
- Gambar 3 : pada saat telah di twit, maka request lagi, dan nama function kali ini adalah CREATE.
Lalu, apa yang mau saya share ? Eng-Ing-Eng !! :D
Setali tiga uang, sambil menyelam buang air. wkwkw
Saya mau share bagaimana mengimplementasikan JQuery User-Interface dengan AJAX, maka kebentuklah CRUD sederhana seperti dibawah.
![]() |
Gambar 4. Data Empty. |
![]() |
Gambar 5. Proses Tambah Data. |
![]() |
Gambar 6. Proses Edit data |
Penjelasan singkatnya begini aja deh (apaan sih copas dari atas) :
- Gambar 4 : pada saat ngebuka source pada browser, karena masih kosong, jadi ya kosong.
- Gambar 5 : pada saat create data.
- Gambar 6 : pada saat update data.
- Download dulu disini, iya disini :(
- Pastikan udah ada XAMPP, WAMPP, atau apapun lah yang penting running Apache sama MySQL.
- Buka MySQL, create database dengan nama ajax_sample, lalu import dengan cara browse file location ajax_sample.sql pada folder yang tadi didownload.
- Taro semua core/ folder tadi pada direktori HTDOCS. Gausah dijelasin.
- Buka dah index.html
Oh iya, saya mau nyari orang yang peduli dan gemar berbagi hal-hal positif.
Untuk apa ? Untuk ikut jadi writter di blog ini dan kalo ada yang minat silakan kirim email aja ke sahidtrimbudi@gmail.com.
Wassalamualaikum wr. wb
AJAX
,
Dokumen
,
Informatika
,
JQuery
,
Pemrograman Internet
,
PHP
,
Praktikum
[Kerja Praktek] Screen Design Worksheet
Assalamualaikum wr. wb.
Ohaaii Mina-san !!
Bener-bener lupa posting nih, maklum sibuk ehehehe (jangan tanya sibuk apaan).
Postingan kali ini masih tentang IT Stuff, mm karena banyak junior saya yang lagi melaksanakan Kerja Praktek, jadi saya share sesuatu yang sangat bermanfaat (Insya Allah). Apa itu ?
Pertama, sebelum ke materi (walaah materi), saya mau jelaskan garis besar kehidupan seorang 'Kuli-Program' seperti saya. Programmer itu mengerjakan apa/semua hasil analisis dari Leader/System Analysis.
Singkat kata : "System Analys merancang ERD, menentukan Bussiness-Flow, mengatur estimasi program, dsb. Nah Programmer bertugas membuat Aplikasi dari hasil analisis SA."
Jika ada salah pada coding, Programmer lebih bertanggung jawab, jika ada salah pada alur 'kemungkinan' kesalahan terletak pada SA. Yakin ? Belum tentu juga.
Kalo proses dari SA udah bener, dan kita yang salah coding, ya kita juga yang kena..
SEDIH YAH JADI AING (ceuk Programmer teh) hahahaha
Sudahlah ! Ke-intinya saja ! -_____________________-" gak bakat banget nulis blog, apalagi berharap terkenal kaya si Anak-nya Salam Dua Jari.
Pas semester 7, dulu saya mengambil program Kerja Praktek, itu merupakan syarat sebelum menempuh Tugas Akhir. KP itu kalo nggak salah ya, mau gak mau bikin aplikasi, kenapa dan detailnya saya gak tau. Mungkin karena nantinya hasil KP kita bakal di-aplikasi-kan di tempat yang kita ambil sebagai penelitian.
Nah pas KP itulah berasa semuanya diborong, mulai dari bikin perancangan ERD, Flow-Map, Flow-Chart, SDW, UI dan tentunya Code sendiri ! Nah sebagian mungkin sudah mengenal istilah yang baru disebutkan, atau nggak sama sekali ? -__________________-"
Saya akan bahas SDW atau kepanjangannya Screen Design Worksheet. SDW adalah alat bantu untuk membuat tampilan antarmuka program. Intinya, SDW itu SKETSA-nya, dan SKETSA itu bakal jadi acuan (tidak selalu persis) untuk tampilan program sebenarnya. Paham dong yah sampai sini ? muach ! :D hahaha
Mungkin diantara yang mengambil KP ada yang tidak menyertakan SDW dengan alasan : tidak disuruh dan tidak penting. hahaha. Alasan jaman primitif ! Bergeraklah tanpa harus diperintah dan majulah tanpa rasa takut #marioBross
Catatan :
Kerja Praktek, saya telat 1 bulan, karena malas. Jadi harusnya sidang Januari, malah sidang Februari akhir. Dan saya pun balas dendam di Tugas Akhir, entah sih tapi Dekan dan Kajur (saat itu) bilang 3 minggu itu sangat cepat di Teknik Unsil.
FYI, judul KP saya saat itu adalah :
Rancang
Bangun Aplikasi Inventory Peralatan di Laboratorium Jurusan Teknik Informatika
Fakultas Teknik Universitas Siliwangi Tasikmalaya.
Nama App nya adalah 'LISA' singkatan dari LabTI Inventory System Application (revisi).
Berikut beberapa User Interface hasil dari perancangan SDW !
Untuk men-download file SDW dan Image-nya, silakan klik disini ! (2.72 mb)
Mungkin di postingan berikutnya saya bahas tentang KP lebih lanjut.
Ada pertanyaan ? Email ke sahidtriambudi@gmail.com atau invite (promosi hahahaha) : 51AEC18E
Semoga Bermanfaat !
Wassalamualaikum wr. wb.
Sahid Triambudhi.
![]() |
Gambar 1. Screen Design Worksheer (HTML + Javascript + CSS) |
![]() |
Gambar 2. Form Login |
![]() |
Gambar 3. Form Entry Barang Inventaris |
![]() |
Gambar 4. Form Entry Data Peminjaman |
![]() |
Gambar 5. Keluaran Data Pencataan |
ERD ? Primary Key ? Relasi ? Apaan sih ?
Yoo selamat pagi semuanya, selamat hari sabtu yaa :)
Lagi semangat nulis nih, sekarang saya mau share yang memang harus diketahui sama orang yang bersinggungan dangan IT. Masalah basis data !
Tau dong apa itu basis data ? Alah ga usah ribet-ribet, intinya basis data itu model dan tempat untuk menyimpan data. Udah itu aja. Modelnya bisa berupa ERD, DFD, UML, dll. Penyimpanan datanya juga beragam, dalam hal ini saya bicara softwarenya, misalkan Notepad, Excel, Word, MySQL, Oracle, Microsoft SQL Server, dll.
Tau Kalkulator ? Menurut kalian itu ada basis datanya atau tidak ? Sifatnya bagaimana ?
Gini yah, yang namanya Basis Data itu sangat penting buat seorang IT (katakan saja iya). Kenapa ? Alasannya simple, ini menurut saya yah, bukan menurut siapapun. Ya, semahir kita suatu bahasa pemrograman, kita perlu yang namanya Manajemen Data. Manajemen data itu ada 4 macam : Create, Retrieve, Update dan Delete. Data itu harus fleksibel dan selalu bersinggungan dengan 4 hal tadi (singkatannya CRUD).
Terus, bagaimana kita mau CRUD kalau datanya sendiri tidak ada ? Makanya, adalah ilmu yang mempelajari tentang basis data.
Kalian harus tahu minimal 2 bahasa SQL : yaitu DDL dan DML.
- DDL atau Data Definition Language adalah bahasa yang digunakan untuk menyusun struktur tabel, mendeklarasikan field/atribut serta relasi-relasinya.
- DML atau Data Manipulation Language adalah bahasa yang digunakan untuk memanipulasi data. Nah DML itu yang CRUD tadi.
Nah ke pokok artikelnya saja, saya share ini karena saya sendiri merasa ini layak untuk diberitahukan pada teman-teman. Ceritanya gini, akhir Desember 2013, saya ketemu senior saya di kampus (sebut saja bunga hahaha).
Bunga : "Hid, emang satu tabel bisa lebih dari satu primary key na ?".
Sahid : "Gak bisa lah kan udah jelas, kalo dalam satu tabel itu harus ada satu kunci pengenal."
Bunga : "Tapi dosen saya (dia kan S2) bilang bisa, malahan dipratekan di depan mahasiswa satu kelas (coding langsung)."
Saya : "...terdiam karena bingung..."
Nah setelah sekarang saya bekerja, saya ngerti dan paham betul tentang penggunaan primary key itu. "Ternyata primary key itu boleh dari satu dan boleh tidak ada dalam satu tabel." Saya berikan contoh nih, perhatikan tiap gambar di bawah.
![]() |
Gambar 1. Sample ERD |
- Pada Gambar 1, lihat Kotak merah nomor 1 dan 2, disana ada lebih dari satu primary key (saya pakai software MySQL Workbench. Ciri primary key adalah kunci warna kuning.
- Pada Kotak nomor 3, apa ada yang mesti dijelaskan ? Ada dong ! Yang mana ? Disana ada field dengan nama PARENT_ID dan itu merupakan foreign key dari field GN_CATEGORY_ID, dengan kata lain merelasikan tabel ke dirinya sendiri.
Kalian yang masih ngoding pake MySQL, saya sarankan kalian mencoba software yang namanya MySQL Workbench.
Aplikasi itu berguna bagi yang : Ngerti bikin ERD tapi gak ngerti bikin Script SQL DDL-nya, dan sebaliknya juga, buat yang ngerti Script SQL tapi ga bisa bikin ERD.
Gambar 1 kan saya menggambar ERD di Workbench, sekarang saya mau meng-generate SQL Script nya dengen langkah berikut.
![]() |
Gambar 2. Antarmuka MySQL Workbench |
![]() |
Gambar 3. File > Export > Forward Engineer SQL CREATE Script. |
![]() |
Gambar 4. Nah Sekarang SQL Script dari ERD Berhasil di-Genarate. |
![]() |
Gambar 5. Import SQL dan Show di Command Line MySQL. |
Semoga bermanfaat.
Wassalamualaikum wr. wb.
[SOURCE CODE] PASCAL Contoh Repeat-Until dan Case-Of
Assalamualaikum wr. wb.
Apa kabar ? Mudah-mudahan dalam keadaan sehat Wal Alfiat, Amin Ya Rabbalamin. Duh yah sudah lama nih gak posting di Blog (maaf banyak kesibukan). Ini kan tanggal cantik katanya, jadi yaudah daripada so so ngeksis padahal aslinya diem, yaudah bikin postingan aja deh.
Postingan ini mengenai Tugas Praktikum Algoritma dan Pemrograman, mengenai Pengulangan dan Pemilihan. Kalau tidak salah ada di modul 3 bagian latihan ! Disini saya sertakan langsung printscreen source codenya (di notepad) dan printscreen tampilan akhirnya.
Selamat belajar dan terus semangat yaa ! :D Happy 11-12-13 ! hahaha
Wassalamualaikum wr. wb.
Apa kabar ? Mudah-mudahan dalam keadaan sehat Wal Alfiat, Amin Ya Rabbalamin. Duh yah sudah lama nih gak posting di Blog (maaf banyak kesibukan). Ini kan tanggal cantik katanya, jadi yaudah daripada so so ngeksis padahal aslinya diem, yaudah bikin postingan aja deh.
Postingan ini mengenai Tugas Praktikum Algoritma dan Pemrograman, mengenai Pengulangan dan Pemilihan. Kalau tidak salah ada di modul 3 bagian latihan ! Disini saya sertakan langsung printscreen source codenya (di notepad) dan printscreen tampilan akhirnya.
Selamat belajar dan terus semangat yaa ! :D Happy 11-12-13 ! hahaha
Wassalamualaikum wr. wb.
![]() |
Gambar 1. Source Code Pascalnya. |
![]() |
Gambar 2. Pilihan Menu 1. |
![]() |
Gambar 3. Keluaran Pilihan 1. |
![]() |
Gambar 4. Pilihan Menu 2. |
![]() |
Gambar 5. Keluaran Pilihan 2. |
![]() |
Gambar 6. Pilihan Menu 3. |
![]() |
Gambar 7. Keluaran Pilihan 3. |
![]() |
Gambar 8. Keluaran Pilihan 4. |
Algoritma dan Pemrograman
Assalamualaikum wr. wb.
Wah udah di penghujung weekend aja, besok mulai lagi aktivitas seperti biasa. -_____-" Semoga selalu diberikan kesehatan dan ke-barakah-an :) amin.
Oke, sekarang saya mau share buat mahasiswa tingkat 1 semester 1 (umum) dan buat yang mau memperdalam dan mengingat balik apa itu ALPRO (disingkat aja deh). Apa yang mau di-share-kan tentang mata kuliah ALPRO ? Yup ! Itu mata kuliah yang bener-bener mesti dipelajari banget buat dasar-dasar pemrograman (apapun). Sekilas dikit, saya juga sampe Tugas Akhir (Skripsi), nih mata kuliah kebawa terus, dan alhamdulillah bisa :)
Yang pertama, pengertian Algoritma :
Jadi bisa disebut bahwa program adalah suatu implementasi dari bahasa pemrograman. Beberapa pakar memberi formula bahwa :
Wah udah di penghujung weekend aja, besok mulai lagi aktivitas seperti biasa. -_____-" Semoga selalu diberikan kesehatan dan ke-barakah-an :) amin.
Oke, sekarang saya mau share buat mahasiswa tingkat 1 semester 1 (umum) dan buat yang mau memperdalam dan mengingat balik apa itu ALPRO (disingkat aja deh). Apa yang mau di-share-kan tentang mata kuliah ALPRO ? Yup ! Itu mata kuliah yang bener-bener mesti dipelajari banget buat dasar-dasar pemrograman (apapun). Sekilas dikit, saya juga sampe Tugas Akhir (Skripsi), nih mata kuliah kebawa terus, dan alhamdulillah bisa :)
Yang pertama, pengertian Algoritma :
"Algoritma adalah urutan langkah-langkah logis penyelesaian masalah yang disusun secara sistematis dan logis”.
Kata logis merupakan kata kunci dalam algoritma. Langkah-langkah dalam algoritma harus logis dan harus dapat ditentukan bernilai salah atau benar. Dalam beberapa konteks, algoritma adalah spesifikasi urutan langkah untuk melakukan pekerjaan tertentu. Pertimbangan dalam pemilihan algoritma adalah, pertama, algoritma haruslah benar. Artinya algoritma akan memberikan keluaran yang dikehendaki dari sejumlah masukan yang diberikan. Tidak peduli sebagus apapun algoritma, kalau memberikan keluaran yang salah, pastilah algoritma tersebut bukanlah algoritma yang baik.
Contoh dalam kehidupan sehari-hari :
![]() |
Gambar 1. Contoh Algoritma Dalam Kehidupan Sehari-Hari |
Selanjutnya, pengertian Pemrograman :
"Program adalah kumpulan pernyataan komputer, sedangkan metode dan
tahapan sistematis dalam program adalah algoritma. Program ditulis
dengan menggunakan bahasa pemrograman."
Jadi bisa disebut bahwa program adalah suatu implementasi dari bahasa pemrograman. Beberapa pakar memberi formula bahwa :
Program = Algoritma + Bahasa Pemrograman (Struktur Data)
Pada mata kuliah ALPRO, yang akan dipelajari adalah dasar-dasar algoritma dan pemrograman pada perangkat Lunak Turbo Pascal ! Kalo kalian perlu referensi buat belajar, saya sudah upload 2 ebook + Perangkat Lunak Free Pascal.
Kalian bisa download ---> DISINI <--- (40 mb, ebook dan Free Pascal).
Free Pascal itu adalah perangkat lunak yang akan mengcompiler file dengan ekstensi .pas dan menjadikannya binary file untuk kemudian dijalankan. Pemrograman pada Free Pascal / Turbo Pascal, tampilannya masih Berbasis Teks, artinya belum sepenuhnya support dengan Graphic.
Lalu ada gak pemrograman pascal yang sudah support Graphic ? Ada, contohnya Lazarus IDE, Borland Delphi, dll. (Insya Allah dibahas diwaktu yang akan datang).
Mudah-mudahan bermanfaat, selamat belajar dan selamat datang di Informatika ! :D
Wassalamualaikum wr. wb.
Belajar Ngetik Rapih Laporan Praktikum/ KP dan TA
Assalamualaikum wr. wb.
Yah jam 12:25 AM, masih melek liat bola di MNC Persib Bandung (Siaran Tunda) lawan Malaysia haha. Mayan, Gol 2-1 (sementara) haha. Oke maaf, jadi labas ! :)
Seperti postingan saya sebelumnya yang ngebahas tentang tugas akhir, jadi kepikiran bikin post ngebahas dikit tentang tata tulis Laporan : Praktikum, Tugas Mata Kuliah, Kerja Praktek dan Tugas Akhir. Intinya sih biar kita biasa aja nulis sesuai aturan dari instansti kita (Informatika). Kalo yang butuh referensi UP sama Jurnal Tugas Akhir saya, download dimari aja. :)
Kenapa posting tentang tata tulis ? yaa pengalaman lah, baru di semester 6 saya bener-bener ngerti itu gimana tulisan rapi, digecek pembimbing sampe akhirnya hafal pedoman dasar yg instansi buat. haha. Tulisan dibiasain rapi lah, buat sekarang mah, "keur teh tulisan tangan jiga Dokter, cik atuh susunan laporan teh ulah ramijud" (sunda) hahaha inget teh omongan balad.
Daripada kita ngetik, ngeprint puluhan lembar, terus ada yang salah 1 kata, kalimat atau posisi. Sudahlah ikhlaskan, paling abis 3 rim haha.
Gak terlalu banyak juga sih, yang paling umum ya gini :
1. Font : Time News Roman 12 (untuk coding : pake courier new 10).
2. Untuk tulisan selain Indonesia (bahasa asing) gunakan mode Italic.
3. Before - After 0.
4. Line Spacing Double (untuk praktikum : 1.5)
5. Awal kata dalam sebuah paragraf dimulai 7 ketuk atau 1 tab.
6. Setiap gambar disertakan nama gambar di bagian bawah, misal : Gambar 1.12. ERD Sistem Informasi ABC.
7. Untuk gambar, line spacingnya 1. Jadi keterangan gambarnya (di bagian bawah) lebih dekat dengan gambar.
8. Lebih jelasnya, nanti liat di file downloadnya. Disana saya pake format pedoman KP TA, cuma untuk line spacingnya diubah menjadi 1.5.
Oya lupa, untuk praktikum, yang jadi ikhtisarnya sebagai berikut :
1. Cover (1 untuk semua modul).
2. Tujuan Praktikum.
3. Dasar Teori.
4. Latihan Modul (Code, Gambar)
5. Analisis Latihan Modul.
6. Lembar Asistensi.
Terakhir, silakan download contoh laporan praktikum Basis Data Modul 1, Lembar Asistensi dan Cover disini.
Akhir kata, tunduh dan salam olahraga ! -_____-"
Wassalamualaikum wr. wb.
Yah jam 12:25 AM, masih melek liat bola di MNC Persib Bandung (Siaran Tunda) lawan Malaysia haha. Mayan, Gol 2-1 (sementara) haha. Oke maaf, jadi labas ! :)
Seperti postingan saya sebelumnya yang ngebahas tentang tugas akhir, jadi kepikiran bikin post ngebahas dikit tentang tata tulis Laporan : Praktikum, Tugas Mata Kuliah, Kerja Praktek dan Tugas Akhir. Intinya sih biar kita biasa aja nulis sesuai aturan dari instansti kita (Informatika). Kalo yang butuh referensi UP sama Jurnal Tugas Akhir saya, download dimari aja. :)
Splash Screen Game TA Ane nih :)
Daripada kita ngetik, ngeprint puluhan lembar, terus ada yang salah 1 kata, kalimat atau posisi. Sudahlah ikhlaskan, paling abis 3 rim haha.
Gak terlalu banyak juga sih, yang paling umum ya gini :
1. Font : Time News Roman 12 (untuk coding : pake courier new 10).
2. Untuk tulisan selain Indonesia (bahasa asing) gunakan mode Italic.
3. Before - After 0.
4. Line Spacing Double (untuk praktikum : 1.5)
5. Awal kata dalam sebuah paragraf dimulai 7 ketuk atau 1 tab.
6. Setiap gambar disertakan nama gambar di bagian bawah, misal : Gambar 1.12. ERD Sistem Informasi ABC.
7. Untuk gambar, line spacingnya 1. Jadi keterangan gambarnya (di bagian bawah) lebih dekat dengan gambar.
8. Lebih jelasnya, nanti liat di file downloadnya. Disana saya pake format pedoman KP TA, cuma untuk line spacingnya diubah menjadi 1.5.
Oya lupa, untuk praktikum, yang jadi ikhtisarnya sebagai berikut :
1. Cover (1 untuk semua modul).
2. Tujuan Praktikum.
3. Dasar Teori.
4. Latihan Modul (Code, Gambar)
5. Analisis Latihan Modul.
6. Lembar Asistensi.
Terakhir, silakan download contoh laporan praktikum Basis Data Modul 1, Lembar Asistensi dan Cover disini.
Akhir kata, tunduh dan salam olahraga ! -_____-"
Wassalamualaikum wr. wb.
Langganan:
Postingan
(
Atom
)