PROPOSAL PKK

PEMBUATAN WEBSITE PORTFOLIO DATA

DIRI/PERUSAHAAN
Pembimbing : Feriawan, S.Pd.

DISUSUN OLEH :

M. FARDHAN DIMAS 01/2004

M. DIO OKTAVIAN 02/2003
M. IMFRON ALFADIL 03/2003
M. ZULFIKAR Z.D 04/2003
M. KURNIAWAN ADI S. 05/2003
M. ABDILLAH 06/2003
M. AGUS SANTOSO 07/2002
M. ARYADHIMAS N.S 08/2003

II
YAYASAN ISLAM “SUNAN RAHMAT” TULUNGAGUNG
TEKNIK KOMPUTER & JARINGAN
SMK “SORE” TULUNGAGUNG
TAHUN 2021

II
 KATA PENGANTAR

Dengan menyebut nama Allah SWT yang Maha Pengasih lagi Maha
Panyayang, Kami panjatkan puja dan puji syukur atas kehadirat-Nya, yang
telah melimpahkan rahmat, hidayah, dan inayah-Nya kepada kami, sehingga
kami dapat menyelesaikan proposal PKM – T dengan judul Pembuatan
website portfolio data diri dan perusahaan. Proposal PKM – T ini telah kami
susun dengan maksimal dan mendapatkan bantuan dari berbagai pihak
sehingga dapat memperlancar pembuatan proposal PKM – T ini.

Untuk itu kami menyampaikan banyak terima kasih kepada semua pihak yang
telah berkontribusi dalam pembuatan proposal PKM – T ini. Terlepas dari
semua itu, Kami menyadari sepenuhnya bahwa masih ada kekurangan baik
dari segi susunan kalimat maupun tata bahasanya. Oleh karena itu dengan
tangan terbuka kami menerima segala saran dan kritik dari pembaca agar
kami dapat memperbaiki proposal PKM – T ini. Akhir kata kami berharap
semoga proposal PKM – T dengan judul Pembuatan website portfolio data
diri dan perusahaan dan manfaatnya untuk masyarakan ini dapat memberikan
manfaat maupun inpirasi terhadap pembaca.

Tulungagung, 18 september 2021

Hormat Kami

Penyusun

VII
 PENGESAHAN USULAN PKK

Judul Kegiatan : Jasa pembuatan website portfolio.

Bidang Kegiatan : PKK
Ketua Pelaksana Kegiatan
a. Nama Lengkap : M. Aryadhimas nur.s
b. NIM : 18.1.03.01.0016
c. Jurusan : XII Teknik Komputer & Jaringan
d. Universitas : SMK “SORE” Tulungagung
e. Alamat Rumah dan No Tel./HP : Ds Betak, Kec Kalidawir, Kab Tulungagung
f. No HP : 082335839387
g. Alamat email : aryasmksore25@gmail.com
Anggota Pelaksana Kegiatan/Penulis : 8 Orang
Dosen Pendamping
a. Nama Lengkap dan Gelar :
b. NIDN :
c. Alamat Rumah dan No Tel./HP :
Biaya Kegiatan Total
a. Dikti : -
b. Sumber Lain (Mandiri) : Rp. 800.000,- (Delapan Ratus Ribu Rupiah)
Jangka Waktu Pelaksanaan : 4 Bulan

Tulungagung, ......................2021
Menyetujui,

Guru Pembimbing Kaprokli Teknik Komputer & Jaringan

SMK “SORE” Tulungagung SMK “SORE” Tulungagung

FERIAWAN, S.Pd.   MUHAMMAD JA’FAR SODIQ, S.Pd.

NIY. 992004179G NIY. 992004161G

Koordinator PKK Ketua Kelompok Pelaksana Kegiatan

Teknik Komputer & Jaringan Teknik Komputer & Jaringan

IRNANINGSIH, S.E.__ ______________________

NIY. 992004138G NIS.

SURAT PERNYATAAN KETUA PELAKSANA

VII
Yang bertanda tangan di bawah ini:

Nama : M. ARYADHIMAS NUR.S

NIS : 18.1.03.01.0016
Jurusan : Teknik Komputer & Jaringan
Program Keahlian : Teknologi Informatika dan Komunikasi

