Teknik Informatika

Politeknik Gorontalo

Cara Membuat CRUD (create-read-update-delete) Di CodeIgniter — 27 April 2016

Cara Membuat CRUD (create-read-update-delete) Di CodeIgniter

Cara Membuat CRUD (create-read-update-delete) Di CodeIgniter
codeigniter

Assalamualaikum Wr. Wb.  Hello guys bertemu lagi dengan saya di blog suryaputraharas.wordpress.com di sini saya mau sharing tentang cara membuat CRUD di CodeIgniter atau teman-teman sering dengar dengan nama CI  🙂 . oke guys langsung saja ke TKP dan ikuti langkah-langkah di bawah ini ya guys 🙂

  1. Langkah Pertama Kita Buat Databasenya. Untuk pembuatan databasenya disini saya menggunakan Aplikasi Xampp 3.2.1, aplikasi Xampp ini bisa teman-teman download langsung di google aja ya. Contoh database dan table yang di buat sebagai berikut :

Database :

db_mahasiswa

Table :

– . nim int (12)

            -. nama varchar (50)

            – . agama varchar (200)

            -. alamat varchar (200)

  1. Kemudian kita konfigurasi databasenya pada file autoload.php :

Gambar 1 autoload database
1 auto load database

  1. Disini sekaligus kita atur juga helplernya pada file yang sama :

Gambar 2 auto load helpler
2 auto load helpler

  1. Masuk pada file config.php untuk mengatur base url-Nya :

Gambar 3 base url
3 base url

  1. Dan pada database masukan user dan nama database-Nya :

Gambar 4 database
4 database

  1. Setelah itu masuk pada controlernya tepat pada file Mahasiswa.php, jika belum ada kita buat dulu filenya tanpa menghapus file Welcome.php yang sudah ada, disini kita membuat controlernya dimana disini terdapat beberapa function yakni index, input, simpan, edit, edit_simpan,

Gambar 5 controler mahasiswa
5 controlers mahasiswa

  1. Kemudian kita buat modelnya untuk menampilkan daftar mahasiswa dan edit mahasiswa :

Gambar 6 model
6 model

  1. Agar dapat memasukan data dari mahasiswa perlu membuat form input data mahasiswanya yang kita buat pada view dengan nama file input datamahasiswa.php :

Gambar 8 input data mahasiswa
8 input mahasiswa

  1. Kemudian untuk bisa mengeditnya kita bisa membuat link dan form edit sebagai berikut dengan nama editmahasiswa.php di folder view

Gambar 7 edit mahasiswa
7edit mahasiswa

  1. Dan yang terakhir agar kita buat link hapus data di table yang telah di buat tersebut akan tersingkron langsung ke database berikut scriptnya :

Gambar 9 vmahasiswa
9 vmahasiswa

untuk link hapusnya saya letakan di bawah dari koding ini : <td>”.anchor(‘mahasiswa/edit/’.$m->, ‘EDIT).”</td>

 

Setelah itu kita coba jalankan web ini dengan mengetikkan localhost/Latihan_1/index.php/mahasiswa dan inilah hasilnya :

hasil1

hasil2input

hasil3edit

hasil4hapus

 

Oke guys sekian dulu tutorial dari saya InsyaAllah Bermanfaat ya guys 🙂

 

Cara Memilah Template Boostrap Header,Menu,Content, Dan Footer — 12 April 2016

Cara Memilah Template Boostrap Header,Menu,Content, Dan Footer

Cara Memilah Template Boostrap Header,Menu,Content, Dan Footer

Asalamualikum wr. Wb hallo guys.. kali ini saya akan membuat tutorial bagaimana cara memilah template boosstrap di CodeIgniter dan setelah di pilah akan di satukan lagi menjadi satu tampilan.

Langkah-Langkah

  1. Download Boostrap di sini : https://github.com/twbs/bootstrap/archive/v4.0.0-alpha.2.zip
  2. Setelah itu file zip dari bootstrap di extract lalu folder hasil extract itu di letakan di dalam folder C:\xampp\htdocs\Nama_Folder_CI lalu folder boostrap tersebut di rename dengan nama assets.
  3. aktifkan Apache di Xampp setelah itu buka file CodeIgniter di C:\xampp\htdocs\Nama_Folder_CI Setelah itu kita buka file application\config\ setelah itu buka file autoload.php dengan text editor Note ++ atau Sublime dan tambahkan coding di bagian ini seperti gambar di bawah ini :
    autoload

