Module Web Company Profile

1
Membuat Website Company Profile Dengan Framework Code Igniter | 2017
A. Framework Code Igniter, Themplate Admin LTE Dan Company
1.1. Framework Code Igniter
1.1.1. Framework
Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-

prosedur dan class-class untuk tujuan tertentu yang sudah siap digunakan sehingga bisa
lebih mempermudah dan mempercepat pekerjaan seorang programer, tanpa harus
membuat fungsi atau class dari awal.
Ada beberapa alasan mengapa menggunakan Framework:

 Mempercepat dan mempermudah pembangunan sebuah aplikasi web.
 Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam
sebuah framework (dengan syarat programmer mengikuti pola standar yang ada)
 Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita
tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple
database, scaffolding, pengaturan session, error handling, dll
 Lebih bebas dalam pengembangan jika dibandingkan CMS
1.1.2. Code Igniter
CodeIgniter merupakan aplikasi sumber terbuka yang berupa framework PHP dengan
model MVC (Model, View, Controller) untuk membangun website dinamis dengan
menggunakan PHP. CodeIgniter memudahkan developer untuk membuat aplikasi web
dengan cepat mudah dibandingkan dengan membuatnya dari awal. CodeIgniter dirilis
pertama kali pada 28 Februari 2006. Versi stabil terakhir adalah versi 3.0.4. Sumber :
https://id.wikipedia.org/wiki/CodeIgniter
1.1.3. Design Pattern MVC (Model, View, Controller)
Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan
aplikasi web, berawal pada bahasa pemrograman Small Talk, MVC memisahkan
pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi
seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi. Terdapat 3
jenis komponen yang membangun suatu MVC pattern dalam suatu aplikasi yaitu :
Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Email : cs@masagenacomputer.com Contact Person : 0823 4514 8092
2
1) Model, biasanya berhubungan langsung dengan database untuk memanipulasi data

(insert, update, delete, search), menangani validasi dari bagian controller, namun tidak
dapat berhubungan langsung dengan bagian view.
2) View, merupakan bagian yang menangani presentation logic. Pada suatu aplikasi web
bagian ini biasanya berupa file template HTML, yang diatur oleh controller. View
berfungsi untuk menerima dan merepresentasikan data kepada user. Bagian ini tidak
memiliki akses langsung terhadap bagian model.
3) Controller, merupakan bagian yang mengatur hubungan antara bagian model dan
bagian view, controller berfungsi untuk menerima request dan data dari user kemudian
menentukan apa yang akan diproses oleh aplikasi.
Dengan menggunakan prinsip MVC suatu aplikasi dapat dikembangkan sesuai dengan
kemampuan developernya, yaitu programmer yang menangani bagian model dan controller,
sedangkan designer yang menangani bagian view, sehingga penggunaan arsitektur MVC
dapat meningkatkan maintanability dan organisasi kode. Walaupun demikian dibutuhkan
komunikasi yang baik antara programmer dan designer dalam menangani variabel-variabel
yang akan ditampilkan.
Ada beberapa kelebihan CodeIgniter (CI) dibandingkan dengan Framework PHP lain,
1) Performa sangat cepat : salah satu alasan tidak menggunakan framework adalah
karena eksekusinya yang lebih lambat daripada PHP from the scracth, tapi Codeigniter
sangat cepat bahkan mungkin bisa dibilang codeigniter merupakan framework yang
paling cepat dibanding framework yang lain.
2) Konfigurasi yang sangat minim (nearly zero configuration) : tentu saja untuk
menyesuaikan dengan database dan keleluasaan routing tetap diizinkan melakukan
konfigurasi dengan mengubah beberapa file konfigurasi seperti database.php atau
autoload.php, namun untuk menggunakan codeigniter dengan setting standard, anda
hanya perlu mengubah sedikit saja file pada folder config.
3) Banyak komunitas: dengan banyaknya komunitas CI ini, memudahkan kita untuk
berinteraksi dengan yang lain, baik itu bertanya atau teknologi terbaru.
4) Dokumentasi yang sangat lengkap : Setiap paket instalasi codeigniter sudah
disertai user guide yang sangat bagus dan lengkap untuk dijadikan permulaan,
bahasanya pun mudah dipahami.
5) Dan banyak lagi yang lainnya.

3
1.2. Themplate Admin LTE
Admin LTE adalah salah satu template web berbasis bootstrap yang cocok digunakan untuk
dashboard admin. Desain yang dipakai berbentuk flat yang memang menjadi tren disaat ini.
Template Admin bootstrap 3 dengan fiture - fiture keren antara lain :
1) HTML 5 dan CSS3;
2) Responsive Design;
3) 1000+ icon;
4) 6 Skins;
5) Enchance For Printing;
6) Lightweight;
7) Browser Compatibility;
8) Many Plugins;
9) Active Community
1.3. Themplate Company
Themplate Company merupakan themplate yang di rancang khusus untuk di gunakan pada
halaman depan website (Front End) khusus untuk website perusahan (Company Profile) di
dalamnya sudah ada tampilan khusus yang berkaitan dengan perusahaan.
Themplate company yang di gunakan di sini menggunakan CSS 3 yang membuat themplate
tersebut tampil eleghant dan responsive. Beberapa tampilan khusus yang terdapat di
dalamnya berupa menu (navigation) yang sudah tersedia khusus untuk company profile,
about, service, blog, team, blog, dan kontak.

4
B. Database
2.1. Membuat Database Perusahaan
Untuk membuat database pada MySQL ikuti langkah-langkah berikut ini :
1) Jalankan aplikasi XAMPP lalu klik tombol Start pada APACHE dan MySQL sehingga
keterangan pada tombol berubah menjadi Stop.
2) Buka salah satu aplikasi browser seperti Google Chrome, Mosilla Firefox, dll.
3) Pada address bar ketik URL : localhost/phpmyadmin lalu tekan enter.
4) Pada jendela awal muncul keterangan Create new database dan ketikkan nama
database db_perusahaan lalu klik tombol create.
5) Untuk aplikasi XAMPP terbaru tampilan berbeda dengan tampilan versi lama sehingga
langkah yang harus di lakukan sebelum menuliskan nama database yaitu mengklik
terlebih dahulu tab dabatabase.
2.1.1. Table User

Untuk membuat table pada database perhatikan langkah-langkah berikut ini :
1) Buka database yang bernama db_perusahaan dengan cara mengklik nama
database tersebut;
2) Pada kotak Create new table on database ketikkan nama table yaitu tb_user
dengan Number of fields sebanyak 6 karena field yang ada di dalam table tersebut
meliputi : id_user, nama_user, email, username, password, dan level_pengguna.

5
3) Ketik nama field yang ada pada table user dengan mengisi pada coloum Field, untuk
lebih jelasnya perhatikan pada gambar di bawah ini.
4) Pada coloum Type tentukan masing-masing tipe data field sesuai data yang akan di
tampung.
5) Pada coloum Length tentukan masing-masing jumlah ukuran karakter (field size)
yang akan di tampung pada field tersebut.
6) Checklist Auto Increment pada field id_user yang menandakan sebagai kode unik
dari field-field yang ada (Primary Key), perhatikan gambar di atas.
7) Klik tombol Save.

6
2.1.2. Table Profil

