Skip to main content

Dokumentasi Proses Pembuatan Website

Postingan berikut menjelaskan dokumentasi proses pembuatan website yang berisi beberapa konten tentang curriculum vitae. Website di-hosting menggunakan salah satu web hosting provider yang menyediakan layanan hosting gratis.

Link Website CV: ramadhanarif.000webhostapp.com

Prosedur Pembuatan Website Curriculum Vitae

1. Daftar Hostinger.co.id

Hostinger.co.id adalah salah satu layanan hosting yang menyediakan hosting website secara gratis dengan fitur terbatas.

2. Belajar kursus HTML melalui SoloLearn

Setelah melalui beberapa rangkaian latihan dan praktik, di bagian HTML Basics, terdapat Blog Project: Putting It All Together.

Disini, pelajaran, latihan, dan praktik yang telah dipelajari sebelumnya digabung menjadi satu dan menghasilkan blog yang sederhana dan bagus.

Contoh kode HTML juga disediakan agar dapat dipelajari dan dikembangkan lebih lanjut.

3. Pelajari contoh code HTML Blog Project: Putting It All Together dari SoloLearn yang kemudian dapat dimodifikasi dan dikembangkan sesuai dengan kebutuhan dan keinginan. Untuk editor, dapat digunakan Code Playground dari SoloLearn atau Visual Studio Code. Isi konten yang diinginkan, tambahkan data Curriculum Vitae, Skills, Media, ataupun Contact. Dapat juga digunakan tabel agar terlihat rapi.

4. Masuk 000webhost.com, pilih File Manager untuk mengupload website yang telah dibuat sebelumnya.


5. Masuk ke folder public_html, upload file source code index.html dan stylesheet.css agar website yang telah dibuat dapat diakses melalui internet.

5. Cek dengan membuka halaman website yang telah di-host.

Berikut ini adalah lampiran kode HTML dan CSSnya.

HTML


CSS


Sekian post tentang dokumentasi proses pembuatan website ini. Semoga bermanfaat.

Comments

Post a Comment

Popular posts from this blog

Java The World of Zuul

Post kali ini membahas tentang The World of Zuul dengan menggunakan bahasa Pemrograman Java dan BlueJ. The World of Zuul adalah game petualangan berbasis teks yang sangat sederhana. Pengguna bisa berjalan di sekitar tempat yang ada. Project ini berkaitan dengan bagaimana mendesain class yang bagus. Sebuah istilah yang terkait dengan kualitas desain suatu class adalah cohesion dan coupling . Berikut ini adalah pengertian cohesion dan coupling. Cohesion adalah tingkat sejauh mana elemen-elemen dari sebuah class terkait bersama, disarankan untuk kode-kode di dalam class tersebut sedekat mungkin satu sama lainnya, karena itulah disebut high cohesion . Cohesion ini berhubungan dengan elemen-elemen di dalam class. Coupling adalah tingkat sejauh mana class yang berbeda bergantung satu sama lain, disarankan semua class harus independen satu sama lain, karena itulah disebut loosely couping . Coupling ini berhubungan dengan elemen di antara class. High cohesion dan loosely coupling member...
Post a Comment
Read more

Java Biodata

Berikut ini adalah sebuah program untuk menampilkan biodata yang ditulis dalam bahasa pemrograman Java dan di- compile  menggunakan BlueJ. Biodata berisi data mahasiswa berupa nama, alamat, umur, jurusan, dan no. HP/WA mahasiswa. /** * Class Biodata menampung data mahasiswa, nama, alamat, umur, jurusan * * @author Ramadhan Arif Hardijansyah * @version 0.1 8 Oktober 2020 */ public class Biodata { public Biodata() { System.out.println("Data Mahasiswa "); System.out.println("======================"); System.out.println("Nama Mahasiswa : Ramadhan Arif Hardijansyah"); System.out.println("Alamat Mahasiswa : Jl. Bhaskara V no 5 Surabaya"); System.out.println("Umur Mahasiswa : 20 tahun"); System.out.println("Jurusan Mahasiswa : Informatika"); System.out.println("No. HP/WA Mahasiswa : 081358852890"); } } Dan berikut adalah class diagram serta hasil ter...
Post a Comment
Read more

EAS Pemrograman Web 2021

EAS Pemrograman Web 2021 - Membuat Aplikasi Sekolah Nama: Ramadhan Arif Hardijansyah NRP: 05111940000162 Kelas: PWeb-A Postingan berikut berisi pengerjaan EAS Pemrograman Web 2021 - Membuat Aplikasi Sekolah. Dokumen pengerjaan EAS terlampir pada file berikut ini. Soal No. 1 dan 2 Definisikan fitur dari aplikasi yang akan dibangun Rancang aplikasi menggunakan Figma Jawaban  No. 1 dan 2 Link:  https://drive.google.com/file/d/1uvY2wGBFr96De8JVY1tJkYeTnhLKfJh4/view?usp=sharing Soal No. 3 3. Implementasikan aplikasi. Boleh dikerjakan secara kelompok, didokumentasikan, dan dibuat video demo/ presentasinya di youtube. Semua hasil pekerjaan disatukan di blognya masing-masing. Jawaban No. 3 Untuk implementasai dari aplikasi website sekolah ini, dihosting menggunakan layanan hosting dari Hostinger serta menggunakan Moodle LMS, sebuah Lecture Managementt System untuk mempermudah Manajemen Sistem Website dan agar keamanan lebih ter...
Post a Comment
Read more