PERANCANGAN DAN PEMBUATAN WEBSITE COMPANY PROFILE
PERUSAHAAN JASA PEMBUATAN WEBSITE, PROGRAM DESKTOP DAN MOBILE APPS
Di Ajukan Oleh : Kelompok 1. 2. 3. 4. 5. 6.
ALVIN FAUZIE (12132769) ROHMAT ARIF (12134729) SUMARIYANTO (12136965) SAEPUDIN (12131847) ILFAN A. FAJRI (18121445) EFAN A. SAPUTRA (12137592)
AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER BINA SARANA INFORMATIKA TANGERANG 2015
1
KATA PENGANTAR Segala puji bagi Allah SWT Tuhan yang telah melimpahkan berbagai macam kenikmatan kepada kita semua, shalawat dan salam mudah-mudahan tetap tercurahkan kepada baginda Rasulullah SAW sang pembawa kebenaran sehingga kita bisa menikmati manisnya iman dan islam dan mudah-mudahan kita termasuk ummat yang mendapatkan syafaatnya dihari kiamat nanti, amin. Dalam pembuatan makalah ini, tidak sedikit hambatan yang kami hadapi. Namun kami menyadari bahwa kelancaran dalam pembuatan makalah ini tidak lain berkat bantuan, dorongan teman-teman dan bimbingan dosen Mata Kuliah Web Programing, sehingga kendala-kendala yang kami hadapi dapat teratasi. Makalah yang akan kami bahas disini “WebSite Junior Apps” . Akhir kata kami berterimaksih kepada seluruh pihak yang terkait dalam tersusunnya makalah ini hingga dapat terselesaikan dengan baik, khusunya kepada Dosen yang telah memberikan tugas ini sehingga kami bisa banyak belajar dalam proses penyusunan makalah ini dan kami sadar makalah ini tidaklah sempurna maka dari itu saran dan kritik dari para pembaca kami harapkan guna kesempurnaan makalah kami yang akan dating.
Tagerang, 04 Desember 2015
Penyusun,
2
DAFTAR ISI ii HALAMAN JUDUL............................................................................................................. i KATA PENGANTAR.......................................................................................................... ii DAFTAR ISI ....................................................................................................................... iii BAB I PENDAHULUAN I.1 Latar Belakang ............................................................................................................. 4 I.2 Tujuan dan Manfaat ..................................................................................................... 5 I.3 Ruang Lingkup............................................................................................................. 5 BAB II LANDASAN TEORI............................................................................................... 6 2.1. 2.2. 2.3. 2.4. 2.5.
Konsep dasar web……………………………………………………………...……. 6 Bahasa Program ………………………………………………...……………………7 Basis data……………………………………………………………………………..8 Aplikasi perancangan web……………………………………………………………9 Teori pendukung…………...……………………………………………….……..… 9
BAB III ANALISA DAN PERANCANGAN………………………………………….....13 3.1. Analisis kebutuhan fungsional……………………………………………….......… 3.2. 3.3. 3.4. 3.5.
13 Anlisis kebutuhan non-fungsional…………………………………………………. 13 Perancangan antar muka………………………………………………………...…. 14 Struktur Navigasi……………………………………………………………………21 Rancangan Basis Data………………………………………………………………
22 3.6. Spesifikasi
File……………………………...…………………………………....…
22 BAB VI PENUTUP……………………………………………………………………… 22 4.1 Kesimpulan………………………………………………………………………… 24 4.2 Saran…………………………………………………………………………...…... 24 DAFTAR PUSTAKA………………………………………………………………...….. 25
3
BAB I iii PENDAHULUAN 1.1.
Latar Belakang Dunia teknologi informasi khususnya internet semakin berkembang, terutama
dalam penggunaan di bidang media komunikasi dan informasi, baik yang sifatnya intern dan umum.Yang dimaksud dengan informasi Intern adalah data yang di simpan dalam server yang dapat
diakses
perusahaan yang ada di luar
hanya pihak – pihak tertentu. Misalnya, data dari suatu daerah, sedangkan yang dimaksud dengan data Umum
adalah dapat diakses oleh semua pihak. Salah satu produk dari teknologi informasi dan komunikasi adalah Website.Website yang digunakan oleh banyaknya kegiatan yang berhubungan dengan komunikasi dan informasi yang dapat menyajikan suatu informasi yang cepat dan tepat.Saat ini sudah banyak tersedia fasilitas dan sarana informasi untuk mempermudah mendapatkan suatu informasi yang dibutuhkan oleh penggunanya.Website juga banyak diterapkan dalam bidang baik usaha, entertainment, personal profile, periklanan, dan masih banyak lagi yang lainnya. Fasilitas yang disediakan oleh Website adalah informasi – informasi yang dapat digunakan oleh lembaga pendidikan, pemerintahan, pertahanan, hiburan, social, politik, ilmiah dan ekonomi.Perkembangan multimedia yang begitu pesat dapat menarik perhatian dan rasa ingin tahu seseorang. Dengan memanfaatkan hal tersebut untuk memenuhi kepentingan masing-masing dimana user atau pemakai dapat melihat gambar, teks, animasi, maka aplikasi Website dapat menjadi sebuah jawaban karena informasi yang menarik akan mudah mempengaruhi image atau gambaran pembeli, relasi bisnis bahkan juga pengunjung. Tangerang merupakan kota yang sedang berkembang pesat. Itu bisa di lihat dari pertumbuhan tata kota dan pembangunan yang terus di bangun.Di sinilah para pebisnis atau wirausaha mengambil kesempatan untuk membangun suatu usaha salah satunya adalah perusahaan pembuatan website sebagai media promosi seperti “Junior Apps”.Di Tangerang banyak terdapat perusahaan yang sedang berkembang dan membutuhkan media promosi itulah kesempatan yang tidak di lewatkan oleh Junior Apps. 4
Dengan Website inilah Junior Apps berharap penyampaian informasi dan promosi yang diharapkan oleh perusahaan dapat terwujud.dengan website yang memberikan kebutuhan informasi yang bersifat interaktif, yang dapat menampilkan gambar dan keterangan yang dibutuhkan oleh calon pelanggan atau costumer sehingga customer lebih tertarik pada perusahaan yang bekerja sama dengan Junior Apps. Maka judul dari Makalah ini adalah ”Perancangan dan Pembuatan Website Company Profile Junior Apps” 1.2 Tujuan dan Manfaat Ada beberapa manfaat dan tujuan dalam Pembuatan Website Company Profile Junior Apps 1) Efektifitas waktu dan tenaga. Pembuatan Website Company Profile selain sebagai sarana promosi online juga memberikan layanan kearah yang lebih baik dan professional. 2) Keakuratan data adalah penting. Sistem ini diharapkan dapat menekan tingkat kesalahan yang paling banyak disebabkan oleh faktor Human Error. Karena dengan sistem ini, semua aktifitas jalur data dapat kita telusuri dan dapat dipertanggung jawabkan secara konsisten. 3) Kemudahan masyarakat dalam mendapatkan informasi secara akurat dan terpercaya. Dengan menggunakan website sebagai sarana penyebaran informasi dan website sebagai sarana sosialisasi program-program dari sebuah Perusahaan, diharapkan dapat memudahkan masyarakat untuk mendapatkan informasi terkini yang diupdate secara berkala oleh pihak Perusahaan/ Instansi. Dengan demikian akan terjadi interaksi secara tidak langsung antara masyarakat dengan Perusahaan. 4) Efisiensi kinerja pada Perusahaan / Instansi. Diharapkan dengan fasilitas yang sudah disediakan oleh sistem data entry dan navigasi pada website, maka akan dapat memudahkan sumber daya yang ada untuk melakukan update data dan entry data secara optimal. 1.3 Ruang Lingkup Masalah yang dibahas pada Makalah ini adalah pembuatan sebuah situs web digunakan untuk menyampaikan informasi yang berkaitan dengan informasi Perusahaan Junior Apps yang diimplementasikan di Jurusan Manajemen Informatika, dengan menggunakan bahasa HTML,CSS,JAVASCRIPT,PHP dan MySQL.
5
BAB II LANDASAN TEORI 2.1 Konsep Dasar Web Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat diakses melalui jaringan seperti internet, ataupun jaringan wilayah local melalui alamat internet yang dikenali sebagai url. Gabungan atas semua situs yang dapat diakses publik di internet disebut juga sebagai world wide web atau lebih dikenal dengan singkatan www. 2.1.1 Sejarah Web Sejarah penemuan web pada tahun 1989 oleh Lim Berners Lee, seorang programmer komputer berkebangsaan Inggris, bekerja pada European Physics Laboratory CERN di Genewa, Siwis. Pada dasarnya web adalah penyediaan informasi di internet yang berbasis grafis serta merupakan system pada internet yang memungkinkan siapapun untuk berada 24 jam/hari di internet. Web merupakan sebuah client atau server system manajemen database yang berfungsi seperti teks, grafik, video, dan suara.Dimana dalam pengaksesannya menggunakan aturan-aturan tertentu, aliran tersebut berupa protocol yang disebut transport. Contoh protocol internet, protocol ( TCP/IP ). TCP akan mengatur paket-paket data dan memastikan kebenaran paket-paket tersebut. IP akan membawa paket-paket data dari suatu system ke sistem lain. 2.1.2 Kriteria penentu kesuksesan suatu Website atau Situs Membangun situs professional adalah suatu pekerjaan yang tidak gampang, perlu persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Apalagi membangun sebuah situs yang berskala besar, seperti situs portal, e-commerce, e-learning, berita, web mail, forum diskusi, dan lain-lain
6
2.2 Bahasa Program Untuk mengembangkan proses pembuatan website penulis menggunakan beberapa bahasa pemrograman diantaranya, adalah 1.
HTML (HyperText Markup Language) Menurut Edy Winarno dkk (2013:1) HTML merupakan singkatan dari Hypertxt
Markup Language, artinya bahasa ini adalah bahasa markup untuk memformat konten halaman web. Atau dengan kata lain, bahasa untuk mengaturm bagaimana penampilan dan pemformatan konten yang ada di web. HTML menekankan penggambaran komponen-komponen struktur dan format didalam halaman web. 2. PHP (Personal Home Page) PHP digunakan untuk membuat tampilan web menjadi lebih dinamis, dengan PHP anda bisa menjalankan beberapa file dalam satu file dengan cara memasukan atau memanggil. PHP itu sendiri sudah dapat berinteraksi dengan beberapa database walaupun dengan kelengkapan yang berbeda, yaitu seperti: DBM, FilePro (Personic,Inc), Informix, Ingres, Interbase, Microsoft Access, MSSQL, MySQL, Oracle, PostgrSQL, dan Sybase. Cara kerja PHP yaitu: pertama client web browser menjalankan file PHP itu di web browser, kemudian file PHP itu dikirim ke web server. Web server mengirimkannya lagi ke mesin PHP dan didalam mesin PHP itu diproses, dan setelah diproses oleh mesin PHP maka akan berbentuk file HTML, dan file HTML ini akan dikirimkan ke web server dan web server akan memberikan kepengguna. 3. CSS (Cascading Style Sheets) Menurut Andi (2013c:163) menjelaskan bahwa CSS adalah suatu kumpulan kode-kode untuk memformat atau mengendalikan tampilan isi dalam suatu halaman web. Ada dua jenis CSS yang dapat anda gunakan yaitu CSS yang bersifat internal dan Eksternal. Anda akan lebih mudah menggunakan yang eksternal, karena script CSS akan tersimpan berupa file CSS tersendiri, jadi akan lebih mudah melakukan pengeditan, karena biasanya dihubungkan dengan link. Jika anda melakukan perubahan format, Anda cukup melakukan perubahan pada file CSS, maka halaman yang terhubung dengan file CSS tersebut akan ikut berubah. Jika menggunakan CSS 7
bersifat internal pada halaman, maka bila ada perubahan format harus melakukan banyak pengeditan pada smua file.
4. JAVASCRIPT Pada awalnya JavaScript dikembangkan pada web browser Netscape oleh Brenden Eich dengan nama Mocha, kemudian berubah menjadi Live-Script dan yang akhirnya menjadi JavaScript”. Menurut Zaki (2008:26) “JavaScript adalah skrip program berbasis client yang dieksekusi oleh browser sehingga membuat halaman website bisa melakukan tugastugas tambahan yang tidak bisa dilakukan oleh skrip HTML biasa.” Sedangkan menurut Wahana Komputer (2012:4) “JavaScript merupakan Bahasa scripting turunan dari pemrograman Java. JavaScript digunakan untuk pemrograman web client-side.” Dari pendapat diatas, dapat disimpulkan bahwa JavaScript adalah Bahasa pemrograman yang merupakan pengembangan dari bahasa pemrograman Java, yang digunakan untuk pemrograman web client-side dan dapat berjalan pada web browser. 5. SQL Bahasa query yang utama dalam SQL Server adalah SQL. SQL merupakan bahasa komputer database yang didesain untuk pengembalian dan manajemen data dalam system manajemen database relational (RDBMS), pembuatan dan modifikasi skema database, dan manajemen kontrol akses objek database. SQL telah diakui sebagai bahasa standar pada server basis data, seperti server Oracle, Sybase, Interbase, dll. Oleh karena itu SQL dapat menghubungkan beberapa tabel dari platform yang berbeda. 2.3 Basis Data Menurut Aditama (2012:7) “Database adalah tempat media penyimpanan data kita dalam membuat sebuah program yang berisikan tabel, field dan record yang diselimuti namanya DBMS (Database Management System)”. Di dalam DBMS (Database Management System), terdapat struktur query yang digunakan untuk mengolah database yang dikenal dengan SQL. Dalam proses pembuatan database SQL diperlukan sebuah perangkat lunak yang dikenal dengan nama MySQL. MySQL merupakan salah satu perangkat lunak untuk sistem manajemen database SQL. MySQL merupakan tipe data 8
relasional yang artinya MySQL menyimpan datanya dalam bentuk tabel-tabel yang saling berhubungan. (Wahana Komputer, 2011:15)
2.4 Aplikasi Perancangan Web Dalam perancangan website ini, ada beberapa aplikasi yang digunakan, diantaranya: 1. XAMPP XAMPP adalah apache yang diakui kemampuannya dan keandalannya. XAMPP itu sendiri adalah paket perangkat lunak yang merupakan singkatan dari X (yang berarti memiliki sifat cross-platform), A (webserver Apache), M (database MySQL),P (bahasa pemrograman PHP), P (Bahasa pemrograman Perl). 2. Sublime Text adalah teks editor berbasis Python, sebuah teks editor yang elegan, kaya akan fitur, cross-platform, mudah dan simpel yang cukup terkenal di kalangan pengembang, penulis, dan desainer. Para programmer biasanya menggunakan sublime Text untuk menyunting source code yang sedang ia kerjakan 2.5 Teori Pendukung 1. Struktur Navigasi Menurut Prihatna (2005:51) “Struktur Navigasi adalah susunan menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web”. Navigasi termasuk struktur terpenting dalam pembuatan suatu aplikasi multimedia dan gambarnya harus sudah ada pada tahap perancangan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu
mengorganisasikan
seluruh
elemen
pembuatan
web
dengan
memberikan perintah atau pesan. Ada 4 macam bentuk dasar dari navigasi yang bisa digunakan dalam proses pembuatan web, yaitu: 1. Linear (Satu Alur) Linear (satu alur) merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Dengan kata lain struktur ini hanya hanya dapat menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelum atau satu halaman sesudah dan tidak dapat menampilkan dua halaman sebelumnya atau dua halaman sesudahnya. Salah satu yang terpenting dari sturktur ini adalah tidak diperkenankan terjadinya percabangan 9
2.
Hierarchical (Hirarki) Struktur Hierarchical ini percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page (halaman utama kesatu), halaman utama ini akan mempunyai halaman percabangan yang dikatakan slave page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut akan bernama master page (halaman utama kedua) dan seterusnya. Yang terpenting dari struktur penjejakan ini tidak diperkenankan adanya tampilan secara linear.
3.
Non Linear (Tidak Berurut) Struktur penjejakan
non
Linear
(tidak
berurut)
merupakan
pengembangan diri struktur penjejakan linear. Pada struktur ini diperkenankan membuat penjejakan bercabang. Pemakai bebas menelusuri website tanpa dibatasi oleh suatu rute dimana kontrol navigasi dapat mengakses ke semua halaman manapun. Percabangan yang dibuat pada struktur non linear ini berbeda dengan percabangan pada Hierarchical, karena pada percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada Master page dan Slave page.
4.
Composite (Campuran) 10
Composite (campuran) atau disebut juga struktur penjejakan bebas merupakan gabungan dari ketiga struktur sebelumnya yaitu Linear, Non Linear, dan Hierarchical. Jika suatu tampilan membutuhkan percabangan, maka dapat dibuat percabangan, dan bila dalam percabangan tersebut terdapat suatu tampilan yang sama kedudukannya maka dapat dibuat struktur Linear dalam percabangan tersebut. Setiap struktur peta penjejakan seperti yang baru dibahas mempunyai fungsi dan tujuan tersendiri, tidak ada yang lebih baik atau lebih buruk. Pengguna peta penjejakan bergatung kepada kebutuhan dan tujuan dari Web yang hendak dibuat. Semakin kompleks peta penjejakan yang digunakan, maka semakin sulit pembuatan Page dari peta penjejakan tersebut.
2. Entity Relationship Diagram (ERD) Menurut Yakub (2008:25) mengemukakan bahwa “Entity Relationship Diagram merupakan suatu model jaringan yang menggunakan susunan data yang disimpan pada sistem secara abstrak”. Entity Relationship Diagram (ERD) untuk mendokumentasikan data perusahaan dengan mengidentifikasi jenis entitas (entity) dan hubungannya. ERD juga menggambarkan hubungan antara satu entitas yang memiiki sejumlah atribut dengan entitas yang lain dalam suatu sistem yang terintegrasi. ERD digunakan oleh perancang sistem untuk memodelkan data yang nantinya akan dikembangkan menjadi basis data (database). 3. Pengujian Web Menurut Rosa A.S dan M.Shalahudin (2013b:275) “Black –Box testing (pengujian kotak hitam) yaitu menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program.
Pengujian dimaksudkan untuk mengetahui apakah fungsi-fingsi, masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan”. Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat dengan 11
kasus benar dan kasus salah, misalkan untuk kasus proses login maka kasus uji yang dibuat adalah: 1. Jika user memasukan nama pemakai (user name) dan kata sandi (password) yang benar 2. Jika user memasukan nama pemakai (user name) yang salah, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduanya salah.
BAB III ANALISA DAN PERANCANGAN
12
3.1 Analisa Kebutuhan Fungsional Analisa kebutuhan fungsional yang di butuhkan Pada organisasi atau subbag. Keterampilan dan penguasaan bahasa asing setelah dilakukan analisa dan beberapa pemodelan flowchart adalah sebagai berikut : A. Administrator Login Login ini digunakan administrator untuk masuk ke dalam system admin. Pengelolaan berita atau artikel Dalam hal ini administrator mempunyai hak penuh dalam mengelola website ini yaitu untuk menambahkan berita atau artikel mengenai fashion tips ataupun menghapus dan mengupdate website ini. B. User Berita atau artikel Fungsi awal dari halaman utama ( index ) berisi berita mengenai fashion tips terbaru, style fashion terbaru, iklan dan lain-lain. Comment Fungsi ini untuk user mengisikan komentar dari website ini atau menanyakan apa yang menurut user kurang jelas dalam tips fashion tersebut. Manfaat Setiap website tentunya mempunyai fungsi masing-masing untuk isinya. Untuk hal ini website mengenai Tips Fashion McN memiliki fungsi yaitu untuk para wanita yang bosan dengan fashion nya sendiri, mungkin bisa jadi inspirasi cara berpakaian yang lebih menarik dan cantik karena ada berbagai kategori fashion nya. Kategori tersebut antara lain yaitu Fashion Casual, Fashion Party dan Fashion Hijab. 3.2 Analissa Kebutuhan Non Fungsional Analisa kebutuhan non fungsional dilakukan untuk mengetahui spesifikasi kebutuhan untuk sistem. Spesifikasi kebutuhan melibatkan analisa perangkat keras/hardware, analisa perangkat lunak/software dan analisa pengguna/user. Berikut adalah penjabarannya :
3.2.1
Analisa Kebutuhan perangkat keras Perangkat keras yang dibutuhkan untuk perancangan sistem adalah satu unit
komputer meliputi monitor, motherboard, hardisk, kartu grafis onboard, CD-Drive, Floppy, CPU casing dan telepon untuk konektivitas internet. 3.2.2
Analisa Kebutuhan perangkat lunak
Perangkat lunak yang digunakan dalam perancangan sistem ini adalah : a. Windows 7 13
b. XAMPP Versi 3.2.1 XAMPP adalah software instalasi yang memuat webserver apache, bahasa php, dan Database Server MySQL c. Macromedia dreamweaver CS 6 Digunakan untuk mendesain template website. d. Adobe Photoshop Merupakan perangkat lunak yang tersedia gratis sebagai pondasi Website berbasis Open Source. 3.2.3
Analisa pengguna/user
Brainware (pengguna/user) yang digunakan dalam perancangan sistem ini adalah : a. Webmaster CMS Adalah seorang yang mampu mendesain website menggunakan software-software CMS. b. Analis Sistem Adalah seseorang yang mampu menganalisa kebutuhan sistem informasi dalam pembuatan Website Tips Fashion McN. c. Pengguna Adalah seseorang yang berperan sebagai pengguna website, sehingga mendapat informasi mengenai tips fashion. 3.3 Perancangan Antar Muka Program Aplikasi 3.3.1 Penentuan Isi/ Content Website Website yang akan dibangun berisi informasi umum mengenai perusahaan Junior Apps dan beberapa fitur tambahan yang akan membuat tampilan website semakin menarik. Content halaman website yang akan dibangun: a) Beranda,berisi ucapan selamat datang kepada user dan informasi terbaru perusahaan. b) Layanan, bagian ini berisi beberapa pelayanan dari kami c) Portfolio, adalah bagian dari hasil yang sudah kami kerjakan d) Pemesanan, adalah menunjukkan bagaimana cara pemesanan atau cara untuk order e) Artikel,berisi tempat artikel dan berita terbaru kami. f) Tentang kami didalamnya profile umum perusahaan. g) Hubungi kami,berisi tentang kontak dan cara menghubungi kami.
14
3.3.2 Design dan Prototype Gambar 3.2.1 adalah sebuah rancangan tampilan halaman awal atau index. Top bar LOGO
Beranda
Layanan
Portofolio
Pemesanan
artikel
Tentang
Hubungi
kami
kami
Slider
Website aplication Portofolio
Desktop aplication
15
Mobile aplication
Mengapa memilih kami
Junior apps
Footer
Gambar 3.2.1 Tampilan halaman index Gambar 3.2.2 adalah sebuah rancangan tampilan halaman Service LOGO
Beranda
Plan 1
Layanan
Portofolio
Plan 2
Pemesanan
Artikel
Plan 3
Tentang
Hubungi
kami
kami
Plan 4
Feature
Footer
Gambar 3.2.2 Tampilan halaman Layanan Gambar 3.2.3 adalah sebuah rancangan tampilan halaman Portfolio LOGO
Beranda
Layanan
Portofolio
Pemesana
Artikel
n
Galery project
Footer
Gambar 3.2.3 Tampilan halaman Portfolio
16
Tentang
Hubungi
kami
kami
Gambar 3.2.4 adalah sebuah rancangan tampilan halaman Pemesanan LOGO
Beranda
Layanan
Portofolio
Pemesanan
Artikel
Tentang
Hubungi
kami
kami
Tentang
Hubungi
kami
kami
Feature
Footer
Gambar 3.2.4 Tampilan halaman Pemesanan
Gambar 3.2.5 adalah sebuah rancangan tampilan halaman Artikel LOGO
Beranda
Layanan
Portofolio
Pemesanan
Artikel
Artikel
sidebar
Footer
Gambar 3.2.5 Tampilan halaman Blog Gambar 3.2.6 adalah sebuah rancangan tampilan halaman Tentang kami 17
LOGO
Beranda
Layanan
Portofolio
Pemesana
Artikel
n
Tentang
Hubungi
kami
kami
Profile perusahaan
Kemampuan
Tim kreative kami
Footer
Gambar 3.2.6 Tampilan halaman Tentang kam Gambar 3.2.7 adalah sebuah rancangan tampilan halaman untuk menghubungi kami LOGO
Beranda
Layanan
Portofolio
Pemesanan
Form kontak
Artikel
Tentang
Hubungi
kami
kami
Informasi
Footer
Gambar 3.2.7 Tampilan halaman menghubungi kami / memberi feedback 3.3.2 Desain Tampilan Admin 18
Gambar 3.3.1 adalah sebuah rancangan tampilan halaman utama
Gambar 3.3.1 Tampilan halaman utama
Gambar 3.3.2 adalah sebuah rancangan tampilan halaman data user / user
Gambar 3.3.2 Tampilan halaman manage data user
19
Gambar 3.3.3 adalah sebuah rancangan tampilan halaman data user / user
Gambar 3.3.3 Tampilan halaman manage artikel
Gambar 3.3.4 adalah sebuah rancangan tampilan halaman galery
Gambar 3.3.4 Tampilan halaman manage gallery 20
3.4 Struktu Navigasi 3.4.1 Struktur Navigasi User / Pengunjung
3.4.2 Struktur Navigasi Admin
21
3.5 Rancangan Basis Data
22
3.6 Spesifikasi file 3.6.1.Tabel admin No 1 2 3 4 5
Elemen data Id_user email pass nama level
Akronim iduser email pass nama level
Tipe INT Varchar Varchar Varchar INT
Panjang 11 30 30 30 1
Keterangan Primary key
Akronim kdartikel kdkategori judul pengirim isi tgl wkt publish
Tipe INT varchar text varchar text date Time varchar
Panjang 11 255
Keterangan Primary key
Akronim Id Layanan Nama Gambar Keterangan
Tipe Int Varchar Varchar Varchar Text
Panjang 11 255 30 255
keterangan Primarykey
Akronim Kdkategori Kategori
Tipe Int Varchar
Panjang 11 255
Keterangan Primarykey
3.6.2 Tabel artikel No 1 2 2 3 4 5 6 7
Elemen data kdartikel kdkategori judul pengirim isi tgl wkt Publish
35
4
3.6.3 Tabel galeri No 1 2 3 4 5
Elemen data id layanan nama gambar keterangan
3.6.4 Tabel kategori_artikel No 1 2
Elemen data kdkategori kategori
BAB VI PENUTUP 4.1 Kesimpulan Berdasarkan pembahasan pada bab-bab sebelumnya, maka pada bab ini yang merupakan bab terakhir dari makalah ini, penulis akan mecoba menarik kesimpulan yakni sebagai berikut : 23
1) Basisdata sangat dibutuhkan dalam pembuatan sebuah situs web, karena distribusi data dalam situs tersebut tidak akan berjalan dengan baik tanpa basis data. 2) Dalam hal ini kecepatan dan efektifitas waktu adalah faktor yang paling penting. Dengan menggunakan website sebagai sarana pelayanan promosi dan layanan secara online akan sangat membantu dalam proses tersebut. 3) konsumen dan masyarakat umum pengguna internet dapat dengan mudah mendapatkan informasi seputar layanan pemesanan yang ditawarkan. 4.2 Saran Dengan terselesainya perancangan website Junior Apps pada penyedia jasa pembuatan website,Program desktop dan Mobile Apps ini dan dalam sub bab terakhir ini penulis ingin memberikan saran dan harapan yang dapat memberikan masukan yakni : 1) Pembuatan website ini masih sangat terbilang sederhana, terutama dari segi tampilan dan segi keamanan, ada baiknya untuk tahap pengembangan sistem baru diharapkan dibuat semenarik mungkin dan dikembangkan lebih lanjut dengan tambahan informasi yang lebih lengkap lagi yang pastinya bisa lebih bermanfaat 2)
bagi pengelola dan pengguna website tersebut. Perancangan website ini diharapkan bisa lebih interaktif agar informasi yang
diinginkan pengguna dapat lebih bermanfaat lagi. 3) Diharapkan dunia bisnis harus lebih tanggap dengan perkembangan teknologi agar tidak tertinggal dengan negara-negara yang lebih maju. 4) Diharapkan juga pembisinis dapat memasyarakatkan metode transaksi secara online.
DAFTAR PUSTAKA Hakim, Lukmanul dan Musalini, Uus. Cara Mudah Memadukan Web Design dan Web Programming. Jakarta:Elex Media Komputindo. 2004. Imansyah, Muhammad. PHP dan MySQL Untuk Orang Awam. Palembang:Maxikom. 2003 Arbie. Manajemen Database dengan MySQL. Yogyakarta:ANDI. 2003 Kadir, Abdul. Dasar Pemrograman Web Dinamis Menggunakan PHP. Yogyakarta: ANDI. 2002 24
Deliana Hartini, Lisye Mareta Cahya dan Kikis Sabrina Kaisariza. 2009. Database dengan SQL Server 2005. Jakarta: Mitra Wacana Media.
25
