TUGAS BESAR I

PEMROGRAMAN WEB 2

Company Profile
PT. Kelompok 5

Anggota Kelompok 5:

Getsfy Mahardika (41518010004)

Mahmud Syaiful Aminudin (41520110124)
Yosua Septian (41520110041)

Dosen Pengampun:

Muhaimin Hasanudin, S.T,. M.kom

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCU BUANA
2022
 DAFTAR ISI

DAFTAR ISI.............................................................................................................i
BAB I PENDAHULUAN........................................................................................1
1.1 Latar Belakang.........................................................................1
1.2 Rumusan Masalah....................................................................1
1.3 Tujuan......................................................................................1
1.4 Manfaat....................................................................................1
BAB II SETUP.........................................................................................................3
2.1 Design Task.............................................................................3
2.1.1 Use Case Diagram...................................................................................3
2.1.2 Class Diagram Login...............................................................................3
2.1.3 Class Diagram Profile..............................................................................4
2.1.4 Class Diagram Services...........................................................................4
2.1.5 Class Diagram Testimonial......................................................................5
2.1.6 Class Diagram Inbox...............................................................................5
2.1.7 Class Diagram About Us.........................................................................6
2.1.8 Class Diagram Galery..............................................................................6
2.1.9 Class Diagram Admin..............................................................................7
2.1.10 Class Diagram Contact Us.....................................................................7
2.1.11 Class Diagram Statistik..........................................................................8
2.2 Instalasi dan Konfigurasi.........................................................8
2.3 Konsep MVC (Model View Controller)..................................9
2.4 Koneksi Database..................................................................11
2.5 Sistem Autentikasi - Multi User............................................12
2.6 Data Master............................................................................15

i
 BAB I
PENDAHULUAN
1.1 Latar Belakang
Arus informasi di era modern ini sangatlah cepat menyebar kesegala
penjuru dunia. Informasi menyebar melalui media yang bermacam-macam
dan dalam bentuk yang berbeda-beda. Secara umum bentuk informasi bisa
berupa gambar, suara, maupun video. Salah satu media penyebaran informasi
yang sangat cepat yaitu internet. Informasi disampaikan melalui sebuah portal
yang disebut dengan website. Website adalah sebuah portal yang bisa diakses
melalui internet dari mana saja dan kapan saja. Hampir setiap instansi atau
lembaga diseluruh dunia sudah mempunyai website sebagai sarana
komunikasi antara perusahaan dengan pelanggan.

PT. Kelompok 5 adalah sebuah perusahaan jasa yang bergerak dalam

bidang pembuatan website. Untuk mempermudah komunikasi dengan
pelanggan PT. Kelompok 5 membutuhkan sebuah website sebagai sarana
komunikasi dengan masyarakat yang potensial menjadi pelanggan maupun
masyarakat yang sudah menjadi pelanggan.

1.2 Rumusan Masalah

Bagaimana cara membuat company profile berbasisi web untuk PT.
Kelompok 5?

1.3 Tujuan
Penulisan makalah ini bertujuan untuk menghasilkan company profile
PT. Kelompok 5 yang berbasis web.

1.4 Manfaat
Manfaat penulisan makalah ini adalah :

a. Bagi Penulis
1) Penulis dapat mengerti bagaimana proses merancang sebuah company
profile yang berbasis web.
2) Penulis dapat mengerti bagaimana mengatur tampilan sebuah company
profile yang berbasis web agar terlihat menarik.

1
b. Bagi Perusahaan
1) PT. Kelompok 5 memiliki sebuah company profile yang berbasis web.
2) PT. Kelompok 5 dapat meningkatkan promosi kepada masyarakat
melalui websitenya.

2
 BAB II
SETUP

2.1 Design Task

2.1.1 Use Case Diagram

Gambar 2.1. Use Case Diagram Company Profile PT. Kelompok 5

2.1.2 Class Diagram Login

Gambar 2.2. Class Diagram Login

3
2.1.3 Class Diagram Profile

Gambar 2.3 Class Diagram Profile

2.1.4 Class Diagram Services

Gambar 2.4 Class Diagram Services

