PERANCANGAN WEBSITE PERUSAHAAN ROSELA BUCKET

DISUSUN OLEH :

ELFIYA TRIANI DEWI (1415020026)

VANNY ZULTA (1415020022)

D3 BK 5B

Program Studi Keuangan dan Perbankan

Jurusan Akuntansi

Politeknik Negeri Jakarta

Tahun 2016/2017
 Kata Pengantar

Puji dan syukur penulis ucapkan atas kehadirat Allah SWT, karena berkat rahmat dan

karunia-Nya penulis dapat menyelesaikan tugas akhir e-commerce berupa pembuatan website

yang berjudul “Rosela Bucket”. Penyelesaian tugas ini diberikan kepada Bapak Petrus Hari

Kuncoro Seno, S.E.,MBA. selaku dosen mata kuliah e-commerce untuk melengkapi nilai pada

mata kuliah tersebut.

Penulis menyadari bahwa penulisan tugas ini masih banyak kekurangannya. Meskipun

demikian, penulis telah berusaha semaksimal mungkin untuk menyelesaikan makalah ini dengan

baik dan benar. Terselesaikannya tugas ini tidak terlepas dari bantuan berbagai pihak, baik secara

langsung maupun tidak langsung turut serta mendukung terselesainya makalah ini. Ucapan

terima kasih dari penulis kepada Bapak Petrus Hari Kuncoro Seno, S.E.,MBA., keluarga, dan

teman-teman semua atas bantuan dan dukungannya.

Akhir kata, penulis mengharapkan makalah ini dapat bermanfaat sebagai tambahan

pengeahuan maupun sumber referensi bagi pembaca sebagai tambahan wawasan.

Depok, Desember 2017

Penulis
 Daftar Isi

Kata Pengantar.............................................................................................................................................i
Daftar Isi......................................................................................................................................................ii
BAB I PENDAHULUAN...........................................................................................................................1
1.1 Alasan Pemilihan Produk..................................................................................................................1
1.2 Tujuan Pembuatan e-commerce.........................................................................................................1
1.3 Manfaat Pembuatan e-commerce.......................................................................................................1
1.4 Sasaran Audience e-commerce..........................................................................................................1
BAB II PEMBAHASAN.............................................................................................................................2
2.1 Tahap Analisa..............................................................................................................................2
2.2 Tahap Perancangan......................................................................................................................2
Tahap Publikasi.........................................................................................................................12
2.4.1 Cara Publikasi....................................................................................................................12
2.4.2 Alamat Situs.......................................................................................................................12
2.4.3 Contoh Tampilan Layar.....................................................................................................13
BAB III PENUTUP...................................................................................................................................14
3.1 Kesimpulan................................................................................................................................14
3.2 Saran..........................................................................................................................................14
DAFTAR PUSTAKA................................................................................................................................15
LAMPIRAN..............................................................................................................................................16
 BAB I PENDAHULUAN

1.1 Alasan Pemilihan Produk

Dalam pembuatan tugas e-commerce ini, kami memilih produk rangakaian bunga atau
biasa disebut bucket bunga sebagai objek penjualan dalam website kami. Hal tersebut
dikarenakan sebelum kami telah memiliki usaha bucket bunga ini. Selain itu, dalam
pembuatan website ini kami ingin mengenalkan dan mengembangkan produk ini secara lebih
luas kepada masyarakat. Dan dalam penjualan produk bucket ini kami tidak menggunakan
rangkaian bunga asli. Namun, kami berinovasi dengan menggunakan berbagai macam bahan
untuk dijadikan rangkaian bunga. Seperti, kain, kertas, flannel, pita dan lain-lain.

1.2 Tujuan Pembuatan e-commerce

Adapun tujuan dari pembuatan website ini, yaitu:
1. Pemasaran produk melalui internet.
2. Pengenalan inovasi baru kemasyarakat luas.
3. Peningkatan perolehan pendapatan.
4. Pemenuhan nilai tugas e-commerce.

1.3 Manfaat Pembuatan e-commerce