Untuk membuat table profil perusahaan dapat anda lakukan dengan mengikuti langkah-
langkah pembuatan table user yang membedakan adalah nama table di ganti menjadi
tb_profil serta field-field yang di gunakan di sesuaikan dengan isi table profil. Berikut ini
adalah field-field pada tb_profil.
2.1.3. Table Team

Untuk membuat table team dapat anda lakukan dengan mengikuti langkah-langkah
pembuatan table user yang membedakan adalah nama table di ganti menjadi tb_team
serta field-field yang di gunakan di sesuaikan dengan isi table team. Berikut ini adalah
field-field pada tb_team.

7

8
2.1.4. Table Layanan

Untuk membuat table layanan dapat anda lakukan dengan mengikuti langkah-langkah
pembuatan table user yang membedakan adalah nama table di ganti menjadi
tb_layanan serta field-field yang di gunakan di sesuaikan dengan isi table layanan.
Berikut ini adalah field-field pada tb_layanan.
2.1.5. Table Kategori Portofolio

Untuk membuat table kategori portofolio dapat anda lakukan dengan mengikuti langkah-
tb_kategori_portofolio serta field-field yang di gunakan di sesuaikan dengan isi table
kategori portofolio. Berikut ini adalah field-field pada tb_kategori_portofolio.
2.1.6. Table Portofolio

Untuk membuat table portofolio dapat anda lakukan dengan mengikuti langkah-langkah
tb_portofolio serta field-field yang di gunakan di sesuaikan dengan isi table portofolio.
Berikut ini adalah field-field pada tb_portofolio.

9
2.1.7. Table Partner

Untuk membuat table partner dapat anda lakukan dengan mengikuti langkah-langkah
tb_partner serta field-field yang di gunakan di sesuaikan dengan isi table partner.
Berikut ini adalah field-field pada tb_partner.
2.1.8. Table Kategori

Untuk membuat table kategori berita dapat anda lakukan dengan mengikuti langkah-
tb_kategori serta field-field yang di gunakan di sesuaikan dengan isi table kategori.
Berikut ini adalah field-field pada tb_kategori.
2.1.9. Table Berita

Untuk membuat table berita dapat anda lakukan dengan mengikuti langkah-langkah
pembuatan table user yang membedakan adalah nama table di ganti menjadi tb_berita
serta field-field yang di gunakan di sesuaikan dengan isi table berita. Berikut ini adalah
field-field pada tb_berita.

10
2.1.10. Table Kontak

Untuk membuat table kontak dapat anda lakukan dengan mengikuti langkah-langkah
pembuatan table user yang membedakan adalah nama table di ganti menjadi tb_kontak
serta field-field yang di gunakan di sesuaikan dengan isi table kontak. Berikut ini adalah
field-field pada tb_kontak.

11
C. Instalasi Framework Code Igniter

3.1. Configurasi Awal
3.1.1. Configurasi URL
Pertama kali sebelum menjalankan website ubah configurasi awal yaitu configurasi URL
yang akan di akses pada saat website akan di jalankan. Cara mengubah configurasi URL
yaitu buka file config.php dengan menggunakan aplikasi text editor yang berada di dalam
sub folder perusahaan->application->config. Setelah terbuka carilah kode
$config['base_url'] lalu ganti nilai yang ada menjadi $config['base_url'] =
'http://localhost/perusahaan/'; perhatikan pada gambar di bawah ini.
Pada saat akan menjalankan website maka yang di akses adalah URL
localhost/perusahaan.
3.1.2. Configurasi Routes

Pengaturan yang kedua yang harus di ubah adalah routes dimana di dalamnya dapat di
atur file controller yang akan pertama kali di akses pada saat mengakses website dengan
URL localhost/perusahaan. Secara default file controller yang pertama kali di jalankan
adalah Welcome untuk mengubahnya silahkan di ganti dengan nama file yang sesuai
dengan nama file controller yang berada di folder controller. Kode yang harus di ubah yaitu
$route['default_controller']. Perhatikan pada gambar dibawah ini.

12
3.1.3. Configurasi Dabase

Pengaturan yang ketiga yang harus di ubah adalah nama database yang akan di gunakan
di dalam website. Untuk mengubah nama database yang di gunakan dalam website
menggunakan Framework Code Igniter buka file database.php pada folder config lalu ubah
kode 'database' => ' ', ubah menjadi menjadi 'database' => 'db_perusahaan', nama
database yang di gunakan sesuai dengan nama database yang ada di dalam MySQL.
Perhatikan pada gambar di bawah ini.

13
D. Konfigurasi Themplate Admin LTE

4.1. Konfigurasi Themplate Admin LTE
Untuk mempermudah dalam pengelolaan themplate baik dari segi front end maupun back
end maka buatlah folder terpisah dengan file-file CSS, Javascript, Image, dll. Untuk itu
buatlah satu sub folder yang di beri nama themplate di dalam folder perusahaan dimana di
materi ini folder perusahaan sebagai folder utama file website.
Langkah-langkah untuk mengonfigurasi themplate Admin LTE antara lain :

1) Sebelum anda menggunakannya silahkan download terlebih dahulu themplate Admin
LTE di situs penyedia thempate tersebut atau download di www.klikmasagena.com .
2) Extract file Admin LTE yang sudah di download sehingga menjadi satu folder.
3) Didalam folder Admin LTE terdapat beberapa sub folder antara lain : ajax, css, fonts,
img, js, dan less.
4) Pindahkan semua sub folder kedalam folder themplate yang ada di dalam folder utama
website dalam materi ini adalah folder perusahaan dan yang tersisa tinggal folder pages
dan beberapa file lainnya.

14
5) Langkah berikutnya pindahkan folder pages, file empty, index, dan readme kedalam
folder views.
6) Selanjutnya buat beberapa file php yang akan mewakili bagian-bagian desain web
seperti bagian header, menu, content, sidebar, dan copyright. File-file yang akan di buat
dimateri ini terdiri dari file style.php, topbar.php, navigasi.php, index.php, dan jscript.php
yang menjadi suatu kesatuan themplate website.
7) Buka aplikasi text editor notepad++, buat satu file dengan nama file style.php lalu
simpan di folder views selanjutnya di file style.php ketikkan kode seperti pada gambar
berikut ini.

15
8) Buat file topbar.php dan simpan pada folder views satu folder dengan file style.php lalu
ketikkan kode berikut ini kedalam file topbar.php, perhatikan kode berikut ini.
9) Buat file navigasi.php dan simpan di dalam folder views satu folder dengan file style.php
lalu ketikkan kode seperti pada gambar berikut ini.

16

17
10) Berikutnya Buat file jscript.php dan simpan pada folder views satu folder dengan file
style.php lalu ketikkan kode seperti pada gambar berikut ini.

18
11) Terakhir buatlah file index.php sebagai file yang pertama kali di muat (load) pada saat
website di akses, pada file index.php terdapat kode yang memanggil file yang telah di
buat sebelumnya seperti file style.php, topbar.php, navigasi.php dan jscript.php.
Perintah untuk memanggil file ke file lainnya dapat kita gunakan perintah include, untuk
lebih jelasnya ketikkan kode pada gambar di bawah ini ke dalam file index.php.
12) Konfigurasi themplate selesai di lakukan, selanjutnya panggil file index.php pada
controller yang akan menjalankan file view tersebut dengan cara membuka file
Welcome.php pada folder controllers dan ganti kode pada file Welcome.php menjadi
seperti pada gambar di bawah ini.

19
13) Jalankan dengan cara mengakses URL : localhost/perusahaan untuk melihat

