1
PERANCANGAN SISTEM INFORMASI AKREDITASI
PROGRAM STUDI SEKOLAH TINGGI TEKNOLOGI
INDUSTRI (STTIND) PADANG BERBASIS WEBSITE
Oleh :
NURMAINI
YAYASAN MUHAMMAD YAMIN
SEKOLAH TINGGI TEKNOLOGI INDUSTRI
STTIND PADANG
2017
2
PERANCANGAN SISTEM INFORMASI AKREDITASI
PROGRAM STUDI SEKOLAH TINGGI TEKNOLOGI
INDUSTRI (STTIND) PADANG BERBASIS WEBSITE
SKRIPSI
Untuk memenuhi sebagian persyaratan
guna memperoleh gelar Sarjana Komputer
Oleh :
NURMAINI
1310024262007
YAYASAN MUHAMMAD YAMIN
SEKOLAH TINGGI TEKNOLOGI INDUSTRI
STTIND PADANG
2017
3
HALAMAN PERSETUJUAN SKRIPSI
Judul : Perancangan Sistem Informasi Akreditasi
Program Studi Sekolah Tinggi Teknologi Industri
(STTIND) Padang
Nama : Nurmaini
NPM : 1310024262007
Program Studi : Sistem Informasi
Padang, 10 Maret 2017
Menyetujui :
Pembimbing I, Pembimbing II,
Nofriadiman, ST, M.Kom Veni Wedyawati, M.Kom
NIDN. 1030117901 NIDN. 1015098901
Ketua Jurusan, PLT Ketua STTIND Padang,
Veni Wedyawati, M.Kom Tri Ernita, ST, MP
NIDN. 1015098901 NIDN. 1028027801
4
PERANCANGAN SISTEM INFORMASI AKREDITASI
PROGRAM STUDI SEKOLAH TINGGI TEKNOLOGI INDUSTRI
(STTIND) PADANG
Nama : Nurmaini
NPM : 1310024262007
Pembimbing I : Nofriadiman, ST, M.Kom
Pembimbing II : Veni Wedyawati M.Kom
RINGKASAN
Sekolah Tinggi Teknologi Industri (STTIND) Padang adalah salah satu
instansi pendidikan berbentuk sekolah tinggi yang sudah menerapkan teknologi
informasi baik sebagai pendukung aktifitas akademik maupun aktifitas pendukung
non akademik lainnya. Untuk mendapatkan status akreditasi, diperlukan informasi
mengenai Program Studi yang didapatkan dari pengisian instrumen penilaian
akreditasi. Sistem pengarsipan akreditasi Program Studi STTIND Padang saat ini
masih berbentuk manual.
Data-data yang diperlukan untuk akreditasi masih tersimpan dalam
berbagai sumber, sehingga untuk melakukan akreditasi harus mengumpulkan
data-data tersebut yang membuat pihak kampus dan para Dosen kesulitan mencari
data akreditasi ketika batas akreditasi hampir habis, data akreditasi tidak
tersimpan dengan rapi, Program Studi sering kehilangan data pendukung
akreditasi dalam bentuk lampiran, serta lamanya proses borang (akreditasi) pada
STTIND Padang.
Untuk itu dalam penelitian ini dilakukan perancangan sistem informasi
akreditasi Program Studi berbasis website yang khususnya untuk pengarsipan, dan
MySQL sebagai media database.
Dengan adanya Aplikasi web akreditasi membuat pekerjaan penyiapan
bahan akreditasi oleh tim akreditasi lebih efisien dari sistem yang sebelumnya.
Aplikasi web akreditasi ini dapat membantu perguruan tinggi mendapatkan data
arsip akreditasi sesuai yang diinginkan.
Kata kunci : Sistem Informasi, Pengarsipan, Akreditasi, MySQL dan
Website
5
PERANCANGAN SISTEM INFORMASI AKREDITASI
PROGRAM STUDI SEKOLAH TINGGI TEKNOLOGI INDUSTRI
(STTIND) PADANG
Nama : Nurmaini
NPM : 1310024262007
Pembimbing I : Nofriadiman, ST, M.Kom
Pembimbing II : Veni Wedyawati M.Kom
SUMMARY
Sekolah Tinggi Teknologi Industri (STTIND) Padang is one of the
educational institutions in the form of high schools that have applied information
technology both as a supporting activity supporting academic and non academic
activities of others. To obtain accreditation, we need information about the study
programs obtained accreditation assessment of the charging instrument. Study
Program accreditation filing system STTIND Padang is still shaped manually.
The data required for accreditation are still stored in various sources, so
as to perform the accreditation must collect the data that makes the campus and
lecturers trouble finding accreditation data when limits accreditation is low, the
accreditation data is not stored neatly, Program often supporting data loss of
accreditation in the form of attachments, as well as the length of the process of
accreditation forms (accreditation) at STTIND Padang.
Therefore in this research, information system design study program
accreditation based websites specifically for archiving, and MySQL as a media
database.
With the accreditation web applications make the job of preparing
accreditation by the accreditation team more efficiently than the previous system.
This accreditation web applications can help universities obtain accreditation
archived data as desired.
Keywords: Information Systems, Archiving, Accreditation, MySQL and Website
6
KATA PENGANTAR
Puji syukur penulis ucapkan kehadirat Allah SWT yang telah
memberikan rahmat serta karunia-Nya kepada Penulis sehingga berhasil
menyelesaikan Skripsi ini sebagaimana semestinya, dengan judul “Perancangan
Sistem Informasi Akreditasi Program Studi Sekolah Tinggi Teknologi
Industri (STTIND) Padang Berbasis Website”. Selama menyelesaikan Skripsi
ini penulis mendapatkan dorongan dan bantuan dari berbagai pihak, maka dari itu
penulis mengucapkan terima kasih yang setulusnya kepada :
1. Bapak H. Riko Ervil, MT, selaku Ketua Yayasan Muhammad Yamin
Padang.
2. Ibuk Tri Ernita ST, MP, selaku Pelaksana Tugas Ketua Sekolah Tinggi Teknologi
Industri (STTIND) Padang.
3. Ibuk Veni Wedyawati, M.Kom, selaku Ketua Program Studi Sistem Informasi dan
Dosen Pembimbing II
4. Bapak Nofriadiman, ST, M.Kom, selaku Dosen Pembimbing I
5. Kedua orangtua, adik penulis yang telah memberikan semangat, dorongan moril dan
material dalam penyelesaian Skripsi ini.
6. Teman-teman semua pihak yang telah membantu dan mendoakan saya secara
langsung maupun tidak langsung.
Semoga Skripsi ini dapat bermanfaat bagi semua pihak. Penulis
menyadari bahwa Skripsi ini masih jauh dari sempurna, oleh karena itu kritik dan
saran dari semua pihak yang bersifat membangun selalu kami harapkan demi
kesempurnaan Skripsi ini. Mudah-mudahan semua pihak yang telah berperan serta
7
dalam penyusunan ini dari awal sampai akhir. Semoga Allah SWT senantiasa
meridhai segala usaha kita. Amin.
Padang, Maret 2017
Penulis
8
DAFTAR ISI
Halaman
KATA PENGANTAR ................................................................................. i
DAFTAR ISI .............................................................................................. iii
DAFTAR TABEL ...................................................................................... vi
DAFTAR GAMBAR ................................................................................... vii
BAB I PENDAHULUAN
1.1 Latar Belakang ......................................................................... 1
1.2 Identifikasi Masalah ................................................................. 2
1.3 Batasan Masalah ....................................................................... 3
1.4 Rumusan Masalah .................................................................... 3
1.5 Tujuan Penelitian ...................................................................... 3
1.6 Manfaat Penelitian .................................................................... 4
1.6.1 Bagi Penulis .......................................................................... 4
1.6.2 Bagi Institusi ......................................................................... 4
BAB II TINJAUAN PUSTAKA
2.1 Landasan Teori ......................................................................... 5
2.1.1 Sistem .................................................................................... 5
2.1.2 Informasi ............................................................................... 5
2.1.3 Sistem Informasi .................................................................... 5
2.1.4 Perancangan Sistem ............................................................... 6
2.1.5 Unified Modeling Language (UML) ...................................... 6
2.1.6 Basis Data ............................................................................. 9
2.1.7 Macromedia Dreamwaver ..................................................... 10
2.1.8 Hypertex Preprocessor (PHP) ................................................ 11
2.1.9 MySQL ................................................................................. 13
9
2.1.10 XAMPP ............................................................................... 13
2.1.11 Standar Akreditasi Program Studi Sarjana ............................ 14
2.2 Kerangka Konseptual ............................................................... 15
BAB III METODOLOGI PENELITIAN
3.1 Jenis Penelitian ......................................................................... 17
3.2 Tempat dan Waktu Penelitian ................................................... 17
3.2.1 Tempat Penelitian .................................................................. 17
3.2.2 Waktu Penelitian ................................................................... 17
3.3 Variabel Penelitian ................................................................... 17
3.4 Data dan Sumber Data .............................................................. 18
3.5 Langkah-Langkah Metoda Penelitian ........................................ 18
3.6 Kerangka Metodologi ............................................................... 19
BAB VI ANALISA DAN DESAIN SISTEM
4.1 Analisa Sistem .......................................................................... 23
4.1.1 Evaluasi Sistem Yang Sedang Berjalan .................................. 23
4.1.2 Usulan Sistem Baru ............................................................... 24
4.2 Desain Sistem ........................................................................... 24
4.2.1 Use Case Diagram ................................................................. 24
4.2.2 Class Diagram ....................................................................... 29
4.2.3 Sequence Diagram ................................................................. 30
4.2.4 Activity Diagram ................................................................... 34
4.2.5 Desain File ............................................................................ 36
BAB V IMPLEMENTASI SISTEM
5.1 Implementasi Sistem ................................................................. 43
5.2 Desain Database ....................................................................... 43
5.3 Pengujian Sistem ...................................................................... 44
10
5.3.1 Menu Utama .......................................................................... 44
5.3.1.1 Login User .......................................................................... 44
5.3.1.2 Home .................................................................................. 44
5.3.1.3 Buku 3A ............................................................................. 45
5.3.1.4 Evaluasi Diri ....................................................................... 49
5.3.1.5 Download ........................................................................... 53
5.3.1.6 Dokumentasi ....................................................................... 53
5.3.1.7 Komentar ............................................................................ 54
5.3.1.8 Menu Utama Login Admin ................................................. 54
5.3.1.9 Menu Home Admin ............................................................ 55
5.3.1.10 Menu Manajemen User ..................................................... 55
5.3.1.11 Menu Manajemen Modul .................................................. 56
5.3.1.12 Menu Berita ...................................................................... 56
5.3.1.13 Menu Download ............................................................... 57
5.3.1.14 Menu Banner .................................................................... 57
5.3.1.15 Menu Galeri Foto .............................................................. 58
5.3.1.16 Menu Polling .................................................................... 58
5.3.1.17 Menu Komentar ................................................................ 59
BAB VI PENUTUP
6.1 Kesimpulan .............................................................................. 60
6.2 Saran ........................................................................................ 60
DAFTAR KEPUSTAKAAN
LEMBAR KONSULTASI
11
DAFTAR TABEL
Halaman
Tabel 2.1 Simbol Use Case Diagram ................................................... 7
Tabel 2.2 Simbol Class Diagram ......................................................... 8
Tabel 4.1 Desain File Users ................................................................. 37
Tabel 4.2 Desain File Album ............................................................... 37
Tabel 4.3 Desain File Banner .............................................................. 37
Tabel 4.4 Desain File Berita ................................................................ 38
Tabel 4.5 Desain File Download .......................................................... 38
Tabel 4.6 Desain File Gallery .............................................................. 39
Tabel 4.7 Desain File Halaman ............................................................ 39
Tabel 4.8 Desain File Hubungi ............................................................ 39
Tabel 4.9 Desain File Identitas ............................................................ 40
Tabel 4.10 Desain File Kategori ............................................................ 40
Tabel 4.11 Desain File Mainmenu ......................................................... 41
Tabel 4.12 Desain File Polling .............................................................. 41
Tabel 4.13 Desain File Sekilas Info ....................................................... 41
Tabel 4.14 Desain File Submenu ........................................................... 42
12
DAFTAR GAMBAR
Halaman
Gambar 2.1 Kerangka Konseptual .......................................................... 15
Gambar 3.1 Kerangka Metodologi .......................................................... 20
Gambar 4.1 Use Case Diagram .............................................................. 25
Gambar 4.2 Class Diagram .................................................................... 30
Gambar 4.3 Sequence Diagram Admin ................................................... 31
Gambar 4.4 Sequence Diagram User ...................................................... 31
Gambar 4.5 Sequence Diagram Tim Borang 1 ........................................ 32
Gambar 4.6 Sequence Diagram Tim Borang 2 ........................................ 32
Gambar 4.7 Sequence Diagram Tim Borang 3 ........................................ 33
Gambar 4.8 Sequence Diagram Tim Borang 4 ........................................ 33
Gambar 4.9 Activity Diagram Admin dan User ....................................... 34
Gambar 4.10 Activity Diagram Tim Borang 1 dan Tim Borang 2 .............. 35
Gambar 4.11 Activity Diagram Tim Borang 3 dan Tim Borang 4 .............. 35
Gambar 5.1 Tabel Pada Database ........................................................... 43
Gambar 5.2 Tampilan login User ............................................................ 44
Gambar 5.3 Tampilan Home ................................................................... 45
Gambar 5.4 Tampilan Buku 3A Standar 1 Visi, Misi dan Sosialisasi ...... 46
Gambar 5.5 Tampilan Buku 3A Standar 2 .............................................. 46
Gambar 5.6 Tampilan Buku 3A Standar 3 .............................................. 47
Gambar 5.7 Tampilan Buku 3A Standar 4 .............................................. 47
Gambar 5.8 Tampilan Buku 3A Standar 5 .............................................. 48
Gambar 5.9 Tampilan Buku 3A Standar 6 .............................................. 48
Gambar 5.10 Tampilan Buku 3A Standar 7 .............................................. 49
Gambar 5.11 Tampilan Evaluasi Diri Komponen A .................................. 49
13
Gambar 5.12 Tampilan Evaluasi Diri Komponen B .................................. 50
Gambar 5.13 Tampilan Evaluasi Diri Komponen C ................................... 50
Gambar 5.14 Tampilan Evaluasi Diri Komponen D ................................... 51
Gambar 5.15 Tampilan Evaluasi Diri Komponen E ................................... 51
Gambar 5.16 Tampilan Evaluasi Diri Komponen F ................................... 52
Gambar 5.17 Tampilan Evaluasi Diri Komponen G ................................... 52
Gambar 5.18 Tampilan Download ............................................................. 53
Gambar 5.19 Tampilan Dokumentasi ........................................................ 53
Gambar 5.20 Tampilan Komentar .............................................................. 54
Gambar 5.21 Tampilan Menu Login Admin .............................................. 54
Gambar 5.22 Tampilan Menu Home Admin .............................................. 55
Gambar 5.23 Tampilan Manajemn User .................................................... 55
Gambar 5.24 Tampilan Manajmenen Modul .............................................. 56
Gambar 5.25 Tampilan Menu Berita ......................................................... 56
Gambar 5.26 Tampilan Menu Download ................................................... 57
Gambar 5.27 Tampilan Menu Banner ........................................................ 57
Gambar 5.28 Tampilan Galeri Foto ........................................................... 58
Gambar 5.29 Tampilan Menu Polling ........................................................ 58
Gambar 5.30 Tampilan Menu Komentar .................................................... 59
14
BAB I
PENDAHULUAN
1.1 Latar Belakang
Pada masa di era globalisasi saat ini, perkembangan pengetahuan ilmu
teknologi sangat pesat, apalagi saat sekarang ini sangat mudah mempelajari dan
membuat program yang menarik dan berguna tanpa harus bekerja manual lagi.
Status akreditasi merupakan cerminan kinerja sebuah Program Studi dalam
menggambarkan mutu, efisiensi, serta relevansi suatu Program Studi yang
diselenggarakan. Untuk mendapatkan status akreditasi, diperlukan informasi
mengenai Program Studi yang didapatkan dari pengisian instrumen penilaian
akreditasi dengan terlebih dahulu membuat dokumen evaluasi diri Program Studi.
Sarana yang digunakan untuk mengumpulkan informasi tersebut adalah borang
(form isian) akreditasi. Akreditasi dilakukan pada periode tertentu yaitu selama 5
tahun. Untuk Program Studi di STTIND Padang pengelolaan akreditasi belum
dilakukan dengan mengunakan sistem yang khusus untuk menangani data yang
dibutuhkan dalam pengisian akreditasi.
Sistem pengarsipan akreditasi Program Studi STTIND Padang saat ini
masih berbentuk manual. Data-data yang diperlukan untuk akreditasi masih
tersimpan dalam berbagai sumber, sehingga untuk melakukan akreditasi harus
mengumpulkan data-data tersebut yang membuat pihak kampus dan para Dosen
kesulitan mencari data akreditasi ketika batas akreditasi hampir habis, data
akreditasi tidak tersimpan dengan rapi, Program Studi sering kehilangan data
pendukung akreditasi dalam bentuk lampiran, serta lamanya proses borang
(akreditasi) pada STTIND Padang. Maka dari itu waktu yang digunakan untuk
15
mengelola dan membaca dokumen-dokumen tersebut kurang efisien. Sejalan
dengan perkembangan teknologi informasi dan komunikasi yang menawarkan
kemudahan dan kecepatan dalam menyampaikan akses informasi untuk
memenuhi kebutuhan dalam melakukan akreditasi lebih cepat dan mudah.
Untuk itu diperlukan suatu sistem informasi yang dapat mengelola dan
menyimpan data borang akreditasi yang sekaligus dapat menjadi sarana untuk
menampung serta menampilkan informasi mengenai Program Studi. Sistem
tersebut juga bisa dijadikan template untuk menggambarkan kinerja Program
Studi dan dapat dimanfaatkan oleh Program Studi yang lainnya. Tugas penulis
akan membuat sistem informasi pengolahan akreditasi STTIND Padang berbasis
Website. Website merupakan halaman situs sistem informasi yang dapat diakses
secara cepat . Website ini didasari dari adanya perkembangan teknologi informasi
dan komunikasi. Melalui perkembangan teknologi informasi, tercipta suatu
jaringan antar komputer yang saling berkaitan. Penulis akan merancang suatu
website yang memiliki tabel login dimana terdapat beberapa user dari pihak yang
terkait dan dapat dilihat umum. Berdasarkan uraian-uraian diatas maka penulis
mengangkat permasalahan tersebut sebagai bahan penelitian. Adapun judulnya
yaitu “Perancangan Sistem Informasi Akreditasi Program Studi Sekolah
Tinggi Teknologi Industri (STTIND) Padang Berbasis Website”.
1.2 Identifikasi Masalah
Berdasarkan latar belakang diatas, maka permasalahan yang terjadi
adalah sebagai berikut :
1. Pengarsipan akreditasi STTIND Padang masih manual.
16
2. Program Studi sering kehilangan data pendukung akreditasi dalam bentuk
lampiran.
3. Data-data akreditasi tidak tersimpan dengan rapi.
1.3 Batasan Masalah
Berdasarkan identifikasi masalah diatas penulis membatasi permasalahan
hanya akan merancang Sistem Informasi Akreditasi Program Studi di STTIND
Padang yang khususnya dapat berfungsi sebagai penyimpanan file borang
akreditasi yang sekaligus dapat menjadi tempat untuk menampung informasi
mengenai Program Studi.
1.4 Rumusan Masalah
Berdasarkan batasan masalah di atas, penulis dapat merumuskan masalah
sebagai berikut :
1. Bagaimana cara membuat Aplikasi akreditasi STTIND Padang?
2. Bagaimana menciptakan kinerja yang efisien dengan pembuatan Aplikasi
akreditasi STTIND Padang ?
1.5 Tujuan Penelitian
Dari penjelasan masalah di atas dapat di uraikan beberapa tujuan yaitu :
1. Membuat Aplikasi akreditasi STTIND Padang.
2. Menciptakan kinerja yang efisien dengan Aplikasi akreditasi STTIND
Padang.
17
1.6 Manfaat Penelitian
1.6.1 Bagi Penulis
Memberikan gambaran dan pengalaman bagi penulis bagaimana cara
membuat sebuah sistem informasi borang akreditasi sekaligus dapat menerapkan
dan mengaplikasikan ilmu yang sudah didapat.
1.6.2 Bagi Institusi
a. Dapat membantu dan mempermudah pihak kampus dan Dosen dalam
menemukan data-data borang.
b. Diharapkan dengan menciptakan suatu akreditasi yang baik, penelitian ini
dapat meningkatkan kualitas dan mutu kinerja STTIND Padang.
c. Supaya pihak kampus dan Dosen merasa nyaman dan tidak perlu
mengalami masalah lagi dalam borang (akreditasi).
d. Memberikan kemudahan dalam mengakses informasi borang akreditasi
serta memberi kemudahan dalam mengelola dan menyimpan data-data
borang.
e. Sebagai referensi untuk institusi.
18
BAB II
TINJAUAN PUSTAKA
2.1 Landasan Teori
Berikut adalah beberapa teori yang berkaitan dengan penelitian yang
akan di analisa dan dirancang oleh penulis.
2.1.1 Sistem
Sistem adalah kumpulan elemen yang saling berinteraksi untuk mencapai
satu tujun tertentu menurut Hariyanto (2008:27).
2.1.2 Informasi
Informasi menurut Sutarman (2009:14) adalah sekumpulan fakta (data)
yang diorganisasikan dengan cara tertentu sehingga mereka mempunyai arti bagi
si penerima.
2.1.3 Sistem Informasi
Menurut Sutarman (2009:13), Sistem Informasi merupakan suatu
kumpulan, proses, menyimpan, menganalisis, menyebarkan informasi untuk
tujuan tertentu. Sebuah sistem informasi terdiri dari atas input (data, instruksi) dan
output (laporan, kalkulasi).
Satu tujuan utama dari sistem informasi adalah memproses data kedalam
informasi atau pengetahuan secara ekonomis. Data-data yang diproses ini bisa
merupakan benda, kejadian, aktivitas dan transaksi yang direkam,diklasifikasikan,
dan disimpan, tetapi tidak terorganisasi untuk menyampaikan arti tertentu.
19
2.1.4 Perancangan Sistem
Menurut Satzinger, Jackson, Burd (2012:5), Perancangan sistem adalah
sekumpulan aktivitas yang menggambarkan secara rinci bagaimana sistem akan
berjalan. Hal itu bertujuan untuk menghasilkan produk perangkat lunak yang
sesuai dengan kebutuhan user.
2.1.5 Unified Modeling Language (UML)
Unified Modeling Language (UML) adalah sebuah “bahasa” yang telah
menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem. Dengan menggunakan UML kita dapat
membuat model untuk semua jenis aplikasi piranti lunak dimana piranti tersebut
dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun, serta ditulis
dalam bahasa pemrograman apapun (Yuni Sugiarti, 2013:34). Adapun diagram
yang dipakai yaitu :
1. Use Case Diagram
Use Case Diagram merupakan pemodelan untuk menggambarkan
kelakuan (behavior) sistem yang akan dibuat. Diagram Use Case
mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem yang
akan dibuat.
20
Tabel 2.1
Simbol Use Case
Simbol Deskripsi
Use Case
Fungsionalitas yang disediakan sistem sebagai unit-unit
yang saling bertukar pesan antar unit atau aktor,
biasanya dinyatakan dengan menggunakan kata kerja di
awal frase nama use case
Aktor
Orang, proses, atau sistem lain yang berintekrasi dengan
sistem informasi yang akan dibuat di luar sistem
informasi yang akan dibuat itu sendiri, jadi walaupun
simbol dari aktor adalah gambar orang, tapi aktor belum
tentu merupakan orang; biasanya dinyatakan
menggunakan kata benda di awal frase nama aktor
Asosiasi/assiciation
komunikasi antara aktor dan use case yang
berpartisipasi pada use case atau use case memiliki
interaksi dengan aktor
Extend
Relasiuse case tambahan ke sebuah use case dimana use
case yang ditambahkan dapat berdiri sendiri walaupun
tanpa use case tambahan itu;
Include
Relasiuse case tambahan kesebuah use case dimana use
case yang ditambahkan memerlukan use ini untuk
menjalankan fungsinya atau sebagai syarat dijalankan
use case ini. Sumber : Sugiarti, Yuni, S.T.M.Kom.Analisa dan Perancangan UML Generated VB6.2013
2. Class Diagram
Diagram kelas atau class diagram menggambarkan struktur sistem dari
segi pendefenisian kelas-kelas yang akan dibuat untuk membangun sistem. Kelas
memiliki apa yang disebut atribut dan metode atau operasi. Diagram kelas
mendeskripsikan jenis-jenis objek dalam sistem dan berbagai hubungan statis
yang terdapat diantara mereka.
21
Tabel 2.2
Simbol Class Diagram
Simbol Deskripsi
Package
Merupakan sebuah bungkusan dari satu atau lebih
class.
Operasi Kelas pada struktur sistem.
Interface
Sama dengan konsep interface dalam
pemrograman berorientasi objek.
Asosiasi
Relasi antar kelas dengan makna umum, asosiasi
biasanya juga disertai dengan multiplicity
Asosiasi berarah/directed
asosiasi
Relasi antar kelas dengan makna kelas yang satu
digunakan oleh kelas yang lain, asosiasi biasanya
juga disertai dengan multiplicity
Generalisasi
Relasi antar kelas dengan makna generalisasi-
spesialisasi (umumkhusus)
Kebergantungan/defedency
Relasi antar kelas dengan makna kebergantungan
antar kelas
Agregasi Relasi antar kelas dengan makna semua bagian
Sumber : Sugiarti, Yuni, S.T.M.Kom.Analisa dan Perancangan UML Generated VB6.2013
22
3. Sequence Diagram
Sequence Diagram menggambarkan kelakuan/perilaku objek pada use
case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan
dan diterima antar objek.
4. Activity Diagram
Activity Diagram menggambarkan berbagai alir aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang
mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram merupakn
state diagram khusus, dimana sebagian besar state adalah action dan sebagian
besar transisi di-trigger oleh selesainya state sebelumnya (internal processing).
2.1.6 Basis Data
Menurut Janner Simarmata (2007) Basis data (database) merupakan
kumpulan dari data yang saling berhubungan satu dengan yang lainnya, tersimpan
dalam perangkat keras komputer dan digunakan perangkat lunak untuk
memanipulasinya. Basis data sendiri dapat didefinisikan dalam sejumlah sudut
pandang seperti :
1) Himpunan kelompok data (arsip) yang saling berhubungan yang
diorganisasi sedemikian rupa agar dapat dimanfaatkan kembali dengan cepat
dan mudah.
2) Kumpulan data yang saling berhubungan yang disimpan secara bersama-
sama sedemikian rupa dan tanpa perulangan (redundansi) yang tidak perlu
untuk memenuhi beberapa kebutuhan.
23
3) Kumpulan file teman tabel yang saling berhubungan yang disimpan dalam
media penyimpan elektronis.
Prinsip utama dari basis data adalah pengaturan data atau arsip, dan
tujuan utama adalah kemudahan dan kecepatan dalam pengambilan kembali data
atau arsip. Satu hal yang juga harus diperhatikan, bahwa basis data bukan hanya
sekedar penyimpanan data secara elektronis (dengan bantuan komputer). Artinya
tidak semua bentuk penyimpanan data secara elektronis bisa disebut basis data.
Kita dapat menyimpan dokumen berisi data dalam bentuk file teks (dengan
program pengolah kata), tetapi tidak bisa disebut sebagai basis data. Karena
didalamnya tidak ada pemilihan dan pengelompokan sesuai jenis atau fungsi data,
sehingga akan menyulitkan pencarian data nantinya. Basis data sangat
menonjolkan pengaturan, pemilihan, pengelompokan, pengorganisasian dan yang
akan kita simpan sesuai dengan fungsi atau jenisnya. Pemilihan, pengelompokan,
pengorganisasian ini dapat berbentuk jumlah file atau tabel terpisah atau dalam
bentuk pendefinisian kolom-kolom atau field-field data dalam setiap file atau
tabel.
2.1.7 Macromedia Dreamwaver
Macromedia Dreamweaver adalah sebuah editor web profesional yang
digunakan untuk mendisain dan mengelola situs web atau halaman web.
Dreamweaver paling sering digunakan oleh web desainer atau web programmer
dalam mengembangkan suatu situs web. Hal ini disebabkan area kerja, fasilitas,
dan kemampuan Dreamweaver yang makin powerfull dan menunjang peningkatan
produktifitas dan efektifitas untuk mendisain atau membangun situs web.
24
Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup
lengkap, mencakup: (Firdaus,2007)
a. Mendesain halaman web.
b. Menggunakan CSS.
c. Bekerjakan dengan gambar.
d. Bekerja dengan frame.
e. Bekerja dengan form.
f. Bekerja dengan media dan lain – lain.
2.1.8 Hypertex PreProcessor (PHP)
PHP (Hypertext Preprocessor) menurut Pratama (2010:9) merupakan
suatu bahasa pemograman sisi server yang dapat digunakan untuk membuat
halaman web dan bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam
HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP tergolong
sebagai bahasa pemrograman yang berbasis server (server side scripting). Ini
berarti bahwa semua script PHP diletakkan di server dan diterjemahkan oleh web
server terlebih dahulu, kemudian hasil terjemahan itu dikirimkan ke browser
client. Secara teknologi, bahasa pemrograman PHP memiliki kesamaan dengan
bahasa ASP (Active Server Page), Cold Fusion, JSP (Java Server Page) ataupun
Perl. PHP yang merupakan bahasa pemrograman berbasis web yang memiliki
kemampuan untuk memproses data dinamis.
PHP dikatakan sebagai sebuah server-side embedded script language
artinya sintaks-sintaks dan perintah yang kita berikan akan sepenuhnya dijalankan
oleh server tetapi disertakan pada halaman HTML biasa. Aplikasi-aplikasi yang
25
dibangun oleh PHP pada umumnya akan memberikan hasil pada web browser,
tetapi prosesnya secara keseluruhan dijalankan di server. Pada prinsipnya server
akan bekerja apabila ada permintaan dari client. Client menggunakan kode-kode
PHP untuk mengirimkan permintaan ke server. Sifat sever side ini membuat
pengerjaan skrip tersebut dikerjakan di server sedangkan yang dikirim kepada
browser adalah hasil proses dari skrip tersebut yang sudah terbentuk
HTML(Nugroho, Bunafit. 2004). Server akan melakukan hal-hal sebagai berikut
ketika menggunakan PHP sebagai server-side embedded script language :
a) Membaca permintaan dari client/browser
b) Mencari halaman/page di server
c) Melakukan instruksi yang diberikan oleh PHP untuk melakukan modifikasi
pada halaman/page
d) Mengirim kembali halaman tersebut kepada client melalui internet atau
intranet.
Sifat server side ini membuat pengerjaan skrip tersebut dikerjakan di server
sedangkan yang dikirim kepada browser adalah hasil proses dari skrip
Keunggulan dari sifatnya yang server side tersebut adalah :
a) Tidak diperlukan adanya kompatibilitas browser atau harus menggunakan
browser tertentu, karena server lah yang akan mengerjakan skrip tersebut.
Hasil yang dikirimkan kembali ke browser biasanya dalam bentuk teks
ataupun gambar sehingga dapat dikenali oleh browser apapun.
b) Dapat memanfaatkan sumber-sumber aplikasi yang dimiliki oleh server.
Contoh hubungan kedalam database.
26
c) Skrip asli tidak dapat dilihat sehingga keamanan lebih terjamin.
2.1.9 MySQL
Menurut Pratama (2010:10) MySQL adalah suatu system manajemen
basis data relasional (RDBMS-Relational Database Management System) yang
mampu bekerja dengan cepat, kokoh, dan mudah digunakan. MySQL tergolong
sebagai DBMS yang bermanfaat untuk mengelola data dengan cara yang sangat
fleksibel dan cepat. Itulah sebabnya, istilah seperti tabel, baris dan kolom
digunakan pada MySQL. Pada MySQL, sebuah database mengandung satu atau
sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu
atau beberapa kolom.
MySQL adalah salah satu jenis database server yang sangat terkenal.
Kepopuleranya disebabkan MySQL menggunakan SQL (Stuktur Query
Language) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia
bersifat Open Source (kita tidak perlu membayar untuk menggunakanya) pada
berbagai platform (kecuali untuk jenis Enterprise, yang bersifat komersial).
Perangkat lunak MySQL sendiri bisa di-download dari http://www.mysql.com.
2.1.10 XAMPP
XAMPP adalah perangkat lunak bebas, yang mendukung banyak system
operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai
server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP
Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP. Nama XAMPP merupakan singkatan dari X (empat sistem
operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam
27
GNU General Public License dan bebas, merupakan web server yang mudah
digunakan yang dapat melayani tampilan halaman web yang dinamis. Untuk
mendapatkanya dapat mendownload langsung dari web resminya.
2.1.11 Standar Akreditasi Program Studi Sarjana
Standar akreditasi adalah tolak ukur yang harus dipenuhi oleh program
studi sarjana. Standar akreditasi terdiri atas beberapa parameter (indikator kunci)
yang dapat digunakan sebagai dasar (1) penyajian data dan informasi mengenai
kinerja, keadaan dan perangkat kependidikan program studi sarjan, yang
dituangkan dalam instrumen akreditasi; (2) evaluasi dan penilaian mutu kinerja,
keadaan dan perangkat kependidikan program studi sarjana, (3) penetapan
kelayakan program studi sarjana untuk menyelenggarakan program-programnya;
dan (4) perumusan rekomendasi perbaikan dan pembinaan mutu program studi
sarjana. Standar akreditasi program studi sarjana mencakup standar tentang
komitmen program studi sarjana terhadap kapasitas institusional (institutional
capacity) dan komitmen terhadap efektivitas program pendidikan (educational
effectiveness), yang dikemas dalam tujuh standar akreditasi, yaitu:
Standar 1. Visi, misi, tujuan dan sasaran, serta strategi pencapaian
Standar 2. Tata pamong, kepemimpinan, sistem pengelolaan, dan
penjaminan mutu
Standar 3. Mahasiswa dan lulusan
Standar 4. Sumber daya manusia
Standar 5. Kurikulum, pembelajaran, dan suasana akademik
Standar 6. Pembiayaan, sarana dan prasarana, serta sistem informasi
28
Standar 7. Penelitian dan pelayanan/pengabdian kepada masyarakat, dan
kerjasama
Asesmen kinerja program studi sarjana didasarkan pada pemenuhan
tuntutan standar akreditasi. Dokumen akreditasi program studi sarjana yang dapat
diproses harus telah memenuhi persyaratan awal yang ditandai dengan adanya izin
yang sah dan berlaku dalam penyelenggaraan program studi sarjana dari pejabat
yang berwenang, memiliki anggaran dasar dan anggaran rumah tangga/statuta dan
dokumen-dokumen rencana strategis atau rencana induk pengembangan yang
menunjukkan dengan jelas visi, misi, tujuan dan sasaran program studi sarjana;
nilai-nilai dasar yang dianut dan berbagai aspek mengenai organisasi dan
pengelolaan program studi diploma, proses pengambilan keputusan
penyelenggaraan program, dan sistem jaminan mutu .
2.2 Kerangka Konseptual
Adapun kerangka konseptual dalam penyusunan penelitian ini terdiri
dari tiga bagian diantaranya : Input, Process dan Output,
Gambar 2.1 Kerangka Konseptual
Input Output Process
Data Sekunder
1. Data Standar 1 2. Data Standar 2
3. Data Standar 3
4. Data Standar 4
5. Data Standar 5 6. Data Standar 6
7. Data Standar 7
Analisa Data
1. Pengolahan Data Standar 1 2. Pengolahan Data Standar 2
3. Pengolahan Data Standar 3
4. Pengolahan Data Standar 4 5. Pengolahan Data Standar 5
6. Pengolahan Data Standar 6
7. Pengolahan Data Standar 7
Hasil Penelitian
Sistem Informasi Pengarsipan
Akreditasi
STTIND Padang
berbasis Website
29
Keterangan Kerangka Konseptual :
1. Input
Input bersumber dari data skunder yang di ambil dari data-data yang telah ada
di intitusi tersebut. Adapun data-datanya yaitu
a. Data Standar 1 yaitu data visi, misi, tujuan, sasaran dan strategi pencapaian
serta sosialisasi
b. Data Standar 2 yaitu data tata pamong, kepemimpinan, sistem pengelolaan
dan penjaminan mutu.
c. Data Standar 3 yaitu data kemahasiswaan dan lulusan
d. Data Standar 4 yaitu data sumber daya manusia
e. Data Standar 5 yaitu data kurikulum, pembelajaran, dan suasana akademik
f. Data Standar 6 yaitu data pembiayaan, prasarana, sarana dan sistem
informasi
g. Data Standar 7 yaitu data penelitian, pelayanan/pengabdian kepada
masyarakat dan kerjasama
2. Process
Process yang di lakukan pada kegiatan ini adalah berisikan proses
perancangan pengolahan data standar 1, standar 2, standar 3, standar 4, standar 5,
standar 6 dan standar 7
3. Output
Output atau hasil dari kegiatan penelitian ini adalah untuk mengetahui
keluaran dari hasil semua data yaitu sebuah sistem informasi pengarsipan
akreditasi STTIND Padang berbasis website.
23
BAB III
METODOLOGI PENELITIAN
3.1 Jenis Penelitian
Penulis menggunakan jenis penelitian terapan. Penelitian terapan yaitu
penelitian yang diarahkan untuk mendapatkan informasi yang dapat digunakan
untuk memecahkan masalah. Penelitian terapan dilakukan dengan tujuan
menerapkan, menguji, dan mengevaluasi masalah-maslah praktis sehingga dapat
dimanfaatkan untuk kepentingan manusia, baik secara individual maupun
kelompok. Masalah penelitian terapan ditetapkan untuk mencari solusi yang dapat
dimanfaatkan manusia.Penulis juga melakukan observasi langsung ketempat
objek pokok permasalahan yang akan dibahas, yaitu pada bagian data-data arsip.
3.2 Tempat dan Waktu Penelitian
3.2.1 Tempat Penelitian
Penelitian dilakukan di STTIND PADANG Pemilihan tempat dilakukan
secara purposif (sengaja) dengan pertimbangan akan kelengkapan data dan
informasi yang diperlukan untuk kegiatan penelitian mengenai pembuatan website
sistem informasi pengarsipan akreditasi STTIND PADANG dengan
menggunakan Dreamweaver 8.
3.2.2 Waktu Penelitian
Penelitian dilakukan pada bulan Januari 2017.
3.3 Variabel Penelitian
Variabel penelitian adalah segala sesuatu yang akan menjadi objek
pengamatan dalam penelitian. Sesuai dengan permasalahan yang diteliti maka
24
variabel penelitian meliputi :
1. Data Standar 1, Sandar 2, Standar 3, Standar 4, Standar 5, Standar 6 dan
Standar 7
2. Tata cara pengolahan data akreditasi di STTIND PADANG
Yang mana variabel penelitian tersebut kita peroleh dari STTIND Padang
yang berada di kota Padang Sumatera Barat.
3.4 Data dan Sumber Data
1. Data yang dibutuhkan
Data-data yang peneliti dibutuhkan dalam penelitian ini ada 2 yaitu :
a. Data Primer
Data primer adalah data yang didapat langsung di lapangan yaitu pada
kampus STTIND Padang
b. Data Sekunder
Data sekunder diperoleh dari buku-buku literatur atau studi kepustakaan dan
data-data dari perusahaan.
2. Sumber Data
Sumber data yang peneliti dapatkan berasal dari pengamatan dan pendataan
langsung pada STTIND Padang.
3.5 Langkah-Langkah Metoda Penelitian
Untuk memperoleh data dan informasi dalam menyusun skripsi, maka
diperlukan metode dalam pengumpulan data. Adapun metode pengumpulan data
yang digunakan data yang digunakan penulis dalam memperoleh data yaitu :
25
1. Website pengarsipan akreditasi STTIND Padang.
Langkah-langkahnya sebagai berikut :
a. Menyediakan semua data yang diperlukan untuk borang (akreditasi) STTIND
Padang.
b. Menyediakan software untuk membangun sebuah website seperti
Macromedia Dreamweaver8, xampp, tentunya mozila atau pun crome.
c. Macromedia dreamweaver 8 bertujuan untuk membangun atau merancang
sebuah website seperti yang kita ingin kan.
d. Setelah merancang website perlu kita gunakan pula media server gratis
seperti xampp. Disini xampp berguna untuk melihat apakah website yang kita
bangun tersebut berhasil atau tidak, tetapi xampp tidak akan berguna kalau
tidak ada mozila ataupun crome karena mozila sebagai media penghubung
internet.
e. Setelah website itu telah jadi baru lah kita input kan semua data yang ada.
2. Menciptakan kinerja yang efisien dengan Aplikasi akreditasi STTIND Padang
yaitu dengan cara browser atau dijalankan dengan Mozilla atau Crome.
3.6 Kerangka Metodologi
Untuk memperjelas arah penelitian ini, dapat dilihat pada gambar
kerangka metodologi berikut ini :
26
Mulai
Pendahuluan Penelitian :
Wawancara dan Pengamatan
langsung
Identifikasi Masalah :
1. Akreditasi STTIND Padang masih manual.
2. Program studi sering kehilangan data pendukung akreditasi dalam
bentuk lampiran.
3. Data-data akreditasi tidak tersimpan dengan rapi.
Landasan Teori Macromedia Dreamweaver 8, Xampp, dan
PHP
Perumusan Masalah :
1. Bagaimana cara membuat Aplikasi akreditasi STTIND Padang?
2. Bagaimana menciptakan kinerja yang efisien dengan pembuatan Aplikasi akreditasi STTIND Padang ?
Tujuan Penelitian
1. Membuat Aplikasi akreditasi STTIND Padang.
2. Menciptakan kinerja yang efisien dengan Aplikasi
akreditasi STTIND Padang.
Pengumpulan Data-data Akreditasi
Menganalisa Data dan Mendesain Sistem
Implementasi
Selesai
Kesimpulan dan Saran
Gambar 3.1 Kerangka Metodologi
27
Tahapan-tahapan yang dilakukan dalam pembuatan kerangka metodologi
penilitian, yaitu :
a. Desain Mulai
Digunakan untuk memulai pekerjaan dari sebuah sistem.
b. Pendahuluan Penelitian
Pada tahapan ini terdapat uraian wawancara dan pengamatan langsung
kepada pihak yang bersangkutan.
c. Landasan Teori
Teori yang relevan yang sesuai dengan kajian penelitian seperti Macromedia
Dreamweaver 8, Xampp, dan PHP
d. Identifikasi Masalah
Mengumpulkan masalah-masalah yang di temukan dalam penelitian.
e. Perumusan Masalah
Tahapan ini mencari jalan keluar dari masalah yang ada dan permasalahan
itu di rumuskan dengan jelas.
f. Tujuan Penelitian
Tahapan ini menjelaskan tujuan dari penelitian yang akan dibuat.
g. Pengumpulan Data
Tahapan ini mengumpulkan semua data-data yang telah di dapat seperti data
pendidikan, penelitian, pengabdian, SPMI dan standar akreditasi Program
Studi.
h. Menganalisa Data dan Mendesain Sistem
Data-data yang sudah didapat dianalisa dan dilanjutkan ke tahapan
mendesain
28
sistem sesuai dengan kebutuhan. Data-data yang di dapat tersebut di olah di
PHP.
i. Implementasi
Sistem yang sudah selesai dibuat akan di coba apakah sudah bisa
dioperasikan, serta untuk mengetahui kesalahan, kekurangan, dan
kelemahan dari sistem tersebut untuk dilakukan perbaikan.
j. Desain Selesai
Digunakan untuk mengakhiri pekerjaan dari sebuah sistem.
BAB IV
ANALISA DAN DESAIN SISTEM
29
4.1 Analisa Sistem
Dalam Perancangan Sistem Informasi perlu terlebih dahulu dilakukan
analisa sistem terhadap sistem yang sedang berjalan. Dalam melakukan analisa
sistem diperlukan data-data yang telah ada pada sistem yang lama. Data yang
diperlukan merupakan hal-hal yang berkaitan dengan akreditasi. Penelitian
terhadap beberapa kelemahan sistem dari segi kecepatan dan efisien sistem yang
ada atau yang sedang digunakan.
Tahapan analisa yang dilakukan adalah memahami sejauh apa kinerja
sistem informasi akreditasi Program Studi yang sedang berjalan, mengidentifikasi
permasalahan pada sistem yang ada, kelemahan dan hambatan yang ditemukan,
kebutuhan yang diharapkan kemudian menarik kesimpulan dari proses analisa
yang telah dilakukan.
4.1.1 Evaluasi Sistem Yang Sedang Berjalan
Evaluasi sistem yang sedang berjalan pada Sistem akreditasi STTIND
Padang yaitu sesuai hasil pengamatan dan penelitian yang dilakukan pada sistem
pengolahan data masih terkendala pada sistem yang masih dilakukan secara
manual, tidak adanya aplikasi atau penyimpanan khusus untuk arsip akreditasi
STTIND Padang, sehingga pihak kampus dan para Dosen mencari data akreditasi
ketika batas akreditasi hampir habis.
4.1.2 Usulan Sistem Baru
30
Dari kendala tersebut maka dapat dilakukan pengembangan terhadap
sistem sehingga menjadi sistem yang baru dan kendala yang dihadapi dapat
teratasi yaitu dengan melakukan :
1. Pembuatan website akreditasi STTIND Padang
2. Pembuatan interface dengan menggunakan bahasa pemrograman berbasis
PHP MySQL
4.2 Desain Sistem
Desain Sistem adalah tahap setelah analisis sistem dari siklus
pengembangan system yang mendefinisikan dari kebutuhan-kebutuhan fungsional
,persiapan untuk rancang bangun implementasi, menggambarkan bagaimana suatu
system dibentuk yang dapat berupa penggambaran, perencanaan dan pembuatan
sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan
yang utuh dan berfungsi, termasuk menyangkut mengkonfigurai dari komponen-
komponen perangkat lunak dan perangkat keras dari suatu system.
4.2.1 Use Case Diagram
Use Case Diagram merupakan pemodelan untuk menggambarkan
kelakuan (behavior) sistem yang akan dibuat. Diagram Use Case
mendeskripsikan sebuah interaksi antara satu atau lebih aktor dengan sistem yang
akan dibuat. Untuk lebih jelas dapat dilihat pada gambar dibawah ini :
31
Gambar 4.1 Use Case Diagram
Berikut adalah detail spesifikasi dari use case yang ditampilkan pada
gambar 4.1 yaitu :
1. Deskripsi Use Case Home
Aktor Utama : User
Aktor Tambahan : Admin
Nama Use Case : Home
Tujuan Use Case : Use Case ini
menyediakan tampilan awal pada
website.
Kondisi Awal : Melihat tampilan awal
website.
Kondisi Akhir : Melihat tampilan
awal website.
Optimistic Flow :
a. User dan admin membuka website
sistem informasi akreditasi
STTIND Padang. User
memasukkan username dan
password.
b. User dan admin melihat tampilan
awal website
Pesimistic Flow :
User dan admin menutup website.
32
Trigger : User dan admin melihat
tampilan awal website.
Frekuensi Penggunaan : Bebas
berapa kali dalam sehari
2. Deskripsi Use Case Lihat Menu Data Akreditasi
Aktor Utama : User
Aktor Tambahan : Admin
Nama Use Case : Lihat Menu Data
Akreditasi
Tujuan Use Case : Use Case ini
menyediakan tampilan kepada user
untuk melihat menu data akreditasi.
Kondisi Awal : Sudah berada di
tampilan awal website. User dapat
melihat menu data akreditasi
Optimistic Flow :
a. User membuka website sistem
informasi akreditasi dengan
memasukkan username dan
password
b. Setelah user melihat menu utama,
user dapat melihat menu lainnya
yang ada pada website akreditasi
3. Deskripsi Use Case Download Arsip Akreditasi
Aktor Utama : User
Aktor Tambahan : Admin
Nama Use Case : Download Arsip
Akreditasi
Optimistic Flow :
a. User membuka form download
pada website akreditasi
b. Setelah user melihat menu utama,
33
Tujuan Use Case : Use Case ini
menyediakan layanan kepada user
untuk melakukan download data arsip
akreditasi agar data yang dibutuhkan
dapat diambil langsung dari website.
Kondisi Awal : Sudah berada
ditampilan menu download.
Kondisi Akhir : Form download dan
halaman penyimpanan.
Trigger : User memilih data yang
akan di download.
Frekwensi Pengguna : Bebas berapa
kali download dalam sehari.
user dapat mendownload file data
yang ada di form dowload
Pesimistic Flow :
User dan admin menutup website.
4. Deskripsi Use Case Input Data dan Lihat Data
Aktor Utama : Admin
Aktor Tambahan : User
Nama Use Case : Input Data dan
Lihat Data
Tujuan Use Case : Use Case ini
menyediakan layanan kepada admin
untuk memasukkan data apapun
tentang akreditasi.
Optimistic Flow :
a. Admin membuka website sistem
informasi akreditasi STTIND
Padang.
b. Admin memasukkan username dan
password pada login.
c. Admin menginputkan data.
d. Kemudian mengklik simpan
34
Kondisi Awal : Halaman utama
sistem sudah terbuka. Admin
melakukan login. Admin bisa
mengupload data akreditasi.
e. Melihat data
Pesimistic Flow :
a. Admin mengklik logout untuk
keluar dari halaman admin.
5. Deskripsi Use Case Edit Data
Aktor Utama : Admin
Aktor Tambahan : User
Nama Use Case : Use Case ini
menyediakan layanan kepada admin
untuk mengedit data.
Kondisi Awal : Halaman utama
sistem sudah terbuka. Admin
melakukan login dan mengedit data.
Kondisi Akhir : Tampil halaman
statis untuk data yang telah diedit.
Trigger : Admin mengklik edit dan
kemudian menyimpan data.
Frekuensi Penggunaan : Tidak
menentu
Optimistic Flow :
a. Admin membuka website sistem
informasi akreditasi STTIND
Padang.
b. Admin memasukkan username dan
password pada login.
c. Admin mengedit data.
d. Kemudian mengklik simpan
Pesimistic Flow :
a. Admin mengklik log out untuk
keluar dari sistem.
35
6. Deskripsi Use case Hapus Data
Aktor Utama : Admin
Aktor Tambahan : User
Nama Use Case : Hapus Data
Tujuan Use Case : Use Case ini
menyediakan layanan kepada admin
untuk menghapus data.
Kondisi Awal : Halaman utama
sistem sudah terbuka. Admin
melakukan login dan menghapus data.
Kondisi Akhir : Tampil halaman
admin.
Trigger : Admin mengklik hapus.
Frekuensi Penggunaan : Tidak
menentu.
Optimistic Flow :
a. Admin membuka website sistem
informasi akreditasi STTIND
Padang.
b. Admin memasukkan username dan
password pada login.
c. Admin menghapus data.
Pesimistic Flow :
a. Admin mengklik log out untuk
keluar dari sistem.
4.2.2 Class Diagram
Setelah dibuat pemodelan sistem utama dengan use case diagram,
selanjutnya penulis menganalisa class-class yang disimpulkan melalui use case
diagram. Class yang diperoleh akan ditampilkan pada gambar berikut :
36
Gambar 4.2 Class Diagram
Penjelasan dari Class Diagram yaitu :
a. Admin dapat menginputkan semua data, edit data dan hapus data.
b. Tim borang 1, sampai tim borang 4 hanya dapat menginputkan standar
yang mejadi tugas mereka masing-masing.
c. User dapat melihat dan memilih menu yang ada pada aplikasi web serta
dapat mendownload arsip akreditasi yang dibutuhkan.
4.2.3 Sequence Diagram
Sequence diagram merupakan Interaction Diagram yang digunakan
untuk menjelaskan eksekusi sebuah skenario semantik. Sequence diagram juga
digunakan untuk menjabarkan aktifitas yang lebih detail yang ada pada use case.
Berikut gambar sequence diagram :
37
a. Sequence Diagram User
Gambar 4.3 Sequence Diagram User
b. Sequence Diagram Admin
Gambar 4.4 Sequence Diagram Admin
38
c. Sequence Diagram Tim Borang 1
Gambar 4.5 Sequence Diagram Tim Borang 1
d. Sequence Diagram Tim Borang 2
Gambar 4.6 Sequence Diagram Tim Borang 2
39
e. Sequence Diagram Tim Borang 3
Gambar 4.7 Sequence Diagram Tim Borang 3
f. Sequence Diagram Tim Borang 4
Gambar 4.8 Sequence Diagram Tim Borang 4
40
Pada sequence diagram admin menerangkan bahwa ator admin
melakukan login untuk melihat halaman admin, menginput data, edit data, dan
menghapus data yang ada pada halaman admin.
Pada sequence diagram user menerangkan bahwa ator user juga harus
login dulu untuk dapat membuka halaman home , melihat dan memilih menu,
mendowload arsip akreditasi dan menyimpan data.
Pada sequence diagram tim borang 1, 2, 3, dan 4 menerangkan bahwa
ator tim borang 1, 2, 3, dan 4 untuk menginputkan setiap data harus login di login
admin, namun tidak semua hak akses admin dapat dilihat oleh aktor tim borang 1,
2, 3 dan 4 yang merupakan sebagai user.
4.2.4 Activity Diagram
Activity Diagram menggambarkan berbagai alir aktivitas dalam sistem
yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang
mungkin terjadi, dan bagaimana mereka berakhir.
Activity Diagram User Activity Diagram Admin
Gambar 4.9 Activity Diagram User dan Admin
41
Activity Tim Borang 1 Activity Tim Borang 2
Gambar 4.10 Activity Diagram Tim Borang 1 dan Tim Borang 2
Activity Tim Borang 3 Activity Tim Borang 4
Gambar 4.11 Activity Diagram Tim Borang 3 dan Tim Borang 4
42
Aktivitas user dimulai dengan login untuk mengakses web, pada halaman
ini user dapat melihat informasi tentang akreditasi dan tentang STTIND Padang
dan memilih menu yang ada. Selain itu bagi user yang membutuhkan arsip
akreditasi, user dapat mendownloadnya pada menu download.
Aktivitas admin dimulai dengan mengakses web, sebelum admin melihat
tampilan halaman admin, admin terlebih dahulu harus login. Setelah itu admin
dapat melihat, menginput, edit dan menghapus data.
Aktivitas tim borang 1, 2, 3 dab 4 dimulai dengan mengakses web,
sebelum tim borang melihat tampilan halaman user, tim borang terlebih dahulu
harus login. Setelah itu tim borang dapat melihat, menginput, edit dan menghapus
data.
4.2.5 Desain File
Setiap program yang dibuat pasti memiliki desain file dari progrram itu
sendiri, seperti desain file yang mempunyai fungsi untuk yaitu untuk menyimpan
dan mengelompokkan data. File-file tersebut di simpan di database MySQL, yang
mana merupakan Relational Database Management System (RDBMS), di mana
setiap orang bebas untuk menggunakan MySQL.
Rancangan program untuk sistem informasi akreditasi yaitu :
1. Desain File Users
Nama Database : dbwa
Nama Tabel : users
Primary Key : username
43
Tabel 4.1
Desain File Users
Field Type
Username Varchar(10)
Password Varchar(10)
2. Desain File Album
Nama Database : dbwa
Nama Tabel : album
Primary Key : id_album
Tabel 4.2
Desain File Album
Field Type
id-album int(5)
jdl_album varchar(100)
gbr_album varchar(100)
3. Desain File Banner
Nama Database : dbwa
Nama Tabel : banner
Primary Key : id_banner
Tabel 4.3
Desain File Banner
Field Type
id_banner int(5)
Judul varchar(100)
url varchar(100)
Gambar varchar(100)
tgl_posting Date
4. Desain File Berita
Nama Database : dbwa
Nama Tabel : berita
44
Primary Key : id_berita
Tabel 4.4
Desain File Berita
Field Type
id_berita int(5)
id_kategori int(5)
Username varchar(30)
Judul varchar(100)
isi_berita text
Hari varchar(20)
Tanggal date
Jam time
Gambar varchar(100)
Dibaca int(5)
5. Desain File Berita
Nama Database : dbwa
Nama Tabel : download
Primary Key : id_download
Tabel 4.5
Desain File Download
Field Type
id_download Int(5)
Judul varchar(100)
nama_file varchar(100)
tgl_posting date
6. Desain File Gallery
Nama Database : dbwa
Nama Tabel : gallery
Primary Key : id_gallery
45
Tabel 4.6
Desain File Gallery
Field Type
id_gallery int(5)
id-album int(5)
jdl_gallery varhar(100)
Keterangan text
gbr_gallery varchar(100)
7. Desain File Halaman Statis
Nama Database : dbwa
Nama Tabel : halamanstatis
Primary Key : id_halaman
Tabel 4.7
Desain File Halaman Statis
Field Type
id_halaman int(5)
judul varhar(100)
isi_halaman text
tgl_posting date
Gambar varchar(100)
8. Desain File Hubungi
Nama Database : dbwa
Nama Tabel : hubungi
Primary Key : id_hubungi
Tabel 4.8
Desain File Hubungi
Field Type
id_hubungan int(5)
Nama varchar(50)
Email varchar(100)
Subjek varchar(100)
Pesan text
Tanggal date
46
9. Desain File Identitas
Nama Database : dbwa
Nama Tabel : identitas
Primary Key : id_indetitas
Tabel 4.9
Desain File Identitas
Field Type
id_identitas int(5)
nama_website varchar(50)
alamat_website varchar(100)
meta_deskripsi varchar(250)
meta_keyword varchar(250)
Favicon varchar(50)
10. Desain File Kategori
Nama Database : dbwa
Nama Tabel : kategori
Primary Key : id_kategori
Tabel 4.10
Desain File Kategori
Field Type
id_kategori int(5)
nama_kategori varchar(50)
Kategori_seo varchar(100)
aktif enum(„Y‟,”N”)
11. Desain File Mainmenu
Nama Database : dbwa
Nama Tabel : mainmenu
Primary Key : id_main
47
Tabel 4.11
Desain File Mainmenu
Field Type
id_main int(5)
nama_menu varchar(50)
link varchar(100)
aktif enum(„Y‟,”N”)
Adminmenu enum(„Y‟,”N”)
12. Desain Poling
Nama Database : dbwa
Nama Tabel : poling
Primary Key : id_poling
Tabel 4.12
Desain File Poling
Field Type
id_poling int(5)
Pilihan varchar(50)
status varchar(20)
rating int(5)
Aktif enum(„Y‟,”N”)
13. Desain Sekilas Info
Nama Database : dbwa
Nama Tabel : sekilasinfo
Primary Key : id_sekilas
Tabel 4.13
Desain File Sekilas Info
Field Type
id_sekilas int(5)
Info varchar(100)
tgl_posting Date
gambar varchar(100)
48
14. Desain Submenu
Nama Database : dbwa
Nama Tabel : submenu
Primary Key : id_sub
Tabel 4.14
Desain File Submenu
Field Type
id_sub int(5)
nama_sub varchar(50)
ling_sub varchar(100)
id_main int(5)
id_submain int(11)
Aktif enum(„Y‟,‟N‟)
adminsubmenu enum(„Y‟,‟N‟)
43
BAB V
IMPLEMENTASI SISTEM
5.1 Implementasi Sistem
Implementasi sistem adalah tahapan pengujian yang dilakukan kepada
desain sistem yang telah disetujui, kemudian menginstal, memulai sistem yang
dibuat. Adapun beberapa tujuan dari implementasi sistem adalah sebagai berikut :
1. Membuat desain sistem selama melakukan penelitian dan analisa.
2. Menguji dan mendokumentasikan prosedur dan program yang diperlukan.
3. Menyelesaikan desain sistem yang telah disetujui.
4. Memperhitungkan sistem yang telah dibuat sesuai kebutuhan pemakai
5.2 Desain Database
Mendesain database pada bab ini menggunakan XAMPP yang
didalamnya terdapat PHP MyAdmin, yang di mulai dari menginstal software
tersebut sampai selesai, setelah itu menjalankannya di UC Browser, ketikkan
http://localhost/XAMPP. Selanjutnya pada tool XAMPP pilih PHP MyAdmin,
maka kita akan masuk pada tampilan PHP MyAdmin, selanjutnya dibuat database
dengan cara memilih menu Create New Database dan diberi nama dbwa.
Selanjutnya kita mumbuat tabel, tabel yang dibutuhkan pada database
terdiri dari beberapa tabel yang terlihat pada gambar dibawah ini :
Gambar 5.1 Tabel pada Database
44
5.3 Pengujian Sistem
Pada tahap ini akan dilakukan pengujian sistem untuk memeriksa apakah
suatu program aplikasi yang dibuat sudah dapat dijalankan sesuai dengan standar
tertentu. Pengujian sistem merupakan hal terpenting yang bertujuan untuk
menemukan kesalahan-kesalahan atau kekurangan pada program aplikasi yang
diuji. Berikut merupakan penjelasan beserta gambar tentang Perancanagn Sistem
Informasi Akreditasi Sekolah Tinggi Teknologi Industri (STTIND) Padang.
5.3.1 Menu Utama
Menu utama adalah menu awal yang ditampilkan ketika pertama kali kita
mengakses website.
5.3.1.1 Login User
Sebelum user masuk ke website, user harus login terlebih dahulu. Berikut
tampilan form login user :
Gambar 5.2 Tampilan Login User
5.3.1.2 Home
Pada bagian home ini menampilkan profil dan berita tentang STTIND
Padang yang berhubungan dengan akreditasi dan menu yang terdapat pada
45
program aplikasi, seperti : Menu Buku 3A, Menu Buku 3B, menu Evaluasi Diri,
Menu Download dan Menu Hubungi Kami.
Gambar 5.3 Tampilan Home
5.3.1.3 Buku 3A
Pada bagian buku 3A menampilkan bentuk form isian dalam borang
akreditasi yang terdiri dari standar 1 sampai standar 7. Begitu juga yang ada pada
buku 3B
46
Gambar 5.4 Tampilan Buku 3A Standar 1 Visi Misi dan Sosialisasi
Gambar 5.5 Tampilan Buku 3A Standar 2 Tata Pamong, Kepemimpinan,
Sistem Pengelolaan, Penjaminan Mutu dan Umpan Balik
47
Gambar 5.6 Tampilan Buku 3A Standar 3 Profil Mahasiswa, Layanan Kpd
Mhs, Evaluasi Lulusan, Himpunan Alumni
Gambar 5.7 Tampilan Buku 3A Standar 4 Sistem Seleksi Pengembangan,
Monitoring Evaluasi, Dosen Tetap, Dosen tdk Tetap, Upaya Peningkatan
SDM, dan Tenaga Kependidikan
48
Gambar 5.8 Tampilan Buku 3A Standar 5
Gambar 5.9 Tampilan Buku 3A Standar 6 Pembiayaan, Sarana, Prasarana,
Sarana Akademik dan Sistem Informasi
49
Gambar 5.10 Tampilan Buku 3A Standar 7 Penelitian, Pengabdian
Masyarakat dan Kerjasama
5.3.1.4 Evaluasi Diri
Gambar 5.11 Tampilan Evaluasi Diri Komponen A
50
Gambar 5.12 Tampilan Evaluasi Diri Komponen B
Gambar 5.13 Tampilan Evaluasi Diri Komponen C
51
Gambar 5.14 Tampilan Evaluasi Diri Komponen D
Gambar 5.15 Tampilan Evaluasi Diri Komponen E
52
Gambar 5.16 Tampilan Evaluasi Diri Komponen F
Gambar 5.17 Tampilan Evaluasi Diri Komponen G
53
5.3.1.5 Download
Pada bagian download menampilkan file-file akreditasi yang dibutuhkan
dalam arsip.
Gambar 5.18 Tampilan Download
5.3.1.6 Dokumentasi
Gambar 5.19 Tampilan Dokumentasi
54
5.3.1.7 Komentar
Gambar 5.20 Tampilan Komentar
5.3.1.8 Menu Utama Login Admin
Gambar 5.21 Tampilan Menu Login Admin
55
5.3.1.9 Menu Home Admin
Gambar 5.22 Tampilan Menu Home Admin
5.3.1.10 Menu Manajemen User
56
Gambar 5.23 Tampilan Manajemen User
5.3.1.11 Menu Manajemen Modul
Gambar 5.24 Tampilan Manajemen Modul
5.3.1.12 Menu Berita
57
Gambar 5.25 Tampilan Menu Berita
5.3.1.13 Menu Download
Gambar 5.26 Tampilan Menu Download
5.3.1.14 Menu Banner
58
Gambar 5.27 Tampilan Menu Banner
5.3.1.15 Menu Galeri Foto
Gambar 5.28 Tampilan Galeri Foto
5.3.1.16 Menu Polling
59
Gambar 5.29 Tampilan Menu Polling
5.3.1.17 Menu Komentar
Gambar 5.30 Tampilan Menu Komentar
60
BAB VI
PENUTUP
6.1 Kesimpulan
Dari hasil perancangan sistem yang telah dilakukan, maka penulis dapat
mengambil kesimpulan sebagai berikut :
1. Sistem Informasi Akreditasi pada Program Studi Berbasis Web dibuat
dengan untuk mempermudah proses penyimpanan data-data akreditasi.
2. Dengan adanya Aplikasi web akreditasi Perguruan Tinggi membuat
pekerjaan penyiapan bahan akreditasi oleh tim akreditasi lebih efisien dari
sistem yang sebelumnya. Akreditasi Program Studi dimaksudkan untuk
dijadikan sebagai bahan evaluasi, agar program studi melakukan perbaikan
– perbaikan kinerja untuk mengoptimalisasikan standar mutu pendidikan,
serta Aplikasi web akreditasi ini dapat membantu perguruan tinggi
mendapatkan arsip akreditasi sesuai harapan.
6.2 Saran
Adapun saran yang dapat saya berikan yaitu :
1. Sistem dapat dikembangkan dengan menambahkan fitur mencetak dokumen
untuk setiap starndar sesuai dengan format dokumen borang akreditasi
program studi yang telah ditentukan.
2. Aplikasi akreditasi yang dibuat ini, masih sangat sederhana dari segi
tampilan, dan masih banyak kegiatan yang belum ditampilkan
sepertilaporan SPMI, rencana strategis, statuta dll. Untuk itu, perlu
dikembangkan dan pembaharuan informasi baik isi maupun tampilan.
61
DAFTAR KEPUSTAKAAN
Firdaus. PHP dan MySQL dengan Maromedia Dreamwaver 8. Jakarta: 2007
H. Riko Ervil, MT dan kawan-kawan. Buku Panduan Penulisan dan Ujian
Skripsi.Padang:2015
Hariyanto, Bambang. Dasar Informatika dan Ilmu Komputer.Yogyakarta: Graha
Ilmu.2008
Hartama, Dedy. Pemrograman Web Dengan HTML, CSS, Javascript.Yogyakarta:
Andi.2012
Http://library.binus.ac.id/eColls/eThesisdoc/Bab2/2012-2-00081
MNSI%20Bab2001.pdf
Janner Simarmata. Perancangan Basis Data. Yogyakarta: Penerbit Andi. 2007
Pratama, Antonius Nugraha Widhi. Cara Mudah Membangun Aplikasi PHP.
Jakarta:Mediakita.2010
Prasetyo, Eko. Pemrograman Web PHP & MySQL untuk Sistem Informasi
Perpustakaan. Yogyakarta: Graha Ilmu.2008
Satzinger, Jackson, Burd. Pengertian Analisa dan Perancangan Sistem.2012
Sugiarti, Yuni, S.T.M.Kom.Analisis dan Perancangan UML (Unified Modeling
Language) Generated VB6.Yogyakarta.2013
Sutarman. Pengantar Teknologi Informasi. Jakarta: Bumi Aksara.2009
62
LISTENING PROGRAM
<?php
error_reporting(0);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><?php include "dina_titel.php"; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow">
<meta name="description" content="<?php include "dina_meta1.php"; ?>">
<meta name="keywords" content="<?php include "dina_meta2.php"; ?>">
<meta http-equiv="Copyright" content="lokomedia">
<meta name="author" content="Lukmanul Hakim">
<meta http-equiv="imagetoolbar" content="no">
<meta name="language" content="Indonesia">
<meta name="revisit-after" content="7">
<meta name="webcrawlers" content="all">
<meta name="rating" content="general">
<meta name="spiders" content="all">
<link rel="shortcut icon" href="favicon.ico" />
63
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss.xml"
/>
<link rel="stylesheet" href="<?php echo "$f[folder]/css/style.css" ?>"
type="text/css" />
<link rel="stylesheet" href="<?php echo "$f[folder]/themes/base.css" ?>"
type="text/css" />
<link rel="stylesheet" href="<?php echo "$f[folder]/themes/default/theme.css"
?>" type="text/css" />
<script src="<?php echo "$f[folder]/js/jquery-1.4.min.js" ?>"
type="text/javascript"></script>
<script src="<?php echo "$f[folder]/js/menu.js" ?>"
type="text/javascript"></script>
<script src="<?php echo "$f[folder]/js/jquery.tipsy.js" ?>"
type="text/javascript"></script>
<script type='text/javascript'>
$(function($) {
$('.tips a').tipsy({fade: true, gravity: 'w'});
$('.tipsatas a').tipsy({fade: true, gravity: 's'});
});
</script>
<script src="<?php echo "$f[folder]/js/jquery.js" ?>"
type="text/javascript"></script>
64
<script src="<?php echo "$f[folder]/js/jquery.accessible-news-slider.js" ?>"
type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#newsslider').accessNews({
});
});
</script>
<link rel="stylesheet" href="<?php echo
"$f[folder]/js/lightbox/themes/default/jquery.lightbox.css" ?>" type="text/css" />
<script src="<?php echo "$f[folder]/js/lightbox/jquery.lightbox.min.js" ?>"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.lightbox').lightbox();
});
</script>
<script src="<?php echo "$f[folder]/js/clock.js" ?>"
type="text/javascript"></script>
<script src="<?php echo "$f[folder]/js/tabs.js" ?>"
type="text/javascript"></script>
<script src="<?php echo "$f[folder]/js/newsticker.js" ?>"
type="text/javascript"></script>
65
<link rel="stylesheet" type="text/css" href="<?php echo $f[folder]
?>/css/jquery.snippet.min.css" />
<script type="text/javascript" src="<?php echo $f[folder]
?>/js/jquery.snippet.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("pre").snippet("php",{style:"vampire"});
});
</script>
</head>
<body onload="startclock()">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="container">
66
<div id="wrapper">
<div id="top">
<!-- MENU -->
<div id="menu">
<ul class="menu">
<?php
$main=mysql_query("SELECT * FROM mainmenu WHERE aktif='Y'");
while($r=mysql_fetch_array($main)){
echo "<li><a href='$r[link]'><span>$r[nama_menu]</span></a>";
$sub=mysql_query("SELECT * FROM submenu, mainmenu
WHERE submenu.id_main=mainmenu.id_main
AND submenu.id_main=$r[id_main] AND
submenu.id_submain=0 AND submenu.aktif='Y'");
$jml=mysql_num_rows($sub);
// apabila sub menu ditemukan
if ($jml > 0){
echo "<div><ul>";
while($w=mysql_fetch_array($sub)){
echo "<li><a href='$w[link_sub]' class='parent'><span>»
$w[nama_sub]</span></a>";
$sub2 = mysql_query("SELECT * FROM
submenu WHERE id_submain=$w[id_sub] AND id_submain!=0");
$jml2=mysql_num_rows($sub2);
if ($jml2 > 0){
echo "<div><ul>";
67
while($s=mysql_fetch_array($sub2)){
echo "<li><a href='$s[link_sub]'>»
$s[nama_sub]</a></li>";
}
echo "</ul></div></li>";
}
}
echo "</li></ul></div>
</li>";
}
else{
echo "</li>";
}
}
?>
</ul>
</div> <!-- /menu -->
</div> <!-- /top -->
<!-- HEADER -->
<div id="header">
<div class="intro">
<p><span id="date"></span>, <span
id="clock"></span></p> <!-- jam -->
68
<form method="POST" id="searchform"
action="hasil-pencarian.html"> <!-- form pencarian -->
<div>
<input class="searchField" type="text"
name="kata" maxlength="50" value="Pencarian..." onblur="if(this.value=='')
this.value='Pencarian...';" onfocus="if(this.value=='Pencarian...') this.value='';" />
<input class="searchSubmit"
type="submit" value="" />
</div>
</form>
<div class="rssicon">
</div>
</div> <!-- /intro -->
</div> <!-- /header -->
<!-- CONTENT -->
<?php
include "$f[folder]/kiri.php";
?>
<!-- SIDEBAR -->
<div id="sidebar">
<h2>Sekilas Info</h2>
<ul id="listticker">
<?php
69
$sekilas=mysql_query("SELECT * FROM sekilasinfo ORDER BY
id_sekilas DESC LIMIT 5");
while($s=mysql_fetch_array($sekilas)){
echo "<li><img src='foto_info/kecil_$s[gambar]' width='54' height='54'
/>
<span class='news-text'>$s[info]</span></li>";
}
?>
</ul>
<h2>Polling</h2>
<ul id="listsidebar">
<?php
$tanya=mysql_query("SELECT * FROM poling WHERE aktif='Y' and
status='Pertanyaan'");
$t=mysql_fetch_array($tanya);
echo "<br /><span class='news-title'> $t[pilihan]</span><br /><br />";
echo "<form method=POST action='hasil-poling.html'>";
$poling=mysql_query("SELECT * FROM poling WHERE aktif='Y'
and status='Jawaban'");
while ($p=mysql_fetch_array($poling)){
echo "<span class='news-text'><input type=radio name=pilihan
value='$p[id_poling]' />$p[pilihan]</span><br />";
}
echo "<p align=center><input type=submit value=vote /></p>
70
</form>
<a href=lihat-poling.html><span class='news-title2'>Lihat Hasil
Poling</span></a>";
?>
</ul>
<h2>Banner</h2>
<ul id="listsidebar"><br />
<?php
// Tampilkan banner
$banner=mysql_query("SELECT * FROM banner ORDER BY
id_banner DESC LIMIT 3");
while($b=mysql_fetch_array($banner)){
echo "<p align=center><a href=$b[url] target='_blank'
title='$b[judul]'>
<img src='foto_banner/$b[gambar]' border='0'></a></p>";
}
?>
</ul>
</div> <!-- / end sidebar -->
<!-- FOOTER -->
<div id="footer">
<div class="foot_l"></div>
<div class="foot_content">
71
<p> </p>
<p>Copyright © 2017 by <a
href="http://sttind.ac.id/">sttind.ac.id</a>. All rights reserved.</p>
</div>
<div class="foot_r"></div>
</div><!-- / end footer -->
</div><!-- / end wrapper -->
</div><!-- / end container -->
<div id="copyright">Copyright © 2017 <a
href="http://apycom.com/">Nurmaini</a></div>
</body>
</html>
<?php
if ($_GET['module']=='home'){
?>
<!-- CONTENT -->
<div id="content">
<!-- Slideshow Headline Berita -->
<div id="content-kiri-headline">
<div id="content-head">
<ul id="newsslider">
<?php
72
$terkini2=mysql_query("SELECT * FROM berita WHERE headline='Y'
ORDER BY id_berita DESC LIMIT 8");
$no=1;
while($t=mysql_fetch_array($terkini2)){
$tgl = tgl_indo($t[tanggal]);
$isi_berita = strip_tags($t['isi_berita']);
$isi = substr($isi_berita,0,130);
$isi = substr($isi_berita,0,strrpos($isi," "));
echo "
<li>
<a href='berita-$t[id_berita]-$t[judul_seo].html'>
<img class=imgheadline src=foto_berita/$t[gambar] width='82' height='40' alt=''
/></a>
<h3><a href='berita-$t[id_berita]-$t[judul_seo].html'>$t[judul]</h3></a>
<p><span class=tanggal>$t[hari], $tgl - $t[jam] WIB</span><br />$isi ...<br />
<a href='berita-$t[id_berita]-$t[judul_seo].html'> »
selengkapnya</a></p>
</li>";
$no++;}
?>
</ul>
</div>
<!-- TAB -->
<div id="content-tab">
<div id="tabsview">
73
<div id="tab1" class="tab_sel" onclick="javascript:
displayPanel('1');" align="center"> Terpopuler </div>
<div id="tab2" class="tab" style="margin-left: 1px;"
onclick="javascript: displayPanel('2');" align="center"> Terkini
</div>
</div>
<div class="tab_bdr"></div>
<!-- tab 1: berita terpopuler -->
<div class="panel" id="panel1" style="display: block;">
<span>
<div class="tips">
<ul>
<?php
$populer=mysql_query("SELECT * FROM berita ORDER BY dibaca
DESC LIMIT 10");
while($p=mysql_fetch_array($populer)){
$isi_berita = strip_tags($p['isi_berita']); // membuat paragraf pada isi
berita dan mengabaikan tag html
$isi = substr($isi_berita,0,100); // ambil sebanyak 100 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
echo "<li class='garisbawah'><a href=berita-$p[id_berita]-
$p[judul_seo].html title=\"$isi ...\">$p[judul]</a> ($p[dibaca])</li>";
}
?>
</ul>
74
</div>
</span>
</div>
<!-- tab 2: berita terkini/terbaru -->
<div class="panel" id="panel2" style="display: none;">
<span>
<div class="tips">
<ul>
<?php
$terkini=mysql_query("SELECT * FROM berita ORDER BY
id_berita DESC LIMIT 11");
while($t=mysql_fetch_array($terkini)){
$isi_berita = strip_tags($t['isi_berita']); // membuat paragraf pada isi
berita dan mengabaikan tag html
$isi = substr($isi_berita,0,100); // ambil sebanyak 100 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
echo "<li class='garisbawah'><a href=berita-$t[id_berita]-
$t[judul_seo].html title=\"$isi ...\">$t[judul]</a></li>";
}
?>
</ul>
</div>
</span>
</div>
75
<!-- tab 3: komentar terakhir -->
<div class="panel" id="panel3" style="display: none;">
<span>
<div class="tips">
<ul>
<?php
$komentar=mysql_query("SELECT * FROM berita,komentar
WHERE komentar.id_berita=berita.id_berita
ORDER BY id_komentar DESC LIMIT 10");
while($k=mysql_fetch_array($komentar)){
$isi_komentar = strip_tags($k['isi_komentar']); // membuat paragraf
pada isi komentar dan mengabaikan tag html
$isi = substr($isi_komentar,0,100); // ambil sebanyak 100 karakter
$isi = substr($isi_komentar,0,strrpos($isi," ")); // potong per spasi
kalimat
echo "<li class='garisbawah'><a href='http://$k[url]' target='_blank'
title=\"http://$k[url]\"><b>$k[nama_komentar]</b></a>
pada <a href='berita-$k[id_berita]-
$k[judul_seo].html#$k[id_komentar]' title=\"$isi ...\">$k[judul]</a></li>";
}
?>
</ul>
</div>
</span>
</div><br />
</div><!-- / end content-kanan untuk tabs-->
76
</div><!-- / end content-kiri untuk headline berita -->
<div id="content-kiri">
<br />
<?php
// Tampilkan 2 kategori beserta 5 berita dalam kategori tersebut (bagian
kiri)
echo "<ul>";
$main=mysql_query("SELECT * FROM kategori WHERE aktif='Y' order by
id_kategori limit 2");
while($r=mysql_fetch_array($main)){
echo "<br /><li><div id=kotakjudul>
<span class=judulhead><a href='kategori-$r[id_kategori]-
$r[kategori_seo].html'>$r[nama_kategori]</a></span>
</div>
<div id=kotakisi>
<table cellpadding=2 width=100% border=0 cellspacing=4>
<tbody><div class='tips'>
<ul>";
$sub=mysql_query("SELECT * FROM kategori, berita
WHERE kategori.id_kategori=berita.id_kategori
AND berita.id_kategori=$r[id_kategori] order by id_berita desc
limit 1,4");
$sub2=mysql_query("SELECT * FROM kategori, berita
WHERE kategori.id_kategori=berita.id_kategori
77
AND berita.id_kategori=$r[id_kategori] order by id_berita desc
limit 1");
$t=mysql_fetch_array($sub2);
if ($t['gambar']!=''){
echo "<span class=image><img
src='foto_berita/small_$t[gambar]' width=110 border=0></span>";
}
$tgl = tgl_indo($t[tanggal]);
// Tampilkan hanya sebagian isi berita
$isi_berita = htmlentities(strip_tags($t['isi_berita'])); // membuat
paragraf pada isi berita dan mengabaikan tag html
$isi = substr($isi_berita,0,120); // ambil sebanyak 120 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
$judul = substr($t['judul'],0,30); // ambil sebanyak 35 karakter
$judul = substr($t['judul'],0,strrpos($judul," ")); // potong per spasi
kalimat
echo "<li class='garisbawah'><span class=judulnya><a href='berita-
$t[id_berita]-$t[judul_seo].html' title=\"$t[judul]\">$judul ...</a></span><br />
<span class=tanggal>$t[hari], $tgl</span><br /><br />
$isi ... <a href='berita-$t[id_berita]-$t[judul_seo].html' title=\"Klik
untuk melihat detail beritanya\">Selengkapnya</a>
</li>";
while($w=mysql_fetch_array($sub)){
$judul = substr($w['judul'],0,45); // ambil sebanyak 45 karakter
$judul = substr($w['judul'],0,strrpos($judul," ")); // potong per spasi
kalimat
78
echo "<li class='garisbawah'><a href='berita-$w[id_berita]-
$w[judul_seo].html' title=\"$w[judul]\">» $judul ...</a></li>";
}
echo "</ul></div>
</tbody>
</table>
</div>
</li>";
}
echo "</ul>";
// Tentukan kolom
$col = 5;
$g = mysql_query("");
echo "<div class='tipsatas'><table cellpadding='8'><tr>";
$cnt = 0;
while ($w = mysql_fetch_array($g)) {
if ($cnt >= $col) {
echo "</tr><tr>";
$cnt = 0;
}
$cnt++;
echo "<td align=center valign=top><br />
79
<a id='galeri' href='img_galeri/$w[gbr_gallery]'
title='$w[keterangan]'>
<img alt='$w[keterangan]' src='img_galeri/kecil_$w[gbr_gallery]'
/></a><br />
<a id='galeri' href='img_galeri/$w[gbr_gallery]'
title='$w[keterangan]'><b>$w[jdl_gallery]</b></a></td>";
}
echo "</tr></table></div>";
?>
</div><!-- / end content-kiri untuk berita sebelumnya dan galeri foto -->
<div id="content-kanan">
<br />
<?php
// Tampilkan 2 kategori beserta 5 berita dalam kategori tersebut (bagian
kanan)
echo "<ul>";
$main=mysql_query("SELECT * FROM kategori WHERE aktif='Y' order by
id_kategori limit 2,2");
while($r=mysql_fetch_array($main)){
echo "<br /><li><div id=kotakjudul>
<span class=judulhead><a href='kategori-$r[id_kategori]-
$r[kategori_seo].html'>$r[nama_kategori]</a></span>
</div>
<div id=kotakisi>
<table cellpadding=2 width=100% border=0 cellspacing=4>
<tbody>
80
<div class='tips'>
<ul>";
$sub=mysql_query("SELECT * FROM kategori, berita
WHERE kategori.id_kategori=berita.id_kategori
AND berita.id_kategori=$r[id_kategori] order by id_berita desc
limit 1,4");
$sub2=mysql_query("SELECT * FROM kategori, berita
WHERE kategori.id_kategori=berita.id_kategori
AND berita.id_kategori=$r[id_kategori] order by id_berita desc
limit 1");
$t=mysql_fetch_array($sub2);
if ($t['gambar']!=''){
echo "<span class=image><img
src='foto_berita/small_$t[gambar]' width=110 border=0></span>";
}
$tgl = tgl_indo($t[tanggal]);
// Tampilkan hanya sebagian isi berita
$isi_berita = htmlentities(strip_tags($t['isi_berita'])); // membuat
paragraf pada isi berita dan mengabaikan tag html
$isi = substr($isi_berita,0,120); // ambil sebanyak 120 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
$judul = substr($t['judul'],0,30); // ambil sebanyak 35 karakter
$judul = substr($t['judul'],0,strrpos($judul," ")); // potong per spasi
kalimat
echo "<li class='garisbawah'>
81
<span class=judulnya><a href='berita-$t[id_berita]-
$t[judul_seo].html' title=\"$t[judul]\">$judul ...</a></span><br />
<span class=tanggal>$t[hari], $tgl</span><br /><br />
$isi ... <a href='berita-$t[id_berita]-$t[judul_seo].html' title=\"Klik
untuk melihat detail beritanya\">Selengkapnya</a>
</li>";
while($w=mysql_fetch_array($sub)){
$judul = substr($w['judul'],0,45); // ambil sebanyak 45 karakter
$judul = substr($w['judul'],0,strrpos($judul," ")); // potong per spasi
kalimat
echo "<li class='garisbawah'><a href='berita-$w[id_berita]-
$w[judul_seo].html' title=\"$w[judul]\">» $judul ...</a></li>";
}
echo "</ul></div>
</tbody>
</table>
</div>
</li>";
}
echo "</ul>";
?>
</div>
<!-- / end content-kanan untuk kategori berita, download, dan agenda -->
</div> <!-- / end content -->
82
<?php
}
elseif ($_GET['module']=='detailberita'){
echo "<div id='content'>
<div id='content-detail'>";
$detail=mysql_query("SELECT * FROM berita,users,kategori
WHERE users.username=berita.username
AND kategori.id_kategori=berita.id_kategori
AND id_berita = '".abs((int)$_GET[id])."'");
$d = mysql_fetch_array($detail);
$tgl = tgl_indo($d[tanggal]);
$baca = $d[dibaca]+1;
echo "<span class=tanggal><img src=$f[folder]/images/clock.gif>
$d[hari], $tgl - $d[jam] WIB</span><br />";
echo "<span class=judul>$d[judul]</span><br />";
echo "<span class=posting>Diposting oleh :
<b>$d[nama_lengkap]</b><br />
Kategori: <a href=kategori-$d[id_kategori]-
$d[kategori_seo].html><b>$d[nama_kategori]</b></a>
- Dibaca: <b>$baca</b> kali</span><br />";
// Share to Gmail, Email, Facebook, Twitter, etc
echo "<div class='section'>
<div class='addthis_toolbox addthis_default_style'>
83
<a class='addthis_button_preferred_1'></a>
<a class='addthis_button_preferred_2'></a>
<a class='addthis_button_preferred_3'></a>
<a class='addthis_button_preferred_4'></a>
<a class='addthis_button_compact'></a>
<a class='addthis_counter addthis_bubble_style'></a>
</div>
<script type='text/javascript'
src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-
4f8aab4674f1896a'></script>
</div>";
// Apabila ada gambar dalam berita, tampilkan
if ($d[gambar]!=''){
echo "<p><span class=image><img src='foto_berita/$d[gambar]'
border=0></span></p>";
}
//$isi_berita=nl2br($d[isi_berita]); // membuat paragraf pada isi berita
echo "$d[isi_berita] <br />";
//dapatkan nama domain
$domain=mysql_fetch_array(mysql_query("SELECT alamat_website FROM
identitas"));
//tombol like fb
echo "<div class='fb-like' data-href='$domain[alamat_website]/berita-
$d[id_berita]-$d[judul_seo].html'
84
data-send='true' data-show-faces='true' data-width='600'></div>";
// Tampilkan judul berita yang terkait (maks: 5)
echo "<img src=$f[folder]/images/berita_terkait.jpg><br /><ul>";
// pisahkan kata per kalimat lalu hitung jumlah kata
$pisah_kata = explode(",",$d[tag]);
$jml_katakan = (integer)count($pisah_kata);
$jml_kata = $jml_katakan-1;
$ambil_id = substr($val->validasi($_GET['id'],'sql'),0,4);
// Looping query sebanyak jml_kata
$cari = "SELECT * FROM berita WHERE (id_berita<'$ambil_id') and
(id_berita!='$ambil_id') and (" ;
for ($i=0; $i<=$jml_kata; $i++){
$cari .= "tag LIKE '%$pisah_kata[$i]%'";
if ($i < $jml_kata ){
$cari .= " OR ";
}
}
$cari .= ") ORDER BY id_berita DESC LIMIT 5";
$hasil = mysql_query($cari);
while($h=mysql_fetch_array($hasil)){
echo "<li><a href=berita-$h[id_berita]-
$h[judul_seo].html>$h[judul]</a></li>";
85
}
echo "</ul>";
// Apabila detail berita dilihat, maka tambahkan berapa kali dibacanya
mysql_query("UPDATE berita SET dibaca=$d[dibaca]+1
WHERE id_berita='".$val-
>validasi($_GET['id'],'sql')."'");
// Apabila sudah ada komentar, tampilkan
if ($jml > 0){
while ($s = mysql_fetch_array($sql)){
$tanggal = tgl_indo($s[tgl]);
// Apabila ada link website diisi, tampilkan dalam bentuk link
if ($s[url]!=''){
echo "<span class=komentar><a name=$s[id_komentar]
id=$s[id_komentar]><a href='http://$s[url]'
target='_blank'>$s[nama_komentar]</a></a></span><br />";
}
else{
echo "<span class=komentar>$s[nama_komentar]</span><br />";
}
echo "<span class=tanggal>$tanggal - $s[jam_komentar]
WIB</span><br /><br />";
$isian=nl2br($s[isi_komentar]); // membuat paragraf pada isi komentar
$isikan=sensor($isian);
86
echo autolink($isikan);
echo "<hr color=#CCC noshade=noshade />";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM
komentar WHERE id_berita='".$val->validasi($_GET['id'],'sql')."' AND
aktif='Y'"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET['halkomentar'], $jmlhalaman);
echo "$linkHalaman";
}
// Form komentar
echo "<br /><b></b><br />";
echo "</div></div>";
}
// Modul berita per kategori
elseif ($_GET['module']=='detailkategori'){
echo "<div id='content'>
<div id='content-detail'>";
// Tampilkan nama kategori
$sq = mysql_query("SELECT nama_kategori from kategori where
id_kategori='".$val->validasi($_GET['id'],'sql')."'");
$n = mysql_fetch_array($sq);
87
echo "<span class=judul_head>» Kategori :
<b>$n[nama_kategori]</b></span><br /><br />";
$p = new Paging3;
$batas = 6;
$posisi = $p->cariPosisi($batas);
// Tampilkan daftar berita sesuai dengan kategori yang dipilih
$sql = "SELECT * FROM berita WHERE id_kategori='".$val-
>validasi($_GET['id'],'sql')."'
ORDER BY id_berita DESC LIMIT $posisi,$batas";
$hasil = mysql_query($sql);
$jumlah = mysql_num_rows($hasil);
// Apabila ditemukan berita dalam kategori
if ($jumlah > 0){
while($r=mysql_fetch_array($hasil)){
$tgl = tgl_indo($r[tanggal]);
echo "<table><tr><td><span class=tanggal><img
src=$f[folder]/images/clock.gif> $r[hari], $tgl - $r[jam] WIB</span><br />";
echo "<span class=judul><a href=berita-$r[id_berita]-
$r[judul_seo].html>$r[judul]</a></span><br />";
// Apabila ada gambar dalam berita, tampilkan
if ($r[gambar]!=''){
echo "<span class=image><img
src='foto_berita/small_$r[gambar]' width=110 border=0></span>";
}
88
// Tampilkan hanya sebagian isi berita
$isi_berita = htmlentities(strip_tags($r[isi_berita])); // membuat paragraf pada
isi berita dan mengabaikan tag html
$isi = substr($isi_berita,0,400); // ambil sebanyak 220 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
echo "$isi ... <a href=berita-$r[id_berita]-
$r[judul_seo].html>Selengkapnya</a>
<br /></td></tr></table><hr color=#CCC noshade=noshade />";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM berita
WHERE id_kategori='".$val->validasi($_GET['id'],'sql')."'"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[halkategori], $jmlhalaman);
echo "Hal: $linkHalaman";
}
else{
echo "Belum ada berita pada kategori ini.";
}
echo "</div>
</div>";
}
// Modul detail agenda
elseif ($_GET['module']=='detailagenda'){
89
echo "<div id='content'>
<div id='content-detail'>";
$detail=mysql_query("SELECT * FROM agenda
WHERE id_agenda='".$val->validasi($_GET['id'],'sql')."'");
$d = mysql_fetch_array($detail);
$tgl_posting = tgl_indo($d[tgl_posting]);
$tgl_mulai = tgl_indo($d[tgl_mulai]);
$tgl_selesai = tgl_indo($d[tgl_selesai]);
$isi_agenda=nl2br($d[isi_agenda]);
echo "<span class=judul>$d[tema]</span><br />";
echo "<span class=tanggal>Diposting tanggal: $tgl_posting</span><br /><br
/>";
echo "<b>Topik</b> : $isi_agenda <br />";
echo "<b>Tanggal</b> : $tgl_mulai s/d $tgl_selesai <br /><br />";
echo "<b>Tempat</b> : $d[tempat] <br /><br />";
echo "<b>Pukul</b> : $d[jam] <br /><br />";
echo "<b>Pengirim (Contact Person)</b> : $d[pengirim] <br />";
echo "</div>
</div>";
}
90
// Modul hasil pencarian berita
elseif ($_GET['module']=='hasilcari'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Hasil Pencarian</b></span><br />";
// menghilangkan spasi di kiri dan kanannya
$kata = trim($_POST['kata']);
// mencegah XSS
$kata = htmlentities(htmlspecialchars($kata), ENT_QUOTES);
// pisahkan kata per kalimat lalu hitung jumlah kata
$pisah_kata = explode(" ",$kata);
$jml_katakan = (integer)count($pisah_kata);
$jml_kata = $jml_katakan-1;
$cari = "SELECT * FROM berita WHERE " ;
for ($i=0; $i<=$jml_kata; $i++){
$cari .= "judul OR isi_berita LIKE '%$pisah_kata[$i]%'";
if ($i < $jml_kata ){
$cari .= " OR ";
}
}
$cari .= " ORDER BY id_berita DESC LIMIT 7";
$hasil = mysql_query($cari);
$ketemu = mysql_num_rows($hasil);
91
if ($ketemu > 0){
echo "<p>Ditemukan <b>$ketemu</b> berita dengan kata <font
style='background-color:#00FFFF'><b>$kata</b></font> : </p>";
while($t=mysql_fetch_array($hasil)){
echo "<table><tr><td><span class=judul><a href=berita-
$t[id_berita]-$t[judul_seo].html>$t[judul]</a></span><br />";
// Tampilkan hanya sebagian isi berita
$isi_berita = htmlentities(strip_tags($t[isi_berita])); // membuat paragraf pada
isi berita dan mengabaikan tag html
$isi = substr($isi_berita,0,250); // ambil sebanyak 150 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
echo "$isi ... <a href=berita-$t[id_berita]-
$t[judul_seo].html>Selengkapnya</a>
<br /></td></tr>
</table><hr color=#CCC noshade=noshade />";
}
}
else{
echo "<p></p><p align=center>Tidak ditemukan berita dengan kata
<b>$kata</b></p>";
}
echo "</div>
</div>";
}
92
// Modul hasil poling
elseif ($_GET['module']=='hasilpoling'){
echo "<div id='content'>
<div id='content-detail'>";
if (isset($_COOKIE["poling"])) {
echo "Sorry, anda sudah pernah melakukan voting terhadap poling ini.";
}
else{
// membuat cookie dengan nama poling
// cookie akan secara otomatis terhapus dalam waktu 24 jam
setcookie("poling", "sudah poling", time() + 3600 * 24);
echo "<span class=judul_head>» <b>Hasil Poling</b></span><br /><br
/>";
$u=mysql_query("UPDATE poling SET rating=rating+1 WHERE
id_poling='$_POST[pilihan]'");
echo "<p align=center>Terimakasih atas partisipasi Anda mengikuti poling
kami<br /><br />
Hasil poling saat ini: </p><br />";
echo "<table width=100% style='border: 1pt dashed #0000CC;padding:
10px;'>";
93
$jml=mysql_query("SELECT SUM(rating) as jml_vote FROM poling WHERE
aktif='Y'");
$j=mysql_fetch_array($jml);
$jml_vote=$j[jml_vote];
$sql=mysql_query("SELECT * FROM poling WHERE aktif='Y' and
status='Jawaban'");
while ($s=mysql_fetch_array($sql)){
$prosentase = sprintf("%2.1f",(($s[rating]/$jml_vote)*100));
$gbr_vote = $prosentase * 3;
echo "<tr><td width=120>$s[pilihan] ($s[rating]) </td><td>
<img src=$f[folder]/images/blue.png width=$gbr_vote height=18
border=0> $prosentase %
</td></tr>";
}
echo "</table>
<p>Jumlah Voting: <b>$jml_vote</b></p>";
}
echo "</div>
</div>";
}
94
// Modul hasil poling
elseif ($_GET['module']=='lihatpoling'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Hasil Poling</b></span><br /><br
/>";
echo "<p align=center>Terimakasih atas partisipasi Anda mengikuti poling
kami<br /><br />
Hasil poling saat ini: </p><br />";
echo "<table width=100% style='border: 1pt dashed #0000CC;padding:
10px;'>";
$jml=mysql_query("SELECT SUM(rating) as jml_vote FROM poling WHERE
aktif='Y'");
$j=mysql_fetch_array($jml);
$jml_vote=$j[jml_vote];
$sql=mysql_query("SELECT * FROM poling WHERE aktif='Y' and
status='Jawaban'");
while ($s=mysql_fetch_array($sql)){
95
$prosentase = sprintf("%2.1f",(($s[rating]/$jml_vote)*100));
$gbr_vote = $prosentase * 3;
echo "<tr><td width=120>$s[pilihan] ($s[rating]) </td><td>
<img src=$f[folder]/images/blue.png width=$gbr_vote height=18
border=0> $prosentase %
</td></tr>";
}
echo "</table>
<p>Jumlah Voting: <b>$jml_vote</b></p>";
echo "</div>
</div>";
}
// Menu utama di header
// Modul profil
elseif ($_GET['module']=='profilkami'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Profil</b></span><br /><br />";
$profil = mysql_query("SELECT * FROM modul WHERE
id_modul='37'");
$r = mysql_fetch_array($profil);
96
echo "<tr><td class=isi>";
if ($r[gambar]!=''){
echo "<span class=image><img
src='foto_banner/$r[gambar]'></span>";
}
echo "$r[static_content]";
echo "</div>
</div>";
}
// Modul halaman statis
elseif ($_GET['module']=='halamanstatis'){
echo "<div id='content'>
<div id='content-detail'>";
$detail=mysql_query("SELECT * FROM halamanstatis
WHERE id_halaman='".$val->validasi($_GET['id'],'sql')."'");
$d = mysql_fetch_array($detail);
$tgl_posting = tgl_indo($d[tgl_posting]);
echo "<span class=judul>$d[judul]</span><br />";
echo "<span class=tanggal>Diposting tanggal: $tgl_posting</span><br /><br
/>";
if ($d[gambar]!=''){
echo "<span class=image><img
src='foto_banner/$d[gambar]'></span>";
97
}
echo "$d[isi_halaman] <br />";
echo "</div>
</div>";
}
// Modul semua berita
elseif ($_GET['module']=='semuaberita'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Berita</b></span><br /><br />";
$p = new Paging2;
$batas = 12;
$posisi = $p->cariPosisi($batas);
// Tampilkan semua berita
$sql=mysql_query("select count(komentar.id_komentar) as jml, judul, judul_seo,
jam,
berita.id_berita, hari, tanggal, gambar, isi_berita
from berita left join komentar
on berita.id_berita=komentar.id_berita
and aktif='Y'
group by berita.id_berita DESC LIMIT $posisi,$batas");
while($r=mysql_fetch_array($sql)){
$tgl = tgl_indo($r[tanggal]);
98
echo "<table><tr><td>
<span class=tanggal>$r[hari], $tgl - $r[jam] WIB</span><br />";
echo "<span class=judul><a href=berita-$r[id_berita]-
$r[judul_seo].html>$r[judul]</a></span><br />";
// Tampilkan hanya sebagian isi berita
$isi_berita = htmlentities(strip_tags($r[isi_berita])); // membuat paragraf pada
isi berita dan mengabaikan tag html
$isi = substr($isi_berita,0,220); // ambil sebanyak 150 karakter
$isi = substr($isi_berita,0,strrpos($isi," ")); // potong per spasi kalimat
echo "$isi ... <a href=berita-$r[id_berita]-
$r[judul_seo].html>Selengkapnya</a> (<b>$r[jml] komentar</b>)
</td></tr></table>
<hr color=#CCC noshade=noshade />";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM berita"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[halberita], $jmlhalaman);
echo "Hal: $linkHalaman <br /><br />";
echo "</div>
</div>";
}
// Modul semua agenda
99
elseif ($_GET['module']=='semuaagenda'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Agenda</b></span><br /><br />";
$p = new Paging4;
$batas = 6;
$posisi = $p->cariPosisi($batas);
// Tampilkan semua agenda
$sql = mysql_query("SELECT * FROM agenda
ORDER BY id_agenda DESC LIMIT $posisi,$batas");
while($d=mysql_fetch_array($sql)){
$tgl_posting = tgl_indo($d[tgl_posting]);
$tgl_mulai = tgl_indo($d[tgl_mulai]);
$tgl_selesai = tgl_indo($d[tgl_selesai]);
$isi_agenda = nl2br($d[isi_agenda]);
echo "<table>";
echo "<tr><td colspan=2><span
class=tanggal>$tgl_posting</span></td></tr>";
echo "<tr><td colspan=2><span class=judul>$d[tema]</span></td></tr>";
echo "<tr><td valign=top><b>Topik</b> </td><td> : $isi_agenda
</td></tr>";
echo "<tr><td><b>Tanggal</b> </td><td> : $tgl_mulai s/d $tgl_selesai
</td></tr>";
echo "<tr><td><b>Pukul</b> </td><td> : $d[jam] </td></tr>";
echo "<tr><td><b>Tempat</b> </td><td> : $d[tempat] </td></tr>";
100
echo "<tr><td><b>Pengirim</b> </td><td> : $d[pengirim]
</td></tr></table><hr color=#CCC noshade=noshade />";
}
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM agenda"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[halagenda], $jmlhalaman);
echo "Hal: $linkHalaman <br /><br />";
echo "</div>
</div>";
}
// Modul semua download
elseif ($_GET['module']=='semuadownload'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Download</b></span><br /><br
/>";
$p = new Paging5;
$batas = 20;
$posisi = $p->cariPosisi($batas);
// Tampilkan semua download
$sql = mysql_query("SELECT * FROM download
101
ORDER BY id_download DESC LIMIT $posisi,$batas");
echo "<ul>";
while($d=mysql_fetch_array($sql)){
echo "<li><a href='downlot.php?file=$d[nama_file]'>$d[judul]</a>
($d[hits])</li>";
}
echo "</ul><hr color=#CCC noshade=noshade />";
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM download"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[haldownload], $jmlhalaman);
echo "Hal: $linkHalaman <br /><br />";
echo "</div>
</div>";
}
// Modul semua album
elseif ($_GET['module']=='semuaalbum'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Album</b></span><br />";
// Tentukan kolom
102
$col = 3;
$a = mysql_query("SELECT jdl_album, album.id_album, gbr_album,
album_seo,
COUNT(gallery.id_gallery) as jumlah
FROM album LEFT JOIN gallery
ON album.id_album=gallery.id_album
WHERE album.aktif='Y'
GROUP BY jdl_album");
echo "<table><tr>";
$cnt = 0;
while ($w = mysql_fetch_array($a)) {
if ($cnt >= $col) {
echo "</tr><tr>";
$cnt = 0;
}
$cnt++;
echo "<td align=center valign=top><br />
<a href=album-$w[id_album]-$w[album_seo].html>
<img class='img2' src='img_album/kecil_$w[gbr_album]' border=0 width=120
height=90><br />
$w[jdl_album]</a><br />($w[jumlah] Foto)<br /></td>";
}
echo "</tr></table>";
103
echo "</div>
</div>";
}
// Modul galeri foto berdasarkan album
elseif ($_GET['module']=='detailalbum'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <a href=semua-
album.html><b>Album</b></a> » <b>Galeri Foto</b></span><br />";
$p = new Paging6;
$batas = 10;
$posisi = $p->cariPosisi($batas);
// Tentukan kolom
$col = 5;
$g = mysql_query("SELECT * FROM gallery WHERE id_album='".$val-
>validasi($_GET['id'],'sql')."' ORDER BY id_gallery DESC LIMIT
$posisi,$batas");
$ada = mysql_num_rows($g);
if ($ada > 0) {
echo "<table><tr>";
$cnt = 0;
104
while ($w = mysql_fetch_array($g)) {
if ($cnt >= $col) {
echo "</tr><tr>";
$cnt = 0;
}
$cnt++;
echo "<td align=center valign=top><br />
<a href='img_galeri/$w[gbr_gallery]' title='$w[keterangan]' class='lightbox'
rel='group1'>
<img src='img_galeri/kecil_$w[gbr_gallery]' alt='$w[keterangan]' /></a><br
/>
<b>$w[jdl_gallery]</b></a></td>";
}
echo "</tr></table><br />";
$jmldata = mysql_num_rows(mysql_query("SELECT * FROM gallery
WHERE id_album='".$val->validasi($_GET['id'],'sql')."'"));
$jmlhalaman = $p->jumlahHalaman($jmldata, $batas);
$linkHalaman = $p->navHalaman($_GET[halgaleri], $jmlhalaman);
echo "Hal: $linkHalaman <br /><br />";
}else{
echo "<p>Belum ada foto.</p>";
}
echo "</div>
105
</div>";
}
// Modul hubungi kami
elseif ($_GET['module']=='hubungikami'){
echo "<div id='content'>
<div id='content-detail'>";
echo "<span class=judul_head>» <b>Hubungi Kami</b></span><br
/><br />";
echo "<b>Hubungi kami secara online dengan mengisi form dibawah ini:</b>
<table width=100% style='border: 1pt dashed #0000CC;padding: 10px;'>
<form action=hubungi-aksi.html method=POST>
<tr><td>Nama</td><td> : <input type=text name=nama size=40></td></tr>
<tr><td>Email</td><td> : <input type=text name=email size=40></td></tr>
<tr><td>Subjek</td><td> : <input type=text name=subjek
size=55></td></tr>
<tr><td valign=top>Pesan</td><td> <textarea name=pesan style='width:
315px; height: 100px;'></textarea></td></tr>
<tr><td> </td><td><img src='captcha.php'></td></tr>
<tr><td> </td><td>(Masukkan 6 kode diatas)<br /><input type=text
name=kode size=6 maxlength=6><br /></td></tr>
</td><td colspan=2><input type=submit name=submit
value=Kirim></td></tr>
</form></table><br />";
echo "</div>
</div>";
106
}
// Modul hubungi aksi
elseif ($_GET['module']=='hubungiaksi'){
echo "<div id='content'>
<div id='content-detail'>";
$nama=trim($_POST[nama]);
$email=trim($_POST[email]);
$subjek=trim($_POST[subjek]);
$pesan=trim($_POST[pesan]);
if (empty($nama)){
echo "Anda belum mengisikan NAMA<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>";
}
elseif (empty($email)){
echo "Anda belum mengisikan EMAIL<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>";
}
elseif (empty($subjek)){
echo "Anda belum mengisikan SUBJEK<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>";
}
107
elseif (empty($pesan)){
echo "Anda belum mengisikan PESAN<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b>";
}
else{
if(!empty($_POST['kode'])){
if($_POST['kode']==$_SESSION['captcha_session']){
mysql_query("INSERT INTO hubungi(nama,
email,
subjek,
pesan,
tanggal)
VALUES('$_POST[nama]',
'$_POST[email]',
'$_POST[subjek]',
'$_POST[pesan]',
'$tgl_sekarang')");
echo "<span class=posting>» <b>Hubungi Kami</b></span><br /><br
/>";
echo "<p align=center><b>Terimakasih telah menghubungi kami. <br /> Kami
akan segera meresponnya.</b></p>";
}else{
echo "Kode yang Anda masukkan tidak cocok<br />
<a href=javascript:history.go(-1)><b>Ulangi
Lagi</b></a>";
108
}
}else{
echo "Anda belum memasukkan kode<br />
<a href=javascript:history.go(-1)><b>Ulangi Lagi</b></a>";
}
}
echo "</div>
</div>";
}
?>
109
Lampiran Lembar Konsultasi Pembimbing - 1
Nama : Nurmaini
NPM : 1310024262007
Program Studi : Sistem Informasi
Judul Skripsi : Perancangan Sistem Informasi Akreditasi Program Studi
Sekolah Tinggi Teknologi Industri (STTIND) Padang
Berbasis Website
No Tanggal Catatan / Saran / Perbaikan Paraf
1 26 Oktober 2016
Perbaikan Latar Belakang dan Spasi
Penulisan
2 28 Oktober 2016
Spasi Kertas, Bab I Pendahuluan,
Identifikasi Masalah, Rumusan Masalah,
Bab II Tinjauan Pustaka dan Kerangka
Konseptual
3 31 Oktober 2016 Perbaikan Isi, Kerangka Metodologi
4 14 November 2016 Perbaikan Tabel, dan Gambar
5 22 Desember 2017 Acc Seminar Proposal
6 12 Januari 2017 Judul TA, Daftar Isi, Tabel, Gambar,
Penulisan dan Kerangka konseptual
7 07 Februari 2017
Perbaikan Kata Pengantar, Latar
Belakang, Data dan Sumber Data, Use
Case Diagram, Kesimpulan dan Daftar
Kepustakaan.
8 14 februari 2017 Acc Seminar Hasil
Padang, Februari 2017
(Nofriadiman ST, M.Kom)
110
Lampiran Lembar Konsultasi Pembimbing - 2
Nama : Nurmaini
NPM : 1310024262007
Program Studi : Sistem Informasi
Judul Skripsi : Perancangan Sistem Informasi Akreditasi Program Studi
Sekolah Tinggi Teknologi Industri (STTIND) Padang
Berbasis Website
No Tanggal Catatan / Saran / Perbaikan Paraf
1 26 Oktober 2016
Perbaikan Latar Belakang dan Spasi
Penulisan
2 28 Oktober 2016
Spasi Kertas, Bab I Pendahuluan,
Identifikasi Masalah, Rumusan Masalah,
Bab II Tinjauan Pustaka dan Kerangka
Konseptual
3 07 November 2016 Gunakan Bahasa Baku EYD yang Benar,
Oerbaikan Penulisan Dalam Laporan
4 14 November 2016 Perbaikan Tabel, dan Gambar
5 22 Desember 2017 Acc Seminar Proposal
6 12 Januari 2017 Judul TA, Daftar Isi, Tabel, Gambar,
Penulisan dan Kerangka konseptual
7 14 Februari 2017 Acc Seminar Hasil
Padang, Februari 2017
(Veni Wedyawati, M.Kom)
111
SURAT PERNYATAAN
Yang bertanda tangan dibawah ini :
Nama : Nurmaini
NPM : 1310024262007
Program Studi : Sistem Informasi
Dengan ini menyatakan bahwa skripsi yang saya susun dengan judul :
“ Perancangan Sistem Informasi Akreditasi Program Studi Sekolah Tinggi
Teknolohi Industri STTIND Padang “
Adalah benar-benar hasil karya saya sendiri dan bukan merupakan plagiat dari
Skripsi orang lain. Apabila kemudian dari pernyataan saya tidak benar, maka saya
bersedia menerima sanksi akademis yang berlaku (dicabut predikat kelulusan dan
gelar kesarjanaanya).
Demikian pernyataan ini saya buat dengan sebenarnya, untuk dapat dipergunakan
sebagaimana mestinya.
Padang, Maret 2017
Pembuat Pernyataan,
Nurmaini
NPM. 1310024262007
112
BUKTI PENGAMBILAN DATA PENELITIAN
Nama : Nurmaini
NPM : 1310024262007
Program Studi : Sistem Informasi
Tempat Penelitian : Sekolah Tinggi Teknologi Industri (STTIND) Padang
Penelitian : 1. Data Buku 3A
2. Data Buku 3B
3. Data Evaluasi Diri
Pembimbing I : Nofriadiman, ST, M.Kom
Pembimbing II : Veni Wedyawati M.Kom
Mahasiswa yang bersangkutan telah melakukan penelitian dari tanggal 08 Januari
sampai dengan 08 Februari 2017 Melakukan Perancangan Sistem Informasi
Akreditasi Program Studi Sekolah Tinggi Teknologi Industri (STTIND) Padang.
Padang, 10 Maret 2017
Mengetahui,
Ketua STTIND Padang Pemegang Data Arsip
(Tri Ernita, ST, MP) (Nofriadiman, ST, M.Kom)
NIDN. 1028027801 NIDN.1030117901
113
BIODATA WISUDAWAN/TI
No. Urut : -
Nama : Nurmaini
Jenis Kelamin : Perempuan
Tempat / Tgl Lahir : Padang / 10 Juli 1994
Nomor Pokok
Mahasiswa : 1310024262007
Program Studi : Sistem Informasi
Tanggal Lulus : 04 Maret 2017
IPK : 3,60
Predikat Lulus : Dengan Pujian
Judul Skripsi :
Perancangan Sistem Informasi
Akreditasi Program Studi Sekolah
Tinggi Teknologi Industri (STTIND)
Padang
Dosen
Pembimbing :
1. Nofriadiman, ST, M.Kom
2. Veni Wedyawati, M.Kom
Asal SMTA : SMA Pertiwi 1 Padang
Nama Orang Tua : Mahyuddin
Alamat / FB :
Jl. Pasir Parupuk Tabing, Sospol Rt 01
Rw 17, Kel. Parupuk Tabing, Kec.
Koto Tangah Kota Padang
Telp/Hp/WA : 085374066704
Top Related