Codeigniter : Membuat kalkulator sederhana
|
|
- Yuliana Rachman
- 7 tahun lalu
- Tontonan:
Transkripsi
1
2 Codeigniter : Membuat kalkulator sederhana Oleh: Meyta Posting yang keduaa :D, belum dapet sambutan nih :(. tapi gapapa deh usaha itu perlu! :D Sekarang kita mau buat aplikasi kalkulator sederhana berbasis Web menggunakan bahasa PHP dan framework CI, saya juga masih belajar tapi gaada salahnya bagi2 kan? hehe.. jadi kita mau buat aplikasi kaya gini : Nantinya kalo kita klik Perkalian misalnya bakal keluar form perkalian, aplik... Posting yang keduaa :D, belum dapet sambutan nih :(. tapi gapapa deh usaha itu perlu! :D Sekarang kita mau buat aplikasi kalkulator sederhana berbasis Web menggunakan bahasa PHP dan framework CI, saya juga masih belajar tapi gaada salahnya bagi2 kan? hehe.. jadi kita mau buat aplikasi kaya gini : Nantinya kalo kita klik Perkalian misalnya bakal keluar form perkalian, aplikasi yg kita mau buat ini harus ada validasinya. Nah berhubung si codeigniternya udah lengkap nih jadi kita udah tinggal pake :D. 1. Kita harus punya codeigniternya (saya pake CodeIgniter versi ), kalo yang gapunya bisa kita download disini 2. Kita extract file ini di c:/xampp/htdocs (atau tergantung kalian pake web server apa dan dimana nyimpennya). 3. Seudah di extract kita buka pasti bentuknya kaya gini :
3 Nah, kalo saya nama folder yang tadinya 'CodeIgniter_2.0.2' dirubah jadi 'Meita' jadi aplikasi saya namanya 'Meita'. Nah gausah otak atik bagian folder system maupun user_guide, kita bekerja nya di folder application. 4. Coba buka browsernya lalu ketikan localhost/meita (tergantung nama folder). Maka akan muncul tampilan seperti ini : Udah? kalo udah kita lanjutkan! (hehehe..) 5. Kemudian kita buat controller baru misalnya namanya 'blog', c:\xampp\htdocs\meita\application\controllers\blog.php <?php if (! defined('basepath')) exit('no direct script access allowed'); class Blog extends CI_Controller function construct() parent:: construct();
4 $this->load->helper(array('url','form')); //mengambil helper yang sudah disediakan CI public function index() $this->load->view("hello"); //maksudanya menampilkan file hello.php yg difolder view public function perkalian() //membuat function perkalian $this->load->library('form_validation'); //mengambil validasi di library yg sudah disediakan CI $this->form_validation->set_rules('v1','variabel 1','required integer'); $this->form_validation->set_rules('v2','variabel 2','required integer'); if ($this->form_validation->run()) $data['v1']=(int)$this->input->post('v1',true); //mengambil nilai yg dimasukan $data['v2']=(int)$this->input->post('v2',true); //mengambil nilai yg dimasukan $data['hasil']=$data['v1']*$data['v2']; //proses data else $data['v1']=0; $data['v2']=0; $data['hasil']=0; $this->load->view('perkalian',$data); //menampilkan hasil proses data public function pertambahan() $data['v1']=(int)$this->input->post('v1',true); $data['v2']=(int)$this->input->post('v2',true); $data['hasil']=$data['v1']+$data['v2'];; $this->load->view('pertambahan',$data); public function pengurangan() $data['v1']=(int)$this->input->post('v1',true); $data['v2']=(int)$this->input->post('v2',true); $data['hasil']=$data['v1']-$data['v2'];; $this->load->view('pengurangan',$data); public function pembagian()
5 $data['v1']=(int)$this->input->post('v1',true); $data['v2']=(int)$this->input->post('v2',true); if ($data['v2']>0) $data['hasil']=$data['v1']/$data['v2']; else $data['hasil']='error, v2 tidak boleh 0!'; $this->load->view('pembagian',$data); /* End of file welcome.php */ /* Location:./application/controllers/blog.php */ 6. Setelah kita buat controller, sekarang kita buat view nya c:\xampp\htdocs\meita\application\views\hello.php <html> <head> <title>calculator Codeigniter</title> <style type="text/css"> body backgroun-color:#fff; font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; a color: #003399; font-weight: normal; h1 color: #444; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: bold; margin: 24px 0 2px; padding: 5px 0 6px 0; </style> </head> <body> <h1>form </h1> <p>silahkan pilih menu dibawah ini :</p>
6 <ul> <li><?php echo anchor('blog/perkalian','perkalian');?></li> <li><?php echo anchor('blog/pembagian','pembagian');?></li> <li><?php echo anchor('blog/pertambahan','pertambahan');?></li> <li><?php echo anchor('blog/pengurangan','pengurangan');?></li> </ul> <p> Page endered in elapsed_time second </p> </body> </html> Setelah itu kita buat juga file pertambahan, pengurangan, perkalian, dan pembagian. c:\xampp\htdocs\meita\application\views\perkalian.php <html> <head> <title>calculator Codeigniter</title> <style type="text/css"> body background-color:#fff; font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; a color: #003399; font-weight: normal; h1 color: #444; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: bold; margin: 24px 0 2px; padding: 5px 0 6px 0; </style> </head> <body> <h1>perkalian </h1> <p>silahkan masukan data berikut :</p> <ul> <?php echo form_open('blog/perkalian');?> <?php echo form_input('v1',$v1);?> x
7 <?php echo form_input('v2',$v2);?> <br> <p><?php echo validation_errors();?></p> <?php echo form_submit('submit','hitung');?> <?php echo form_close();?> <br> Hasil : <?php echo $hasil;?> </ul> <p><?php echo anchor('blog','home');?></p> <p> Page endered in elapsed_time second </p> </body> </html> c:\xampp\htdocs\meita\application\views\pembagian.php <html> <head> <title>calculator Codeigniter</title> <style type="text/css"> body background-color:#fff; font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; a color: #003399; font-weight: normal; h1 color: #444; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: bold; margin: 24px 0 2px; padding: 5px 0 6px 0; </style> </head> <body> <h1>pembagian </h1> <p>silahkan masukan data berikut :</p>
8 <ul> <?php echo form_open('blog/pembagian');?> <?php echo form_input('v1',$v1);?> : <?php echo form_input('v2',$v2);?> <br> <?php echo form_submit('submit','hitung');?> <?php echo form_close();?> <br> Hasil : <?php echo $hasil;?> </ul> <p><?php echo anchor('blog','home');?></p> <p> Page endered in elapsed_time second </p> </body> </html> c:\xampp\htdocs\meita\application\views\pertambahan.php <html> <head> <title>calculator Codeigniter</title> <style type="text/css"> body background-color:#fff; font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; a color: #003399; font-weight: normal; h1 color: #444; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: bold; margin: 24px 0 2px; padding: 5px 0 6px 0; </style> </head> <body> <h1>pertambahan </h1>
9 <p>silahkan masukan data berikut :</p> <ul> <?php echo form_open('blog/pertambahan');?> <?php echo form_input('v1',$v1);?> + <?php echo form_input('v2',$v2);?> <br> <?php echo form_submit('submit','hitung');?> <?php echo form_close();?> <br> Hasil : <?php echo $hasil;?> </ul> <p><?php echo anchor('blog','home');?></p> <p> Page endered in elapsed_time second </p> </body> </html> c:\xampp\htdocs\meita\application\views\pengurangan.php <html> <head> <title>calculator Codeigniter</title> <style type="text/css"> body background-color:#fff; font-family: Lucida Grande, Verdana, Sans-serif; margin:40px; font-size:14px; color: #4f55155; a color: #003399; font-weight: normal; h1 color: #444; border-bottom: 1px solid #d0d0d0; font-size: 16px; font-weight: bold; margin: 24px 0 2px; padding: 5px 0 6px 0; </style> </head> <body>
10 <h1>pengurangan </h1> <p>silahkan masukan data berikut :</p> <ul> <?php echo form_open('blog/pengurangan');?> <?php echo form_input('v1',$v1);?> - <?php echo form_input('v2',$v2);?> <br> <?php echo form_submit('submit','hitung');?> <?php echo form_close();?> <br> Hasil : <?php echo $hasil;?> </ul> <p><?php echo anchor('blog','home');?></p> <p> Page endered in elapsed_time second </p> </body> </html> 7. Sekarang yg ketujuh bukan yah? hehe lupa, pokoknya yg selanjutnya : - Kita rubah bagian c:\xampp\htdocs\meita\application\config\config.php (line 17) $config['base_url']= ' (tergantung nama folder kalian) - Kemudian bagian c:\xampp\htdocs\meita\application\config\routes.php (line 41) $route['default_controller'] = "blog"; 8. Dan finish! silahkan coba di browser nya :D. kalian juga bisa download selengkapnya disini Tentang Penulis Meyta "Bukan dari kesempurnaan kita bercermin, melainkan dari sebuah kekurangan kita belajar" visit to MyBlog : work at Rhino Technology
Bab 8 Pengenalan Code Igniter
Bab 8 Pengenalan Code Igniter A. TUJUAN Memahami Konsep Dasar Framework PHP berbasis MVC (Model, View Controller). Mempelajari dan Mengimplementasikan Form serta MVC pada Framework PHP : Codeigniter. B.
Lebih terperinciPertemuan 1. Pengenalan Code Igniter dan Pengaksesan Controller
Pertemuan 1 Pengenalan Code Igniter dan Pengaksesan Controller Code Igniter adalah sebuah framework PHP. Framework itu sendiri adalah suatu kerangka kerja yang berupa sekumpulan folder yang memuat file-file
Lebih terperinciMembuat Captcha Image menggunakan Codeigniter 2x
Membuat Captcha Image menggunakan Codeigniter 2x Oleh: Yoga C. Pranata Hai semua, disini saya akan menerangkan tentang bagaimana membuat captcha menggunakan Codeigniter. Sebelum memulainya, kalian pasti
Lebih terperinciPertemuan 2. Membuat Form Pada Code Igniter
Pertemuan 2 Membuat Form Pada Code Igniter Langkah Membuat form Pada Web Code Igniter 1. Tambah library auto helper autoload.php di c:/xamp/htdocs/codeigniter/application/ config : $autoload['helper']
Lebih terperinciTUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
Lebih terperinciDropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL
Dropdown Berhubungan (Sync Dropdown) Dengan CI & MySQL Oleh: Gilang Sonar Amanu Saya mau coba share lagi, tutorial sederhana namun sering bgt digunakan untuk berbagai kasus. Mungkin bisa berguna khususnya
Lebih terperinciMembuat Themes Wordpress sendiri - Part 1
Membuat Themes Wordpress sendiri - Part 1 Oleh: asep saepulloh Halo sahabat jaco. Kali ini saya akan membahas bagaimana caranya membuat themes sendiri di CMS Wordpress. Terkadang sahabat jaco muak dengan
Lebih terperinciSingle Site Login Portal Web dan Blogging Sederhana dengan CodeIgniter
Single Site Login Portal Web dan Blogging Sederhana dengan CodeIgniter DOKUMENTASI Oleh : Amelia Riani 132 07 127 Divisi Komputer HME ITB SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG
Lebih terperinciLangkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna
Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana
Lebih terperinciTUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 4. CRUD (Create, Read, Update, Delete)
Lebih terperinciMembuat Toko Buku dengan PHP - MySQL
Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan
Lebih terperinciMateri 2 E-Commerce Lanjut (CodeIgniter) 3 SKS Semester 7 S1 Sistem Informasi UNIKOM 2015 Nizar Rabbi Radliya
Materi 2 E-Commerce Lanjut (CodeIgniter) 3 SKS Semester 7 S1 Sistem Informasi UNIKOM 2015 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Memahami konsep dasar MVC
Lebih terperinciTUTORIAL RUBY ON RAILS
TUTORIAL RUBY ON RAILS TEKNIK INFORMATIKA-UNIV.NASIONAL Oleh: Slamet nurhadi 083112706450100 UNIVERSITAS NASIONAL DAFTAR ISI: 1. MEMBUAT PROYEK BARU DENGAN SETINGAN DATABASE MySQL 2. MEMBUAT HALAMAN WEB
Lebih terperinciLAMPIRAN. KUESIONER (Siswa) (Mohon menjawab pertanyaan-pertanyaan berikut dengan baik untuk keperluan survey pembuatan website e-learning)
L1 LAMPIRAN KUESIONER (Siswa) (Mohon menjawab pertanyaan-pertanyaan berikut dengan baik untuk keperluan survey pembuatan website e-learning) 1. Apakah dirumah anda telah tersedia komputer/laptop? a. Ya
Lebih terperinciAuthor : Minarni, S.Kom.,MM
S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan
Lebih terperinciTutorial Codeigniter : Membuat multiple language dengan Language Class
Tutorial Codeigniter : Membuat multiple language dengan Language Class Pembaca yang budiman. Sering sekali kita melihat website dengan beberapa bahasa. Nah, kira kira bagaimana ya kalo kita membuat sendiri
Lebih terperinciPemrograman Web Berbasis Framework. Pertemuan 4 : Konsep MVC : Controller. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 4 : Konsep MVC : Controller Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Struktur direktori dari web framework
Lebih terperinciPemrograman Web Berbasis Framework. Pertemuan 8 : Penanganan File dan Image. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 8 : Penanganan File dan Image Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan File helper Download helper File
Lebih terperinciCara Memasukan Font Baru Ke Dalam Web Menggunakan CSS
Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Oleh: Rahmat Menghias blog/web boleh saja tetapi tentunya juga harus memperhatikan kenyamanan visitor yang akan berkunjung ke web anda. Oleh sebab
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciPemrograman Web II DANU WIRA PANGESTU
Pemrograman Web II DANU WIRA PANGESTU PERTEMUAN 7-8 IMPLEMENTASI SESSION DI CODEIGNITER Mengenal Session di CodeIgniter Session merupakan suatu cara merekam dan memantau aktivitas user dalam menggunakan
Lebih terperinciPemrograman Web Berbasis Framework. Pertemuan 5 : Konsep MVC : View. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 5 : Konsep MVC : View Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Penanganan HTML Penanganan Form Penanganan
Lebih terperinciCODEIGNITER 3. Belajar Mandiri. Zamah Sari
CODEIGNITER 3 Belajar Mandiri Zamah Sari i DAFTAR ISI PENDAHULUAN CODEIGNITER... 1 Fitur Codeigniter... 1 INSTALASI CODEIGNITER... 3 ARSITEKTUR CODEIGNITER... 5 Struktur Direktori... 6 Folder Application...
Lebih terperinciTUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 5. Membuat Form Login Pada CodeIgniter
Lebih terperinciBAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Implementasi dan Uji Coba Sistem Sistem diimplementasikan pada sebuah komputer yang berfungsi sebagai tempat pengolahan data dan transaksi pembayaran SPP dibagian
Lebih terperinciPage 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma
Page 1 of 8 Tutorial Font Awesome Nama : Faqum Alf a Dwiyanto NIM : 12141368 Prodi : TI / I Buat tutorial cara penggunaan suatu framework CSS yang diimplementasikan pada layout semantik html. Tulislah
Lebih terperinciTutorial CSS Desain Layout 1 Dengan HTML5 dan CSS
Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung
Lebih terperinciXHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Lebih terperinciPemrograman Web Berbasis Framework. Pertemuan 7 : Keamanan Aplikasi. Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD
Pemrograman Web Berbasis Framework Pertemuan 7 : Keamanan Aplikasi Hasanuddin, S.T., M.Cs. Prodi Teknik Informatika UAD hasan@uad.ac.id Pokok Bahasan Pendahuluan Penanganan Error Reporting Antisipasi serangan
Lebih terperinciLEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka
Lebih terperinciMembangun website dinamis berbasis PHP-mySQL (3)
Membangun website dinamis berbasis PHP-mySQL (3) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 4 Peg. Komp & TI 2C M4 HyperText Markup Language (HTML) Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di
Lebih terperinciFramework untuk web yang dibuat dalam bentuk Web Berbasis Model-View-Controller (MVC)
AndiWahjuR E awreman@gmail.com Introduction CodeIgniter Framework untuk web yang dibuat dalam bentuk Web Berbasis Model-View-Controller (MVC) Model strukturdata View informasi yang disampaikan pe pengguna
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinciPublish: 7 Juni 2012 Author & Copyright: Johan Status: FREE tutorial
Kumpulan Tutorial dan belajar ilmu website mulai dari hosting dan coding seperti belajar HTML, CSS, Javascript, Javascript, JQuery, ASP.Net hingga SEO dan Desain web dengan Dreamweaver dan Photoshop untuk
Lebih terperinciMembuat Aplikasi Chating Sederhana dengan Jquery, Codeigniter dan Bootsrap
Membuat Aplikasi Chating Sederhana dengan Jquery, Codeigniter dan Bootsrap Oleh: Dadan Jumpa lagi dengan saya disini yang tetap tampil sederhana. Karena sebelumnya saya menuliskan cara membuat sistem keranjang
Lebih terperinciPerancangan dan Implementasi Sistem Informasi Audit Mutu Akademik Internal berbasis Web menggunakan Framework Codeigniter (Studi Kasus : LPMAI UKSW)
Perancangan dan Implementasi Sistem Informasi Audit Mutu Akademik Internal berbasis Web menggunakan Framework Codeigniter (Studi Kasus : LPMAI UKSW) Artikel Ilmiah Peneliti: Alvind Wayne Luhukay (672013129)
Lebih terperinciTUTORIAL APLIKASI WEB Dengan PHP dan MySQL
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciMembuat Desain Custom Input (Checkbox + Radio Button) pada Form
Membuat Desain Custom Input (Checkbox + Radio Button) pada Form Oleh: Christian Rosandhy Bosen lah ya liat checkbox dan radio button di HTML yang gitu-gitu aja? Di tutorial kali ini kita akan belajar mendesainnya
Lebih terperinciMetode Penulisan Dasar CSS
Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri
Lebih terperinciTutorial Dasar CSS Preprocessor LESS
Tutorial Dasar CSS Preprocessor LESS Oleh: Christian Rosandhy Karena CSS standar udah terlalu mainstream,, nggak ada salahnya kita belajar salah satu CSS Preprocessor yang cukup terkenal, yaitu LESS. Disini
Lebih terperinciMODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi
Lebih terperinciIKG3A3 / Software Project II
IKG3A3 / Software Project II Mahmud Imrona, M.T. Izzatul Ummah, M.T. Kelompok Keahlian Algoritma dan Komputasi LECTURE NOTE WEEK 7 1 8/25/2015 WEEK 7 Framework MVC (model-view-controller) CodeIgniter 2
Lebih terperinciKARTU BIMBINGAN TUGAS AKHIR MAHASISWA
DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) JL. BIOTEKNOLOGI NO. 1 KAMPUS USU Telp. (061) 82144290 MEDAN 20155 KARTU BIMBINGAN TUGAS
Lebih terperinciKeuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w
Tentang CSS Adalah standart pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text dan table menjadi lebih ringkas sehingga
Lebih terperinciSering kita mendengar tentang MVC Framework PHP tetapi kurang mengerti belum arti dari
Pengertian MVC Framework PHP Sering kita mendengar tentang MVC Framework PHP tetapi kurang mengerti belum arti dari MVC itu sendiri. Salah satu mvc framework yang populer digunakan saat ini adalah Code
Lebih terperinciMencetak Data Ke Word atau Excell
Mencetak Data Ke Word atau Excell dengan PHP Mungkin ada sebagian di antara kalian yang memikirkan bagaimana caranya mencetak data yang telah kita buat dengan PHP ke dalam bentuk Word atau Excel. Nah setelah
Lebih terperinciMuhammad Khoirul Hasin https://ordinaryhumansays.wordpress.com/
Infinite Scroll di Codeigniter: Seperti Paging Twitter dan Facebook Muhammad Khoirul Hasin irulsits@gmail.com https://ordinaryhumansays.wordpress.com/ Lisensi Dokumen: Copyright 2003-2007 IlmuKomputer.Com
Lebih terperinciLAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI 4103131060 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciPengembangan Aplikasi Menggunakan Framework Code Igniter 3 Level Basic. Helmy Faisal Muttaqin, S.Kom, M.T
Pengembangan Aplikasi Menggunakan Framework Code Igniter 3 Level Basic Helmy Faisal Muttaqin, S.Kom, M.T Apa itu Framework? Framework merupakan kumpulan library siap pakai yang dapat dimanfaatkan dalam
Lebih terperinciPHP dan Framework CodeIgniter
Universitas Negeri Padang PHP dan Framework CodeIgniter Yeni Septiana Pendidikan Teknik Informatika 1102640 2015 Hai All.. Kali ini kita akan membahas tentang membuat Website dengan menggunakan bahasa
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciACARA PRAKTIKUM PEMROGRAMAN WEB I
ACARA PRAKTIKUM PEMROGRAMAN WEB I PROGRAM STUDI MANAJEMEN INFORMATIKA JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS NEGERI GORONTALO 2005 PENUNTUN PRAKTIKUM PEMROGRAMAN WEB I PENUNTUN PRAKTIKUM
Lebih terperinciBAB V IMPLEMENTASI SISTEM
BAB V IMPLEMENTASI SISTEM Pada bab ini merupakan tahapan penerjemahan kebutuhan pembuatan software ke dalam representasi perangkat lunak sebeleum penulisan kode program dimulai sesuai dengan hasil analisis
Lebih terperinciCSS. Cascading Style Sheet. Spesifikasi lengkap di :
CSS Cascading Style Sheet Spesifikasi lengkap di : http://www.w3..org/tr/css2 Mengubah Text Mengubah Warna Mengubah Posisi Mengubah Ukuran Bagaimana cara menempatkan CSS? Ada 3 cara yaitu : Inline ( pada
Lebih terperinci2014 TUTORIAL PANADA FRAMEWORK BY DIMAS EDU
Tutorial Panada Framework Chapter 3 : Bekerja dengan Form SamidCorner(Tegal) Pembaca yang budiman. Masih dirangkain tutorial berseri Panada Framework, dan pada kesempatan kali ini saya akan membahas mengenai
Lebih terperinciMEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom
MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom 1. Buatlah File index.php File ini digunakan untuk menampilkan form dan datagrid tabel berita Memanggil koneksi manage BERITA
Lebih terperinciLisensi Dokumen: Uraian Kasus :
Uraian Kasus : Pada kasus ini seorang mahasiswa ingin membuat Program sederhana tentang Nomor Handphone teman-temannya untuk mengantisipasi kehilangan HPnya atau HP Error sehingga perlu di Flash ulang
Lebih terperinciMODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil
Lebih terperinciCSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan
Lebih terperinciAPLIKASI WEB DAY 3. (Cascading Style Sheets)
APLIKASI WEB DAY 3 (Cascading Style Sheets) VII. Pengenalan Style Sheet Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat
Lebih terperinciPRAKTIKUM 3 Pengenalan CSS
Tujuan: - - - PRAKTIKUM 3 Pengenalan CSS Mahasiswa mampu memahami konsep dasar CSS Mahasiswa mampu memahami struktur dasar syntax CSS Mahasiswa mampu memahami penerapan warna pada CSS Dasar Teori CSS merupakan
Lebih terperinciMEMBUAT PAGINATION PADA FRAMEWORK CODEIGNITER
MEMBUAT PAGINATION PADA FRAMEWORK CODEIGNITER Muhamad Yusuf muhamadyusuf0012@gmail.com :: https://muhamadyusufppn.blogspot.co.id Abstrak Dalam suatu proyek web, pagination merupakan bagian yang sangat
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
Lebih terperinciLAPORAN RESMI. Boxes
LAPORAN RESMI Boxes Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
Lebih terperinciNama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI
Nama : Dwi Untari Nim : A410090202 TUGAS SEMESTERAN 1. HOME 2. MATERI 3. SILABUS DAN RPP 4. GALERY 5. LATIHAN SOAL 6. BERITA 7. LINK SKRIP 1. Membuat frame
Lebih terperinciMultiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter
http://akbaraziz.staff.ipb.ac.id/2011/02/02/multiple-upload-dengan-jumlah-dinamis-menggunakan-ja v Multiple Upload dengan Jumlah Dinamis Menggunakan Javascript dalam Framework CodeIgniter Biasanya jika
Lebih terperinciGambar 4.28Konfigurasi Base Path dan Sistem
Lampiran Autoload untuk memanggil model yang sudah dibuat. 1. Konfigurasi config.php Gambar 4.28Konfigurasi Base Path dan Sistem 2. Konfigurasi database.php Gambar 4.29Konfigurasi Database 4.2.3.2 Pembuatan
Lebih terperinciGambar 1. Tampilan form karyawan
Tutorial Panada Framework Chapter 4 : Validasi Form SamidCorner(Tegal Pembaca yang budiman. Masih bersama tutorial berseri dari Panada Framework, setelah pada chapter yang ketiga mengenai penggunaan form
Lebih terperinciBAB II ANALISIS DAN PERANCANGAN. pendekatan perancangan sistem berorientasi objek. Perancangan sistem
BAB II ANALISIS DAN PERANCANGAN 2.1 Deskripsi Sistem Sistem informasi penjualan dan pembelian Gamis Batik dengan pendekatan perancangan sistem berorientasi objek. Perancangan sistem berorientasi objek
Lebih terperinciMEMBUAT WEBSITE SEDERHANA DENGAN HTML 5
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 NELI WIDI ASTUTI Neliwidiastuti97@gmail.com Abstrak Pada kesempatan ini saya akan mencoba menjelaskan tentang membuat website sederhana dengan HTML 5 dan CSS 3,
Lebih terperinciMembuat Themes Wordpress sendiri - Part 2
Membuat Themes Wordpress sendiri - Part 2 Oleh: asep saepulloh Halo sahabat jaco. Di tutorial sebelumnya kita sudah bahas bagaimana membuat themes wordpress sendiri. Bagaimana? sudah mengerti belom :Doke
Lebih terperinciCara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
Lebih terperinciPengenalan dan Instalasi Zend Framework
Pengenalan dan Instalasi Zend Framework Oleh: Andy Wijaya Hai teman teman jagocoding.com.. Ini adalah artikel pertama saya di jagocoding.com, dan sesuai judulnya, saya ingin mengajak teman - teman berkenalan
Lebih terperinciSImple Pop-Up Modal dengan CSS3 dan Jquery
SImple Pop-Up Modal dengan CSS3 dan Jquery Oleh: d-newbie Assalamualaikum wr.wb. bertemu lagi dengan saya, kali ini saya akan menulis tutorial tentang pop-up, apa itu pop-up? Kalo menurut wikipedia pop-up
Lebih terperinciModul 10 DreamWeaver MX Suendri, S.Kom
Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciModul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language)
Modul Praktikum Pengantar Komputer dan Internet HTML (Hyper Text Markup Language) PERHATIAN 1. Rajin Mencoba dan tak pantang menyerah dengan kegagalan 2. Membaca modul dan mencoba mempraktekannya dalam
Lebih terperinciE-Book PEMROGRAMAN CLIENT SERVER BERBASIS PHP DENGAN FRAMEWORK CODEIGNITER. Disusun Oleh: Arfian Hidayat, S.Kom
E-Book PEMROGRAMAN CLIENT SERVER BERBASIS PHP DENGAN FRAMEWORK CODEIGNITER Disusun Oleh: Arfian Hidayat, S.Kom http://arfianhidayat.com FAKULTAS ILMU KOMPUTER UNIVERSITAS DIAN NUSWANTORO SEMARANG 2013
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciSecara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,
Lebih terperinciA. LATAR BELAKANG ATAU BACKGROUND
A. LATAR BELAKANG ATAU BACKGROUND Latar belakang background dalam CSS dibedakan menjadi 2: 1. Latar Belakang Dengan Menggunakan Warna: Warna background memiliki dua nilai: Transparent : membuat wearna
Lebih terperinciPemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet
Pemrograman PHP Lanjut Ahmad Zainudin, S.ST Pemrograman Internet 2014 PHP5 PHP adalah bahasa pemrograman server-scripting Bersifat powerful, dinamis dan mendukung web interactive Tampilan PHP5 PHP merupakan
Lebih terperinciMODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets
Lebih terperinciMengenal Codeigniter (CI) Framework
Mengenal Codeigniter (CI) Framework Ramdhan Indra Bangun Dadhan.rpl@gmail.com Abstrak CodeIgniter adalah sebuah web application framework yang bersifat open source digunakan untuk membangun aplikasi php
Lebih terperinciFRAMEWORK CODEIGNITER
FRAMEWORK CODEIGNITER COURSE TEKNIK INFORMATIKA SEMESTER GENAP 2014 DISUSUN OLEH: MOH. ALI FIKRI POLITEKNIK INDRAMAYU (POLINDRA) 2014 A. Pendahuluan CodeIgniter CodeIgniter adalah aplikasi open source
Lebih terperinciMembuat Template dengan Bootstrap pada Codeigniter
Membuat Template dengan Bootstrap pada Codeigniter Pepen Aandrian Syah pepenaan@gmail.com Abstrak Bootstrap adalah suatu Framework yang digunakan untuk membuat tampilan / desain suatu halaman website.
Lebih terperinciDASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
Lebih terperinciAnalisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.
TUGAS CSS LAYAOUT PRAKTIKUM 6 1. Percobaan 1 Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. 2. Percobaan2 Position: relative;
Lebih terperinciMendesain Custom Tabel dengan Pseudo Element CSS
Mendesain Custom Tabel dengan Pseudo Element CSS Oleh: Christian Rosandhy Masih dengan CSS, kali ini kita akan belajar mendesain tabel dengan CSS, sekalian belajar 3 pseudo-element yang akan sangat berguna
Lebih terperinciIntroduksi. Team Training SMK-TI I-58
Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip
Lebih terperinciMembuat Grafik batang menggunakan HighChart dengan CI
Membuat Grafik batang menggunakan HighChart dengan CI Oleh: muttaqin selamat sore temen - temen pada penulis kali saya ingin berbagi bagaimana membuat grafik batang Highcart menggunakan CI,singkatan CI
Lebih terperinciLAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1
LAPORAN PRAKTIKUM TEKNOLOGI FRAMEWORK PERTEMUAN KE 1 INSTALLASI FRAMEWORK YII DAN MENGGUNAKAN GENERATOR Disusun oleh BUJANG PUTRO WICAKSONO 135610046 JURUSAN SISTEM INFORMASI SEKOLAH TINGGI MANAJEMEN INFORMATIKA
Lebih terperinciTutorial Membuat Template Joomla 1.5
Tutorial Membuat Template Joomla 1.5 Tempate joomla sebenarnya sangat sederhana, tidak rumit sama sekali. Satu file layout html bisa kita konversi langsung menjadi template joomla 1.5 yang valid. Tutorial
Lebih terperinciCondition dan Function
J A M K E L I M A Condition dan Function l l l l l l Statemen Logika Statemen Perulangan Membuat Function Manipulasi String Latihan Jam Kelima Soal Jam Kelima Jam Kelima Statemen Logika Apabila berbicara
Lebih terperinciMembuat Top Fixed Responsive Navbar Twitter Bootstrap
Membuat Top Fixed Responsive Navbar Twitter Bootstrap Oleh: ricky orlando napitupulu Salam bro and sis :), selamat datang di tulisan tutorial pertama ane ni, makasi da mau singga disini ye walopun kesasar
Lebih terperinciMemanfaatkan CSS Animasi [Part 2]
Memanfaatkan CSS Animasi [Part 2] Oleh: Christian Rosandhy Ini adalah tutorial lanjutan dari Part 1,, Kali ini kita akan belajar menggunakan CSS 3 Animation untuk membuat animasi yang jauh lebih dinamis
Lebih terperinci