perubahan pada themplate website. Berikut ini adalah tampilan awal pada halaman
Back End website yang telah di buat.

20
E. PAGE DAN FORM

5.1. Page Login
1. View Login
Form login merupakan halaman yang menjadi pembatas untuk masuk ke suatu halaman
Admin website (Back End). Untuk masuk kehalaman Admin website terlebih dulu
memasukkan tanda pengenal berupa username dan password. Untuk membuat form login
di pembahasan ini ikuti langkah-langkah berikut ini :
1) Buat sub folder di dalam folder view yang bernama login;
2) Buka file login.html yang berada di dalam folder views->pages->examples dan ubah file
tersebut menjadi login.php;
3) Pindahkan file login.php kedalam sub folder login yang telah di buat di dalam folder
views;
4) Buka file login.php tersebut menggukanan aplikasi text editor notepad++;
5) Hapus kode pada baris ke-7 sampai dengan baris ke-19 lalu ganti dengan kode <?php
include ‘application/views/style.php’ ?>
6) Selanjutnya kode pada baris ke-13 di ubah pada nilai atribut action menjadi
‘admin/login’ yang mana kata admin yang menjadi file controller dan login menjadi
function. Maksudnya apabila telah di klik tombol login maka file yang akan di jalankan di
controller adalah file admin dan kode yang akan di jalankan yang berada pada fungction
login.
7) Karena beberapa kode tidak perlu di gunakan maka hapus kode tersebut yang berada di
baris ke-21 sampai baris ke-23, baris ke-28 sampai baris ke-30, baris ke-34 sampai
baris ke-41. Pada kata Sign me in di ubah menjadi login.

21
8) Pada baris ke-45 sampai baris ke-48 di hapus lalu di ganti dengan kode seperti ini
<?php include ‘application/views/jscript.php’ ?> berfungsi untuk memanggil file javascript
yang sudah di pisahkan sebelumny di folder views. Untuk melihat lebih jelas isi kode
pada file login.php perhatikan pada gambar di bawah ini.
9) Buat file controller dengan nama Admin.php di dalam folder controllers dengan cara
menggandakan file Welcome.php lalu mengubah nama file tersebut menjadi Admin.php.
Nama sebuah file controller di upayakan selalu menggunakan huruf kapital pada huruf
awalnya.
10) Ganti kode pada baris ke-4 yaitu kata Welcome di ganti menjadi Admin;
11) Ganti kode pada baris ke-9 yaitu kata index di ganti menjadi ‘login/login.php’
maksudnya adalah memanggil file view yang akan di tampilkan yaitu halaman login yang
berada di folder login.

22
12) Jalankan halaman login tersebut dengan cara mengakses URL :

localhost/perusahaan/admin lalu tekan enter. Hasilnya dapat di lihat pada gambar di
bawah ini.
2. Controller Login
Untuk membuat form login dapat berfungsi sebagaimana mestinya maka perlu di buat
sebuah file controller yang akan menghubungkan antara view dengan model. File
controller yang di gunakan pada pembahasan ini masih file Admin.php namun di
tambahkan function login pada baris ke-11 sampai baris ke-32 perhatikan gambar di
bawah ini.
Keterangan :
- Pada baris ke-13 model M_login sesuai dengan nama model yang di buat pada
folder models, untuk file model login perhatikan pada pembahasan Model Login
pada point ke-3.
- Pada baris ke-14 M_login->validasi(); nama validasi di ambil dari nama function yang
ada di dalam file M_login.
- Pada baris 17 – 19 $id_user, $username, $level sebuah variable yang di definisikan
sendiri dengan tujuan untuk menampung nilai yang di ambil dari field id_user,

23
username, level_pengguna yang di ambil dari database tepatnya pada tb_user.

Field-field tersebut harus sesuai dengan nama field yang ada di dalam table tb_user.
- Pada Baris 22-25 berfungsi sebagai data session yang akan di bawah ke halaman
yang akan di akses pada halaman admin dengan mengambil nilai dari variable
$id_user, $username, dan $level.
3. Model Login
Untuk menghubungkan database dengan controller yang selanjutnya akan di tampilkan
ke view maka diperlulan sebuah file Model. Buatlah sebuah file di dalam folder models
yang di beri nama M_login.php dan ketik kode berikut ini di dalam file M_login tersebut.
Keterangan :
- Pada baris ke-3 nilai variable $table_user=”tb_user”; maksudnya adalah
menentukan nama table yang menampung data pengguna yang di gunakan login ke
dalam website.
- Pada baris ke-9 $this->db->where(‘username’) sesuaikan dengan nama field yang
ada didalam tb_user dan $this->input->post(‘userid’); sesuai dengan name
komponen yang di bawah dari file login.php pada saat memasukkan user id.
- Pada baris ke-10 $this->db->where(‘password) sesuaikan dengan nama field yang
ada didalam tb_user dan $this->input->post(‘password’); sesuai dengan name
komponen yang di bawah dari file login.php pada saat memasukkan password.
- Pada baris ke-12 berfungsi untuk mengeksekusi hasil pengambilan data dari table
yang di ambil pada database.

24
Untuk mengatur agar halaman admin tidak dapat di akses apabila belum login maka
tambahkan kode di setiap file controller tepatnya di bawah nama controller dengan kode
seperti pada gambar di bawah ini.
5.2. Page User

1. View User
Untuk memudahkan dalam pencarian file baik controller,model,dan view perlu di buat
struktur file yang dapat memudahkan, misalkan untuk pengelolaan data user maka di buat
sebuah folder di dalam folder controller yang diberi nama user begitu pula di dalam folder
models buat sebuah folder user untuk menampung file-file model.
Pertama-tama akan di buat sebuah halaman untuk menampilkan data user yang di ambil
dari table user dengan menggunakan table. Berikut langkah-langkah untuk membuat
halaman data user.
1) Buatlah sub folder di dalam folder views dan beri nama user;
2) Gandakan file index.php yang ada di dalam folder views lalu ubah nama index –
Copy.php menjadi view_user.php dan pindahkan ke dalam folder user.
3) Buka file view_user.php menggunakan text editor notepad++ dan tambahkan kode
untuk menampilkan data user berupa table di antara tag <section class="content">
</section>. Berikut ini adalah kode untuk menampilkan data user.

25
4) Buat folder yang di beri nama C_user di dalam folder controllers.

5) Buat file C_v_user.php di dalam folder C_user yang telah di buat dan masukkan
kode seperti pada gambar berikut ini.
6) Buat folder yang di beri nama M_user di dalam folder models.

7) Buat file M_v_user.php di dalam folder M_user yang telah di buat dan masukkan

26
8) Untuk melihat hasilnya ubah link di file navigasi.php yang berada di menu user
menjadi seperti pada gambar berikut ini.
9) Klik pada menu user dan hasilnya akan terlihat seperti pada gambar berikut ini.
2. Form User
Form user merupakan fasilitas yang di gunakan untuk menambah data pengguna (user)
yang akan menggunakan atau login ke halaman website. Langkah-langkah untuk membuat
form user antara lain :
1) Sebelum membuat file form user tambahkan tombol yang akan mengarahkan untuk
membuka halaman form tambah user di halaman view_form.php tepatnya di bawah
<section class=”content”> dengan kode seperti berikut ini:
Copy.php menjadi form_user.php dan pindahkan ke dalam folder user.
3) Buka file form_user.php menggunakan text editor notepad++ dan tambahkan kode form
di antara tag <section class="content"> </section>. Berikut ini adalah kode yang di
letakkan di dalam file form_user.php :

