UNIVERSITAS GUNADARMA

PRAKTIKUM PEMOGRAMAN WEB

MANUAL BOOK
“Aplikasi Daftar Telepon Seluler Menggunakan Codeigniter”

Nama Anggota :
1. Annelka Almayda Hashim (50417818)
2. Jeremy Moses Krisdiantoro (53417038)
Kelas : 4IA16
Fakultas : Fakultas Teknologi Industri
Jurusan : Teknik Informatika
PJ : Anisa Oktaviani 

Ditulis Guna Melengkapi Sebagian Syarat Praktikum Pemrograman Web

Jenjang S1

Universitas Gunadarma

2020
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Pemrograman web merupakan sebuah Praktikum yang ada di IT Gunadarma, praktikum

pemrograman web ini merupakan praktikum wajib, dalam Praktikum ini mempelajari
bahasa pemrograman untuk membangun web yang dinamis, bahasa pemrograman yang
digunakan adalah bahasa pemrograman secara terstruktur, sehingga dengan hanya dua kali
pertemuan setiap minggunya, dirasakan sangat kurang sekali, ditambah lagi dengan
perkembangan bahasa pemrograman saat ini yang sudah mengenal pemrograman web
dengan konsep Object Oriented maka dengan waktu yang sangat sedikit mahasiswa belum
bisa menerima materi praktikum ini dengan baik dan mahasiswa biasanya merasa kesulitan
dengan konsep Object Oriented, dengan jumlah pertemuan yang sangat sedikit, maka perlu
dibangun sebuah media untuk menyeimbangkan antara materi kuliah dengan materi
praktikum.

Oleh karena itu, dalam pembuatan aplikasi ini dibangun untuk mempermudah dalam
membuat daftar stok telepon seluler beserta harganya sehingga dapat membantu kepada
mahasiswa atatupun yang mengguanakan aplikasi ini. Pada manual book ini penulis akan
membuat “Aplikasi Daftar Telepon Seluler menggunakan Codeigniter”

1.2 Tujuan

Dalam penulisan ini bertujuan untuk mempermudah dalam membuat daftar stok
elektronik beserta harganya berbasis Website guna untuk membantu Toko dalam proses
pendataan suatu telepon seluler serta harga dan stok barangnya.
 BAB II

PEMBAHASAN

2.1 Sublime

Sublime Text adalah aplikasi editor untuk kode dan teks  yang dapat berjalan diberbagai
platform operating system dengan menggunakan teknologi Phyton API. Terciptanya 
aplikasi  ini  terinspirasi  dari  aplikasi  Vim,  Aplikasi  ini  sangatlah fleksibel  dan 
powerfull.  Fungsionalitas  dari  aplikasi  ini  dapat  dikembangkan dengan  menggunakan 
sublime-packages.  Sublime  Text  bukanlah  aplikasi  opensource  dan juga aplikasi yang
dapat digunakan dan didapatkan secara gratis,  akan tetapi  beberapa  fitur  pengembangan 
fungsionalitas  (packages)  dari  aplikasi  ini merupakan hasil dari temuan dan  mendapat
dukungan  penuh dari  komunitas serta memiliki linsensi aplikasi gratis.

Sublime  Text  mendukung  berbagai  bahasa  pemrograman  dan  mampu menyajikan

fitur  syntax  highlight  hampir di semua bahasa pemrogramman yang didukung  ataupun 
dikembangkan  oleh  komunitas  seperti;  C,  C++,  C#,  CSS,  D, Dylan,  Erlang,  HTML, 
Groovy,  Haskell,  Java,  JavaScript,  LaTeX,  Lisp,  Lua, Markdown, MATLAB, OCaml,
Perl, PHP, Python, R,  Ruby, SQL, TCL, Textile and  XML.  Biasanya  bagi  bahasa 
pemrograman  yang  didukung  ataupun  belum terdukung  secara  default  dapat  lebih 
dimaksimalkan  atau  didukung dengan menggunakan add-ons yang bisa didownload sesuai
kebutuhan user.

2.2 XAMPP

XAMPP adalah sebuah paket perangkat lunak (software) komputer yang sistem
penamaannya diambil dari akronim kata Apache, MySQL (dulu) / MariaDB (sekarang), PHP,
dan Perl. Sementara imbuhan huruf “X” yang terdapat pada awal kata berasal dari
istilah cross platform sebagai simbol bahwa aplikasi ini bisa dijalankan di empat sistem
operasi berbeda, seperti OS Linux, OS Windows, Mac OS, dan juga Solaris.

