Situs Web Portofolio Pribadi

LAPORAN PROYEK
DISAMPAIKAN DALAM PEMENUHAN SEBAGIAN PERSYARATAN PENGHARGAAN
GELAR

SARJANA TEKNOLOGI
(Ilmu dan Teknik Komputer)

DISAMPAIKAN OLEH

ANUPRIYA JOHRI
(RA1811003030365)

INSTITUT ILMU PENGETAHUAN DAN TEKNOLOGI SRM KAMPUS

NCR, MODINAGAR, GHAZIABAD UTTAR PRADESH (INDIA)
November 2021

1
 PERNYATAAN
Dengan ini untuk memverifikasi bahwa laporan proyek berjudul “Situs Web

Portofolio Pribadi” yang saya serahkan sebagian memenuhi persyaratan pemberian

gelar B. Teknologi dalam Ilmu dan Teknik Komputer kepada Institut Sains dan

Teknologi SRM, Modinagar, Ghaziabad, Uttar Pradesh hanya terdiri dari karya asli

saya dan pengakuan yang pantas telah ada dalam teks untuk semua materi lain

yang digunakan.

Tanggal: Nama Siswa

2
 KAMPUS NCR SRMIST, GHAZIABAD, UTTAR
PRADESH

SERTIFIKAT BONAFIDE
Menyatakan bahwa laporan proyek “Proyek Situs Web Portofolio Pribadi” ini

adalah karya bonafide dari “Anupriya Johri” yang melaksanakan pekerjaan proyek

di bawah pengawasan saya.

Tanda Tangan Tanda Tangan

(Kepala Departemen) (Supervisor)

RP MAHAPATRA AMIT SHARMA

(Ilmu dan Teknik Komputer) (Ilmu dan Teknik Komputer)

SRMIST NCR MODINAGAR SRMIST NCR MODINAGAR

3
 DAFTAR ISI
BAB NO. JUDUL HALAMAN NO.
ABSTRAK 5
DAFTAR GAMBAR 6
DAFTAR SIMBOL 7
DAFTAR SIMBOL,
SINGKATAN DAN
TATA NAMA
1. PENDAHULUAN 8
1.1 TUJUAN
1.2 BAGIAN RUMAH
1.3 TENTANG BAGIAN
1.4 BAGIAN KETERAMPILAN
1.5 BAGIAN PENGALAMAN
1.6 BAGIAN RINCIAN KONTAK
2. PERANGKAT LUNAK YANG DIGUNAKAN
14
2.1 HTML
2.2 CSS
2.3 JAVASCRIPT
3. MAKNA 15
4. TANTANGAN 16
5. KESIMPULAN 17
6. REFERENSI 17

4
 ABSTRAK

Proyek Situs Web Portofolio Pribadi ini didasarkan pada Pengembangan

Web. Ini dikembangkan menggunakan HTML5, CSS dan JS. Code

Editor yang digunakan untuk proyek ini adalah VS Code. Ini

menampilkan latar belakang profesional seseorang. Ini menampilkan

informasi singkat tentang pengalaman kerja hingga saat ini, pendidikan,

keterampilan dan rincian kontak serta tautan media sosial. Semua elemen

ditampilkan secara berbeda di situs web.

5
 DAFTAR GAMBAR

1. Bagian rumah
2. Tentang bagian
3. Bagian keterampilan
4. Bagian pengalaman
5. Bagian rincian kontak

6
 DAFTAR SIMBOL, SINGKATAN DAN
NOMENKLATUR
Singkatan
1. IDE – Lingkungan Pengembangan Terpadu
2. HTML – Bahasa Markup Teks Hiper
3. CSS – Lembar Penataan Berjenjang
4. JS – JavaScript
5. Kode VS – Kode Visual Studio

7
 PERKENALAN

Website Portofolio Pribadi memberikan informasi singkat tentang latar

belakang profesional seseorang. Proyek ini terdiri dari tiga file.

Pertama adalah file HTML untuk membuat markup aplikasi di web.

Kemudian file CSS digunakan untuk memberikan lebih banyak gaya

