KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME · PERSEMBAHAN Arah yang diberikan pendidikan adalah...

PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS

WEBSITE DI SMK DINAMIKA PEMBANGUNAN 2

JAKARTA

SKRIPSI

Diajukan untuk memenuhi salah satu syarat kelulusan Strata Satu (S.1)

ENDAH LESTARI

11135058

Program Studi Sistem Informasi

Sekolah Tinggi Manajemen Informatika dan Komputer Nusa Mandiri

Jakarta

2017

PERSEMBAHAN

Arah yang diberikan pendidikan adalah awal untuk mengawali kehidupan seseorag

yang akan menentukan masa depannya

(Plato)

Dengan mengucap puji syukur kepada Allah S.W.T, skripsi ini kupersembahkan untuk:

1. Kedua orang tuaku yang telah memberikan dukugan Doa yang tiada henti. Ucapan terimakasih saja takkan pernah cukup untuk membalas

kebaikan orang tua, karena itu terimalah persembahan bakti dan cintaku untuk

kalian apak dan ibuku.

2. Suamiku tercinta mas Andri, yang selalu membeikan dukungan, kesabaran, toleransi, senyum dan Do’anya selama ini, terimakasih ntuk semuanya.

3. Keluarga, yang senantiasa memberikan dukungan dan do’a terbaik mereka.

4. Sahabat dan teman, tanpa semangat, dukungan dan bantuan kalian se ua takkan mungkin aku sampai disini, terimakasih untuk canda tawa, tangis, dan

perjuangan yang kita lewati bersama dan terimakasih untuk kenangan manis yang

telah mengukir selama ini.

“Orang yang pintar bukanlah orang yang merasa pintar, akan tetapi ia adalah orang

yang merasa bodoh, dengan begitu ia tak akan pernah berhenti untuk terus belajar”

PANDUAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul “Perancangan Sistem Informasi Akademik di

SMK Dinamika Pembangunan 2 Jakarta” adalah hasil karya tulis asli ENDAH

LESTARI dan bukan hasil terbitan sehingga peredaran karya tulis hanya berlaku

dilingkungan akademik saja, serta memiliki hak cipta. Oleh karena itu, dilarang keras

untuk menggandakan baik sebagian maupun seluruhnya karya tulis ini, tanpa seizin

penulis.

Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atau

peringkasan isi tulisan hanya dapat dilakukan dengan seizin penulis dan disertai

ketentuan pengutipan secara ilmiah dengan menyebutkan sumbernya.

Untuk keperluan perizinan pada pemilik dapat menghubungi informasi yang

tertera di bawah ini:

Nama : ENDAH LESTARI

Alamat : Citra Garden Blok A1 no 88 Kalideres Jakarta Barat

No. Telp : +62813 9161 8408

E-mail : [email protected]

mailto:[email protected]

KATA PENGANTAR

Puji syukur alhamdullillah, penulis panjatkan kehadirat Allah, SWT, yang telah

melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat

menyelesaikan Skripsi ini dengan baik. Dimana skripsi ini penulis sajikan dalam bentuk

buku yang sederhana. Adapun judul skripsi, yang penulis ambil sebagai berikut,

“PERANCANGAN SISTEM INFORMASI AKADEMIK DI SMK DINAMIKA

PEMBANGUNAN 2 JAKARTA”.

Tujuan penulisan skripsi ini dibuat sebagai salah satu syarat kelulusan program

Strata Satu (S1) STMIK Nusa Mandiri. Sebagai bahan penulisan diambil berdasarkan

hasil penelitian (eksperimen), observasi dan beberapa sumber literatur yang mendukung

penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua

pihak, maka penulisan skripsi ini tidak akan lancar. Oleh karena itu pada kesempatan

ini, izinkanlah penulis menyampaikan ucapan terima kasih kepada:

1. Ketua STMIK Nusa Mandiri

2. Pembantu Ketua I STMIK Nusa Mandiri

3. Ketua Program Studi Sistem Informatika STMIK Nusa Mandiri.

4. Bapak Wahyudin M.Kom selaku Dosen Pembimbing Skripsi.

5. Staff / karyawan / dosen di lingkungan STMIK Nusa Mandiri.

6. Bapak Saman, S.E selaku kepala SMK Dinamika Pembangunan 2 Jakarta

7. Bapak Hari Sudrajat selaku kepala IT SMK Dinamika Pembangunan 2 Jakarta

8. Keluarga dan suami tercinta

9. Rekan-rekan mahasiswa jurusan SI kelas 11.7AC.05 .

Serta semua pihak yang terlalu banyak untuk disebut satu persatu

sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan skripsi ini

masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat

membangun demi kesempurnaan penulisan dimasa yang akan datang.

Akhir kata semoga skripsi ini dapat berguna bagi penulis khususnya dan bagi

para pembaca yang berminat pada umumnya.

Jakarta, 07 Februari 2016

Penulis

Endah Lestari

ABSTRAK

Endah Lestari (11135058), Perancangan Sistem Informasi Akademik Berbasis

Website di SMK Dinamika Pembangunan 2 Jakarta

Saat ini perkembangan teknologi sudah semakin pesat, tidak sedikit yang

memanfaatkan kesempatan dari perkembangan teknologi saat ini. banyak sistem dan

aplikasi yang dibuat untuk membantu dan mempermudah suatu kegiatan. Begitu pula

dengan sistem pelayanan dan fasilitas sekolah yang juga memanfaatkan perkembangan

teknologi saat ini, yaitu sistem informasi akademik berbasis website yang bertujuan

untuk mempermudah siswa, guru dan orang tua dalam memantau dan mendapatkan

informasi seputar kegiatan belajar mengajar. Sistem informasi akademik yang berbasis

website yang dapat di akses dimanapun dapat mempermudah dan menjadi alternatif

yang tepat untuk mencari dan menyampaikan informasi seputar akademik secara tepat

dan efektif. Dengan adanya sistem informasi akademik berarti sekolah telah memiliki

media alternatif yang tepat sebagai penyedia informasi, sehingga dapat mempermudah

siswa, orang tua dan guru dalam menyampaikan dan mendapatkan informasi. Model

Pengembangan sistem yang digunakan untuk merancang dan mengembangkan aplikasi

ini adalah waterfall model. Dan sistem informasi akademik ini dirancang dan

dikembangkan menggunakan bahasa pemprograman PHP, HTML, CSS dengan

menggunakan Database Mysql.

Kata Kunci: Sistem Informasi Akademik, Website, Perkembangan Teknologi

ABSTRACT

Endah Lestari (11135058), Academic Information System Design Based on CMS

Website Development Dynamics 2 Jakarta

The current technological development has already intensified, not least the

opportunity of development of current technologies. many systems and applications

that are made to help and facilitate an activity. Similarly, with the services and

facilities of the school are also utilizing the current technology developments, namely

information systems academic-based website that aims to make students, teachers and

parents in the monitor and get information about the teaching and learning activities.

Academic information system based websites that can be accessed anywhere can

make alternative and being the right to seek and impart information about academic

appropriately and effectively. With the academic information system means the school

has had a proper alternative media as a provider of information, so that it can

facilitate the students, parents and teachers in delivering and get information. System

development models are used to design and develop this application is the waterfall

model. And academic information system was designed and developed using the

programming language PHP, HTML, CSS by using the Mysql Database.

Keywords: Academic Information Systems, Website, Technology Development

DAFTAR ISI

Halaman

LEMBAR JUDUL SKRIPSI ........................................................................... i

LEMBAR PERSEMBAHAN .......................................................................... ii

LEMBAR PERNYATAAN KEASLIAN SKRIPSI ........................................ iii

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

.......................................................................................................................... iv

LEMBAR PERSETUJUAN DAN PENGESAHAN SKRIPSI ....................... v

LEMBAR PANDUAN PENGGUNAAN HAK CIPTA ................................. vi

KATA PENGANTAR ..................................................................................... vii

ABSTRAK ....................................................................................................... ix

DAFTAR ISI ................................................................................................... xi

DAFTAR SIMBOL ......................................................................................... xiii

DAFTAR GAMBAR ....................................................................................... xviii

DAFTAR TABEL ........................................................................................... xix

DAFTAR LAMPIRAN ................................................................................... xx

BAB I PENDAHULUAN

1.1. Latar Belakang Masalah ...................................................... 1 1.2. Identifikasi Masalah ............................................................ 2 1.3. Perumusan Masalah ............................................................. 2 1.4. Maksud dan Tujuan ............................................................. 2 1.5. Metode Penelitian ................................................................ 3

1.5.1. Teknik Pengumpulan Data ...................................... 3 A. Observasi .......................................................... 3 B. Wawancara ....................................................... 3 C. Studi Pustaka .................................................... 4

1.5.2. Model Pengembangan Sistem ................................. 4 A. Analisa Kebutuhan Sistem ................................ 4 B. Desain ............................................................... 4 C. Code Generation .............................................. 5 D. Testing .............................................................. 5 E. Support ............................................................. 5

1.6. Ruang Lingkup .................................................................... 5

BAB II LANDASAN TEORI

2.1. Tinjauan Pustaka ................................................................ 7 2.2. Penelitian Terkait ................................................................ 21

BAB III ANALISA SISTEM BERJALAN ...............................................

3.1. Tinjauan Institusi / Perusahaan ........................................... 22 3.1.1. Sejarah Institusi / Perusahaan .................................. 22 3.1.2. Struktur Organisasi dan Fungsi ............................... 24

3.2. Proses Bisnis Sistem ............................................................ 31 3.3. Spesifikasi Dokumen Sistem Berjalan ................................ 32

3.3.1. Spesifikasi Bentuk Dokumen Masukan .................. 32

3.3.2. Spesifikasi Bentuk Dokumen Keluaran .................. 32

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software ............................................... 34 4.2. Desain .................................................................................. 42

4.2.1. Database .................................................................. 42 4.2.2. Software Architecture .............................................. 49 4.2.3. User Interface .......................................................... 51

4.3. Code Generation .................................................................. 55 4.4. Testing ................................................................................. 61 4.5. Support ................................................................................. 63

4.5.1. Publikasi Web ........................................................... 63 4.5.2. Spesifikasi Hardware dan Software ......................... 63

4.6. Spesifikasi Dokumen Sistem Usulan .................................. 64

BAB V PENUTUP 5.1. Kesimpulan .......................................................................... 65 5.2. Saran-saran .......................................................................... 65

DAFTAR PUSTAKA