27
4) Buat file controller bernama C_f_user.php di dalam folder C_user dan letakkan kode
seperti pada gambar berikut ini.

28
5) Untuk melihat hasilnya dapat lakukan dengan mengklik tombol Tambah pada halaman
view_user.php dan hasilnya akan muncul seperti pada gambar di bawah ini.
3. Simpan User
Untuk menyimpan data user kedalam database ikut langkah-langkah berikut ini :
1) Ubah nilai action yang ada pada file form_user.php menjadi seperti pada gambar
berikut ini.
2) Buat file C_t_user.php pada folder C_user dan masukkan kode seperti pada gambar
berikut ini.

29
3) Buat file M_t_user di dalam folder M_user dan masukkan kode seperti pada gambar
berikut ini.
4) Selanjutnya input data lewat form user dan klik tombol simpan untuk melihat hasil
kerja dari kode tersebut di atas. Apabila data berhasil di simpan maka akan tampil
4. Edit User
Data yang sudah di simpan sebelumnya melalui form_user.php dapat di ubah kembali
apabila ada kesalahan seperti ingin mengupdate password. Untuk mengupdate data user
ikuti langkah-langkah berikut ini :
1) Buka halaman view_user.php dan tambahkan kode seperti berikut ini pada kolom
aksi, perhatikan kode pada gambar berikut ini.

30
2) Buat file controller dengan nama file C_e_user.php di dalam folder C_user dan
ketikkan kode seperti pada gambar berikut ini.
3) Buat file model dengan nama M_e_user.php dan simpan di dalam folder M_user dan
4) Buat file view dengan nama form_edit_user.php di dalam folder user dan ketikkan
kode di antara tag <section class=”content”> </section> seperti pada gambar
berikut ini.

31
5) Buat file controller dengan nama file C_u_user.php di dalam folder C_user dan

32
6) Buat file model dengan nama file M_u_user.php di dalam folder M_model dan
5. Hapus User
Data yang sudah di simpan sebelumnya melalui form_user.php dapat di hapus kembali
apabila ada kesalahan. Untuk menghapus data user ikuti langkah-langkah berikut ini :
1) Buka halaman view_user.php dan tambahkan kode seperti berikut ini pada kolom
2) Buat file controller yang di beri nama C_h_user.php pada folder C_user dan ketikkan
3) Buat file model yang di beri nama M_h_user.php di dalam folder M_user dan ketikkan
5.3. Page Profil

1. View Profil
Profil yang di maksud di dalam contoh kasus ini adalah informasi tentang perusahaan
seperti nama perusahaan, alamat, pimpinan,dll. Data profil hanya dapat di update karena
data profil hanya di gunakan dalam satu perusahaan.

33
Untuk menampilkan data profil dari database tetap menggunakan file controller, model, dan
view, seperti pada pembuatan page user di pembuatan page profil juga menggunakan
beberapa file controller,model,dan view sesuai fungsi masing-masing.
Berikut ini adalah langkah-langkah membuat atau menampilkan page profil :
1) Buat sub folder dengan nama profil di dalam folder views.
Copy.php menjadi view_profil.php dan pindahkan ke dalam folder profil.
3) Buka file view_profil.php menggunakan text editor notepad++ dan tambahkan kode
form di antara tag <section class="content"> </section>. Berikut ini adalah kode
yang di letakkan di dalam file view_profil.php :

34
4) Edit file navigasi.php pada menu profil dengan mengganti link menjad seperti pada
gambar berikut ini.
5) Buat sub folder di dalam folder controller yang di beri nama C_profil lalu buat satu
file controller di dalam folder tersebut yang di beri nama C_v_profil.php lalu
6) Buat sub folder di dalam folder models yang di beri nama M_profil lalu buat sati file
model di dalam folder tersebut yang di beri nama M_v_profil.php lalu ketikkan kode

35
7) Selanjutnya buat folder di dalam folder perusahaan yang di beri nama images untuk
menyimpan logo perusahaan lalu buka halaman admin dan klik menu profil maka
akan tampil halaman seperti pada gambar berikut ini.
2. Edit Profil
Data yang sudah ada sebelumnya dapat di ubah sesuai profil perusahaan. Untuk
mengupdate data perusahaan ikuti langkah-langkah berikut ini :
1) Buka halaman view_profil.php yang ada didalam folder profil dan tambahkan kode
seperti berikut ini pada kolom aksi, perhatikan kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_e_profil.php di dalam folder C_profil dan

36
3) Buat file model yang di beri nama M_e_profil.php di dalam folder M_profil dan ketikkan
4) Buat file view yang di beri nama form_edit_profil.php di dalam folder profil untuk
menampilkan data profil yang akan di update.
5) Buka file form_edit_profil.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file form_edit_profil.php :

37

38

39
6) Buat file controller yang di beri nama C_u_profil.php di dalam folder C_profil dan
7) Buat file model yang di beri nama M_u_profil.php di dalam folder M_profil dan ketikkan

40
5.4. Page Team

1. View Team
Team yang di maksud di dalam contoh kasus ini adalah data pekerja, karyawan,
development, dll. Untuk menampilkan data team dari database tetap menggunakan file
controller, model, dan view, seperti pada pembuatan page sebelumnya di pembuatan page
team juga menggunakan beberapa file controller,model,dan view sesuai fungsi masing-
masing.
Berikut ini adalah langkah-langkah membuat atau menampilkan page team :
1) Buat sub folder yang di beri nama team di dalam folder images tepatnya di dalam folder
perusahaan->images.
2) Buat sub folder dengan nama team di dalam folder views.
Copy.php menjadi view_team.php dan pindahkan ke dalam folder team.
4) Buka file view_team.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file view_team.php :

41
5) Buat file controller yang di beri nama C_v_team.php di dalam folder C_team dan
6) Buat file model yang di beri nama M_v_team.php di dalam folder M_team dan ketikkan
2. Form Team
Form ini di gunakan untuk menambah data team yang terlibat dalam perusahaan.
Berikut ini adalah langkah-langkah membuat atau menampilkan form team :
Copy.php menjadi form_team.php dan pindahkan ke dalam folder team.
2) Buka file form_team.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file form_team.php :

42
3) Buat file controller yang di beri nama C_t_team.php di dalam folder C_team dan
4) Buat file model yang di beri nama M_t_team.php di dalam folder M_team dan ketikkan

43
3. Edit Team
Data team yang sudah ada sebelumnya dapat di ubah kembali dengan menggunakan
fasilitas edit. Untuk kode mengupdate data team ikuti langkah-langkah berikut ini :
1) Buka halaman view_team.php yang ada didalam folder team dan tambahkan kode
2) Buatlah file controller yang di beri nama C_e_team.php di dalam folder C_team dan
3) Buat file model yang di beri nama M_e_team.php di dalam folder M_team dan ketikkan
4) Buat file view yang di beri nama form_edit_team.php di dalam folder team untuk
menampilkan data team yang akan di update.
5) Buka file form_edit_team.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file form_edit_team.php :

44

45
6) Buat file controller yang di beri nama C_u_team.php di dalam folder C_team dan
7) Buat file model yang di beri nama M_u_team.php di dalam folder M_team dan ketikkan
4. Hapus Team
Data yang sudah di simpan sebelumnya melalui form_team.php dapat di hapus kembali
apabila ada kesalahan. Untuk menghapus data team ikuti langkah-langkah berikut ini :

