Flowchart Diagram Alir Perancangan Halaman Website

2.8 Flowchart Diagram Alir

Sistem flowchart merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem. Bagan ini menjelaskan urutan-urutan dari prosedur- prosedur yang ada di dalam sistem dengan menggunakan simbol-simbol. Simbol-simbol yang terdapat dalam sistem flowchart adalah : Simbol Kegunaan Terminal point symbol Simbol titik terminal digunakan untuk awal dan akhir suatu proses InputOutput symbol Simbol inputoutput digunakan untuk mewakili data inputoutput Process symbol Simbol proses digunakan untuk menunjukkan pengeluaran yang dilakukan oleh komputer Predefined process symbol Simbol proses definisi digunakan untuk menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain Connector symbol Simbol penghubung digunakan untuk menunjukkan sambungan dari bagan alir yang terputus di halaman yang masih sama Off line connector symbol Simbol pemutus hubungan digunakan untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain Magnetic disk symbol Simbol magnetic digunakan untuk menunjukkan database yang dipakai dalam program Universitas Sumatera Utara Decission symbol Simbol keputusan digunakan untuk suatu penyeleksian kondisi di dalam program Preparation symbol Simbol persiapan digunakan untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan di dalam storage Document symbol Simbol dokumen merupakan simbol untuk menunjukkan data yang berbentuk kertas maupun informasi Line connector Arusflow dari prosedur yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri ke kanan dan sebaliknya. Tabel 2.5 Simbol - Simbol pada Flowchart Universitas Sumatera Utara BAB 3 PERANCANGAN SISTEM

3.1 Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file yang lain sehingga membentuk satu kesatuan data dalam batasan tertentu. Database dapat di umpamakaan sebagai sebuah tempat penyimpanan data yang terstuktur agar dapat diakses dengan cepat dan mudah. Penulis membuat beberapa table dalam database. Pembuatan database dan table-tabel mempergunakan fasilitas MYSQL dengan terlebih dahulu login sebagai user. Di bawah ini ada gambaran masing-masing table.

3.1.1 Database SMS Gateway

Database ini merupakan database standar default dari program SMS gateway GAMMU versi 1.21.90-Windows. Berikut langkah-langkahnya : 1. Buat database “smsd” 2. Impor file mysql.sql yang berada pada program GAMMU versi 1.21.90- Windows. 3. Database program SMS gateway GAMMU versi 1.21.90-Windows siap digunakan. Universitas Sumatera Utara

3.1.2 Database Polling

Tabel 3.1 Tabel data_polling Field Data Type Data Size Description id Integer 5 Id Primary Key pilihan Varchar 3 Kode Pilihan nim Varchar 45 Nim Kandidat vote Varchar 10 Suara yang diperoleh Tabel 3.2 Tabel data_mahasiswa Field Data Type Data Size Descriptioin id Integer 5 id Primary Key nim Varchar 9 Nim Mahasiswa nama Varchar 50 Nama Mahasiswa jk Varchar 10 Jenis kelamin Mahasiswa ttl Varchar 25 Tempat, tanggal lahir Mahasiswa agama Varchar 10 Agama kelas Varchar 10 Kelas alamat Varchar 100 Alamat Mahasiswa telp Varchar 12 No. TelpHP Mahasiswa stambuk Varchar 4 Tahun Masuk Mahasiswa gambar Varchar 50 Foto Mahasiswa Tabel 3.3 Tabel data_admin Field Data Type Data Size Descriptioin id Integer 5 Id Primary Key user Varchar 10 User Admin Universitas Sumatera Utara password Varchar 10 Password Admin

3.2 Perancangan Halaman Website

Tahap perancangan halaman website adalah menentukan dan membuat rancangan tampilan dari situs yang akan dibuat. Kumpulkan terlebih dahulu komponen yang akan digunakan. Untuk membuat rancangan tampilan kita dpat menggunakan software pengolah grafik seperti Adobe Photoshop CS. 1. Perancangan Halaman Home Gambar 3.1 Tampilan Halaman Home Universitas Sumatera Utara 2. Perancangan Halaman Hasil Polling Gambar 3.2 Tampilan Halaman Hasil Polling 3. Perancangan Halaman Grafik Polling Universitas Sumatera Utara Gambar 3.3 Tampilan Halaman Grafik Polling 4. Perancangan Halaman Login Admin Gambar 3.4 Tampilan Halaman Login Admin 5. Perancangan Halaman Administrator Universitas Sumatera Utara Gambar 3.5 Tampilan Halaman Administrator

3.3 Pembuatan Flowchart Diagram Alir