DAFTAR RIWAYAT HIDUP

SURAT KETERANGAN RISET

LEMBAR KONSULTASI BIMBINGAN

LAMPIRAN-LAMPIRAN

Lampiran A. Dokumen Sistem Berjalan

Lampiran B. Dokumen Sistem Usulan

DAFTAR SIMBOL

A. Simbol UML

1. Simbol-simbol Activity

INITIAL NODE

Status awal aktivitas sistem, sebuah diagram

aktivitas memiliki sebuah status awal.

ACTION

Aktivitas yang dilakukan sistem, aktivitas biasanya

diawali dengan kata kerja.

DECISION

Asosiasi percabangan dimana jika ada pilihan

aktivitas lebih dari satu.

JOIN

Digunakan untuk menunjukkan kegiatan yang

digabungkan.

FORK

Digunakan untuk menunjukkan kegiatan yang

dilakukan secara paralel.

ACTIVITY FINAL

Status akhir yang dilakukan sistem, sebuah diagram

aktivitas memiliki sebuah status akhir.

SWIMLANE

Memisahkan organisasi bisnis yang bertanggung

jawab terhadap aktivitas yang terjadi.

2. Simbol-simbol Use Case

USECASE

Fungsionalitas yang disediakan sistem sebagai unit-

unit yang saling bertukar pesan antar unit atau

aktor.

ACTOR

Orang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dibuat di luar

sistem informasi yang akan dibuat itu sendiri.

ASSOCIATION

Komunikasi antara aktor dan usecase yang

berpartisipasi pada usecase atau usecase memiliki

interaksi dengan aktor.

INCLUDE

Relasi usecase dimana proses bersangkutan akan

dilanjutkan ke proses yang dituju.

EXTEND

Relasi usecase tambahan ke sebuah usecase yang

ditambahkan dapat berdiri sendiri walau tanpa

usecase tambahan itu.

GENERALIZATION

Dimana fungsi yang satu adalah fungsi yang umum

dari yang lainnya.

3. Simbol-simbol Sequence

ACTOR

Orang, poses, atau sistem lain yang berinteraksi

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.

LIFELINE

Menyatakan kehidupan suatu objek.

OBJECT

Menyatakan objek yang berinteraksi pesan.

ACTIVATION

Menyatakan objek dalam keadaan aktif dan

berinteraksi pesan.

PESAN TIPE CREATE

Menyatakan suatu objek membuat objek yang lain,

arah panah mengarah pada objek yang dibuat.

nama_method()

PESAN TIPE CALL

Menyatakan suatu objek memanggil operasi atau

metode yang ada pada objek lain atau dirinya

sendiri.

masukan

PESAN TIPE SEND

Menyatakan bahwa sutu objek mengirimkan

data/masukan/informasi ke objek lainnya, arah

panah mengarah pada objek yang dikirimi.

keluaran

PESAN TIPE RETURN

Menyatakan bahwa suatu objek yang telah

menjalankan suatu operasi atau metode

menghasilkan suatu kembalian ke objek tertentu,

arah panah mengarah pada objek yang menerima

kembalian.

PESAN TIPE DESTROY

Menyatakan suatu objek mengakhiri hidup objek

yang lain, arah panah mengarah pada objek yang

diakhiri, sebaiknya jika ada create maka ada

destroy.

4. Simbol-simbol Class

PACKAGE

Package merupakan sebuah bungkusan dari satu

atau lebih kelas.

ClassName

-memberName

-memberName

-memberName

CLASS

Kelas pada struktur sistem.

INTERFACE

Sama dengan konsep interface dalam

pemrograman berorientasi objek.

ASSOCIATION

Relasi antar kelas dengan makna umum, asosiasi

biasanya juga disertai dengan multiplicity.

ASOSIASI BERARAH

Relasi antar kelas dengan makna kelas yang satu

digunakan oleh kelas yang lain, asosiasi biasanya

juga disertai dengan multiplicity.

GENERALIZATION

Relasi antar kelas dengan makna generalisasi-

spesialisasi (umum khusus).

DEPEDENCY

Relasi antar kelas dengan makna kebergantungan

antar kelas.

AGGREGATION

Relasi antar kelas dengan makna semua-bagian

(whole-part).

5. Simbol-simbol Deployment

NODE

Sumber daya yang digunakan pada saat aplikasi

dijalankan.

ASSOCIATION

Relasi antar kelas dengan makna umum, asosiasi

biasanya juga disertai dengan multiplicity.

B. Simbol ERD

ENTITAS

adalah suatu objek yang dapat diidentifikasi dalam

lingkungan pemakai.

RELASI

menunjukkan adanya hubungan di antara sejumlah

entitas yang berbeda.

ATRIBUT

berfungsi mendeskripsikan karakter entitas

(atribut yg berfungsi sebagai key diberi garis

bawah)

DAFTAR TABEL .

Halaman

1. Tabel IV.1. Deskripsi Use Case Diagram Halaman Siswa ....................... 36

2. Tabel IV.2. Deskripsi Use Case Diagram Halaman Guru……... ............. 37

3. Tabel IV.3. Deskripsi Use Case Diagram Halaman Staff ......................... 38

4. Tabel IV.4. Spesifikasi File Tabel Siswa .................................................. 44

5. Tabel IV.5. Spesifikasi File Tabel Guru ................................................... 45

6. Tabel IV.6. Spesifikasi File Tabel Materi ................................................. 46

7. Tabel IV.7. Spesifikasi File Tabel Nilai ................................................... 47

8. Tabel IV.8. Spesifikasi File Tabel Kelas .................................................. 48

9. Tabel IV.9. Hasil Pengujian Black Box Halaman Login ........................... 61

10. Tabel IV.10 Hasil Pengujian Black Box Halaman Zona Guru ................... 62

DAFTAR GAMBAR

Halaman

1. Gambar II.1 Diagram Waterfall .................................................................. 19 2. Gambar III.1 Struktur Organisasi SMK Dinamika Peembangunan 2 ......... 24 3. Gambar III.2 Activity Diagram Nilai Akademik Siswa .............................. 26 4. Gambar IV.1 Use Case Diagram Halaman Siswa ...................................... 35 5. Gambar IV.2 Use Case Diagram Halaman Guru ........................................ 37 6. Gambar IV.3 Use Case Diagram Halaman Staff ........................................ 38 7. Gambar IV.4 Activity Diagram Tugas Siswa .............................................. 40 8. Gambar IV.5 Activity Diagram Info Akademik .......................................... 40 9. Gambar IV.6 Activity Diagram Akademik Siswa ....................................... 41 10. Gambar IV.7 Entity Relationship Diagram ................................................. 42 11. Gambar IV.8 Logical Record Structure ...................................................... 43 12. Gambar IV.9 Component Diagram ............................................................. 49 13. Gambar IV.10 Deployment Diagram .......................................................... 50 14. Gambar IV.11 Tampilan Halaman Login ................................................... 51 15. Gambar IV.12 Tampilan Halaman Siswa ................................................... 51 16. Gambar IV.13 Tampilan Halaman Zona Siswa… ...................................... 52 17. Gambar IV.14 Tampilan Halaman Guru ..................................................... 52 18. Gambar IV.15 Tampilan Halaman Zona Guru ........................................... 53 19. Gambar IV.16 Tampilan Halaman Guru Data Siswa.................................. 53

20. Gambar IV.17 Tampilan Halaman Staff ..................................................... 54 21. Gambar IV.18 Tampilan Halaman Staff Pengelola Siswa .......................... 54 22. Gambar IV.19 Tampilan Halaman Staff Rekap Nilai......... ........................ 54

DAFTAR LAMPIRAN .

Halaman

1. Lampiran A.1 Rapot Nilai ......................................................................... 68

2. Lampiran B.1 Laporan Hasil Data Belajar Siswa …….............................. 69

BAB I

PENDAHULUAN

3.1. Latar Belakang Masalah

Perkembangan teknologi saat ini sudah semakin pesat. Banyak pihak yang

memanfaatkan kesempatan dari perkembangan teknologi saat ini dengan tujuan untuk

membuat sistem informasi yang dapat membantu efektifitas dan efisiensi suatu aktifitas.

Menurut Indrayasa (2015) memberikan batasan bahwa :

Sistem adalah suatu jaringan kerja dari prosedur- prosedur yang saling

berhubungan, berkumpul bersama- sama untuk melakukan suatu kegiatan atau

untuk menyelesaikan suatu sasaran tertentu atau merupakan kumpulan dari

elemen-elemen yang saling berinteraksi untuk mencapai suatu tujuan tersebut.

Sedangkan informasi adalah data yang diolah menjadi bahan yang lebih berguna

dan berarti bagi penerimanya.

Dalam dunia pendidikan, informasi merupakan hal yang sangat penting. Oleh

karena itu, informasi yang di berikan atau di terima tidak boleh salah. Informasi yang

diberikan harus cepat tepat dan sesuai sehingga tidak menimbulkan kesalahpaman. Saat

ini SMK Dinamika Pembagunan 2 Jakarta yang saat ini masih menggunakan sistem

informasi yang bersifat konvensional, sehingga masih sering terjadi kesalahan dalam

penyampaian dan penerimaan informasi serta masih didapatkan siswa yang

keterlambatan informasi yang disampaikan oleh pihak sekolah. Hal ini juga dapat

menyebabkan kesalahpahaman pada informasi.

Untuk mengatasi masalah tersebut, diperlukan suatu sistem informasi yang cepat

dan tepat yang dapat dikelola dengan mudah. Suatu sistem yang memanfaatkan

perkembangan teknologi. Maka dari itu, penulis membuat suatu sistem informasi

akademik berbasis website yang dapat menyampaikan informasi lebih efektif dan

efisien. Selain lebih efektif sistem informasi akademik berbasis web dinilai lebih cepat

dan tepat dalam penyampaian informasi.

3.2. Identifikasi Permasalahan

Permasalahan yang terjadi di SMK Dinamika Pembangunan 2 Jakarta dapat

diidentifikasikan sebagai berikut :

1. Penyampaian informasi yang bersifat konvensional yang membutuhkan waktu

lebih lama dan tidak semua informasi yang diberikan diterima oleh semua siswa.

2. Penyampaian informasi yang masih menggunakan media kertas yang

membutuhkan waktu dan biaya yang lebih banyak.

3. Siswa membutuhkan suatu sistem yang dapat membantu aktifitas kegiatan

belajar mengajar.

3.3. Perumusan Masalah