46
1) Buka halaman view_team.php dan tambahkan kode seperti berikut ini pada kolom aksi,
perhatikan kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_h_team.php di dalam folder C_team dan
3) Buat file model yang di beri nama M_h_team.php di dalam folder M_team dan ketikkan
4) Untuk menjalankan atau membuka halaman page team klik menu team dan akan terlihat
tampilan seperti pada gambar berikut ini.

47
5.5. Page Layanan

1. View Layanan
Layanan yang di maksud di dalam contoh kasus ini adalah nama pelayanan yang di
jalankan dalam sebuah perusahaan atau dengan kata lain yaitu jenis usaha yang di
jalankan oleh perusahaan. Berikut ini adalah langkah-langkah membuat atau menampilkan
page layanan :
1) Buat sub folder yang di beri nama layanan di dalam folder images tepatnya di dalam
folder perusahaan->images.
2) Buat sub folder dengan nama layanan di dalam folder views.
Copy.php menjadi view_layanan.php dan pindahkan ke dalam folder layanan.
4) Buka file view_layanan.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file view_layanan.php :

48
5) Buat file controller yang di beri nama C_v_layanan.php di dalam folder C_layanan dan
6) Buat file model yang di beri nama M_v_layanan.php di dalam folder M_layanan dan
2. Form Layanan
Form ini di gunakan untuk menambah data layanan yang ada dalam suatu perusahaan.
Berikut ini adalah langkah-langkah membuat atau menampilkan form layanan:
Copy.php menjadi form_layanan.php dan pindahkan ke dalam folder layanan.
2) Buka file form_layanan.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file form_layanan.php :

49
3) Buat file controller yang di beri nama C_t_layanan.php di dalam folder C_layanan dan

50
4) Buat file model yang di beri nama M_v_layanan.php di dalam folder M_model dan
3. Edit Layanan
Data layanan yang sudah ada sebelumnya dapat di ubah kembali dengan menggunakan
fasilitas edit. Untuk kode mengupdate data layanan ikuti langkah-langkah berikut ini :
1) Buka halaman view_layanan.php yang ada didalam folder layanan dan tambahkan
kode seperti berikut ini pada kolom aksi, perhatikan kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_e_layanan.php di dalam folder C_layanan dan
3) Buat file model yang di beri nama M_e_layanan di dalam folder M_layanan dan ketikkan

51
4) Buat file view yang di beri nama form_edit_layanan.php di dalam folder layanan untuk
menampilkan data layanan yang akan di update.
5) Buka file form_edit_layanan.php menggunakan text editor notepad++ dan tambahkan
kode form di antara tag <section class="content"> </section>. Berikut ini adalah
kode yang di letakkan di dalam file form_edit_layanan.php :

52
6) Buat file controller yang di beri nama C_u_layanan.php di dalam folder C_layanan dan
7) Buat file model yang di beri nama M_u_layanan.php di dalam folder M_layanan dan
5. Hapus Layanan
Data yang sudah di simpan sebelumnya melalui form_layanan.php dapat di hapus kembali
apabila ada kesalahan.
Untuk menghapus data layana ikuti langkah-langkah berikut ini :
1) Buka halaman view_layanan.php dan tambahkan kode seperti berikut ini pada kolom

53
2) Buat file controller yang di beri nama C_h_layanan.php di dalam folder C_layanan dan
3) Buat file model yang di beri nama M_h_layanan.php di dalam folder M_layanan dan
4) Untuk menjalankan atau membuka halaman page layanan klik menu layanan dan akan
terlihat tampilan seperti pada gambar berikut ini.

54
5.6. Page Partner

1. View Partner
Partner yang di maksud di dalam contoh kasus ini adalah nama-nama perusahaan partner
yang terlibat atau ikut serta dalam membantu dalam proses bisnis yang di jalankan dalam
suatu perusahaan. Berikut ini adalah langkah-langkah membuat atau menampilkan page
partner :
1) Buat sub folder yang di beri nama partner di dalam folder images tepatnya di dalam
2) Buat sub folder dengan nama partner di dalam folder views.
Copy.php menjadi view_partner.php dan pindahkan ke dalam folder partner.
4) Buka file view_partner.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file view_partner.php :

55
7) Buat file controller yang di beri nama C_v_partner.php di dalam folder C_partner dan
8) Buat file model yang di beri nama M_v_partner.php di dalam folder M_partner dan
4. Form Partner
Form ini di gunakan untuk menambah data partner yang ada dalam suatu perusahaan.
Berikut ini adalah langkah-langkah membuat atau menampilkan form tambah partner :
Copy.php menjadi form_partner.php dan pindahkan ke dalam folder partner.
2) Buka file form_partner.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file form_partner.php :

56
3) Buat file controller yang di beri nama C_f_partner.php di dalam folder C_partner dan

57
4) Buat file controller yang di beri nama C_t_partner.php di dalam folder C_partner dan
5) Buat file model yang di beri nama M_t_partner.php di dalam folder M_model dan

58
5. Edit Partner
Data partner yang sudah ada sebelumnya dapat di ubah kembali dengan menggunakan
fasilitas edit. Untuk kode mengupdate data partner ikuti langkah-langkah berikut ini :
1) Buka halaman view_partner.php yang ada didalam folder partner dan tambahkan kode
2) Buat file controller yang di beri nama C_e_partner.php di dalam folder C_partner dan
3) Buat file model yang di beri nama M_e_partner.php di dalam folder M_partner dan
4) Buat file view yang di beri nama form_edit_partner.php di dalam folder partner untuk
menampilkan data partner yang akan di update.

59
5) Buka file form_edit_partner.php menggunakan text editor notepad++ dan tambahkan

kode yang di letakkan di dalam file form_edit_partner.php :
6) Buat file controller yang di beri nama C_u_partner.php di dalam folder C_partner dan

60
7) Buat file model yang di beri nama M_u_partner.php di dalam folder M_partner dan
6. Hapus Partner
Data yang sudah di simpan sebelumnya melalui form_partner.php dapat di hapus kembali
apabila ada kesalahan.
Untuk menghapus data partner ikuti langkah-langkah berikut ini :
1) Buka halaman view_partner.php dan tambahkan kode seperti berikut ini pada kolom
2) Buat file controller yang di beri nama C_h_partner.php di dalam folder C_partner dan

61
3) Buat file model yang di beri nama M_h_partner.php di dalam folder M_partner dan
4) Untuk menjalankan atau membuka halaman page partner klik menu partner dan akan
terlihat tampilan seperti pada gambar berikut ini.
5.7. Page Kategori Portofolio

1. View Kategori Portofolio
Kategori Portofolio yang di maksud di dalam contoh kasus ini adalah jenis-jenis portofolio
yang akan di posting di halaman depan website, seperti kategori Website, Service
Komputer, dll. Berikut ini adalah langkah-langkah membuat atau menampilkan page
kategori portofolio :
1) Buat sub folder dengan nama kategori_portofolio di dalam folder views.
Copy.php menjadi view_kategori_portofolio.php dan pindahkan ke dalam folder
kategori_portofolio.
3) Buka file view_kategori_portofolio.php menggunakan text editor notepad++ dan
tambahkan kode form di antara tag <section class="content"> </section>. Berikut ini
adalah kode yang di letakkan di dalam file view_kategori_portofolio.php :