Setelah itu buka file application\View\ setelah itu tambahkan file.php di dalam folder tersebut, file.php yang di maksud adalah header.php, slide.php, content.php, footer.php

header.php

header1

header2

header3

 

 

slide.php

slide1

slide2

 

content.php

content1

content2

content3

content4

content5

 

footer.php

footer

Setelah itu lakukan pemanggilan setiap file.php yang telah di buat sebelumnya dengan cara  buka file application\ controllers\ lalu tambahkan function di file Welcome.php seperti gambar di bahwah ini

welcome.php 2

Setelah itu kita coba panggil tampilan yang telah di buat sebelumnya dengan cara buka browser lalu ketik di browser : localhost/Nama_Folder_CodeIgniter/index.php/welcome/header dan hasilnya seperti di bawah ini

tampilan header

Jika ingin menampilkan slide,content, atau footer tinggal diganti saja welcome/header menjadi welcome/slide atau yang ingin anda tampilkan.

Sekarang kita akan menampilkan semua tampilan yang di buat satu persatu tadi menjadi satu tampilan yang utuh di satu halaman browser dengan cara tambahkan coding di application\ controllers\ lalu buka file Welcome.php dan tambahkan Function seperti dibawah ini :

welcome.php 1

Setelah itu kita buka browser dan panggil Function gabungan localhost/Nama_Folder_CodeIgniter/index.php/welcome/gabungan dan hasil yang akan di tampilkan akan seperti gambar di bawah ini :

hasil1

hasil2

hasil3

Akhirnya tutorialnya sudah selesai semoga bermanfaat ya guys. Jika ada kesalah bisa beri komentar di blog ini yaa 🙂

 

 

Cara Buat Header, Menu, Content, Footer Di CodeIgniter — 8 April 2016

Cara Buat Header, Menu, Content, Footer Di CodeIgniter

Cara Buat Header, Menu, Content, Footer Di CodeIgniter

Dalam tutorial kali ini saya akan menampilkan sebuah tampilan website sederhana di Codeigniter. Contoh yang akan di buat seperti gambar di bawah ini :

1ci

Oke langsung saja kita mulai tutorialnya :

Pertama aktifkan phpmyadmin di xampp, setelah itu buka browser dan tulis di pencarian/search localhost/nama_folder_ci setelah itu enter. Selanjutnya kita buat coding di view, mengapa hanya view saja karena kita hanya akan bermain di view/tampilan saja.

Header.php

coding1

coding2

Hasilnya :

2ci

Menu.php

coding menu

Hasilnya :

3ci

Content.php

coding content

Hasilnya :

4ci

Footer.php

coding footer

Hasilnya :

5ci

 

Jika 4 koding itu sudah di buat kita buat koding untuk pemanggilan menampilkan 4 tampilan yang dibuat dengan cara buat All.php lalu koding di setiap program.php yang di buat gabungkan di All.php, jika sudah kita akses localhost/nama_folder_ci/index.php/welcome/all dan akan muncul tampilan seperti pada gambar di atas.  Oke guys sampai disini dulu tutorial kita yaa 🙂

 

 

 

Cara Buat Aplikasi Kuis Sederhana di Android (Eclipse) — 4 April 2016

Cara Buat Aplikasi Kuis Sederhana di Android (Eclipse)

Cara Buat Aplikasi Kuis Sederhana di Android (Eclipse)

 

Asalamualikum wr. Wb.

Hallo guys ketemu lagi di blog saya suryaputraharas.wordpress.com kali ini saya akan memberikan tutorial cara membuat aplikasi kuis sederhana. Contoh gambar aplikasinya seperti di bawah ini :

 

1

2

3

Jadi gambaran aplikasi ini yaitu si user atau pengguna aplikasi ini akan di tanyakan sebuah pertanyaan dan pertanyaan itu di jawab dengan benar dengan cara di centang. Jika ingin mengetahui cara menggunakan aplikasi ini dan mengetahui alur programnya ikuti coding dibawah ini yaitu coding untuk main.xml dan Appkuis.java. Ingat jangan lupa buat project baru yaaa… setelah itu tambahkan coding di bawah ini :

main.xml

<RelativeLayout xmlns:android=http://schemas.android.com/apk/res/android&#8221;

xmlns:tools=http://schemas.android.com/tools&#8221;

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:paddingBottom=“@dimen/activity_vertical_margin”

android:paddingLeft=“@dimen/activity_horizontal_margin”

android:paddingRight=“@dimen/activity_horizontal_margin”

android:paddingTop=“@dimen/activity_vertical_margin”

tools:context=“.Main”

android:orientation=“vertical”

 