Berdasarkan latar belakang dan identifikasi masalah dalam pembuatan sistem

informasi akademik berbasis website, dapat dirumuskan permasalahan yaitu bagaimana

membuat sistem informasi akademik pada SMK Dinamika Pembangunan 2 Jakarta

menjadi lebih cepat, tepat serta tidak membutuhkan biaya yang telalu besar.

3.4. Maksud dan Tujuan

Maksud dari Penulisan Skripsi ini adalah :

1. Mengembangkan sebuah Sistem Informasi Akademik berbasis Website,

sehingga dapat membantu sekolah dalam penyampaian informasi yang lebih

efektif dan efisien.

2. Membuat sistem informasi akademik berbasis website yang bersifat interaktif

dan mudah diakses.

3. Membuat sistem selain sebagai media penyampaian informasi juga dapat

dijadikan sebagai media penunjang kegiatan belajar mengajar di SMK Dinamika

Pembangunan 2 Jakarta.

Sedangkan tujuan dari penulisan skripsi ini adalah sebagai salah satu syarat

kelulusan Srata satu (S1) STMIK Nusa Mandiri Jakarta Program Studi Sistem

Informasi.

3.5. Metode Penelitian

Dalam pembuatan sistem informasi akademik berbasis website, penulis

menggunakan beberapa metode, yaitu :

1.5.1. Teknik Pengumpulan Data

Teknik yang digunakan oleh penulis sebagai berikut :

A. Observasi

Penulis melakukan obervasi ke SMK Dinamika Pembangunan 2 Jakarta dan

melihat banyaknya siswa yang bersekolah disana dan melihat sistem serta media

penyampaian informasi yang di gunakan oleh SMK Dinamika Pembangunan 2 Jakarta.

B. Wawancara

Sebelum pembuatan sistem ini, penulis juga melakukan wawancara dengan

Bapak Firmansyah, salah satu staff tata usaha yang bekerja di SMK Dinamika

Pembangunan 2 Jakarta, saat ini sekolah membutuhkan suatu sistem yang dapat

membantu untuk menyampaikan suatu informasi dengan cepat, tepat dan mudah dan

tidak terlalu banyak mengeluarkan biaya.

C. Studi Pustaka

Studi pustaka yang dilakukan yaitu dengan mengumpulkan data-data yang

berhubungan dengan pembuatan website, penulis juga mengumpulkan data-data yang

berhubungan dengan sistem informasi dan teknologi website saat ini melalui buku

maupun internet.

1.5.2. Model Pengembangan Sistem

A. Analisa Kebutuhan Sistem

Pada model pengembangan sistem penulis melakukan beberapa tahapan dalam

menganalisa kebutuhan sofware, penulis juga merencanakan penggunaan software yang

tepat yang dapat menunjang pembuatan sistem informasi akademik berbasis website.

B. Desain

Tampilan antarmuka yang disajikan untuk pengguna yang ada pada website

adalah terdapat tombol menu, header, form login, content yang terdiri dari beberapa

kolom yang berfungsi untuk memuat informasi, serta footer

Software yang digunakan untuk membuat dan merancang desain dalam

pembuatan sistem informasi akademik berbasis website menggunakan Adobe Photoshop

CS6 dan untuk membuat desain tampilan serta mengatur beberapa komponen pada

website sehingga lebih terstruktur dan seragam, penulis menggunakan Bahasa CSS 3

(Cascading Style Sheet) yang dapat diolah menggunakan aplikasi Adobe Dreamweaver

CS6. Dan pengolah basis data MySQL yang dapat diakses menggunakan phpMyAdmin

di dalam web server XAMPP.

C. Code Generation

Bahasa pemrograman yang digunakan untuk pembuatan sistem informasi

akademik adalah Hyper Text Markup Language (HTML) dan Hypertext Preprocessor

(PHP) dengan menggunakan metode pemrograman terstruktur atau prosedural

pengolah bahasa pemrograman yang digunakan oleh penulis untuk membuat

sistem informasi akademik ini adalah Adobe Dreamweaver CS6.

D. Testing

Sistem informasi akademik berbasis website ini akan di uji/testing dengan 2

tahap pengujian, yang pertama melalui pengujian white box dimana sebagian tahap

pengujian ini meliputi pengujian algoritma yang dibuat, baik pengujian secara sebagian

ataupun secara keseluruhan. Dan yang kedua adalah melalui pengujian black box yaitu

pengujian inputan apakah inputan tersebut mendapatkan hasil yang sesuai diharapkan

atau tidak.

E. Support

Sistem informasi akademik berbasis website ini dibangun dengan aplikasi

pengolah bahasa pemprograman yaitu Adobe Dreamweaver CS6 dengan system operasi

windows 7. Dan didukung dengan hardware berupa prosesor core i3, memory 2GB

DDR3 dengan hardisk 500GB.

3.6. Ruang Lingkup

Berdasarkan permasalahan diatas, pembatasan masalah dalam penulisan skripsi

ini adalah sebagai berikut:

1. Sistem informasi akademik berbasis website dibuat dengan ruang lingkup

penyampaian informasi terkait kegiatan belajar mengajar, seperti pemberitauan

agenda sekolah, hari libur dan jadwal mata pelajaran.

2. Dalam pembuatan penulis juga melibatkan beberapa hal lain yang membantu

sebagai penunjang kegiatan belajar mengajar di sekolah, seperti menampilkan

materi pembelajaran, berita harian, lihat tugas sekolah dan halaman untuk

mengumpulkan tugas sekolah. Sehingga dapat menunjang kegiatan belajar

mengajar disekolah menjadi lebih mudah.

BAB II

LANDASAN TEORI

3.1. Tinjauan Pustaka

A. Sistem Informasi

Menurut Yakub (2012:17) “Sistem informasi merupakan kombinasi teratur dari

orang-orang, perangkat keras (hardware), perangkat lunak (sofware), jaringan

komunikasi dan sumber daya data yang menggumpulkan, mengubah dan menyebarkan

informasi dalam sebuah organisasi”.

Sistem informasi adalah suatu sistem yang menyediakan informasi untuk

manajemen pengambilan keputusan/kebijakan dan menjalankan operasional dari

kombinasi orang-orang, teknologi informasi dan prosedur-prosedur yang terorganisasi.

Atau sistem informasi juga dapat diartikan sebagai kombinasi dari teknologi informasi

dan aktifitas orang yang menggunakan teknologi, untuk mendukung suatu operasi dan

manajemen.

B. Akademik

Menurut Membara, dkk. dalam Fadjar (2014:73) menyimpulkan bahwa

“Akademik adalah keadaan orang-orang bisa menyampaikan dan menerima gagasan,

pemikiran, ilmu pengetahuan, dan sekaligus dapat mengujinya secara jujur, terbuka, dan

leluasa”

Dapat disimpulkan bahwa akademik adalah proses kegiatan belajar mengajar

yang dilakukan disuatu sekolah atau lembaga pendidikan. Kegiatan akademik meliputi

diskusi, observasi, dan pengerjaan tugas. Dalam satu kegiatan akademik diperhitungkan

tidak hanya kegiatan tatap muka yang terjadwal saja tetapi juga kegiatan yang

direncanakan (terstruktur) dan yang dilakukan secara mandiri.

C. Konsep Dasar Website

Website merupakan suatu halaman informasi yang disediakan melalu jalur

internet, Gabungan atas semua situs yang dapat diakses public di internet disebut juga

sebagai world wide web atau lebih dikenal dengan singkatan www. Pada bab ini

diuraikan beberapa konsep dasar web, diantaranya adalah sebagai berikut.

1. Internet

Menurut Hidayatullah dan Kawistara (2015:1) “Internet adalah jaringan global

yang menghubungkan komputer-komputer di seluruh dunia”. Secara harfiah, internet

(interconnected-networking) ialah rangkaian komputer yang terhubung satu sama lain.

Hubungan melalui suatu sistem antar perangkat komputer untuk lalu lintas data itulah

yang dinamakan network. Jadi dapat disimpulkan bahwa internet merupakan suatu

jaringan yang menghubungkan komputer dengan komputer lainnya dengan waktu dan

wilayah yang tidak terbatas. Umumnya internet digunakan untuk mengakses suatu

halaman website dan sebuah website dapat diakses menggunakan internet jika telah

terhubung dengan Web Server dan menggunakan Web Browser

2. Website

Menurut Hidayat (2010:2) “Website atau situs dapat diartikan sebagai kumpulan

halaman-halam yang digunakan untuk menampilkan informasi teks, gambar

diam atau gerak, animasi, suara, dan atau gabungan semuanya, baik yang

bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang

terkait, yang masing-masing dihubungkan dengan jaringan-jaringan halaman“.

Ditinjau aspek konten atau isi, Web dapat dibagi menjadi 2 jenis, yaitu web statis

dan web dinamis. Web statis merupakan suatu halaman yang berisi skrip HTML editor

dan disimpan sebagai file .htm atau .HTML. Disebut statis karena halaman tersebut dari

waktu kewaktu isinya tidak berubah. Kerena halaman web statis ini tidak memerlukan

pemprosesan diserver, pembuatnya dapat dilakukan menggunakan editor HTML dan

hasilnya dapat dilihat pada web browser. Contoh web statis di antaranya adalah web

profil perusahan yang lebih dominan mengunakan animasi flash atau HTML, web

kumpulan produk animasi.

Sedangkan web Dinamis adalah web yang kontennya berubah-berubah.

Pembuatan halaman web dinamis dapat dilakukan dengan dua cara yaitu secara client

side atau secara server side. Penggunaan client side dan server side tidak saling

bertentangan melainkan saling melengkapi. Seorang web developer harus dapat

menentukan bagaian mana yang diletakan secara client side dan mana yang diletakan

secara server side.

2.1.1. Pengertian Web Server

Menurut Supardi (2010:2) “Web Server merupakan perangkat lunak yang

mengelola (mengatur) permintaan user dari browser dan hasilnya dikembalikan kembali

ke browser. Contoh Web server, adalah IIS (Internet Information Service) Produk

Microsoft Corp”.Web browser seperti explorer atau navigator berkomunikasi melalui

jaringan (termasuk jaringan internet) dengan web server, menggunakan HTTP. Browser

akan mengirimkan request ke server untuk meminta dokumen tertentu atau layanan lain

yang disediakan oleh server. Server memberikan dokumen atau layanan jika tersedia

juga dengan mengunakan protocol HTTP.

Jadi, dapat disimpulkan web server merupakan sebuah aplikasi yang digunakan