Dengan ini menyatakan bahwa usulan PKK saya dengan judul: Jasa pembuatan website

portfolio. yang diusulkan untuk tahun anggaran 2021 adalah asli karya kami dan belum

pernah dibiayai oleh lembaga atau sumber dana lain.

Bilamana di kemudian hari ditemukan ketidaksesuaian dengan pernyataan ini, maka saya

bersedia dituntut dan diproses sesuai dengan ketentuan yang berlaku dan mengembalikan

seluruh biaya penelitian yang sudah diterima ke kas negara.

Demikian pernyataan ini dibuat dengan sesungguhnya dan dengan sebenar-benarnya.

Tulungagung,................2021
Mengetahui, Yang Menyatakan,
Guru Pembimbing, Ketua Pelaksana

FERIAWAN, S.Pd. ______________________

NIY. 992004179G NIS.

DAFTAR ISI

VII
 Halaman

HALAMAN JUDUL........................................................................................ i

HALAMAN PENGESAHAN.......................................................................... ii

SURAT PERNYATAAN................................................................................. iii

KATA PENGANTAR...................................................................................... vi

DAFTAR ISI.................................................................................................... v

BAB I PENDAHULUAN

A. Latar Belakang.......................................................................... 1
B. Rumusan Permasalahan ........................................................... 1
C. Batasan Masalah....................................................................... 2
D. Tujuan Penelitian...................................................................... 2
E. Luaran yang diharapkan........................................................... 2
F. Kegunaan Program................................................................... 3

BAB II TINJAUAN PUSTAKA

A. Definisi Website .................................................................... 4

B. Sekilas Tentang Website........................................................... 5
C. Bahasa Pemrograman Website.................................................. 5
D. Pengertian Website.................................................................... 7
E. Sejarah Website .................................................................... 7

BAB III METODOLOGI PELAKSANA

A. Analisis Sistem......................................................................... 9
B. Analisis Masalah....................................................................... 9
C. Analisis Kebutuhan................................................................... 9
D. Kebutuhan Perangkat Keras..................................................... 10
E. Kebutuhan Perangkat Lunak..................................................... 10
F. Analisis Kelayakan................................................................... 11
G. Kelayakan Teknologi................................................................ 11
H. Kelayakan Oprasional............................................................... 11
I. Analisis Sistem Berjalan........................................................... 12

VII
BAB IV BAHAN DAN JADWAL KEGIATAN

A. Anggaran dan Biaya.................................................................. 19

B. Jadwal Pengerjaan.................................................................... 20

BAB V KESIMPULAN

A. Kesimpulan……....................................................................... 21

PENUTUP

VII
 BAB I
PENDAHULUAN
A. Latar Belakang Masalah
Website adalah salah satu alat penunjang,sebagai media
informasi dan promosi di internet,sekarang ini website bukanlah
menjadi “Barang Mewah” untuk perusahaan,organisasi,maupun
pribadi. Tetapi sudah merupakan keharusan bagi mereka yang siap
untuk Go Public,siap untuk memulai perluasan dan pengembangan
usaha apapun bidangnya. Website juga merupakan symbol/kredibilitas
dan prestige yang menunjukan bahwa bidang yang bapak/ibu pimpin
selangkah lebih maju dari komptitornya dan lebih siap dalam
menghadapi pasar global. Dengan memiliki website maka semua
orang,semua pihak,dan semua komponen dari seluruh penjuru
Indonesia dan dunia dapat dengan mudah mendapat informasi
mengenai perusahaan/instansi atau apapun yang sekarang bapak/ibu
pimpin atau dengan mudah menghubungi bapak/ibu bilamana ingin
melakukan kegiatan transaksi.Melalui proposal ini kami ingin
mengajukan penawaran pembuatan website dan program aplikasi lain
kepada bapak/ibu baik itu untuk perusahaan,organisasi,partai
politik,individu atau untuk keperluan lainnya.

B. PERUMUSAN MASALAH
Berdasarkan penjelasan latar belakang diatas dapat diambil suatu
permasalahan yaitu “Seperti apa Website untuk keperluan kita dalam
dunia internet”

C. BATASAN MASALAH

Batasan masalah bertujuan untuk membatasi pembahasan dan

