LAPORAN IMPLEMENTASI DAN PENGUJIAN SISTEM

PADA DESIGN WEBSITE CAFÉ SUKO KOPI

MENGGUNAKAN BAHASA PEMROGRAMAN HTML DAN CSS

“Untuk Memenuhi Syarat UTS”

Program Studi : Sistem Informasi

Jenjang Pendidikan : Sastra 1

Disusun oleh :

1. EFELITO HAYAT MUSFIZA 22101152610091

2. RIZKI YOVANTRI 22101152610115

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PUTRA INDONESIA “YPTK” PADANG

2023
A. Implementasi Sistem

Implementasi sistem merupakan suatu tahapan yang dilakukan setelah dibangun sebuah

sistem. Tahapan ini bertujuan untuk mengetahui apakah sistem tersebut dapan berjalan sesuai

dengan yang diharapkan dan dapat digunakan dengan baik oleh user.

B. Spesifikasi Kebutuhan Hardware

Untuk dapat menjalankan sistem yang dibangun ini, maka dibutuhkan perangkat keras

(hardware) dengan spesifikasi tertentu. Adapun perangkat keras yang dibutuhkan untuk mendukung

implementasi ini adalah sebagai berikut :

1. Processor Intel(R) Core(TM) i5-1135G7 (2.40 GHz)

2. RAM 8.00 GB

3. Dan hardware pendukung lainnya.

C. Spesifikasi Kebutuhan Software

Perangkat Lunak (software) merupakan komponen non fisik yang digunakan untuk

membuat sistem komputer dapat berjalan dan melakukan tugasnya. Adapun perangkat keras yang

dibutuhkan untuk mendukung implementasi ini adalah sebagai berikut :

1. Sistem Operasi Windows 11 home 64-bit

2. Visual Studio Code

3. Web Browser

4. Serta software pendukung lainnya.

D. Instalasi Program

Untuk melakukan pengeditan dan menjalankan hasil desain website Cafe Suko Kopi, ada

beberapa tahapan dalam instalasi yang perlu dilakukan agar tidak terjadi gangguan sewaktu

program dijalankan dan pengaturan (setting) sistem.

2
 4.1 Install Visual Studio Code

Visual Studio Code merupakan sebuah perangkat lunak atau software yang bebas

(open source) dapat digunakan dalam berbagai sistem operasi. Cara menginstall Visual Studio

Code pada komputer atau laptop adalah sebagai berikut :

1. Lakukan instalasi setelah selesai mengunduh. Selama proses instalasi mungkin akan

melihat pesan yang menanyakan apakah yakin akan menginstalnya. Silahkan tekan Yes

untuk melanjutkan instalasi.

2. Klik tombol Next.

3. Lanjutkan

E. Gambar

1. Tampilan Halaman Beranda

Gambar berikut merupakan tampilan dari halaman Beranda. Halaman ini menampilkan

tampilan awal dan ucapan selamat datang dari website dan bar yang menampilkan menu

menu yang bisa di akses oleh pengunjung website.

Gambar 5.1 Tampilan Halaman Beranda

3
2. Tampilan Halaman Makanan

Gambar berikut merupakan tampilan dari halaman Makanan. Halaman ini digunakan untuk

menampilkan daftar menu Makanan yang tersedia pada café suko kopi kepada pelanggan.

Gambar 5.2 Tampilan Halaman Makanan

3. Tampilan Halaman Minuman

Gambar berikut merupakan tampilan dari halaman Minuman. Halaman ini digunakan

untuk menampilkan daftar menu Minuman yang tersedia pada café suko kopi kepada

pelanggan.

Gambar 5.3 Tampilan Halaman Minuman

4
4. Tampilan Halaman Hubungi

Gambar berikut merupakan tampilan dari halaman Hubungi. Halaman ini menampilkan

alamat lengkap dari café suko kopi yang bisa didatangi oleh pelanggan dan menghubungi

pihak café untuk melakukan pemesanan, halaman ini juga disertakan GPS yang dapat

menampilkan peta lokasi dari café suko kopi.

Gambar 5.4 Tampilan Halaman Hubungi

5. Tampilan Halaman Login / Sign Up

Gambar berikut adalah tampilan dari halaman Login / Sign Up. Halaman ini menampilkan

portal untuk masuk kedalam website. Halaman ini nantinya dapat dikembangkan dan

digunakan untuk masuk kedalam akun website yang tertaut kedalam database. Pada

halaman ini pengguna dimungkinkan juga nantinya untuk membuat akun baru, dan mereset

password. Pada halaman ini juga ditampil promosi dari café untuk pelanggan yang

berlangganan dengan cara membuat akun.

5
 Gambar 5.5 Tampilan Halaman Login / Sign Up

F. Pengujian Aplikasi

Pada tahap ini dilakukan pengujian aplikasi menggunakan metode pengujian yang akan

menguji fungsionalitas dari menu-menu yang disediakan dalam sistem. Hasil dari pengujian

fungsionalitas aplikasi dapat dilihat pada tabel di bawah ini :

Tabel 6.1 Pengujian Aplikasi

No Pengujian Hasil yang Diharapkan Hasil Pengujian

1 Mengakses Tampil halaman yang memuat Berhasil
Beranda Tampilan Awal Website dan
Ucapan Selamat Datang serta
tombol Tentang Kami
2 Mengakses Tampil halaman yang berisikan Berhasil
Makanan daftar menu dari Makanan serta
tombol Hubungin Kami
3 Mengakses Tampil halaman yang berisikan Berhasil
Minuman daftar menu dari Minuman serta
tombol Hubungin Kami
4 Mengakses Tampil halaman yang berisikan Berhasil
Hubungi Alamat Lengkap dari café beserta
Lokasi GPS

6
 5 Mengakses Tampil halaman yang berisikan Berhasil
Login / Sign Up Gambar Promosi, Kotak input
Email dan Password, tombol Login,
pilihan Mereset Password, serta
pilihan untuk sign up atau membuat
akun baru.

G. Kesimpulan

Setelah dilakukan uji coba implementasi dan Pengujian Aplikasi, dapat disimpulkan bahwa

sistem website yang telah kami desain dapat berjalan dengan normal sesuai fungsi nya masing

masing.

Demikianlah laporan implementasi ini kami buat sebagai bahan evaluasi sistem untuk

pengembangan website kedepannya.

Atas kesalahan kata dan penulisan pada laporan implementasi ini kami ucapkan Mohon

Maaf, dan Atas perhatian yang telah di berikan kepada kami, kami ucapkan Terimakasih.