untuk menampilkan halaman-halaman website yang disimpan pada localhost agar dapat

di baca oleh penguna. Dan berikut contoh dari web server:

1. XAMPP

Menurut Wardana (2010:8) “XAMPP adalah paket softwarer yang didalamnya

sudah terkandung Web Server Apache, data base MySql dan PHP Interpreter, Software

ini gratis dan dapat di download untuk versi windows”.

2. IIS (Internet Informations Services)

Digunakan di sistem operasi windows NT dan Windows 2002.

3. PWS (Pesonal Web Server)

Digunakan disistem oprasi windows 9x.

2.1.2. Hosting

Hosting adalah layanan berbasis internet sebagai tempat penyimpanan data atau

tempat menjalankan aplikasi ditempat terpusat yang disebut server dan dapat diakses

melalui jaringan internet. Jenis penggunaannya bermacam-macam, berdasarkan

kebutuhan, mulai dari tempat penyimpanan aplikasi website, pusat data email, atau

digunakan sebagai file transfer atau FTP.

2.1.3. Bahasa Pemrograman (Pemrograman Web)

Dalam pembuatan website, digunakan bahasa pemrograman untuk pembuatan

suatu web, yaitu suatu bahasa pemrograman yang dapat dijalankan melalui media web

dan internet. Ada beberapa hal yang harus diketahui dan ini terkait dengan tugas ahkir

yang penulis susun seperti bahasa pemrograman HTML, PHP, CSS dan software dalam

pembuatan website yang didukung atau dibuat dengan pengolah bahasa pemprograman

Adobe Dreamweaver CS 6.

1. HTML (HyperText Markup Language)

Menurut Hidayatullah dan Kawistara (2015:13) “Hypertext Markup Language

(HTML) adalah bahasa standard yang digunakan untuk menampilkan halaman web”.

Yang bisa dilakukan dengan HTML yaitu:

a) Mengatur tampilan dari halaman web dan isinya.

b) Membuat tabel dalam halaman web.

c) Mempublikasikan halaman web secara online.

d) Membuat form yang bisa digunakan untuk menangani registrasi dan

transaksi via web.

e) Menambahkan objek-objek seperti citra, audio, video, animasi, java applet

dalam halaman web.

f) Menampilkan area gambar (canvas) di browser.

2. Personal Home Page (PHP)

Menurut Hidayatullah dan Kawistara (2015:231)”PHP adalah bahasa scripting

khususnya digunakan untuk web development”. Karena sifatnya yang server side

scripting, maka untuk menjalankan PHP harus menggunakan web server. PHP juga

dapat diintegrasikan dengan HTML, JavaScript, JQuery, Ajax. Namun, pada umumnya

PHP lebih banyak digunakan bersamaan dengan file bertipe HTML.

Adapun kelebihan-kelebihan dari PHP yaitu:

1. PHP Berbasis Server Side Scripting.

2. Command Line Scripting pada PHP.

3. PHP dapat Membuat Aplikasi Desktop.

4. Digunakan untuk Berbagai Macam Platform OS.

5. Mendukung Berbagai Macam Web Server.

6. Object Oriented Programming atau Procedural.

7. Output file PHP pada XHTML, HTML, dan XML.

8. Mendukung Banyak RDMS (Database).

9. Mendukung Banyak Komunikasi.

10. Pengolahan Teks yang Sangat Baik.

3. CSS (Cascading Style Sheet)

Pengertian CSS menurut Madcoms (2013:163) adalah “Suatu kumpulan kode-

kode untuk memformat, yang mengendalikan tampilan isi dalam suatu halaman web”.

CSS merupakan bahasa pemprograman yang digunakan untuk membuat halaman

website lebih menarik. Penggunaan style CSS pada format suatu halaman diletakkan

terpisah dari tampilan halaman. Isi dari halaman kode HTML terletak di dalam file

HTML, sedangkan kode CSS dapat berupa tampilan kode yang berada dalam file lain

atau dalam salah satu bagian dari kode HTML, dan biasanya diletakkan di bagian kepala

atau tag . Style Sheets merupakan feature yang sangat penting dalam membuat

Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat

web,akan tetapi penggunaan style sheet merupakan kelebihan tersendiri. Suatu style

sheets merupakan tempat dimana anda mengontrol dan mengatur style-style yang ada.

4. Adobe Dreamweaver CS6

Menurut Madcoms (2013:1) “Adobe Dreamweaver CS 6 adalah perangkat lunak

terkemuka untuk desain web yang menyediakan kemampuan visual yang intulitif

termasuk pada tingkat kode, yang dapat akan untuk membuat dan mengedit website

HTML serta aplikasi mobile seperti smartphone, tablet, dan perangkat lainnya”.

Program Adobe Dreamweaver banyak diaplikasikan dan digunakan oleh kalangan

pengguna komputer di bidang desainer dan programmer web. Tata letak tampilan

Design memfasilitasi desain cepat dan pembuatan kode seperti memungkinkan

pengguna dengan cepat membuat tata letak dan manipulasi elemen HTML.

Dreamweaver memiliki fitur browser yang terintegrasi untuk melihat halaman

web yang dikembangkan di jendela pratinjau program sendiri agar konten

memungkinkan untuk terbuka di web browser yang telah terinstal. Aplikasi ini

menyediakan transfer dan fitur sinkronisasi, kemampuan untuk mencari dan mengganti

baris teks atau kode untuk mencari kata atau kalimat biasa di seluruh situs, dan

templating feature yang memungkinkan untuk berbagi satu sumber kode atau

memperbarui tata letak di seluruh situs tanpa server side includes atau scripting.

Behavior Panel juga memungkinkan penggunaan Javascript dasar tanpa pengetahuan

coding, dan integrasi dengan Adobe Spry Ajax Framework menawarkan akses mudah ke

konten yang dibuat secara dinamis dan interface.

Versi terakhir Macromedia Dreamweaver sebelum Macromedia dibeli oleh

Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems

adalah versi 12 yang ada dalam Adobe Creative Suite 6 (sering disingkat Adobe CS6)

yang dirilis pada tanggal 21 April 2012. Software Adobe Dreamweaver dibuat dan

dikembangkan oleh Adobe Systems.

Menurut Madcoms (2013:13) Ruang kerja Adobe Dreamweaver CS 6:

a. Application Bar

Berada di bagian paling atas jendela aplikasi Dreamweaver CS6. Baris berisi

tombol layout, Extend Dreamweaver, Site, Fluid, Layout, Menu dan sebagainya.

b. Toolbar Document

Berisi tombol-tombol yang digunakan untuk mengubah tampilan jendela

dokumen, sebagai contoh tampilan design atau tampilan code. Juga dapat

digunakan untuk operasi-operasi umum misalnya untuk melihat hasil sementara

halaman web pada jendela browser.

c. Jendela Dokumen

Adalah lembar kerja tempat membuat dan mengedit halaman web.

d. Workspace Swicther

Digunakan untuk mengubah tampilan ruang kerja (workspace). Sebagai contoh

mengubah tampilan dreamweaver menjadi tampilan classic.

e. Panel Groups

Merupakan kumpulan panel yang saling berkaitan, panel-panel ini

dikelompokkan pada judul-judul tertentu berdasarkan fungsinya. Panel

digunakan untuk memodifikasi pekerjaan.

f. Tag Selector

Letaknya dibagian bawah jendela dokumen, satu baris dengan status bar.

g. Property Inspector

Digunakan untuk melihat dan mengubah berbagai property objek atau text pada

jendela design.

h. Toolbar Standart

Berisi tombol-tombol yang mewakili perintah pada menu file dan edit,

diantaranya perintah new, open, save, save all, cut, copy, paste, undo dan redo.

i. Toolbar Style Rendering

Toolbar ini berisi tombol-tombol untuk menampilkan design web.

j. Toolbar Coding

Berisi tombol-tombol yang digunakan untuk melakukan operasi kode-kode

standar.

k. Toolbar Browser Navigation

Toolbar ini hanya akan ditampilkan pada saat kolom di klik.

3. Web Browser

Untuk mengakses website diperlukan perangkat lunak yang disebut browser.

Beberapa jenis browser yang popular saat ini di antaranya : internet Expoler yang

diproduksi oleh Microsoft, Mozila Firefox, Opera dan Safari yang diperoduksi oleh

Apple.

Menurut Susanti dalam Kasiman (2006) menyebutkan bahwa “Web browser

adalah program untuk menampilkan halaman yang berbentuk kode HTML”

4. Basis Data

A. Pengertian Basis Data

Menurut Hidayatullah dan Kawistara (2015:147) “Basis data dapat didefinisikan

sebagai himpunan kelompok data yang saling berhubungan yang diorganisasikan

sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah”.

Prinsip utamanya adalah pengaturan data. Tujuan utamanya kemudahan dan kecepatan

dalam pengambilan kembali data.

B. MySQL

Menurut Hidayatullah dan Kawistara (2015:180) “MySQL adalah salah satu

aplikasi DBMS yang sudah sangat banyak digunakan oleh para pemrogram aplikasi

web”.Kelebihan dari MySQL adalah gratis, handal, selalu di-update dan banyak forum

yang memfasilitasi para pengguna jika memiliki kendala. MySQL juga menjadi DBMS

yang sering dibundling dengan web server sehingga proses instalasinya jadi lebih

mudah.

1. Perintah Dasar MySQL

a. Create Database, perintah untuk membuat database.

b. Use, perintah menggunakan database

c. Create Table, perintah untuk membuat tabel.

d. Drop Database, perintah untuk menghapus database.

2. Perintah MySQL pada sub DML

DML (Data Manipulation Language) adalah paket bahasa yang digunakan

untuk melakukan manipulasi terhadap data pada sebuah basis data. Manipulasi

data meliputi kegiatan menambah, mengedit, mengambil, dan menghapus data.

a. Insert, perintah untuk memasukkan data.

b. Select, perintah untuk menampilkan data.

c. Update, perintah untuk mengubah atau mengedit data.

d. Delete, perintah untuk menghapus data.

C. ERD (Entity Relationship Diagram)

Menururt Yakub, (2012:162) “ERD merupakan model konseptual yang dapat

mendeskripsikan hubungan antara file yang akan digunakan untuk memodelkan struktur

data serta hubungan antara data”. ERD digunakan oleh perancang sistem untuk

memodelkan data yang nantinya akan dikembangkan menjadi basis data (database).

Model data ini juga akan membantu pada saat melakukan analisis dan perancangan

