Final Projects

CODING
 Kelompok
2 :)
Dela Hestika (C1A021005)
Bayu Mirama Herman (C1A021007)
Riki Irawan (C1A021035)
Kartika Yuni Hartati Situngkir (C1A021039)
Levia Veronika (C1A021043)
Al Varez (C1A021067)
Olvy Dica Zalianti (C1A021069)
Fransiska Aprilia Ayu Puspita (C1A021077)

Dosen Pengampu: Reza Satria Rinaldi,

S.T.,M.Eng
Asisten Dosen: Adha Dont Diffratama
 Company Profile
Pada dasarnya company profile adalah bentuk ringkasan perkenalan profesional tentang sebuah perusahaan.

Company profile biasanya dapat ditemukan pada situs resmi perusahaan untuk memberikan gambaran informasi
penting kepada audiens tentang bisnis perusahaan seperti kisah berdirinya perusahaan, produk, layanan dan
posisi brand di pasar.

Company profile dapat mempengaruhi kesan pertama audiens, klien atau calon investor terhadap perusahaan.
Karena itu, profil perusahaan harus dirancang dengan baik sehingga dapat membuat perusahaan terlihat unik dan
menonjol dibanding para pesaingnya. Dari penjelasan di atas, dapat ditarik kesimpulan bahwa fungsi company
profile adalah : 
 Memberi gambaran tentang bisnis perusahaan kepada target audiens dengan begitu mereka tahu apa yang
berusaha ditawarkan perusahaan untuk memenuhi kebutuhan mereka.
 Membantu menciptakan brand story. Perusahaan dapat menceritakan bagaimana sejarah perusahaan dalam
bisnis, apa yang berusaha dicapai dan ditawarkan kepada audiens hingga pencapaian yang diraih. Ini penting
karena dalam dunia bisnis, brand story adalah salah satu cara terbaik menjalin koneksi dengan mitra potensial
 Membantu mempromosikan brand. Profil perusahaan membantu mempromosikan brand perusahaan di
antara masyarakat.
 Mengkomunikasikan keunikan karakter perusahaan. Tidak hanya untuk ditujukan pada klien potensial,
informasi dalam company profile juga berguna untuk menunjukkan keunikan perusahaan di mata investor,
mitra hingga pelamar kerja. 
Beberapa Tips Membuat Company Profile

1. Identifikasi tujuan
Banyak bisnis menggunakan profil perusahaan untuk berbagai skenario misalnya untuk
dimuat di situs perusahaan, portofolio perdagangan atau rencana investasi.
2. Tentukan gaya 
Tentukan tone dan gaya seperti apa yang ingin kamu identifikasikan melalui profil
perusahaan.
3. Ceritakan kisah 
Ketika kamu ingin orang memperhatikan perusahaan kamu, kamu harus dapat merancang
kisah yang memikat untuk menarik perhatian mereka. 
4. Uraikan misi 
Tulislah pernyataan menarik mengenai nilai, etos atau niche bisnis kamu. Beritahu apa
yang kamu tawarkan dan bagaimana rencana perusahaan untuk tumbuh.Tunjukkan
keunikan yang membuat audiens lebih memilih perusahaanmu dibanding pesaing 
5. Perhatikan format 
Pastikan format company profile jelas dan bersih agar tetap terlihat profesional. Gunakan
font dan format yang  jugasesuai dengan brand guideline perusahaan. 
6. Tulis sejarah perusahaan dalam urutan kronologis 
Pastikan ulasan sejarah perusahaan dipaparkan sesuai dengan garis waktu.
Dengan begitu audiens yang membacanya pun dapat memahami alur dengan
lebih mengalir. 
7. Sertakan testimonial 
Testimoni yang baik dapat menambah nilai pada brand. Karena itu carilah
testimoni dari klien, atau pelanggan yang bisa kamu cantumkan pada profil
perusahaan. 
8. Sertakan informasi kontak 
Tambahkan informasi yang berguna tentang perusahaan seperti alamat, nomor
telepon, fax, dan lain-lain. Ini akan sangat berguna terutama dalam kaitannya
dengan proses pengiriman dokumen penting ke perusahaan.
9. Tambahkan ajakan 
Beri sentuhan akhir di profil perusahaan dengan memberi ajakan untuk
bertindak.
10. Koreksi penulisan 
Pastikan tidak ada kesalahan penulisan sedikit pun. Perbaharui pula laman
profil perusahaan secara rutin agar sejalan dengan perkembangan bisnis kamu.
 Sistem Informasi