agar masalah-masalah menjadi lebih terarah. Adapun batasan-batasan
tersebut diantaranya:
a) Program Website dibuat dengan bahasa pemograman HTML,
CSS, Java Script.

1
D. TUJUAN PENELITIAN
Tujuan yang ingin dicapai dari penelitian ini adalah
manghasilkan suatu website yang dapat mambantu promosi atau
penjualan.

E. LUARAN YANG DIHARAPKAN

Luaran yang diharapkan dari program ini adalah
termudahkannya promosi dirikita, program kita, penjualan kita untuk di
internet dan social media.
F. KEGUNAAN PROGRAM
Beberapa kaguanaan yang didapat dari program ini, antara lain:
a) Publikasi keberadaan instansi keseluruh dunia.
b) Publikasi profil dan pelayanan instansi.
c) Meningkatkan pelayanan dan nilai jual instan/perusahaan yang
professional dan Brand Awareness.

1
 BAB II
TUJUAN PUSTAKA

A. DEFINISI WEBSITE
Web portofolio merupakan sebuah platform yang berisi
dokumentasi hasil karya seseorang atau perusahaan dan ditampilkan
dalam bentuk website. Web portofolio berbeda dengan blog. Karena
web portofolio adalah suatu platform yang digunakan untuk
mempromosikan diri atau suatu perusahaan, sedangkan blog lebih
sering digunakan sebagai platform untuk menulis kegiatan sehari-hari,
review produk, dan sebagainya. Web portofolio sangat beragam
tergantung dari bidang si individu dan perusahaan tersebut. Ada
portofolio yang berisi desain grafis, aplikasi, desain interior, dan
sebagainya.

B. SEKILAS TENTANG WEBSITE

Website portfolio ini berisi tentang hasil- hasil karya (portfolio)
yang sudah pernah dihasilkan sendiri. Website ini menawarkan
kemudahan, kepraktisan dan efisiensi dalam memperlihatkan portfolio
pribadi kepada para calon klien kita ataupun orang lain. Mereka dapat
melihat portfolio kita secara online tanpa perlu repot untuk bertemu
terlebih dahulu. Selain berisi tentang semua portfolio kita, website ini
juga memuat informasi- informasi singkat mengenai diri kita, seperti
jenjang pendidikan kita, hobi kita, foto diri dan skill yang kita kuasai
didalam dunia design. Hal ini dimaksudkan agar para klien dapat
memiliki sedikit gambaran mengenai kita dan kemampuan yang kita
miliki sebelum kami bekerja sama kelak.

C. BAHASA PEMOGRAMAN WEBSITE

Banyak bahasa pemrograman yang dapat di gunakan untuk
membangun sebuah website seperti :
HTML (HyperText Markup Language)
HTML sendiri adalah bahasa markup yang digunakan untuk membuat
sebuah halam website, menampilkan berbagai informasi di dalam
sebuah penjelajah web internet dan penulisan yang sederhana, dengan

1
format penulisan <HTML> sebagai pembuka dan </HTML> sebagai
penutup. Banyak contoh syntak seperti HEAD, BODY, TAG, dll pada
tutorial-tutorial yang disediakan oleh buku, video, maupun di internet.
CSS (Cascading Style Sheet)
Jika HTML merupakan sintak dasar pembentuk sebuah website maka
CSS adalah bahasa yang mengatur sebuah website agar mempunyai
tampilan yang menarik, fungsi dari CSS sendiri adalah memisahkan
konten dari tampilan visualnya di situs. Dengan CSS maka website
dapat terlihat lebih rapi dan lebih menarik untuk dilihat karena CSS
mengubah tampilan tesebut. cara penulisannya pun ada 3 cara :
1. Internal
Penulisan CSS Internal adalah cara penulisan CSS secara langsung dan
di gabungkan kedalam HTML, CSS sendiri itu di tamping di
dalam sintak HEAD pada HTML.
2. Eksternal
Penulisan CSS eksternal termasuk penulisan CSS yang paling mudah
karena file CSS ini di pisah dengan file HTML jadi anda tidak terlalu
pusing dalam melihat sintaknya. untuk mengakses CSS ini anda tinggal
memanggil atau menload CSS melalui HTML dengan menulis <link
rel="stylesheet" href= “tempat_file_css_disimpan”> di dalam sintak
HEAD pada HTML.
3. Inline
Penulisan CSS inline ini termasuk yang paling jarang di gunakan karena
penggunaanya yang hampir sama dengan Internal namun pada
penulisannya di tulis langsung bersamaan di dalam sintaks HTML, cara
penulisan ini sangat tidak disarankan untuk selalu di gunakan dan
usahakan hanya di gunakan di saat-saat yang memang penggunaan
internal CSS dan eksternal CSS tidak dapat memenuhi harapan kita.
PHP (PHP Hypertext Pre-Processor)
PHP adalah bahasa pemrograman Script server-side yang di design
untuk pengembangan web. jika anda hanya menggunakan HTML dan
CSS saja dalam membangun sebuah website maka website tersebut
hanya akan menjadi website statis namun jika anda menyisipkan PHP di
dalamnya maka website tersebut dapat menjadi website Dinamis karena
penggunaan PHP yang dapat membuat sebuah kerangka website
berubah-ubah menyesuaikan kondisi yang terjadi, sederhananya saat
penggunakan layar smartphone maka tampilan website akan di
sesuaikan agar terlihat bagus dan  nyaman di layar smartphone, jika di
gunakan pada layar tablet maka penerapan yang sama akan terjadi juga