4
2.1.5 Class Diagram Testimonial

Gambar 2.5 Class Diagram Testimonial

2.1.6 Class Diagram Inbox

Gambar 2.6 Class Diagram Inbox

5
2.1.7 Class Diagram About Us

Gambar 2.7 Class Diagram About Us

2.1.8 Class Diagram Galery

Gambar 2.8 Class Diagram Galery

6
2.1.9 Class Diagram Admin

Gambar 2.9 Class Diagram Admin

2.1.10 Class Diagram Contact Us

Gambar 2.10 Class Diagram Contact Us

7
 2.1.11 Class Diagram Statistik

Gambar 2.11 Class Diagram Statistik

2.2 Instalasi dan Konfigurasi

Buka website CodeIgniter lalu tekan tombol download yang ada di kanan atas

Gambar 3. Dashboard CodeIgniter

8
lalu pilih Codeigniter 3 dan tekan download, atau bisa langsung klik link berikut untuk
download https://api.github.com/repos/bcit-ci/CodeIgniter/zipball/refs/tags/3.1.13

Gambar 4. Dashboard Download CodeIgniter

2.3 Konsep MVC (Model View Controller)

MVC untuk Pengaturan Content Web nya
- Model

Gambar 5. Konsep Model

9
- View

Gambar 6. Konsep View

- Controller

Gambar 7. Konsep Controller

MVC untuk Sisi Web nya

- Model

Gambar 8. Konsep Model

10
- View

Gambar 9. Konsep View

- Controller

Gambar 10. Konsep Controller

2.4 Koneksi Database

Gambar 11. Koneksi Database

11
2.5 Sistem Autentikasi - Multi User
<!-- Proses Untuk Pengecekan Username dan Password -->
<?php  

if (isset($_POST['submit']))
{
    $link   = mysqli_connect('localhost', 'root', '','db_companyprofile');

    //menampung variable
    $username=$_POST['username'];
    $password=$_POST['password'];

    //Query untuk melakukan pengecekan apakah username dan password telah

benar
    $query="select * from tbl_user where username='$username' and
password='$password'";
    $login=mysqli_query($link,$query);
    $cek_login=mysqli_num_rows($login);
    $row=mysqli_fetch_array($login);
  
    echo "<br>";
  
    if ($cek_login > 0) {
        session_start();        
        $id=$row['id_user'];    
        $nama=$row['fullname'];
        $username=$row['username'];
        $password=$row['password'];

        $_SESSION['id_user']=$id;
        $_SESSION['fullname']=$nama;
        $_SESSION['username']=$username;

12
        $_SESSION['password']=$password;
    
        //fungsi untuk membuat waktu session
        login_validate();
    
        header("location:template.php");
        ?>
    <?php      
    }else{
        echo "<center style='color:red'>Username & Password yang Anda masukan
salah!</center>";
  }
}
?>

<!-- Proses Untuk Logout Otomatis -->

<?php

$tanggal=date("Y-m-d H:i:s");

//fungsi untuk Logout otomatis

function login_validate() {
    //ukuran waktu dalam detik
    $timer=5;
    //untuk menambah masa validasi
    $_SESSION["expires_by"] = time() + $timer;
}

function login_check() {
    //berfungsi untuk mengambil nilai dari session yang pertama
    $exp_time = $_SESSION["expires_by"];
  

13
    //jika waktu sistem lebih kecil dari nilai waktu session
    if (time() < $exp_time) {
        //panggil fungsi dan tambah waktu session
        login_validate();
        return true;
    }else{
        //jika waktu session lebih kecil dari waktu session atau lewat batas
        //maka akan dilakukan unset session
        unset($_SESSION["expires_by"]);
        return false;
  }
}

$logoutbtn = @$_GET['logout'];
if ($logoutbtn == 'y' ){
    session_start();
    session_destroy();
    header('location:index.php');
}
?>

14
2.6 Data Master
- Table User

Gambar 12. Table User

- Profile Halaman Website

Gambar 13. Profile Halaman Website

- Menu Content Web Sitenya

Gambar 14. Content Web Site

15