Menurut Mulyanto dalam Kuswara dan Kusmana (2017:18), Sistem
informasi adalah suatu sistem yang terdiri dari kumpulan komponen sistem, yaitu
software, hardware dan brainware yang memproses informasi menjadi sebuah output
yang berguna untuk mencapai suatu tujuan tertentu dalam suatu organisasi. Sistem
Informasi mengumpulkan, memproses, menyimpan, menganalisis, disseminate
informasi untuk tujuan spesifik tertentu. Seperti sistem lainnya, sebuah sistem
informasi terdiri dari input (data, instruksi) dan output (laporan, kalkulasi). Sistem
Informasi memproses input dan menghasilkan output yang dikirim kepada pengguna
atau sistem yang lainnya. Mekanismen timbal balik yang mengontrol operasi bisa
dimasukkan juga. Seperti sistem lainnya, sebuah sistem informasi beroperasi di dalam
sebuah lingkungan. Sekarang ini, sistem informasi dipandang sebagai pusat
keuntungan dan diharapkan memberikan keuntungan kepada organisasi untuk
menagatasi masalah pesaing. Sistem informasi dihubungkan sepanjang rantai
permintaan untuk memberikan keuntungan – keuntungan yang keompetitif kepada
organisasi yang terjamin.
 Pengertian HTML
Menurut (Endra & Aprilita, 2018), HTML atau Hypertext
Markup Languange merupakan salah satu bahasa yang biasa digunakan
oleh pengguna dalam membuat tampilan yang digunakan oleh web
application. HTML digunakan untuk melakukan mark-up (penandaan)
terhadapsebuah dokumen teks. Tanda tersebut digunakan
untukmenentukan format atau style dari teksyang ditandai halaman web
dibangun oleh kode-kode HTML. HTML adalah bahasa Markup yang
umum digunakan.Kepopuleran HTML disebakan karena HTM
ini mudah digunakan. Pembuatan dokumen web dengan HTML dapat
dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji dengan
cepat ke
banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan k
ontrol terhadap tampilan halaman web baik berupa teks, gambar, suara,
animasi maupun video.
 Fungsi HTML

1. Membuat, mendesain, dan mengontrol tampilan dari web

page(Halaman Web) dan isinya.
2. Mempublikasikan document secara online sehingga bisa di akses,
dilihat dan ditampilkandari dan ke seluruh dunia.
3. Membuat online form yang bisa di gunakan untuk menangani
pendaftaran, transaksi secara online.
4. Menambahkan object-object  sepertiimage, audio, video dan juga java
applet (aplikasi javaseperti java game dll) dalam document  HTML.
5. Membuat link  menuju halaman web lain dengan kode tertentu
(hypertext ).
 Struktur HTML
 Elemen
Elemen terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tagpenutup.Contonya
untukmenampilkan judul dokumen HTML pada web browser igunakan elemen
title, dimana: <title> ini adalah tag pembuka judul dokumen HTML
 
 Tag
adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh
<body>adalah tag dengan nama body. Tag ditulis secara berpasangan, yang
terdiri atas tag pembuka dan tag penutup (ditambahkan karakter " / " setelah
karakter "<"), sebagai contoh<body>ini adalah tag pembuka isi dokumen HTML,
dan </body> ini adalah tag penutupisi dokumen HTML.
 
 Atribut
Atribut mendefinisikan properti dari suatu elemen/tag dari HTML, yang terdiri
atas namadan nilai.
 CSS

Menurut (Wahyudi, 2017), CSS adalah suatu Bahasa pemrograman web

yang digunakan untuk mengendalikan dan membangun berbagai komponen
dalam web sehingga tampilan web akan lebih rapi, terstruktur, dan seragam.
CSS seperti halnya styles pada aplikasi pengolahan kata Microsoft Word yang
bisa mengatur beberapa style, misalnya subbab, heading, bodytext, footer,
images, dan style lainnya untuk dapat dipakai bersama-sama dalam beberapa
file. CSS biasanya digunakan untuk memformat tampilan halaman web yang
dibuat dengan bahasa HTML dan XHTML. CSS mampu mengatur warna body
teks, ukuran gambar, ukuran border, warna mouse over, warna tabel, warna
hyperlink, margin kiri/kanan/atas/bawah, spasi antar paragraf, spasi antar teks,
dan parameter lainnya. Dengan adanya CSS memungkinkan kita untuk
menampilkan halaman yang sama dengan format yang berbeda.
Source Code
Source Code
Source Code
Source Code
Penjelasan Source Code
 <head> yang ada pada HTML adalah wadah atau