pada situs web. Kemudian file JS digunakan untuk memberikan

fungsionalitas yang tepat pada aplikasi melalui JavaScript.

1.1 TUJUAN
1.1.1 Elemen ditampilkan dengan jelas
1.1.2 Informasi singkat tentang: -
Pengalaman kerja
Pendidikan
Keterampilan
Cara menghubungi

8
1.2 BAGIAN RUMAH

Ini menampilkan nama saya, status pekerjaan saya saat ini dan dari
mana saya berasal. Di bagian atas juga terdapat bilah navigasi yang
menampilkan tab lain di situs web saya dan pintasan detail kontak
saya di kanan atas.

9
1.3 TENTANG BAGIAN

Ini menampilkan perkenalan singkat untuk saya, tombol juga

disediakan untuk melihat resume saya. Bilah navigasi memiliki
properti lengket yang membuatnya terlihat bahkan setelah menggulir
ke bawah.

10
1.4 BAGIAN KETERAMPILAN

Ini menampilkan keterampilan teknis saya dengan kemahiran teknis

saya ditampilkan sebagai persentase untuk setiap teknologi dan
pengalaman kerja saya saat ini.

11
1.5 BAGIAN PENGALAMAN

Bagian ini menampilkan pengalaman kerja saya termasuk pengalaman

menjadi sukarelawan di organisasi mana pun dan magang saya.

12
1.6 BAGIAN RINCIAN KONTAK

Bagian ini memiliki semua tautan yang tercantum di bawah ini:

a. ada apa
b. Panggilan
c. Surat
d. Tertaut Dalam
e. Instagram

13
 PERANGKAT LUNAK YANG DIGUNAKAN

Editor Kode yang saya gunakan untuk proyek ini adalah VS Code. Ini digunakan

untuk mengkodekan bagian program yang kompleks dan untuk mengembangkan

proyek yang kompleks. Teknologi lebih lanjut yang saya gunakan untuk proyek ini

adalah HTML5, CSS dan JS.

2.1 HTML5

Ini adalah kode untuk membuat halaman web, menggunakan tag dan perintah lain

yang dibaca browser dan diubah menjadi halaman web normal yang dilihat orang.

2.2 CSS

CSS adalah bahasa untuk mendeskripsikan presentasi halaman Web, termasuk

warna, tata letak, dan font.

2.3JS

JavaScript adalah bahasa pemrograman berbasis teks yang digunakan di sisi klien

dan sisi server yang memungkinkan Anda membuat halaman web menjadi

interaktif. Ini memberi halaman web elemen interaktif yang melibatkan pengguna.

14
 MAKNA

Pentingnya portofolio pribadi adalah menyajikan pekerjaan Anda yang mewakili

kinerja dan keterampilan Anda serta kekuatan dan kelemahan. Puncak dari

pekerjaan yang direpresentasikan dalam portofolio memungkinkan rekan kerja,

mentor, dan calon pemberi kerja mendapatkan pemahaman tentang Anda sebagai

pelajar, minat Anda, dan pekerjaan Anda.

15
 TANTANGAN

Tantangan yang dihadapi selama proyek ini adalah:

1. Menautkan file Google drive seperti gambar dan dokumen saya.

2. Memberi jarak pada elemen dengan benar menggunakan CSS.

3. Memilih latar belakang merupakan tantangan besar karena harus formal dan

menenangkan mata.

16
 KESIMPULAN

Sebagai penutup terakhir, saya telah mengembangkan Situs Web Portofolio Pribadi

yang sederhana dan mendasar menggunakan HTML5, CSS, JavaScript

menggunakan VS Code sebagai IDE yang akan terus saya pertahankan di masa

mendatang juga.

REFERENSI

 Kursus Kursus:

Pengantar Pengembangan Web, UC Davis oleh Daniel Randall – Ini

mengajarkan ketiga bahasa HTML5, CSS dan JS secara menyeluruh.

 Stack Overflow: Cara memodifikasi tautan Google drive untuk disematkan

dalam tag jangkar di HTML.

 Sekolah W3: Cara memberikan semua media sosial dan tautan kontak.

17