XAMPP merupakan salah satu paket installasi Apache, PHP dan MySQL instant yang
dapat kita gunakan untuk membantu proses installasi ketiga produk tersebut. Selain paket
installasi instant XAMPP versi 1.6.4 juga memberikan fasiltias pilihan pengunaan PHP4 atau
PHP5.Untuk berpindah versi PHP yang ingin digunakan juga sangat mudah dilakukan
dengan mengunakan bantuan PHP-Switch yang telah disertakan oleh XAMPP, dan yang
terpenting XAMPP bersifat free atau gratis untuk digunakan.
Maka dari itu, XAMPP biasanya banyak digunakan oleh para mahasiswa maupun pelajar
untuk melihat hasil desain website sebelum akhirnya dibuat online menggunakan web
hosting yang biasa dijual dipasaran.
2.3 Codeigniter

CodeIgniter adalah sebuah web application network yang bersifat open source yang
digunakan untuk membangun aplikasi php dinamis.
CodeIgniter pertamakali dikembangkan pada tahun 2006 oleh Rick Ellis. Dengan logo
api yang menyala, CodeIgniter dengan cepat “membakar” semangat para web developer
untuk mengembangkan web dinamis dengan cepat dan mudah menggunakan framework PHP
yang satu ini.
2.3.1 Konsep Dasar CodeIgniter Sebagai MVC Framework

CodeIgniter menggunakan pola pengembangan Mode View Controller yang disingkat

dengan MVC. Pada Pola MVC, suatu pendekatan dengan memisahkan logika aplikasi
dengan presentasi sehingga halaman web terdiri dari skrip yang minimal karena layout
terpisah dengan skrip PHP. MVC terdiri dari beberapa komponen yaitu :
 Model
Biasanya berisikan fungsi-fungsi yang berhubungan dengan database seperti select,
update, insert, dll. Model berada di direktori application/models.
 View
Sesuatu yang berhubungan dengan tampilan website ke pengguna website. VIiew
umumnya berisikan tampilan halaman web berupa HTML, Javascript dan PHP. Pada
CodeIgniter, tampilan view juga bisa digunakan sebagai template seperti header atau
footer.
 Controller
Berfungsi sebagai perantara Model, View, dan sumber daya lain untuk memproses
permintaan HTTP untuk menghasilkan halaman web.
 BAB III
ANALISA DAN PERANCANGAN
Project yang kita buat yakni “Daftar Barang Telepon Seluler”,
Buka Sublime Text 3

Kemudian buat folder baru di Local Disk C )xampphtdocs buat foldernya yang ingin kita
buat ( Contohnya “pweb” )

Buka aplikasi XAMPP, klik Start Apache dan Mysql

Pada pertama , kita akan membuat Databasenya terlebih dahulu . Buat table barang dan table
user
1. Table barang

2. Table user
3. Buka aplikasi Sublime Text 3, pada folder pweb -> config -> config.php pada line ke 26
tambahkan sepert ini

4. Masuk ke config database.php ganti username “root” dan databasenya dengan nama
database yang kita buat tadi “pweb”
Kemudian berikut ini adalah kodingannya
1. Folder controller  Pweb.php
2. Folder modelsM_pweb.php
3. Folder views  home.php
4. Folder views  footer.php

5. Folder views  header.php

6. Folder views  edit.php

7. Folder views  tambah.php

 8. Folder views login.php

Dan tampilannya sebagai berikut :

1. Halaman login, kita masukan username dan password yang telah kita buat tadi

2. Tampilan utama

3. Tampilan jika ingin tambah data

4. Jika sudah mengisi data yang akan ditambah , maka akan muncul tulisan “Data berhasil
ditambah”

5. Dan datanya juga akan terlihat di database yang kita buat tadi
6. Kita akan mengedit data tersebut dengan mengklik tombol hijau pada disamping data
yang akan kita edit

7. Jika kita sudah mengedit maka akan muncul tampilan seperti berikut ini “Data telah
diubah”
8. Dan di databasenya pun item nya akan berubah

9. Jika kita ingin menghapus item maka akan ada pemberitahuan

10. Jika kita klik OK, maka data akan terhapus

11. Dan didalam databasenya pun sudah dihapus

 BAB IV

PENUTUP

4.1 Kesimpulan

Dengan adanya praktikum Pemograman Web ini kita telah berhasil membuat Aplikasi
Daftar Telepon Seluler menggunakan Codeigniter berbasis Website guna untuk membantu
Toko dalam proses pendataan suatu elektronik serta harga dan stok barangnya.

4.2 Saran

Pada aplikasi ini terdapat kekurangan, namun memungkinkan untuk dilakukan

pengembangan lagi. Semoga bermanfaat.