BAB 3 PERANCANGAN APLIKASI
3.1 Perancangan Aplikasi
Perancangan Aplikasi adalah upaya suatu organisasi atau lembaga untuk memulai memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan
sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user pemakai
mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan.
3.2 Data Flow Diagram DFD
Data Flow Diagram adalah suatu gambaran grafis dalam suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur, jelas, dan menggunakan
bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan. Gambaran ini tidak tergantung pada perangkat keras,
perangkat lunak, struktur data atau organisasi. Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Universitas Sumatera Utara
1. Diagram Konteks
Gambar 3.1 Data Flow Diagram DFD Diagram Konteks
Dengan adanya aliran informasi dapat membantu dal am menggambarkan isi dari setiap halaman dan link atau navigasi antara halaman-halaman di dalam situs
tersebut. Di samping itu, juga dapat mempermudah dalam mengatur kode dan file HTMLnya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara
sederhana aliran informasi dalam membangun situs ini dapat dilihat pada gambar di bawah ini:
Universitas Sumatera Utara
Gambar 3.2 Sitemap Situs
Universitas Sumatera Utara
3.3 Bagan Alur Flowcahart 3.3.1 Flowchart Menu Utama
Gambar 3.3 Flowchart Halaman Utama
Universitas Sumatera Utara
3.4 Instalasi Microsoft Visual Studio 2013
Ternyata instalasi Visual Studio itu tidak sesimpel yang kita bayangkan. Prosesnya lumayan lama untuk ukuran menginstall sebuah software. Dengan dibandingkan
software sejenis yaitu Netbeans IDE atau bahkan Eclipse IDE yang tidak perlu installasi. Cukup membuat kita mengambil kesimpulan bahwa dependensi library dan
packages package sangat banyak sekali di dalamnya. Langkah pertama adalah kita harus mendownload installernya dari Website
Microsoft. Kita harus login menggunakan account microsoft, jika kita tidak mempunyainya maka kita harus mendaftar terlebih dahulu. Ukuran file dai Microsoft
Visual Studio 2013 hampir mencapai ukuran 1024mb atau 1gb dalam bentuk .iso yang harus diburning terlebih dahulu ke CD atau kita juga bias memakai virtual disk drive
untuk menjalankannya. Tetapi bisa juga digunakan dengan cara lain yaitu file .iso di extract sehingga file installer setup .exe bisa dijalankan. Dan hasilnya seperti berikut
ini:
Universitas Sumatera Utara
Gambar 3.4 Tampilan awal instalasi Microsoft Visual Studio 2013
Langkah kedua,tentukan lokasi installasi dan relakan space harddisk kurang lebih 5gb. Hal ini wajib dilakukan agar space dari kapasitas dari system harddisk kita tidak
penuh dan juga tidak menyebabkan terganggunya space dari system operasi yang kita gunakan. Lalu kemudian kita juga harus menyetujui License Terms and Privacy
Policy tau syarat dan ketentuan yang berlaku dari Aplikasi tersebut.
Universitas Sumatera Utara
Gambar 3.5 Tampilan persertujuan lisensi
Kemudian kita klik atau pilih install dan selanjutnya kita akan ikuti langkah- langkahnya saja. Maka mulai dari proses pengcopyan file hingga instalasi dai
Micosoft Visual Studio tersebut akan berjalan. Proses Instalasi dibagian ini membutuhkan waktu yang sangat lama atau tergantung dari spesifikasi hardware
Universitas Sumatera Utara
computer yang kita gunakan,semakin tinggi spesifikasi hardware yang kita gunakan maka semakin cepat proses instalasi ini akan selesai,demikian sebaliknya.
Gambar 3.6 Tampilan proses penyalinan file dan instalasi
Setelah proses tersebut selesai dan tidak terjadi error, imaka tampilan selanjutnya adalah
“Setup Successful” atau Instalasi telah berhasil dilakukan.
Gambar 3.7 Tampilan Setup Successful
Universitas Sumatera Utara
Gambar 3.8 Tampilan “Launch” atau jalankan.
Langkah ketiga yaitu menjalankan visual studio untuk pertama kalinya. Kita harus sign in terlebih dahulu menggunakan user account Microsoft atau apabila kita tidak
memiliki akun tersebut kita dapat mel ewatkannya dengan cara memilih “not
now,maybe later”.
Gambar 3.9 Tampilan Sign in dari aplikasi Microsoft Visual Studio 2013
Setelah itu tampilan selanjutnya kita akan masuk ke halaman atau tampilan awal dari sebuah Aplikasi Microsoft Visual Studio 2013. Banyak program yang dapat dibuat
Universitas Sumatera Utara
dengan menggunakan aplikasi ini, aplikasi Microsoft Visual Studio 2013 dapat membuat aplikasi Web , Antivirus , Perhitungan dan lain sebagainya. Penulis memilih
membuat aplikasi Web Browser dengan nama D3 TI USU , karena web browser adalah aplikasi yang paling sering digunakan oleh masyarakat untuk menjelajah
internet
Gambar 3.10 Tampilan lembar kerja awal dari Aplikasi Microsoft Visual Studio 2013
Tampilan pertama kali dari Microsoft Visual Studio pasti mengingatkan kita pada tampilan dari Desktop Linux pada pertama kali juga mirip dengan Tampilan dari
Microsoft Windows Classic pada jaman dahulu. Tetapi di Microsoft Visual Studio
Universitas Sumatera Utara
2013 terdapat tiga buah Thema atau warna tampilan yakni Blue , Black , White. Jadi kita dapat memilih tampilan tema sesuai dengan selera kita .
Gambar 3.11 Tampilan Menu bar pada Aplikasi Microsoft Visual Studio 2013
Selanjutnya kita sudah dapat memulai project atau pekerjaan kita membuat sebuah aplikasi dengan menggunakan Aplikasi Microsoft Visual Studio 2013
Gambar 3.12 Tampilan New Project dalam Aplikasi Microsoft Visual Studio 2013
Universitas Sumatera Utara
3.5 Aplikasi Web Browser D3 TI USU