1. Mengasah kemampuan mahasiswa dalam pembuatan website.
2. Mengembangkan usaha melalui website.
3. Mempermudah dalam pemasaran produk.
4. Mempermudah konsumen untuk membeli produk-produk yang dibutuhkan.
5. Mempermudah interaksi antara penjual dan pembeli.

1.4 Sasaran Audience e-commerce

1. Mahasiswa/mahasiswi
2. Masyarakat umum.
 BAB II PEMBAHASAN

2.1 Tahap Analisa

Rosela Bucket merupakan usaha yang kami rintis dengan pemasaran secara offline dan
online. Rosela Bucket merupakan brand inovasi produk rangkaian bunga dengan menggunakan
bahan kain sebagai bahan dasar pembuatan. Target audience e-commerce yang kami rintis yaitu
mahasiswa/mahasiswi dan masyarakat umum yang ingin memberikan hadiah pada perayaan
yang akan diselenggarakan.

Mayoritas penjual rangkaian bunga menggunakan bunga asli yang akan cepat layu dan
tidak tahan lama. Dengan situasi ini kami menciptakan inovasi baru yaitu menggunakan bahan
selain bahan bunga asli itu sendiri. Oleh karena itu, inovasi baru ini kami tuangkan dalam situs
website ini dengan harapan dapat menarik minat calon pembeli untuk membeli produk kami.
Sedangkan untuk pengguna internet lainnya diharapkan dapat juga mengunjungi website kami
yang nantinya mungkin juga akan tertarik membeli produk kami .

2.2 Tahap Perancangan

Tata letak halaman web

Keterangan :

1. Header page
 2. Store Logo
3. Introduction product
4. Footer page
5. Contact information

Relasi antar halaman

Jika link Produk diklik, maka akan terhubung ke halaman Produk yang berisi penjelasan dari
macam-macam bucket yang kita jual.
 BAB III

PEMOGRAMAN

3.1 Tahap Pemograman Website Rosela Bucket

Tahap pemograman website perusahaan Rosela Bucket menggunakan template yang

didownload dari http://freewebsitetemplates.com setelah diunduh dan diekstrak template
sudah bisa digunakan melalui aplikasi Notepad dengan bahasa pemograman HTML.

Adapun langkah-langkah dalam pembuatan website ini sebagai berikut:

a. Membuka situs web penyedia template gratis http://freewebsitetemplates.com

 b. Memilih template yang diinginkan, kemudian template tersebut didownload.

c. Setelah didownload. Template sudah bisa diedit menggunakan aplikasi Notepad.

Dalam proses pemrograman situs web, penulis menggunakan bahasa pemrograman

HyperText Markup Language (HTML). HTML sendiri adalah suatu dokumen teks yang biasa
yang mudah dimengerti  dibanding bahasa pemrograman lainnya. Selain itu digunakan juga
JavaScript dan Cascading Style Sheet (CSS) yang disediakan di template yang telah diunduh.
Penggunaan CSS dapat mempermudah mengatur tampilan atau desain halaman HTML.
 Penulis menggunakan nama file sesuai dengan menu yang akan ditampilkan. Hal ini
untuk mempermudah pencarian file yang dibutuhkan. Penulisan nama file diantaranya:

a. index.html
b. tentang.html
c. produk.html
d. halaman.html
e. beritaterbaru.html
f. kontak.html

Selain file HTML, terdapat banyak gambar yang disisipkan ke dalam website. Sedangkan
untuk perintah atau tag ada 30 jenis perintah, di antaranya adalah:

a. <!DOCTYPE> p. <p>
b. <html> q. <h2>
c. <head> r. <h4>
d. <title> s. <h5>
e. <meta> t. <h6>
f. <link> u. <hr>
g. <div> v. <script>
h. <font> w. <TR>
i. <i> x. <TD>
j. <a> y. <table>
k. <ul> z. <br>
l. <li> aa. <iframe>
m. <span> bb. <figure>
n. <ol> cc. <section>
o. <img> dd. <em>
 BAB IV
PUBLIKASI