basis data, karena model data ini akan menunjukan bermacam-macam data yang

dibutuhkan dan hubungan antara data.

D. Model Pengembangan Prangkat Lunak

1. Model Water Fall

Menurut Verdi (2012,5) “Waterfall adalah model klasik yang bersifat sistematis,

berurutan dalam membangun software”. Metode ini memberikan pendekatan-

pendekatan sistematis dan berurutan bagi pengembangan sistem informasi. Berikut

adalah gambar pengembangan sistem perangkat lunak dengan metode waterfall.

Penjelasan dari tahap-tahap waterfall model adalah sebagai berikut :

a) Perancangan Sistem (System Enginering)

Perancangan sistem sangat diperlukan, karena sistem informasi biasanya

merupakan bagian dari suatu sistem yang lebih besar. Pembuatan sebuah sistem

informasi dapat dimulai dengan melihat dan mencari apa yang dibutuhkan oleh sistem.

Dari kebutuhan sistem tersebut akan diterapkan kedalam sistem informasi yang dibuat.

b) Analisa (Analysis)

Merupakan proses pengumpulan kebutuhan sistem informasi. Untuk memahami

dasar dari program yang akan dibuat, seorang analisis harus mengetahui ruang lingkup

informasi, fungsi-fungsi yang dibutuhkan, kemampuan kinerja yang ingin dihasilkan

dan perancangan antarmuka pemakai sistem informasi tersebut.

c) Perancangan (Design)

Perancangan sistem informasi merupakan proses bertahap yang memfokuskan

pada empat bagian penting, yaitu: Struktur data, arsitektur sistem informasi, detil

prosedur, dan karakteristik antar muka pemakai.

d) Pengkodean (Coding)

Pengkodean sistem informasi merupakan proses penulisan bahasa program agar

sistem informasi tersebut dapat dijalankan oleh mesin.

e) Pengujian (Testing)

Proses ini akan menguji kode program yang telah dibuat dengan memfokuskan

pada bagian dalam sistem informasi. Tujuannya untuk memastikan bahwa semua

pernyataan telah diuji dan memastikan juga bahwa input yang digunakan akan

menghasilkan output yang sesuai.

f) Pemeliharaan (Maintenance)

Proses ini dilakukan setelah sistem informasi telah digunakan oleh pemakai atau

konsumen. Perubahan akan dilakukan jika terdapat kesalahan, oleh karena itu sistem

informasi harus disesuaikan lagi untuk menampung perubahan kebutuhan yang

diinginkan konsumen.

(Sumber : Susanti 2016:94)

Gambar II.1

Metode Waterfall

2.1.4. Pengujian Black Box

Menurut Rosa dan Shalaluddin (2014:275) yaitu “Menguji perangkat lunak dari

segi spesifikasinya fungsional tanpa menguji desain dank ode program.

Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi masukan, dan

keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.

Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat

mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan

spesifikasi yang dibutuhkan”.

2.1.5. UML (Unified Modelling Language)

Menurut Munawar (2005) Unified Modeling Language (UML) adalah sebuah

bahasa pemodelan yang telah menjadi standar dalam industri software untuk visualisasi,

merancang, dan mendokumentasikan sistem perangkat lunak. Adapun komponen

pembentuk diagram Use Case adalah sebagai berikut :

a. Aktor (actor), menggambarkan pihak-pihak yang bergerak dalam sistem.

b. Use Case, aktivitas/sarana yang disiapkan oleh bisnis/sistem.

c. Hubungan (link), actor mana saja yang terlibat dalam Use Case ini.

Sedangkan Elemen Use Case terdiri dari :

1. Diagram Use Case, disertai dengan narasi dan scenario.

2. Actor (actor), mendefinisikan entitas diluar system yang memakai system.

3. Asosiasi (assosiations), mengindikasikan aktor mana yang berinteraksi

dengan Use Case dalam suatu system.

4. dan . Merupakan indikator yang menggambarkan

jenis relasi dan interaksi antar Use Case.

5. Generalisasi (generalization), menggambarkan hubungan turunan antar use

Case atau antar aktor.

2. 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 juga dapat menggambarkan

proses paralel yang mungkin terjadi pada beberapa eksekusi

3. Component Diagram

Manfaat diagram komponen adalah bila ada salah satu komponen yang rusak

atau tidak sesuai dengan tujuan sistem, kita tinggal mengganti komponen itu dengan

komponen yang lain.

4. Deployment Diagram

Deployment digram adalah diagram yang terkait dengan penyebaran fisik

aplikasi, termasuk persoalan layout jaringan dan lokasi-lokasi komponen dalam

jaringan. Deployment berisikan prosesor-prosesor, peralatan-peralatan, proses-proses

dan hubungan antar prosesor dan antar peralatan serta menampilkan semua titik (node)

dalam suatu jaringan, hubungan antar mereka, dan proses-proses yang dijalankan pada

masing-masing node. Hanya ada satu deployment diagram dalam setiap sistem, sehingga

hanya satu deployment dalam setiap model

3.2. Penelitian Terkait

Pada jurnal yang berjudul Sistem Informasi Akademik Berbasis Web Pada

Sekolah Menengah Pertama Negeri 3 Pringkuku, memberikan kesimpulan

bahwa sistem informasi akademik yang berbasis web dapat memudahkan

kegiatan para pegawai SMP Negeri 3 Pringkuku dan mampu meminimalisir

terjadinya kesalahan dalam pengolahan data (Saraswati, 2013).

Sedangkan pada jurnal selanjutnya yang berjudul Perancangan Sistem Informasi

Akademik Berbasis Web Pada SMK Pasar Minggu Jakarta, menyimpulkan

bahwa Sistem Informasi Akademik Berbasis Web memungkinkan masyarakat

yang ingin mengetahui informasi tentang sekolah tidak perlu datang ke sekolah.

Masyarakat cukup mengakses internet ke website sekolah yang dituju. Hal ini

lebih praktis karena masyarakat tidak perlu meluangkan waktu dan menyisihkan

ongkos perjalanan untuk ke sekolah (Susanti, 2016)

Dengan beberapa referensi jurnal diatas, maka penulis bermaksud membuat

suatu rancangan aplikasi yang bertujuan sebagai media informasi akademik seperti nilai

akademik, jadwal mata pelajaran, agenda sekolah, dan berita terkait sekolah di SMK

Dinamika Pembangunan 2 Jakarta. Pada aplikasi ini, penulis juga merancang sebuah

halaman yang berfungsi sebagai penunjang kegiatan belajar mengajar di SMK

Dinamika Pembangunan 2 Jakarta.

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Perusahaan

SMK Dinamika Pembangunan 2 Jakarta adalah sebuah lembaga pendidikan

keahlian yang bergerak di bidang studi keahlian bisnis dan manajemen. SMK Dinamika

Pembangunan 2 Jakarta juga merupakan salah satu lembaga pendidikan swasta yang

tergolong favorit, dilihat dari minat para peserta didik baru yang mendaftarkan diri

untuk menjadi siswa di lembaga ini. Hal ini terjadi dikarenakan penunjang kegiatan

belajar mengajar yang cukup memadai yang disediakan oleh pihak lembaga, sehingga

siswa merasa nyaman ketika kegiatan belajar mengajar sedang berlangsung.

3.1.1 Sejarah Perusahaan

SMK Dinamika Pembangunan 2 Jakarta didirikan pada tanggal 2 Mei 1996 oleh

Yayasan Al Wathoniyah Asshodriyah 9. Sejak Akreditasi pertama hingga saat ini

memperoleh status disamakan atau Terakreditasi A. SMK Dinamika Pembangunan 2

Jakarta, dikembangkan oleh Yayasan Al Wathoniyah Asshodriyah 9 dibawah pimpinan

Drs. KH. A. SHODRI HM. Yayasan yang berdiri sejak 1983, sangat konsen dan

perhatian dalam bidang pendidikan formal maupun non formal, pembinaan mental

spiritual dan sosial kemasyarakatan. Lembaga-lembaga binaan yang telah dirintis dan

berkembang hingga saat ini diantaranya : TK/RA, SD, SMP Al Wathoniyah 9 Jakarta,

SMK Dinamika Pembangunan 1 & 2 Jakarta (STM – SMEA), Pondok Pesantren,

Majelis Ta’lim, Kelompok Bimbingan Ibadah Haji (KBIH), dan Koperasi. Pembinaan

dan pengembangan dilaksanakan secara terus menerus dan berkesinambungan, baik

dalam substansi pendidikan maupun sarana dan prasarana. Upaya ini terus dilakukan

agar lembaga-lembaga pendidikan tersebut mampu beradaptasi dengan perkembangan

zaman di era globalisasi teknologi dan informasi.

Dengan ini SMK Dinamika Pembangunan 2 Jakarta, mampu mewujudkan

standar-standar penyelenggaraan pendidikan yang meliputi :

1. Standar isi (kurikulum pembelajaran) sesuai dengan PP No. 19 Th. 2005

standar proses KBM.

2. Standar Kompetensi Kelulusan.

3. Standar Pendidik (guru) dan Tenaga Kependidikan.

4. Standar Sarana dan Prasarana Standar Pengelolaan.

5. Standar Pembiayaan.

6. Standar Penilaian Pendidikan Dalam upaya menghasilkan output yang siap

dan outcome yang baik bagi lembaga.

Berbekal kompetensi dan disiplin ilmu kejuruan, kedisiplinan, dan budi pekerti

yang baik, SMK Dinamika Pembangunan 2 Jakarta telah menerapkan beberapa

kebijakan-kebijakan, sebelum adanya kebijakan secara resmi dari PEMDA DKI,

diantaranya : Penjurusan siswa dilakukan pada saat seleksi penerimaan siswa baru,

untuk mengetahui potensi dasar calon siswa di bidang akademik, dan kondisi fisik

berdasarkan referensi dunia usaha/dunia industri. Jam belajar pukul 06.30 telah

diterapkan sejak tahun pelajaran 2007/2008, sebelum ada kebijakan Pemda secara

resmi. Menggalang kerjasama dan MOU sebanyak mungkin dengan dunia usaha/dunia

industri, serta instansi pemerintah atau swasta untuk sarana praktik pembelajaran dan

tempat penyaluran tamatan.

3.1.2 Struktur Organisasi dan Fungsi

Sumber : Tata Usaha SMK Dinamika Pembangunan 2 Jakarta (2005)

Gambar III.1

Struktur Organisasi SMK Dinamika Pembangunan 2 Jakarta