1
 begitu seterusnya. penggunaan PHP juga penting karena jika membuat
website yang dinamis dan interaktif maka adanya PHP mempermudah
kita dalam pembangunan dan pengembangan juga.

D. PENGERTIAN WEBSITE
Website adalah kumpulan halaman dalam suatu domain yang
memuat tentang berbagai informasi agar dapat dibaca dan dilihat oleh
pengguna internet melalui sebuah mesin pencari. Informasi yang dapat
dimuat dalam sebuah website umumnya berisi mengenai konten gambar,
ilustrasi, video, dan teks untuk berbagai macam kepentingan. Biasanya
untuk tampilan awal sebuah website dapat diakses melalui halaman utama
(homepage) menggunakan browser dengan menuliskan URL yang tepat. Di
dalam sebuah homepage, juga memuat beberapa halaman web turunan
yang saling terhubung satu dengan yang lain.

E. SEJARAH WEBSITE
Sejarah website pertama kali dimulai dari seorang ilmuwan yang
berasal dari Inggris, bernama Tim Berners-Lee. Orang tua dari Berners
juga merupakan ilmuwan komputer pada era awal dunia komputasi. Tujuan
awal dari Tim Berners membuat sebuah website adalah supaya lebih
memudahkan para peneliti di tempat kerjanya untuk mendapatkan dan
bertukar informasi. Kemudian, pada tanggal 30 April 1993, secara resmi
CERN yang merupakan laboratorium fisika di Swiss mengumumkan
tentang perilisan website secara gratis.

BAB III
METODOLOGI PELAKSANA

1
 A. ANALISIS SYSTEM
Kegiatan analisis sistem memegang kunci penting dalam memberikan
arahan permasalahan dan menentukan tahap proses pengerjaan selanjutnya
dalam hal penentuan kebijakan.

B. ANALISIS MASALAH
Promosi dengan media majalah, koran, iklan poster atau kertas zaman
sekarang sudah tidak efektif dan terbilang mahal, dengan ini pembuatan
website portfolio memudahkan kita untuk mempromosikan diri kita, produk
kita ataupun perusahaan kita secara lebih luas, modern, dan lebih hemat untuk
jangka waktu yang lama.

C. ANALISIS KEBUTUHAN
Analisa kebutuhan dilakukan untuk mengetahui program dan
kebutuhan website yang akan dibuat. Pada tahap ini akan membahas
mengenai perangkat keras dan perangkat lunak yang digunakan dalam
pembuatan website portfolio.

D. KEBUTUHAN PERANGKAT KERAS

Adapun perangkat keras yang digunakan untuk membuat website ini
adalah sebagai berikut:
1. Laptop HP 14s-cf1xxx dengan spesifikasi sebagai berikut:
a. Intel(R) Celeron(R) CPU 4205U @ 1.80GHz 1.80 GHz
b. RAM 4GB
c. Harddisk

E. KEBUTUHAN PERANGKAT LUNAK

1
 Adapun perangkat lunak yang digunakan untuk membuat website ini