android:background=“@drawable/aa”>

<TextView

android:id=“@+id/textView1”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:textSize=“16sp”

        android:text=“1.Manahkah kota dibawah ini yang merupakan ibu kota provinsi?” />

 

<CheckBox

android:id=“@+id/cbandung”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/textView1”

android:layout_below=“@+id/textView1”

android:layout_marginTop=“40dp”

android:text=“Bandung” />

 

<CheckBox

android:id=“@+id/cbogor”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/cbandung”

android:layout_below=“@+id/cbandung”

android:text=“Bogor” />

 

<CheckBox

android:id=“@+id/cbanjarmasin”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/cbogor”

android:layout_below=“@+id/cbogor”

android:text=“BanjarMasin” />

 

<CheckBox

android:id=“@+id/cbontang”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/cbanjarmasin”

android:layout_below=“@+id/cbanjarmasin”

android:text=“Bontang” />

 

<Button

android:id=“@+id/proses”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/cbontang”

android:layout_alignRight=“@+id/cbanjarmasin”

android:layout_below=“@+id/cbontang”

android:layout_marginTop=“17dp”

android:text=“Lihat Nilai” />

 

<TextView

android:id=“@+id/tnilai”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_alignLeft=“@+id/proses”

android:layout_below=“@+id/proses”

android:layout_marginTop=“30dp”

android:text=“Nilai Anda adalah :”

android:textAppearance=“?android:attr/textAppearanceLarge” />

 

</RelativeLayout>

 

 

Appkuis.java

package putra.example.kuis;

 

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.CheckBox;

import android.widget.TextView;

 

public class AppKuis extends Activity implements OnClickListener {

Button proses;

CheckBox cekbandung, cekbogor, cekbanjar, cekbontang;

TextView outputnilai;

String nilai;

 

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

 

proses = (Button) findViewById(R.id.proses);

 

cekbandung = (CheckBox) findViewById(R.id.cbandung);

cekbogor = (CheckBox) findViewById(R.id.cbogor);

cekbanjar = (CheckBox) findViewById(R.id.cbanjarmasin);

cekbontang = (CheckBox) findViewById(R.id.cbontang);

outputnilai = (TextView) findViewById(R.id.tnilai);

 

proses.setOnClickListener(this);

 

}

 

@Override

public void onClick(View klik) {

// TODO Auto-generated method stub

 

if (cekbandung.isChecked() && cekbanjar.isChecked()

&& cekbogor.isChecked() && cekbontang.isChecked()) {

outputnilai.setText(“10”);

 

} else if (cekbandung.isChecked() && cekbanjar.isChecked()

&& cekbogor.isChecked()) {

outputnilai.setText(“15”);

 

} else if (cekbandung.isChecked() && cekbanjar.isChecked()

&& cekbontang.isChecked()) {

outputnilai.setText(“15”);

 

} else if (cekbanjar.isChecked() && cekbogor.isChecked()

&& cekbontang.isChecked()) {

outputnilai.setText(“0”);

 

} else if (cekbandung.isChecked() && cekbanjar.isChecked()) {

outputnilai.setText(“20”);

 

} else if (cekbandung.isChecked() && cekbogor.isChecked()) {

outputnilai.setText(“5”);

 

} else if (cekbandung.isChecked() && cekbontang.isChecked()) {

outputnilai.setText(“5”);

 

} else if (cekbogor.isChecked() && cekbanjar.isChecked()) {

outputnilai.setText(“5”);

 

} else if (cekbontang.isChecked() && cekbanjar.isChecked()) {

outputnilai.setText(“5”);

} else if (cekbontang.isChecked() && cekbogor.isChecked()) {

outputnilai.setText(“-10”);

 

} else if (cekbandung.isChecked()) {

outputnilai.setText(“10”);

 

} else if (cekbanjar.isChecked()) {

outputnilai.setText(“10”);

 

} else if (cekbogor.isChecked()) {

outputnilai.setText(“-5”);

 

} else if (cekbontang.isChecked()) {

outputnilai.setText(“-5”);

 

} else {

outputnilai.setText(“0”);

}

 

cekbandung.setChecked(false);

cekbanjar.setChecked(false);

cekbogor.setChecked(false);

cekbontang.setChecked(false);

}

 

}

 

Jika coding di atas telah di tambahkan perhatikan dengan baik nama package dan nama main.xml dan Appkuis.java agar pada saat aplikasi di run akan berjalan denan lancer dan aman. Okee guys tutorialnya..?? Semoga bermanfaat yaaa J amiin.