Adapun tanggung jawab, wewenang dan tugas pokok dari setiap bagian yang

ada di struktur organisasi SMK Dinamika Pembangunan 2 Jakarta yaitu sebagai berikut

1. Kepala Sekolah

1.1. Tanggung jawab

Bertanggung jawab terhadap terselenggaranya semua komponen

dan sistem sekolah yang meliputi : manajemen, penerapan

kurikulum, kesiswaan, sarana prasarana dan lingkungan.

Kepala Sekolah

Ka. Sub Bagian

Tata Usaha

Wakil Kepala

Sekolah

Bidang

Kurikulum

Wakil Kepala

Sekolah

Bidang

Kesiswaan

Wakil Kepala

Sekolah

Bidang Humas

Ka. Prog.

Keahlian

Akuntansi

Ka. Prog.

Keahlian

Adm.

Perkantoran

Ka. Prog.

Keahlian

Pemasaran

Guru

Wali Kelas

1.2. Wewenang

a) Menentukan dan menetapkan Renstra, RKS, dan RKAS.

b) Menentukan kebijakan dalam bidang manajemen, penerapan

kurikulum, kesiswaan, ketenagaan, sarana prasarana dan

lingkungan.

1.3. Tugas

a) Menyusun Renstra, RKS, dan RKAS.

b) Melakukan pembinaan dan pengembangan guru dan pegawai.

c) Membina penyelenggaraan administrasi sekolah.

d) Membina penyelenggaraan dan pengembangan SMM.

e) Menyusun laporan kegiatan.

2. Kepala Sub. Bagian Tata Usaha

2.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas kegiatan ketatausahaan.

2.2. Wewenang

a) Menempatkan personil ketatausahaan.

b) Menetapkan uraian tugas personil ketatausahaan.

2.3. Tugas

a) Menyusun program kerja Kepala Tata Usaha.

b) Memantau keterlaksanaan kegiatan persuratan.

d) Melaksanakan monitoring dan evaluasi kegiatan.

e) Menyusun laporan kegiatan kepala Kasek.

3. Wakil Kepala Sekolah bidang Kurikulum

3.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas terlaksananya kegiatan

pembelajaran.

3.2. Wewenang

Menentukan dan menyelenggarakan proses :

a) Penerimaan siswa baru.

b) Pembelajaran siswa.

c) Kelulusan siswa.

3.3. Tugas

a) Menyusun program kerja Waka Kurikulum.

b) Bersama Waka Kesiswaan menyelenggarakan PPDB.

c) Menyusun Kurikulum Tingkat Satuan Pendidikan (KTSP).

d) Menyusun program pembelajaran, pembagian tugas. mengajar,

dan jadwal pembelajaran.

e) Mengorganisasikan dan mengkoordinasikan penyusunan bahan

belajar.

f) Mengorganisasikan dan mengkoordinasikan pembelajaran teori

dan praktek.

g) Mengelola administrasi pembelajaran.

h) Mengorganisasikan dan mengkoordinasikan proses kelulusan

siswa.

i) Mengkoordinasikan penyelenggaraan perpustakaan sekolah.

j) Melaksanakan monitoring dan evaluasi kegiatan.

k) Menyusun laporan kegiatan kepada Kasek.

4. Wakil Kepala Sekolah bidang Kesiswaan

4.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas terselenggaranya

pendampingan dan perlindungan siswa

4.2. Wewenang

Menentukan sistem dan menyelenggarakan kegiatan :

a) Pembinaan dan ketertiban siswa.

b) Perlindungan siswa.

c) Kegiatan kesiswaan.

4.3. Tugas

a) Menyusun program kerja Waka Kesiswaan.

b) Mengorganisasikan dan mengkoordinasikan pelaksanaan.

Masa Orientasi Siswa (MOS).

c) Bersama Waka kurikulum menyelenggarakan PPDB.

d) Menyusun sistem pembinaan dan ketertiban siswa.

e) Mengkoordinasikan pelaksanaan BK.

f) Mengorganisasikan dan mengkoordinasikan pembinaan siswa

dan kegiatan kesiswaan.

g) Mengkoordinasikan mutasi siswa.

h) Mengorganisasikan dan mengkoordinasikan kegiatan siswa

dalam pelaksanaan 8K.

i) Mengkoordinasikan program perlindungan siswa.

j) Mengkoordinasikan pelaksanaan tugas wali kelas.

k) Melaksanakan monitoring dan evaluasi kegiatan.

l) Menyusun laporan kepada Kasek.

5. Wakil Kepala Sekolah bidang Humas

5.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas terselenggaranya kerja sama

dengan DU/DI/Instansi, penelusuran lulusan dan pemasaran.

5.2. Wewenang

Berwenang menentukan sistem dan menyelenggarakan hubungan

dengan stakeholder dalam bidang :

a) Prakerin.

b) Penelusuran lulusan dan pemasaran.

5.3. Tugas

a) Mengorganisasikan dan mengkoordinasikan kerjasama dengan

DU/DI/Instansi terkait dalam kegiatan prakerin.

b) Mengorganisasikan dan mengkoordinasikan terlaksananya

penelusuran lulusan dan pemasaran.

c) Melaksanakan kegiatan monitoring dan evaluasi.

d) Membuat laporan kegiatan kepada Kasek.

6. Kepala Program Keahlian

6.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas terselenggaranya kegiatan

pembelajaran dan pengelolaan ruang praktek

6.2. Wewenang

Menentukan dan menetapkan penyelenggaraan pembelajaran sesuai

bidang masing-masing

6.3. Tugas

a) Menyusun program kerja sesuai bidang masing-masing.

b) Bersama Waka Kurikulum menyusun jadwal pembelajaran.

c) Menyusun tata tertib ruang praktek.

d) Merencanakan kebutuhan bahan dan alat pembelajaran.

e) Mengorganisasikan dan mengkoordinasikan M&R sarana

prasarana pembelajaran.

f) Bersama Waka Sarpras dan Personalia merencanakan

kebutuhan guru.

g) Melaksanakan monitoring dan evaluasi kegiatan.

h) Menyusun laporan kegiatan kepada Kasek.

i) Mengkoordinir kegiatan ekstrakurikuler.

7. Guru

7.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas terlaksananya pembelajaran

sesuai kompetensi.

7.2. Wewenang

a) Menentukan pengelolaan pembelajaran sesuai dengan

kompetensi.

b) Menentukan dan menetapkan tingkat pencapaian kompetensi

siswa.

7.3. Tugas

a) Menyusun program kerja guru.

b) Melaksanakan program kegiatan belajar mengajar.

8. Wali Kelas

8.1. Tanggung jawab

Bertanggung jawab kepada Kasek atas terselenggaranya

pendampingan dan pembimbingan kelas masing-masing

8.2. Wewenang

Menentukan pengelolaan pendampingan dan pembimbingan kelas

masing-masing

8.3. Tugas

a) Menyusun program pendampingan dan pembimbingan kelas.

b) Melaksanakan pendampingan dan pembimbingan kelas.

c) Membina kepribadian, ketertiban dan kekeluargaan.

d) Membuat catatan tentang :

Situasi keluarga, ekonomi dan hal-hal khusus siswa

Ketidakhadiran, pelanggaran, dan perilaku siswa

Prestasi akademis siswa

3.2. Proses Bisnis Sistem

SMK Dinamika Pembangunan 2 Jakarta merupakan sebuah lembaga yang

bergerak dalam dunia pendidikan. Dalam proses penyampaian informasi nilai

akademik kepada siswa umumnya guru mengadakan ujian atau ulangan untuk

mendapatkan nilai atau hasil ulangan siswa yang kemudian diberikan oleh staff tata

usaha untuk direkapitulasi dan dicetak dalam bentuk raport yang setelah itu

diberikan kepada guru atau wali kelas untuk dibagikan kepada siswa atau wali

murid.

SISWA GURU STAFF TATA

USAHA

Gambar III.2

Activity Diagram Nilai Akademik Siswa

3.3. Spesifikasi Dokumen Sistem Berjalan

Spesifikasi dokumen sistem berjalan proses penyampaian informasi pada SMK

Dinamika Pembangunan 2 Jakarta terdiri dari :

3.3.1 Spesifikasi Bentuk Dokumen Masukan

A. Nama Dokumen : Soal Ulangan / Ujian

Fungsi : Untuk melakukan ulangan atau ujian

Asal : Guru

Tujuan : Siswa

Bentuk Keluaran : Kertas

Lampiran : A1

Melakukan Ujian /

Ulangan

Melakukan

Pemeriksaan &

Mendapatkan Nilai

Membuat

Rekapitulasi Nilai /

Raport

Menerima Raport

Nilai

Membagikan

Raport Kepada

Siswa

Arsip Raport

Nilai

Start

End

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

3.1. Analisa Kebutuhan Software

4.1.1 Tahapan Analisis

Sistem informasi akademik berbasis web pada SMK Dinamika Pembangunan 2

Jakarta, dimana memiliki 3 halaman diantaranya adalah halaman Siswa, Guru dan Staff

Tata Usaha atau sebagai admin. Berikut ini sebagai spesifikasi kebutuhan dari sistem

informasi akademik berbasis web pada SMK Dinamika Pembangunan 2 Jakarta :

A. Halaman Siswa :

1. Siswa dapat melihat profil dirinya

2. Siswa dapat melihat informasi agenda dan kegiatan sekolah

3. Siswa dapat melihat infomasi nilai akademik

4. Siswa dapat melihat informasi materi dan tugas

5. Siswa dapat melihat informasi jadwal mata pelajaran

6. Siswa dapat mengirim pesan kepada guru atau staff tata usaha

B. Halaman Guru :

1. Guru dapat melihat dan mengelola data profil dirinya

2. Guru dapat melihat informasi agenda dan kegiatan sekolah

3. Guru dapat melakukan pembuatan tugas dan materi

4. Guru dapat melihat tugas yang telah dikumpulkan oleh siswa

5. Guru dapat melakukan input dan pengelolaan data nilai siswa

6. Guru dapat melihat data siswa

7. Guru dapat menerima pesan dari siswa

C. Halaman Admin / Staff Tata Usaha :

1. Staff Tata Usaha dapat melakukan pengelolaan data siswa

2. Staff Tata Usaha dapat melakukan pengelolaan data guru

3. Staff Tata Usaha dapat melakukan pengelolaan data staff

4. Staff Tata Usaha dapat melakukan pengelolaan data kelas

