Pada kesempatan kali ini saya akan membagikan hasil belajar ci untuk membuat form 🙂
Belajar CI – Membuat form, memasukkan data ke database melalui form dan menampilkan hasilnya.
Pada kesempatan kali ini saya akan membagikan hasil belajar ci untuk membuat form 🙂
Belajar CI – Membuat form, memasukkan data ke database melalui form dan menampilkan hasilnya.
Tutorial cara menginstall ulang Windows XP ini saya buat untuk melengkapi tugas TIK.
Pada hari Sabtu tanggal 9 Agustus 2012 diadakan ujicoba web conference di masing-masing tempat magang mahasiswa D3&D4 Seamolec. Kelompok saya mengadakan uji coba web conference di SMK 1 Tangerang Selatan. Dengan anggotanya yaitu Saya, Israq Sidiq, Derin Selvia, Galih Suseno sebagai ketua, dan Fajar dari D3 nya.
Berikut adalah keadaan web conference ketika pertama kali kelompok kami bergabung di forum Seamo Seamolec BigBlueButton (BBB):
Gambar 1. Suasana pertama kali web conference
Dapat kita lihat, web conference di atas sangat crowded, dikarenakan ada beberapa SMA/SMK ada yang login 2 kali, sehingga menambah jumlah user pada forum tersebut. Berikut adalah laporan keadaan selama disana mengenai web conference yang berlangsung via BBB:
Inilah beberapa file presentasinya,sekaligus keadaan forum di BBB selama preesntasi berlangsung:
Gambar 2. Slide presentasi satu
Gambar 3. Slide presentasi dua
Gambar 4. Slide presentasi tiga
Gambar 5. Slide presentasi empat
Gambar 6. Slide Presentasi lima
Gambar 7. Slide presentasi enam
A. Perangkat Keras dan Fungsinya
Secara fisik, Komputer terdiri dari beberapa komponen yang merupakan suatu sistem. Sistem adalah komponen-komponen yang saling bekerja sama membentuk suatu kesatuan. Komponen komputer ada dua, yaitu komponen perangkat keras (hardware) dan lunak (software). Komponen komputer yang akan kita bahas adalah hardware. Berdasarkan fungsinya, perangkat keras komputer dibagi menjadi:
1. input divice (unit masukan)
2. Process device (unit Pemrosesan)
3. Output device (unit keluaran)
4. Backing Storage ( unit penyimpanan)
5. Periferal ( unit tambahan)
Pada kesempatan kali ini, yang akan dibahas adalah mengenai input masukan atau input device
1. Unit Masukan ( Input Device )
Input device berfungsi sebagai media untuk memasukkan data dari luar sistem ke dalam suatu memori dan processor untuk diolah dan menghasilkan informasi yang diperlukan. Data yang dimasukkan ke dalam sistem komputer dapat berbentuk signal input dan maintenance input. Signal input berbentuk data yang dimasukkan ke dalam sistem komputer, sedangkan maintenance input berbentuk program yang digunakan untuk mengolah data yang dimasukkan. Jadi Input device selain digunakan untuk memasukkan data dapat pula digunakan untuk memasukkan program.
Unit masukan atau peralatan input ini terdiri dari beberapa macam peranti yaitu :
a. Keyboard
Keyboard merupakan unit input yang paling penting dalam suatu pengolahan data dengan komputer. Keyboard dapat berfungsi memasukkan huruf, angka, karakter khusus serta sebagai media bagi user (pengguna) untuk melakukan perintah-perintah lainnya yang diperlukan, seperti menyimpan file dan membuka file.
Gambar 1. Keyboard
Jenis-Jenis Keyboard
1.) QWERTY
2.) DVORAK
3.) KLOCKENBERG
Keyboard yang biasanya dipakai adalah keyboard jenis QWERTY, yang bentuknya ini mirip seperti tuts pada mesin tik. Keyboard QWERTY memiliki empat bagian yaitu :
1. typewriter key
2. numeric key
3. function key
4. special function key.
1. Typewriter Key
Tombol ini merupakan tombol utama dalam input. Tombol ini sama dengan tuts pada mesin tik yang terdiri atas alphabet dan tombol lainnya antara lain back space, caps lock, delete, Esc, End, Enter, dll.
2. Numeric Key
Tombol ini terdiri atas angka dan arrow key. Jika tombol num ini ditekan maka tombol-tombol di keyboard masukannya berubah menjadi angka dan symbol.
3. Function Key
Tombol ini terletak pada baris paling atas, tombol fungsi ini ini terdiri dari F1 s/d F12. Fungsi tombol ini berbeda-beda tergantung dari program komputer yang digunakan.
4. Special Function Key
Tombol ini terdiri atas tombol Ctrl, Shift, dan Alt. Masing-masing tombol ini akan mempunyai fungsi khusus apabila ditekan secara bersamaan dengan tombol yang lain. Misalnya, jika tombol shift dan arrow key,ditekan secara bersamaan, maka akan menghasilkan fungsi blok.
b. Mouse
Mouse adalah salah unit masukan (input device). Fungsi alat ini adalah untuk perpindahan pointer atau kursor secara cepat. Selain itu, dapat memasukkan perintah dengan lebih praktis dan cepat dibanding dengan keyboard.
Gambar 2. Mouse
c. Touchpad
Unit masukkan ini biasanya dapat kita temukan pada laptop dan notebook, yaitu dengan menggunakan sentuhan jari. Biasanya unit ini dapat digunakan sebagai pengganti mouse.
d. Light Pen
Light pen adalah pointer elektronik yang digunakan untuk modifikasi dan men-design gambar dengan screen (monitor). Light pen memiliki sensor yang dapat mengirimkan sinyal cahaya ke komputer yang kemudian direkam, dimana layar monitor bekerja dengan merekam enam sinyal elektronik setiap baris per detik.
Gambar 3. Light Pen
e. Joy Stick dan Games Paddle
Alat ini biasa digunakan pada permainan (games) komputer. Joy Stick biasanya berbentuk tongkat, sedangkan games paddle biasanya berbentuk kotak atau persegi terbuat dari plastik dilengkapi dengan tombol-tombol yang akan mengatur gerak suatu objek dalam komputer.
Gambar 4. Joy Stick dan Paddle Games
f. Barcode
Barcode termasuk dalam unit masukan (input device). Fungsi alat ini adalah untuk membaca suatu kode yang berbentuk kotak-kotak atau garis-garis tebal vertical yang kemudian diterjemahkan dalam bentuk angka-angka. Kode-kode ini biasanya menempel pada produk-produk makanan, minuman, alat elektronik dan buku. Sekarang ini, setiap kasir di supermarket atau pasar swalayan di Indonesia untuk mengidentifikasi produk yang dijualnyadengan barcode.
Gambar 5. Barcode Reader
g. Scanner
Scanner adalah sebuah alat yang dapat berfungsi untuk meng-copy atau menyalin gambar atau teks yang kemudian disimpan ke dalam memori komputer. Fungsi scanner ini mirip seperti mesin fotocopy, perbedaannya adalah mesin fotocopy hasilnya dapat dilihat pada kertas sedangkan scanner hasilnya dapat ditampilkan melalui monitor terlebih dahulu sehingga kita dapat melakukan perbaikan atau modifikasi dan kemudian dapat disimpan kembali baik dalam bentuk file text maupun file gambar.
Gambar 6. Scanner
h. Kamera Digital dan Card Reader
Perkembangan teknologi telah begitu canggih sehingga komputer mampu menerima input dari kamera dan kartu memori. File-file yang ada dalam kamera dan kartu memori dapat dipindahkan atau ditransfer ke komputer.
Gambar 7. Kamera Digital
i. Microphone
Unit masukan ini berfungsi untuk merekam atau memasukkan suara yang akan disimpan dalam memori komputer atau untuk mendengarkan suara. Dengan mikropon, kita dapat merekam suara ataupun dapat berbicara kepada orang yang kita inginkan pada saat chating. Penggunaan mikropon ini tentunya memerlukan perangkat keras lainnya yang berfungsi untuk menerima input suara yaitu sound card dan speaker untuk mendengarkan suara.
Gambar 8. Microphone
j. Graphics Pads
Teknologi Computer Aided Design (CAD) dapat membuat rancangan bangunan, rumah, mesin mobil, dan pesawat dengan menggunakan Graphics Pads. Graphics pads ini merupakan input masukan untuk menggambar objek pada monitor. Graphics pads yang digunakan mempunyai dua jenis. Pertama, menggunakan jarum (stylus) yang dihubungkan ke pad atau dengan memakai bantalan tegangan rendah, yang pada bantalan tersebut terdapat permukaan membrane sensitif sentuhan ( touch sensitive membrane surface). Tegangan rendah yang dikirimkan kemudian diterjemahkan menjadi koordinat X – Y. Kedua, menggunakan bantalan sensitif sentuh ( touch sensitive pad) tanpa menggunakan jarum. Cara kerjanya adalah dengan meletakkan kertas gambar pada bantalan, kemudian ditulisi dengan pensil.
Gambar 9. Graphic Pads
Cara membuat menu upload file ternyata cukuP mudah, cukup mengikuti yang ada di user guide. Pertama-tama buat file upload_form.php di folder application/view.
Selanjutnya buat file upload_sukses.php di folder yang sama.
Lalu buat file upload.php di folder application/controller.
Lalu, buatlah folder uploads di d4b6 sebagai tempat penampung file yang kita upload. Kemudian bukalah browser Anda, dan ketikkan localhost/d4b6/upload, akan muncul tampilan seperti ini:
Pilih file yang anda inginkan, dan klik upload. Akan muncul tampilan seperti ini:
Sekian dan terima kasih.
Materi kuliah CI hari ini adalah membuat tombol hapus. Jadi begini awalnya, pada file view_show_page.php yang kmrn kita buat pada bagian bawahnya tambahkan kode seperti ini:
Sehingga secara keseluruhan menjadi seperti ini:
Lalu untuk menyambungkannya, pada file news ditambahkan fungsi seperti ini;
Sehingga menjadi seperti ini:
Gunanya redirect (‘news/show’) adalah untuk menampilkan sisa data yang ada. Lalu, kita hubungkan juga dengan file ModelNews.php, sehingga menjadi seperti ini:
Lalu kita Run, dengan mengetik localhost/d4b6/news/show pada browser, jika kita sudah memasukkan data sebelumnya, akan muncul tampilan seperti ini:
Kemudian, kita klik tulisan “Hapus” yang berwarna biru, data yang ada sebelumnya hilang, hasilnya adalah seperti ini:
Lalu, materi Ci selanjutnya adalah cara membuat form. Yang tutorialnya sudah ada di user_guide, cara melihatnya ketik di browser seperti ini: localhost/d4b6/user_guide. Akan keluar tampilan seperti ini:
Lalu kita klik kotak hitam di atas yang bertuliskan “TABLE OF CONTENTS” sehingga muncul tampilan seperti ini:
Lal kita pilih “Form Validation Class”, dan akan muncul tampilan seperti ini:
Lalu pilih “The Form”
Lalu buat file view_input.php pada folder xampp/htdocs/d4b6/application/views dan copas isi dari the form di atas ke file tersebut. Sehingga menjadi seperti ini:
Dan pada file news.php tambahkan function input hingga menjadi seperti ini:
Kemudian buka browser, dan ketik localhost/d4b6/news/input. Maka akan muncul tampilan form seperti ini:
Yang kita lakukan selanjutnya adalah membuat rules, caranya copas yang ada di user guide
Menjadi seperti ini di news:
Kemudian buka localhost/d4b6/news/input pada browser, dan masukkan data Anda. Data yang anda masukkan akan masuk ke view_show_page.
This gallery contains 13 photos.
Hari ini saya mau posting materi yang diajarin Pak Jarwo td nih, tentang CI. Hehe. Moga” ilmu yang diajarin tadi melekat dan bermanfaat 🙂 Jadi pertama-tama sih tadi kita bikin CI controller, supaya gampang, kita langsung copas isinya file welcome.php, … Baca lebih lanjut