62
4) Buat file controller yang di beri nama C_v_kategori_portofolio.php di dalam folder

C_kategori_portofolio dan ketikkan kode seperti pada gambar berikut ini.

63
5) Buat file model yang di beri nama M_v_kategori_portofolio.php di dalam folder

M_kategori_portofolio dan ketikkan kode seperti pada gambar berikut ini.
2. Form Kategori Portofolio

Form ini di gunakan untuk menambah data kategori portofoli. Berikut ini adalah langkah-
langkah membuat atau menampilkan form tambah kategori portofolio :
Copy.php menjadi form_kategori_portofolio.php dan pindahkan ke dalam folder
kategori_portofolio.
2) Buka file form_kategori_portofolio.php menggunakan text editor notepad++ dan
adalah kode yang di letakkan di dalam file form_kategori_portofolio.php :

64
3) Buat file controller yang di beri nama C_f_kategori_portofolio.php di dalam folder

4) Buat file controller yang di beri nama C_t_kategori_portofolio.php di dalam folder

5) Buat file model yang di beri nama M_t_kategori_portofolio.php di dalam folder


65
3. Edit Kategori Portofolio

Data kategori portofolio yang sudah di buat sebelumnya dapat di ubah kembali dengan
menggunakan fasilitas edit. Untuk kode update data kategori portofolio dapat di ikuti
langkah-langkah berikut ini :
1) Buka halaman view_kategori_portofolio.php yang ada didalam folder
kategori_portofolio dan tambahkan kode seperti berikut ini pada kolom aksi, perhatikan
kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_e_kategori_portofolio.php di dalam folder

3) Buat file model yang di beri nama M_e_kategori_portofolio.php di dalam folder

4) Buat file view yang di beri nama form_edit_kategori_portofolio.php di dalam folder

kategori_portofolio untuk menampilkan data kategori portofolio yang akan di update.

66
5) Buka file form_edit_kategori_portofolio.php menggunakan text editor notepad++ dan

adalah kode yang di letakkan di dalam file form_edit_kategori_portofolio.php :
6) Buat file controller yang di beri nama C_u_kategori_portofolio.php di dalam folder


67
7) Buat file model yang di beri nama M_u_kategori_portofolio.php di dalam folder

4. Hapus Kategori Portofolio

Data yang sudah di simpan sebelumnya melalui form_kategori_portofolio.php dapat di
hapus kembali apabila ada kesalahan. Untuk menghapus data kategori portofolio dapat di
ikuti langkah-langkah berikut ini :
1) Buka halaman view_kategori_portofolio.php dan tambahkan kode seperti berikut ini

pada kolom aksi, perhatikan kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_h_kategori_portofolio.php di dalam folder


68
3) Buat file model yang di beri nama M_h_kategori_portofolio.php di dalam folder

4) Untuk menjalankan atau membuka halaman page kategori portofolio klik sub menu
kategori portofolio dan akan terlihat tampilan seperti pada gambar berikut ini.
5.8. Page Portofolio
1. View Portofolio
Portofolio yang di maksud di dalam contoh kasus ini adalah gambar hasil pekerjaan yang di
kerjakan oleh sebuah perusahaan yang akan di posting di halaman depan website. Berikut
ini adalah langkah-langkah membuat atau menampilkan page portofolio :
1) Buat sub folder yang di beri nama portofolio di dalam folder images tepatnya di dalam
2) Buat sub folder dengan nama portofolio di dalam folder views.
Copy.php menjadi view_portofolio.php dan pindahkan ke dalam folder portofolio.

69
4) Buka file view_portofolio.php menggunakan text editor notepad++ dan tambahkan

kode yang di letakkan di dalam file view_portofolio.php :

70
5) Buat file controller yang di beri nama C_v_portofolio.php di dalam folder C_portofolio
dan ketikkan kode seperti pada gambar berikut ini.
6) Buat file model yang di beri nama M_v_portofolio.php di dalam folder M_portofolio
2. Form Portofolio
Form ini di gunakan untuk menambah data data portofolio. Berikut ini adalah langkah-
langkah membuat atau menampilkan form tambah data portofolio :
Copy.php menjadi form_portofolio.php dan pindahkan ke dalam folder portofolio.
2) Buka file form_portofolio.php menggunakan text editor notepad++ dan tambahkan
kode yang di letakkan di dalam file form_portofolio.php :

71
3) Buat file controller yang di beri nama C_f_portofolio.php di dalam folder C_portofolio

72
4) Buat file controller yang di beri nama C_t_portofolio.php di dalam folder C_portofolio
5) Buat file model yang di beri nama M_t_portofolio.php di dalam folder M_portofolio

73
3. Edit Portofolio
Data portofolio yang sudah di buat sebelumnya dapat di ubah kembali dengan
menggunakan fasilitas edit. Untuk kode update/edit data portofolio dapat di ikuti langkah-
langkah berikut ini :
1) Buka halaman view_portofolio.php yang ada didalam folder portofolio dan tambahkan
kode seperti berikut ini pada kolom aksi, perhatikan kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_e_portofolio.php di dalam folder C_portofolio
3) Buat file model yang di beri nama M_e_portofolio.php di dalam folder M_portofolio

74
4) Buat file view yang di beri nama form_edit_portofolio.php di dalam folder portofolio
untuk menampilkan data portofolio yang akan di update.
5) Buka file form_edit_portofolio.php menggunakan text editor notepad++ dan
adalah kode yang di letakkan di dalam file form_edit_portofolio.php :

75
6) Buat file controller yang di beri nama C_u_portofolio.php di dalam folder C_portofolio
7) Buat file model yang di beri nama M_u_portofolio.php di dalam folder M_portofolio
4. Hapus Portofolio

76
Data yang sudah di simpan sebelumnya melalui form_portofolio.php dapat di hapus

kembali apabila ada kesalahan. Untuk menghapus data portofolio dapat di ikuti langkah-
langkah berikut ini :
1) Buka halaman view_portofolio.php dan tambahkan kode seperti berikut ini pada kolom
2) Buat file controller yang di beri nama C_h_portofolio.php di dalam folder C_portofolio
3) Buat file model yang di beri nama M_h_portofolio.php di dalam folder M_portofolio
4) Untuk menjalankan atau membuka halaman page portofolio klik sub menu data
portofolio dan akan terlihat tampilan seperti pada gambar berikut ini.

77
5.9. Page Kategori Berita

1. View Kategori Berita
Kategori Berita yang di maksud di dalam contoh kasus ini adalah kategori isi berita yang
akan di posting di halaman depan website, seperti kategori komputer, pelatihan, seminar,
dll. Berikut ini adalah langkah-langkah membuat atau menampilkan page kategori berita :
Copy.php menjadi view_kategori_berita.php dan pindahkan ke dalam folder
kategori_berita.
2) Buka file view_kategori_berita.php menggunakan text editor notepad++ dan
adalah kode yang di letakkan di dalam file view_kategori_berita.php :

78
3) Buat file controller yang di beri nama C_v_kategori_berita.php di dalam folder

C_kategori_berita dan ketikkan kode seperti pada gambar berikut ini.
4) Buat file model yang di beri nama M_v_kategori_berita.php di dalam folder

M_kategori_berita dan ketikkan kode seperti pada gambar berikut ini.
2. Form Kategori Berita