5. Staff Tata Usaha dapat melakukan pengelolaan data mata pelajaran

7. Staff Tata Usaha dapat melakukan pengelolaan data agenda sekolah

8. Staff Tata Usaha dapat melakukan rekap data nilai siswa

A. Use Case Diagram

1. Use Case Diagram Halaman Siswa pada Sistem Informasi Akademik

Berbasi Web

Gambar IV.1

Use Case Diagram Halaman Siswa

Table IV.1

Deskripsi Use Case Diagram Proses Halaman Siswa

Use Case Halaman Utama

Use Case Name Use Case Halaman Siswa

Goal Siswa dapat melihat nilai akademik,

siswa dapat mengunduh dan

mengumpulkan tugas atau materi secara

online

Pre-Condition Siswa melihat informasi yang terkait

dengan akademik

Post-Condition Siswa dapat menngunduh tugas atau

materi dan mengumpulkan tugas, serta

melihat hasil nilai akademik

Failed and Condition Siswa membatalkan tugas yang telah

dikumpulkan.

Primary Actor Siswa

Main Flow 1. Siswa melakukan login untuk mengakses halaman siswa

2. Siswa melihat informasi akademik

3. Siswa mengunduh tugas atau materi

4. Siswa mengumpulkan tugas 5. Siswa melihat hasil nilai

akademik

6. Siswa mengirim pesan terkait akademik kepada bagian terkait

Invariant -

2. Use Case Diagram Halaman Guru pada Sistem Informasi Akademik

Berbasi Web

Gambar IV.2

Use Case Diagram Halaman Guru

Table IV.2

Deskripsi Use Case Diagram Proses Halaman Guru


Use Case Name Use Case Halaman Guru

Goal Guru dapat mengelola tugas kepada

siswa dan meng-input nilai akademik

siswa

Pre-Condition Guru melihat informasi yang terkait

dengan akademik

Post-Condition Guru membuat tugas untuk siswa,

melihat tugas yang telah dikumpulkan

oleh siswa, dan memasukan nilai

akademik siswa

Failed and Condition Guru membatalkan tugas dan materi

yang telah diberikan serta meng-edit

membatalkan nilai akademik yang telah

di-input

Primary Actor Guru

Main Flow 1. Guru melakukan login untuk mengakses halaman guru

2. Guru melihat informasi akademik

3. Guru melihat data siswa 4. Guru membuat tugas atau

materi akademik

5. Guru melihat dan mengunduh hasil tugas siswa yang telah

dikumpulkan

6. Guru memasukan nilai akademik siswa

7. Guru melakukan pengelolaan pesan yang masuk

Invariant -

3. Use Case Diagram Halaman Staff Tata Usaha pada Sistem Informasi

Akademik Berbasi Web

Gambar IV.3

Use Case Diagram Halaman Staff Tata Usaha

Table IV.3

Deskripsi Use Case Diagram Proses Halaman Staff


Use Case Name Use Case Halaman Staff

Goal Dapat memberikan informasi dan

agenda serta mengelola data siswa dan

guru

Pre-Condition Staff melihat data informasi dan dapat

mengelola data siswa serta guru

Post-Condition Staff menginput data siswa, data guru,

data staff dan data informasi akademik

Failed and Condition Staff membatalkan data siswa, data

guru, data staff serta data informasi

akademik yang telah di-input

Primary Actor Staff

Main Flow 1. Staff melakukan login untuk mengakses halaman staff

2. Staff melihat informasi akademik

3. Staff melakukan pengelolaan data siswa

4. Staff melakukan pengelolaan data guru

5. Staff melakukan pengelolaan data staff

6. Staff melakukan pengelolaan Data Kelas

7. Staff melakukan pengelolaan data mata pelajaran

8. Staff melakukan rekap data nilai siswa

9. Staff melakukan pengelolaan Agenda

Invariant -

B. Activity Diagram

1. Activity Diagram Tugas Siswa

GURU SISWA

Gambar IV.4

Activity Diagram Tugas Siswa

Upload Tugas dan

Materi

Start

Download dan

Upload Tugas

Arsip

End

Lihat Upload Tugas

siswa

2. Activity Diagram Nilai Akademik Siswa

GURU SISWA Staff Tata Usaha

Gambar IV.5


Input Nilai Siswa

Start

Rekap Nilai Siswa

Arsip

End

Lihat Upload Tugas

siswa

3. Activity Diagram Informasi Akademik

Staff Tata Usaha SISWA Guru

Gambar IV.6


Input Agenda dan

Informasi Akademik

Start

Melihat Informasi Agenda dan Informasi

Akademik

Arsip

End

3.2. Desain

4.5.1 Database

1. Entity Relationship Diagram

Entity Relationship Diagram menjelaskan hubungan antar data dalam basis data

yang terdiri dari objek objek dasar yang mempunyai hubungan atau relasi antar objek

objek tersebut. Dalam ERD hubungan atau relasi dapat terdiri dari sejumlah entitas yang

disebut dengan derajat relasi. ERD yang ada pada sistem ini sebagai berikut :

Gambar IV.7

Entity Relationship Diagram pada Sistem Informasi Akademik Berbasis Web

2. Logical Relational Structure (LRS)

Gambar IV.8

Logical Relational Structure pada Sistem Informasi Akademik Berbasis Web

a. Spesifikasi File Siswa

File ini berfungsi mencatat data siswa. Adapun penjelasan dari spesifikasi file

siswa adalah sebagai berikut :

Nama File : Siswa

Akronim File : tb_siswa.MYD

Fungsi : Sebagai penyimpanan data siswa

Tipe : File master

Organisasi File : Index Squential

Akses File : Random

Media File : Harddisk

Panjang Record : 928 Karakter

Kunci Field : id_siswa

Tabel IV.4

Spesifikasi File Siswa

No Elemen Data Nama Field Type Size Keterangan

1 ID Siswa id_siswa Interger 11

2. ID Kelas id_kelas Interger 11

3. NIS nis Interger 11

4. NISN nisn Interger 11

5. Nama Lengkap nama_lengkap Varchar 150

6. Tempat Lahir tempat_lahir Varchar 50

7. Tanggal Lahir tgl_lahir Date 10

8. Alamat alamat Text 300

9. Wali Murid wali_murid Varchar 150

10 Telp telp Varchar 12

12 Handphone handphone Varchar 12

13 Email email Varchar 50

14 Foto foto Varchar 150

b. Spesifikasi File Guru

File ini berfungsi mencatat data guru. Adapun penjelasan dari spesifikasi file

guru adalah sebagai berikut :

Nama File : Guru

Akronim File : tb_guru.MYD

Fungsi : Sebagai penyimpanan data guru

Tipe : File master


Akses File : Random



Kunci Field : id_guru

Tabel IV.5

Spesifikasi File Guru


1 ID Guru id_guru Interger 11

2 NIK Nik Interger 11

3 Nama Lengkap nama_lengkap Varchar 150

4 Tempat Lahir tempat_lahir Varchar 50

6 Tanggal Lahir tgl_lahir Date 10

7 Alamat alamat Text 300

8 Telp Telp Varchar 12

9 Handphone Handphone Varchar 12

10 Email Email Varchar 50

11 Foto Foto Varchar 150

c. Spesifikasi File Materi

File ini berfungsi mencatat data materi dan tugas siswa. Adapun penjelasan dari

spesifikasi file materi adalah sebagai berikut :

Nama File : Materi

Akronim File : tb_materi.MYD


Tipe : File master


Akses File : Random



Kunci Field : id_guru

Tabel IV.6

Spesifikasi File Materi


1 ID Materi id_guru Interger 11

2 Kelas Nik Interger 11

3 Jurusan jurusan Varchar 10

4 No Kelas no_kelas Interger 11

6 Id Guru id_guru Interger 11

7 Judul Judul Varchar 150

8 Deskripsi deskripsi Text 300

9 Jenis Jenis varchar 10

10 Tgl Publikasi Tgl Date 10

11 Tgl

Dikumpulin

tgl_dikumpulin Date 10

d. Spesifikasi File Nilai

File ini berfungsi mencatat data nilai siswa. Adapun penjelasan dari spesifikasi

file nilai adalah sebagai berikut :

Nama File : Nilai

Akronim File : tb_nilai.MYD


Tipe : File master


Akses File : Random



Kunci Field : id_nilai

Tabel IV.7

Spesifikasi File Nilai


1 Id_nilai id_nilai Interger 11

2 Id_mapel id_mapel Interger 11

3 Id_kelas id_kelas Interger 11

4 Id_siswa id_siswa Interger 11

6 Nilai_1 nilai_1 Interger 3






e. Spesifikasi File Kelas

File ini berfungsi mencatat data nilai siswa. Adapun penjelasan dari spesifikasi

file kelas adalah sebagai berikut :

Nama File : Kelas

Akronim File : tb_kelas.MYD

Fungsi : Sebagai penyimpanan data kelas

Tipe : File master


Akses File : Random



Kunci Field : id_kelas

Tabel IV.8

Spesifikasi File Kelas


1 Id_kelas id_kelas Interger 11

2 Kelas kelas Interger 11

3 Jurusan jurusan Varchar 15

4 No Kelas no_kelas Interger 11

5 Guru id_guru Interger 11

4.5.2 Software Architecture A. Component Diagram

Deployment Diagram

Gambar IV.10

Deployment Diagram pada Sistem Informasi Akademik Berbasis Web

4.5.3 User Interface a. Halaman Login

Gambar IV.11

Halaman Login

b. Halaman Siswa

Gambar IV.12

Halaman Siswa

c. Halaman Zona Siswa

Gambar IV.13

Halaman Profil Siswa

d. Halaman Guru

Gambar IV.14

Halaman Guru

e. Halaman Zona Guru

Gambar IV.15

Halaman Zona Guru

f. Halaman Data Siswa (guru)

Gambar IV.16

Halaman Data Siswa

g. Halaman Staff

Gambar IV.17

Halaman Staff

h. Halaman Pengelola Siswa

Gambar IV.18

Halaman Pengelola Siswa

i. Halaman Pengelola Agenda Yayasan

Gambat IV.29

Halaman Pengelola Agenda Sekolah

4.6 Code Generation

a. Halaman Login

..::: Sistem Informasi Akademik | SMK Dinamoka

Pembangunan 2 Jakarta... :::..

include "../config/koneksi.php";

include "../config/fungsi_indotgl.php";