Tahap publikasi merupakan tahap pemilihan domain dan web hosting guna
mempublikasikan program HTML yang telat dibuat. Website Rosela Bucket dibuat melalui tahap
pemograman, pemilihan domain, dan hosting yang berkesinambungan. Dalam memilih domain,
dilakukan menggunakan bantuan layanan domain gratis yaitu infinityfree.net. Alasan dipilihnya
kedua penyedia jasa ini adalah karena tidak dikenakan biaya serta proses memiliki domain dan
hosting yang relatif mudah, selain itu melalui web hosting ini juga dapat menampung file
dengan kapasitas besar dibanding dengan layanan hosting gratis lainnya.
4.1 Domain Gratis di Infinityfree.net
Infinityfree.net adalah penyedia jasa domain pertama dan gratis di seluruh dunia. Misi
Infinityfree.net adalah menghubungkan semua orang secara online dan membantu semua
negara dalam mengembangkan ekonomi digital mereka dan untuk membuat sebuah website
usaha yang baru dirintis tetapi belum mempunyai modal banyak, cuma bermodalkan laptop
atau computer dan akses ke internet. Infinityfree.net memiliki fitur-fitur unggulan seperti :
hosting gratis tercepat, uptime 99,9%, hosting tak terbatas, sepenuhnya gratis, tidak ada iklan,
host domain sendiri penginstal script otomatis, dan website builder.
Langkah-langkah yang dilakukan untuk memiliki domain infinityfree.net :
a. Buka situs infinityfree.net dialamat https://infinityfree.net/
b. Pilih Sign Up Now, kemudian mengisi data di kolom yang tersedia

c. Setelah mengisi data, infinityfree akan mengirim email yang didaftarkan untuk
konfirmasi.
d. Setelah berhasil dikonfirmasi, pilih Add a new website, kemudian isi nama situs web
yang diinginkan di kolom ysmg tersedia. Berikut contohnya:

e. Apabila nama situs web yang diinginkan tersedia, maka akan mendapat akun web baru
seperti gambar dibawah.
f. Setelah akun telah dibuat, pilih file manager untuk mengunggah file, kemudian pilih
MONSTA.

g. Akan muncul tampilan seperti dibawah, lalu masuk ke dalam folder ‘htdocs’
h. Hapus file yang sudah ada di dalam folder ‘htdocs’, kemudian pilih icon yang ada di
pojok kiri bawah untuk mengunggah file.

i. Setelah berhasil diunggah, website selesai dipublikasi.

j. Masuk ke situs web yang dipublikasikan http://roselabucket.epizy.com/
 BAB V

PENUTUP
5.1 Kesimpulan
Situs web http://roselabucket.epizy.com/ merupakan situs jual beli online bucket bunga
yang menggunakan berbagai bahan kain bukan dari bunga asli. Situs ini dirancang untuk
memudahkan pembeli mendapatkan informasi terkait produk rosela bucket dan memudahkan
dalam pemesan produk tersebut.

Pembuatan situs ini terdiri dari beberapa tahap, diantaranya:

1. Tahap Analisa
2. Tahap Perancangan yaitu perancangan link situs web, dalam proses ini penulis merancang
menu utama terdiri dari Beranda, Tentang, Produk, halaman, berita terbaru, dan kontak.
3. Tahap Pemrograman dilakukan dengan bantuan template yang tersedia di
http://freewebsitetemplates.com. Pemrograman dilakukan menggunakan bahasa pemrograman
diantaranya HTML, JavaScript dan CSS.
4. Tahap Publikasi yaitu proses mempublikasikan situs web ke publik. Penulis menggunakan
bantuan penyedia jasa hosting gratis yaitu infinityfree.net.

5.2 Saran
Dalam membuat situs web, sebaiknnya pembaca harus mempersiapkan data internet yang
cepat untuk mempermudah pencarian data. Selain itu, sebaiknya memilih jasa publikasi yang
telah mendapat penilaian baik dan melihat persyaratan sebelum mengunggah data, karena
terdapat beberapa jasa publikasi gratis yang memiliki kapsitas unggah file terbatas. Jika
menggunakan jasa publikasi yang penilaiannya lebih baik dalam pengunggahannya dan fitur-
fiturnya lebih luas dan tidak terbatas.

LAMPIRAN