Form ini di gunakan untuk menambah data kategori berita. Berikut ini adalah langkah-
langkah membuat atau menampilkan form tambah kategori berita :
Copy.php menjadi form_kategori_berita.php dan pindahkan ke dalam folder
kategori_berita.
2) Buka file form_kategori_berita.php menggunakan text editor notepad++ dan
adalah kode yang di letakkan di dalam file form_kategori_berita.php :

79
3) Buat file controller yang di beri nama C_f_kategori_berita.php di dalam folder

4) Buat file controller yang di beri nama C_t_kategori_berita.php di dalam folder


80
5) Buat file model yang di beri nama M_t_kategori_berita.php di dalam folder

3. Edit Kategori Berita

Data kategori berita yang sudah di buat sebelumnya dapat di ubah kembali dengan
menggunakan fasilitas edit. Untuk kode update data kategori portofolio dapat di ikuti
1) Buka halaman view_kategori_berita.php yang ada didalam folder kategori_berita dan
tambahkan kode seperti berikut ini pada kolom aksi, perhatikan kode pada gambar
berikut ini.

81
2) Buat file controller yang di beri nama C_e_kategori_berita.php di dalam folder

3) Buat file model yang di beri nama M_e_kategori_berita.php di dalam folder

4) Buat file view yang di beri nama form_edit_kategori_berita.php di dalam folder

kategori_berita untuk menampilkan data kategori berita yang akan di update.
5) Buka file form_edit_kategori_berita.php menggunakan text editor notepad++ dan

adalah kode yang di letakkan di dalam file form_edit_kategori_berita.php :

82

83
6) Buat file controller yang di beri nama C_u_kategori_berita.php di dalam folder

7) Buat file model yang di beri nama M_u_kategori_berita.php di dalam folder

4. Hapus Kategori Berita

Data yang sudah di simpan sebelumnya melalui form_kategori_berita.php dapat di hapus
kembali apabila ada kesalahan. Untuk menghapus data kategori berita dapat di ikuti

84
1) Buka halaman view_kategori_berita.php dan tambahkan kode seperti berikut ini pada
kolom aksi, perhatikan kode pada gambar berikut ini.
2) Buat file controller yang di beri nama C_h_kategori_berita.php di dalam folder

3) Buat file model yang di beri nama M_h_kategori_berita.php di dalam folder


85
4) Untuk menjalankan atau membuka halaman page kategori berita klik sub menu kategori
berita dan akan terlihat tampilan seperti pada gambar berikut ini.

86
5.10. Page Berita

1. View Berita
Berita yang di maksud di dalam contoh kasus ini adalah informasi-informasi terkait tentang
kegiatan yang di lakukan perusahaan yang akan di posting di halaman depan website.
Berikut ini adalah langkah-langkah membuat atau menampilkan page berita :
1) Buat sub folder yang di beri nama berita di dalam folder images tepatnya di dalam folder
perusahaan->images.
2) Buat sub folder dengan nama berita di dalam folder views.
Copy.php menjadi view_berita.php dan pindahkan ke dalam folder berita.
4) Buka file view_berita.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file view_berita.php :

87
5) Buat file controller yang di beri nama C_v_berita.php di dalam folder C_berita dan
6) Buat file model yang di beri nama M_v_berita.php di dalam folder M_berita dan
4. Form Berita
Form ini di gunakan untuk menambah data berita. Berikut ini adalah langkah-langkah
membuat atau menampilkan form tambah data berita :
Copy.php menjadi form_berita.php dan pindahkan ke dalam folder berita.
2) Buka file form_berita.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file form_berita.php :

88

89
3) Buat file controller yang di beri nama C_f_berita.php di dalam folder C_berita dan
4) Buat file controller yang di beri nama C_t_berita.php di dalam folder C_berita dan

90
5) Buat file model yang di beri nama M_t_berita.php di dalam folder M_berita dan
3. Edit Berita
Data berita yang sudah di buat sebelumnya dapat di ubah kembali dengan menggunakan
fasilitas edit. Untuk kode update/edit data berita dapat di ikuti langkah-langkah berikut ini :
1) Buka halaman view_berita.php yang ada didalam folder berita dan tambahkan kode
2) Buat file controller yang di beri nama C_e_berita.php di dalam folder C_berita dan

91
3) Buat file model yang di beri nama M_e_berita.php di dalam folder M_berita dan
4) Buat file view yang di beri nama form_edit_berita.php di dalam folder berita untuk
menampilkan data berita yang akan di update.
5) Buka file form_edit_berita.php menggunakan text editor notepad++ dan tambahkan
kode yang di letakkan di dalam file form_edit_berita.php :

92

93
6) Buat file controller yang di beri nama C_u_berita.php di dalam folder C_berita dan
7) Buat file model yang di beri nama M_u_berita.php di dalam folder M_berita dan

94
4. Hapus Berita
Data yang sudah di simpan sebelumnya melalui form_berita.php dapat di hapus kembali
apabila ada kesalahan. Untuk menghapus data berita dapat di ikuti langkah-langkah berikut
ini :
1) Buka halaman view_berita.php dan tambahkan kode seperti berikut ini pada kolom
2) Buat file controller yang di beri nama C_h_berita.php di dalam folder C_berita dan
3) Buat file model yang di beri nama M_h_berita.php di dalam folder M_berita dan

95
4) Untuk menjalankan atau membuka halaman page berita klik sub menu data berita dan
akan terlihat tampilan seperti pada gambar berikut ini.

96
5.11. Page Kontak

1. View Kontak
Data Kontak yang di maksud di dalam contoh kasus ini adalah informasi-informasi yang
berkaitan dengan saran, kritik, dan pertanyaan lainnya terkait dengan perusahaan. Berikut
ini adalah langkah-langkah membuat atau menampilkan page data kontak:
1) Buat sub folder dengan nama kontak di dalam folder views.
Copy.php menjadi view_kontak.php dan pindahkan ke dalam folder kontak.
3) Buka file view_kontak.php menggunakan text editor notepad++ dan tambahkan kode
yang di letakkan di dalam file view_kontak.php :

97
4) Buat file controller yang di beri nama C_v_kontak.php di dalam folder C_kontak dan
5) Buat file model yang di beri nama M_v_kontak.php di dalam folder M_kontak dan
6) Untuk menjalankan atau membuka halaman page kontak klik menu kontak dan akan
terlihat tampilan seperti pada gambar berikut ini. Data yang tampil di halaman page
kontak berasal dari form kontak yang di input oleh user di halaman front end.

98
F. Konfigurasi Themplate Company

6.1. Konfigurasi Themplate Company
Untuk mempermudah dalam pengelolaan themplate baik dari segi front end maupun back
end maka buatlah folder terpisah dengan file-file CSS, Javascript, Image, dll. Untuk itu
buatlah satu sub folder yang di beri nama frontend di dalam folder perusahaan dimana di
materi ini folder perusahaan sebagai folder utama file website.
Langkah-langkah untuk mengonfigurasi themplate Company antara lain :

1) Sebelum anda menggunakannya silahkan download terlebih dahulu themplate Company
di situs penyedia thempate tersebut.
2) Extract file Themplate Company yang sudah di download sehingga menjadi satu folder.
3) Didalam folder Company terdapat beberapa sub folder antara lain : contacform, css,
fonts, images, dan js.
4) Pindahkan semua sub folder yang telah di sebutkan di atas kedalam folder frontend
yang ada di dalam folder utama website dalam materi ini adalah folder perusahaan dan
yang tersisa tinggal beberapa file lainnya selain beberapa folder yang telah di sebutkan
diatas.