penampung untuk elemen HTML yang lain
 Title tag adalah tag HTML berisi judul yang akan muncul
pada SERP
 Meta tag tidak dimaksudkan untuk menambah atau
mempengaruhi isi dari konten halaman web kita, namun
lebih kepada keterangan tambahan tentang halaman itu
sendir
 Link atau Hyperlink adalah elemen HTML yang berfungsi
menghubungkan suatu halaman web ke halaman web yang
lain
 body menunjukkan konten sebuah dokumen

 a href code ini merujuk pada atribut html yang berguna sederhananya untuk
membuat sesuatu hyperlink antar halaman html. Jadi code ini mendukung kita
dapat membuat istilah teks yang dapat diklik yang akan membawa kita ke
halaman baru.
Penjelasan Source Code

 Center Tag html berfungsi untuk menampilkan

teks dengan posisi horizontal ditengah
 div pada HTML lainnya yang sering digunakan
oleh para programmer adalah untuk membatasi
bagian satu dengan bagian yang lain
 span merupakan elemen inline atau elemen yang
tidak membentuk baris baru yang digunakan
untuk mengelompokkan beberapa elemen, yang
bertujuan untuk memudahkan dalam pemberian
style css
 b Bold, tag html yang berfungsi untuk
mempertebal teks
 br Tag untuk ganti baris
Penjelasan Source Code

 img menunjukkan image yang berarti gambar

dan oleh karenanya digunakan untuk
menyisipkan gambar

 Ol atau ordered list adalah suatu tag untuk

mengurutkan daftar dengan menggunakan
angka
 li pada html adalah untuk menampilkan item
pada unordered dan ordered list. Sedangkan
pada description list tidak menggunakan tag
<li>

 <pre> element digunakan untuk

merepresentasikan sebuah blok teks preformat
(preformatted text)
Hasil Source
Code
CSS
CSS
CSS
CSS
 Penjelasan

 body menunjukkan konten sebuah dokumen

 Margin, berfungsi untuk mengatur jarak elemen HTML dari luar
 Padding adalah properti dari CSS yang digunakan untuk mengatur sisi tiap elemen pada
HTML
 wrapper adalah dimana salah satu fungdi flex-box yang menentukan apakah item yang
flexsibel harus di bungkus
 Width merupakan ukuran lebar
 Height merupakan ukuran tinggi.
 text-align: center; berfungsi memusatkan teks ditengah atau bisa juga disebut rata kanan
dan rata kiri dengan
 display: table-cell; berfungsi untuk mengisi lebar wadah.
 background-repeat berfungsi untuk memerintahkan sebuah gambar atau mengatur ukuran
gambar
 Background-Image berfungsi untuk mengatur dan menentukan sebuah gambar yang akan
digunakan sebagai background dari satu eleme
 Border dalam CSS berfungsi untuk membuat garis tepi sebuah objek HTML
 Penjelasan
.
 font-family merupakan properti yang digunakan untuk menentukan dan merubah jenis font
yang digunakan pada teks
 font-weight adalah untuk memberikan efek ketebalan atau biasa dikenal dengan istilahÂ
bold.
 font-size merupakan property CSS yang digunakan untuk menentukan ukuran font yang
digunakan pada teks.
 Cursor adalah untuk mendefinisikan tipe cursor (Pointer Mouse) yang ingin kita ubah.
 float berfungsi untuk mengatur letak element secara horizontal.
 Border left menggunakan border hanya pada sisi kiri saja.
 <nav> element merepresentasikan link navigasi (navigational link).
 :visited digunakan ketika user telah mengunjungi url/link tersebut, hal ini untuk
mempermudah user untuk membedakan link yang telah dikunjungi (di click) dan yang
belum dikunjungi.
 :hover akan aktif pada saat mouse berada diatas element.
 :active digunakan ketika link di klik dan mouse pada posisi ditekan (belum dilepas), dan
biasanya hanya terlihat sepintas.
Sekian
Terimakasih