adalah sebagai berikut:
1. Operating System Windows 10 (teen) 64bit
2. Sublime Text 3
3. Visual Code Studio
4. Google Chrome
5. Github

F. ANALISIS KELAYAKAN
Tidak semua kebutuhan yang didefinisikan pada tahapan analisis
kebutuhan layak untuk dikembangkan pada website ini. Harus ada
mekanisme untuk menjustifikasi apakah kebutuhan yang dibuat layak untuk
dilanjutkan atau tidak. Ada beberapa kriteria kelayakan yang bisa ditinjau
antara lain, kelayakan teknologi dan kelayakan operasional.

G. KELAYAKAN TEKNOLOGI
Secara teknologi, website ini layak digunakan karena program website ini
merupakan pengembangan style dan fitur yang sudah ada di internet. Website
ini juga menggunakan bahasa pemograman HTML, CSS, dan Java Script.
Website ini juga inovatif karena penggunaanya fitur dan style yang sudah
modern. Tidak hanya itu saja, website ini juga sangat responsive di dekstop
maupun di mobile.

H. KELAYAKAN OPERASIONAL
Dari segi kelayakan operasional, website yang dibuat ini mempunyai
pengoprasian yang user frendly dan responsive yaitu bisa diakses dengan
mudah di dekstop maupun di mobile.

I. ANALISIS SISTEM BERJALAN

1
 Analisis sistem berjalan dilakukan untuk mengetahui sistem atau proses
yang sedang berjalan. Sesuai dengan metode pendekatan program yang
digunakan, maka penggambaran atau pemograman sistem yang sedang
berjalan akan dipresentasikan menggunakan Sublime Text 3, yaitu Program
Text.
1. Program Text
Berikut dibawah ini adalah Program Text website.
a. Perancangan bahasa pemograman.
Dalam sistem ini perintah atau program yang akan dijalankan dan dibuat
untuk menjalankan fitur website.

Ga
mbar Program HTML.

1
 Gam
bar Program CSS.

1
 Gamb
ar Program Java Script.

1
b. Tampilan layar website.
Pada bagian ini merupakan tampilan pada website.

Gambar tampilan website.

Gambar tampilan website di dekstop.

1
Gambar tampilan website di dekstop.

1
Gambar tampilan website di mobile.

1
 BAB IV
BIAYA DAN JADWAL KEGIATAN
A. ANGGARAN DAN BIAYA
Berikut adalah tabel anggaran biaya dalam pembuatan website
portfolio data diri / perusahaan sebagai berikut:
No Jenis Pengeluaran Satuan Biaya
Peralatan Penunjang
1 Laptop 1 Buah -
2 Mouse 1 Buah -
Jasa dan lain lain
1 Program HTML - Rp. 100.000
2 Program CSS - Rp. 100.000
3 Program JavaScript - Rp. 200.000
1 bulan Rp. 300.000
4 Maintance
sekali
5 Lain-lain - Rp. 100,000
Jumlah Rp. 800.000,-

B. JADWAL PENGERJAAN
Berikut adalah tabel jadwal perencanaan dalam pembuatan website
portfolio data diri / perusahaan sebagai berikut:
Waktu
No Jenis Kegiatan Bulan Ke - 1
1 2 3 4
Pencarian gagasan dan
1
pengajuan proposal.
2 Planing dan Persiapan.
Persiapan instrumen
3
penelitian.
Menelaah
4 ide/berhipotesis/memprediks
i
5 Pelaksanaan penelitian
Analisa dan pengumpulan
6
data
7 Penulisan Laporan
8 Konsultasi dan revisi
Pengumpulan laporan
9
penelitian
10 Presentasi

1
 BAB V
KESIMPULAN
A. KESIMPULAN
Berdasar hasil analisis, perancangan dan implementasi yang telah
dilakukan, serta berdasarkan rumusan masalah yang ada, maka dapat diambil
beberapa kesimpulan diantaranya sebagai berikut:

PENUTUP

Demikian penawaran yang kami ajukan. Kami menyadari bahwa dalam

penyusunan proposal ini masih banyak kekurangan dan masih jauh dari
kesempurnaan. Oleh karena itu, kritik dan saran yang membangun sangat
kami harapkan. Semoga dapat menjadi sarana bekerja sama dengan
perusahaan anda, Terimakasih.