99
5) Buat folder home di dalam folder views sebagai tempat file-file halaman front end
website company profile.
6) Selanjutnya buat beberapa file php yang akan mewakili bagian-bagian desain web
seperti bagian style, navigasi, slider, footer, dan jscript yang menjadi suatu kesatuan
themplate website.
7) Buka aplikasi text editor notepad++ dan simpan dengan nama file style.php lalu
simpan di folder home tepatnya di dalam folder views selanjutnya ketikkan kode seperti
pada gambar berikut ini.
8) Buat file navigasi.php dan simpan pada folder home satu folder dengan file style.php

100
9) Buat file slider.php dan simpan pada folder home satu folder dengan file style.php lalu
10) Buat file layanan.php dan simpan pada folder home satu folder dengan file style.php
11) Buat file news.php dan simpan pada folder home satu folder dengan file style.php lalu

101
12) Buat file partner.php dan simpan pada folder home satu folder dengan file style.php lalu
13) Buat file info.php dan simpan pada folder home satu folder dengan file style.php lalu
14) Buat file footer.php dan simpan pada folder home satu folder dengan file style.php lalu

102
15) Buat file jscript.php dan simpan pada folder home satu folder dengan file style.php lalu
16) Buat file index.php sebagai halaman yang pertama kali di akses pada saat website di
jalankan. Pada file index.php ketikkan kode seperti pada gambar berikut ini.
17) Buat file controller yang di beri nama Home.php di dalam folder Controllers lalu

103
Catatan : File Home.php berfungsi sebagai file yang di gunakan sebagai halaman awal
atau yang pertama kalai di akses untuk menjalankan halaman front end. Tampilan front
end website company profile dapat di lihat pada gambar berikut ini.
6.2. Page About

Paga About merupakan halaman yang menampilkan content tentang perusahaan seperti
menjelaskan tentang profil singkat perusahaan. Untuk menampilkan content menu about
dari database tetap menggunakan file controller, model, dan view. Berikut ini adalah
langkah-langkah membuat atau menampilkan content halaman about :

104
1) Buat file about.php dan simpan pada folder home satu folder dengan file style.php lalu
2) Buat file controller yang di beri nama Tentang_kami.php dan simpan di dalam folder
controllers serta ketikkan kode seperti pada gambar berikut ini.
Catatan : Untuk Models sebagian di gunakan file yang sudah di buat sebelumnya di
karenakan fungsi yang di gunakan sesuai dengan yang akan di tampilkan ke views front
end.

105
6.3. Page Team

Page Team merupakan halaman yang menampilkan content tentang profil team berupa
nama dan photo profil anggota. Berikut ini adalah langkah-langkah membuat atau
menampilkan page team :
1) Buat file team.php dan simpan pada folder home satu folder dengan file style.php lalu
2) Buat file controller yang di beri nama Team.php dan simpan di dalam folder controllers
serta ketikkan kode seperti pada gambar berikut ini.

106
6.4. Page Layanan

Page Layanan merupakan halaman yang menampilkan daftar pelayanan yang di layani oleh
perusahaan. Berikut ini adalah langkah-langkah membuat atau menampilkan page layanan :
1) Buat file detail_layanan.php dan simpan pada folder home satu folder dengan file
2) Buat file controller yang di beri nama Detail_layanan.php dan simpan di dalam folder

107
6.5. Page Portofolio

Page Portofolio merupakan halaman yang menampilkan daftar dokumentasi hasil pekerjaan
atau pelayanan dalam sebuah perusahaan. Berikut ini adalah langkah-langkah membuat
atau menampilkan page portofolio :
1) Buat file portofolio.php dan simpan pada folder home satu folder dengan file style.php

108
2) Buat file controller yang di beri nama Portofolio.php dan simpan di dalam folder
6.6. Page Berita

Page Berita merupakan halaman yang menampilkan berupa informasi atau berita-berita
tentang perusahaan. Berikut ini adalah langkah-langkah membuat atau menampilkan page
berita :
1) Buat file berita.php dan simpan pada folder home satu folder dengan file style.php lalu

109

110
2) Buat file controller yang di beri nama Berita.php dan simpan di dalam folder
6.7. Page Detail Berita

Page Detail Berita merupakan halaman yang menampilkan berupa detail informasi atau
berita-berita tentang perusahaan pada saat di klik menu selengkapnya atau mengklik salah
satu judul berita. Berikut ini adalah langkah-langkah membuat atau menampilkan page
detail berita :
1) Buat file detail_berita.php dan simpan pada folder home satu folder dengan file

111
2) Buat file controller yang di beri nama Detail_berita.php dan simpan di dalam folder

112
6.8. Page Kontak

Page Kontak merupakan halaman yang menampilkan formulir sebagai fasilitas agar
pengunjung dapat memberikan kritik, saran maupun pertanyaan yang di tujukan kepada
perusahaan. Berikut ini adalah langkah-langkah membuat atau menampilkan page kontak :
1) Buat file kontak.php dan simpan pada folder home satu folder dengan file style.php lalu

113
2) Buat file controller yang di beri nama Kontak.php dan simpan di dalam folder controllers
serta ketikkan kode seperti pada gambar berikut ini.
3) Buat file Models yang di beri nama M_t_kontak.php dan simpan di dalam folder
M_kontak yaitu di dalam folder Models yang pernah di buat sebelumnya dan ketikkan


Module Web Company Profile

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Module Web Company Profile

Diunggah oleh

Hak Cipta:

Format Tersedia

1

Membuat Website Company Profile Dengan Framework Code Igniter | 2017

A. Framework Code Igniter, Themplate Admin LTE Dan Company

1.1. Framework Code Igniter

Framework secara sederhana dapat diartikan kumpulan dari fungsi-fungsi/prosedur-

Ada beberapa alasan mengapa menggunakan Framework:

1.1.2. Code Igniter

1.1.3. Design Pattern MVC (Model, View, Controller)

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

1) Model, biasanya berhubungan langsung dengan database untuk memanipulasi data

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

1.2. Themplate Admin LTE

1.3. Themplate Company

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

2.1.1. Table User

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

2.1.2. Table Profil

2.1.3. Table Team

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

2.1.4. Table Layanan

2.1.5. Table Kategori Portofolio

2.1.6. Table Portofolio

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

2.1.7. Table Partner

2.1.8. Table Kategori

2.1.9. Table Berita

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

2.1.10. Table Kontak

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

C. Instalasi Framework Code Igniter

3.1.2. Configurasi Routes

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

3.1.3. Configurasi Dabase

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

D. Konfigurasi Themplate Admin LTE

Langkah-langkah untuk mengonfigurasi themplate Admin LTE antara lain :

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

13) Jalankan dengan cara mengakses URL : localhost/perusahaan untuk melihat

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

E. PAGE DAN FORM

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

12) Jalankan halaman login tersebut dengan cara mengakses URL :

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

username, level_pengguna yang di ambil dari database tepatnya pada tb_user.

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

5.2. Page User

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

4) Buat folder yang di beri nama C_user di dalam folder controllers.

6) Buat folder yang di beri nama M_user di dalam folder models.

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com

Web : www.masagenacomputer.com Blog : www.klikmasagena.com