if($_SESSION[login]==1){

if(!cek_login()){

$_SESSION[login] = 0;

}

else{

if (empty($_SESSION['username']) AND empty($_SESSION['passuser'])

AND $_SESSION['login']==0){

echo "

Untuk mengakses modul, Anda harus login
";

echo "LOGIN";

}else{if($_SESSION['type']=='GURU'){

?>

d. Halaman Siswa

Smk Dinamika Pembangunan 2 Jakarta

Beranda

Beranda

Follow us

Facebook

Twitter

Rss-feed

Partners

© Copyright 2012 SMK Dinamika Pembangunan 2

Jakarta| Design by

4.4 Testing

Pembahasan mengenai pengujian sistem yang dibuat dengan menggunakan

blackbox testing untuk pengujian proses input dan output.

Tabel IV.9

Hasil Pengujian Blackbox Testing Halaman Login

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1. Mengosongkan

semua isian

Usernama : (kosong)

Sistem akan menolak akses Login

Sesuai

Harapan

Valid

pada form.

Lalu langsung

klik tombol

" Login".

Password : (kosong)

Dan menampilkan

pesan " Login gagal! Username & Password tidak benar"

2 Hanya mengisi

username dan

mengosongkan

password

Usernama : 12345 Password : (kosong)

Sistem akan menolak akses Login Dan menampilkan

pesan " Login gagal! Username & Password tidak benar

ULANGI LAGI"

Sesuai

Harapan

Valid

3 Hanya mengisi

password dan

mengosongkan

username

Usernama : (kosong) Password : admin

Sistem akan menolak akses Login Dan menampilkan

pesan " Login gagal! Username & Password tidak benar

ULANGI LAGI"

Sesuai

Harapan

Valid

4 Mengisi

password dan

username

untuk “guru”

dengan benar

Usernama : guru Password : guru

Sistem menerima

akses login dan

kemudian

mengalihkan ke

halaman guru

Sesuai

Harapan

Valid

5 Mengisi

password dan

username

untuk “staff”

dengan benar

Usernama : staff Password : staff

Sistem menerima

akses login dan

kemudian

mengalihkan ke

halaman staff

Sesuai

Harapan

Valid

6 Mengisi

password dan

username

untuk “siswa”

dengan benar

Usernama : siswa Password : siswa

Sistem menerima

akses login dan

kemudian

mengalihkan ke

halaman siswa

Sesuai

Harapan

Valid

Tabel IV.10

Hasil Pengujian Blackbox Testing Halaman Zona Guru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

Pengujian

Kesimpulan

1. Guru

memasuki

halaman zona

guru dan

mengisi form

pada “buat

tugas” Lalu

klik kirim

Table

“tugas dan

materi

yang anda

buat”

bertambah

Tugas berhasil

ditambahkan dan

tampil table “tugas

dan materi yang anda

buat”

Sesuai

Harapan

Valid

2 Guru dapat

mengubah

tugas yang

telah dikirm

dengan

mengklik

tombol “edit”

pada table

tugas

Tugas

akan

berubah

Data tugas pada table

“tugas dan materi

yang anda buat”

menjadi berubah

sesuai dengan apa

yang dirubah

Sesuai

Harapan

Valid

3 Guru dapat

menghapus

tugas yang

telah dikirm

dengan

mengklik

tombol

“hapus” pada

table tugas

Tugas

akan

terhapus

Data tugas pada table

“tugas dan materi

yang anda buat”

menjadi hilang dan

terhapus

Sesuai

Harapan

Valid

4.6 Support

4.5.1 Publikasi Web

Publikasi website Sistem Informasi Akademik SMK Dinamika Pembangunan 2

Jakarta yang dilakukan dengan bantuan pada domain utama milik yayasan yang

menaungi SMK Dinamika Pembangunan 2 Jakarta. Sehingga siswa dan guru dapat

dengan mudah mengakses sistem informasi akademik tersebut.

1. Nama Domain

Nama domain (domain name) adalah nama yang digunakan untuk mempermuda

user dalam mengakses website. Selain dari itu domain juga dapat dipakai untuk

mengingat name server pada site Sistem Informasi Akademik SMK Dinamika

Pembangunan 2 Jakarta tanpa harus menggunakan deretan angka yang rumit yang lebih

dikenal dengan IP Address. Registrasi domain name pada website ini menggunakan sub

domain pada website yang disediakan oleh yayasan. website ini menggunakan domain

http://siapdp2.al-waysh9.com untuk mengakses layanan sistem informasi akademik

2. Kapasitas Hosting

Hosting adalah jasa layanan internet yang menyediakan server-server untuk

disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi

atau sebuah situs di internet. Kapasitas hosting yang ditawarkan penyedia cukup

beragam. Melihat kebutuhan storage database pada web Sistem Informasi Akademik

SMK Dinamika Pembangunan 2 Jakarta dalam kategori menengah. Maka kemungkinan

kapasitas storage hosting dari web ini adalah 250 MB. Storage sebesar itu sangat cukup

untuk menangani database yang ada.

Untuk website ini, server hosting yang digunakan untuk adalah menggunakan

server yang sama dengan server yang digunakan oleh website yayasan dengan kapasitas

500 MB dengan penyedia jasa layanan hosting www.rumahweb.com yang diregistrasi

dengan domain utama http://al-waysh9.com. Melihat dari kapasitas hosting pada server

yayasan adalah 500 MB, maka penulis merasa cukup menggunakan server yayasan

untuk menjalankan website sistem informasi akademik SMK Dinamika Pembangunan 2

Jakarta menggunakan subdomain http://siapdp2.al-waysh9.com/

4.5.2 Spesifikasi Hardware dan Software

http://siapdp2.al-waysh9.com/http://www.rumahweb.com/http://al-waysh9.com/http://siapdp2.al-waysh9.com/

A. Spesifikasi Hardware

Perangkat keras yang dimaksud disini adalah seperangkat alat atau elemen

elektronik yang dapat membantu sistem yang diusulkan sehingga sistem yang diusulkan

oleh penulis dapat bekerja dengan baik. Adapun perangkat keras standar yang

diperlukan oleh user atau client adalah sebagai berikut :

1. Processor : Pentium IV 2.8 G.Hz

2. Memory size : 1GB RAM

3. Monitor : SVGA Colour 14”

4. Resolusi Monitor : 1024 x 768

5. Harddisk : 80 GB

6. Keyboard : Standar 107 Keys

7. Mouse : Standar Optical Mouse

8. Printer : Standar Printer Deskjet

B. Spesifikasi Software

Perangkat lunak adalah suatu rangkaian atau susunan instruksi yang harus benar

dengan urutan-urutan yang benar pula. Keberadaan perangkat lunak selalu menyertai

perangkat keras yang ada. Adapun perangkat lunak minimal yang diperlukan untuk user

atau client adalah sebagai berikut :

1. Sistem operasi : Microsoft Windows 7

2. Browser : Google chrome

4.6 Spesifikasi Sistem Usulan

Spesifikasi sistem usulan yang dimaksudkan adalah rancangan pada sistem

informasi yang diusulkan. Lampiran dari dokumen pada sistem yang berjalan adalah

sebagai berikut :

A. Nama Dokumen : Raport Nilai

Fungsi : Catatan hasil nilai siswa

Asal : Guru

Tujuan : Siswa

Bentuk Keluaran : Kertas

Lampiran : C1

BAB V

PENUTUP

5.1 Kesimpulan

Berdasarkan peneliyin yang penulis lakukan mengeai pembuatan Perancangan

Sistem Informatika Akademik Berbasis Website pada SMK Dinamika Pembangunan 2

Jakarta maka dapat diambil kesimpulan sebagai berikut:

1. Sistem informasi dapat memberikan informasi yang baru secara update.

2. Sistem Informasi dapatdiakses darimana saja dan apan saja.

3. Website sistem informasi akadeik dapat melihat informasi terkait dengan akademik

melalui website tanpa harus menunggu surat edaran diterbitkan.

4.2 Saran

Berdasarkan kesimpulan diatas penulis bermaksud menberi saran yang dapat

penulis sampaikan adalah:

1. Pengolahan data-data akademik secara terkomputerisasi akan lebih mudah untuk

diproses sehingga menghasilkan laporan yang lebih cepat dan akurat.

2. Sistem informasi ini dapat dijadikan masukan bagi pengembang bagi sistem

informasi yang lebih kompleks.

DAFTAR PUSTAKA

Dermawan, Deni dan Fauzi, Nur Kunkun. 2013. Sistem Informasi Manajemen.

Bandung : PT. Remaja Rosdakarya.

Hidayat, Rahmat. 2010. Cara Praktis Membangun Website Gratis. Jakarta: PT. Elex

Media Komputindo Kompas – Gramedia.

Hidayatullah, Priyanto dan Kawistara, Khairul Jauhari. 2015. Pemrograman

Web. Bandung: Informatika

Madcoms. 2013. Kupas Tuntas Adobe Dreamweaver CS6 Dengan Pemrograman PHP

dan Mysql. Yogyakarta : Andi.

Rosa dan Shalahuddin. 2014. Rekayasa Perangkat Lunak. Bandung: Informatika.

Subekti. R. 2014. Aneka Perjanjian. Bandung : PT. Citra Aditya Bakti.

Supardi, Yuniar. 2010. Web My Profile Dengan Joomla 1.5.x. Jakarta: PT. Elex

Media Komputindo Kompas – Gramedia.

Sutanta, Edhy. 2011. Basis Data dalam Tinjauan Konseptual. Yogyakarta: Andi.

Tandjung, Jenu Widjaja, Prayogo Teguh dan Prabowo Adi. 2013. Stop Promotion

Start Communication. Jakarta : PT. Elex Media Komputindo

Verdi, Yasin. 2012 .Rekayasa Perangkat Lunak Berorientasi Objek Pemodelan,

Arsitektur, dan Perancangan (Modeling, Architure and Design), Jakarta , Mitra

Wacana Media

Wardana. 2010. Menjadi Master PHP dengan Framework CodeIgniter. Jakarta:

PT.Elex Media Komputindo.

Widodo, Prabowo Pudjo dan Herlawati. 2011. Menggunakan UML. Bandung :

Informatika

Yuhefizar. 2013. Cara Mudah Dan Murah Membangaun Dan Mengelola Website.

Yogyakarta: Graha Ilmu.

KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME · PERSEMBAHAN Arah yang diberikan pendidikan adalah...

Documents

Transcript of KOMPUTERISASI SISTEM PENJUALAN BARANG REKLAME · PERSEMBAHAN Arah yang diberikan pendidikan adalah...