BAB 2 LANDASAN TEORI
2.10 Pengertian Data dan Database
Data adalah fakta mengenai objek, orang dan lain-lain (Kadir,1999:7). Data juga dapat didefinisikan sebagai bahan keterangan tentang kejadian-kejadian nyata atau fakta-fakta yang dirumuskan dalam sekelompok lambang tertentu yang tidak acak yang menunjukkan jumlah, tindakan, atau hal.
Sedangkan Database (basis data) merupakan kumpulan data yang saling berhubungan. Hubungan antar data dapat ditunjukan dengan adanya field/kolom kunci dari tiap file/tabel yang ada. Dalam satu file atau table terdapat record-record yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas yang seragam. Satu record (umumnya digambarkan sebagai baris data) terdiri dari field yang saling berhubungan menunjukan bahwa field tersebut dalam satu pengertian yang lengkap dan disimpan dalam satu record. Adapun struktur database adalah: Database, File/Table, Record, Elemen data/Field.
A database may be defined as a collection of onterrelated data stored together without harmful or unnecessary redundancy to serve one or more applications in an optimal fashion; the data are stored so that they are independent of programswith use the data; a common and controlled approach its used in addingnew data and in modifying and retrieving existing data within the database (James Martin, 1975).
2.10.1 Database management system (DBMS)
Database merupakan sekelompok data yang saling berelasi, yang dapat disimpan, diproses, dimanipulasi, dan digunakan oleh pihak-pihak yang berkepentingan. Relasi tersebut biasanya ditujukan dengan bagian-bagian penting dari tiap data yang ada.
Di dalam sebuah DBMS terdapat beberapa database beserta satu atau lebih program pengelola yang berguna untuk mengolah data seperti menambah data, mengambil data, menghapus data, maupun melakukan update terhadap data yang sudah ada. DBMS adalah sebuah aplikasi yang dapat digunakan untuk membuat dan melakukan maintain terhadap database. (Elmasri & Navathe, 2004)
Keuntungan DBMS yaitu : 1. Mengurangi pengulangan data 2. Mencapai independensi data
3. Mengintegrasikan data beberapa file
4. Mengambil data dan informasi secara cepat 5. Meningkatkan keamanan
6. Meningkatkan presentasi kesiapan data (data availability) 7. Mempercepat penyimpanan dan pengambilan data
8. Mempercepat dan mempermudah pemrosesan data 9. Mengurangi penyimpanan data yang rangkap 10.Mempermudah pemrograman karena lebih fleksibel
Kerugian DBMS yaitu : 1. Kurangnya ahli Database
2. Biaya pemrosesan data sangat tinggi
3. Kebutuhan software dan hardware yang bertambah 4. Penggabungan dan pengamanan data
2.11 Pengertian Xampp Version 1.7.0
XAMPP merupakan paket PHP yang berbasis open source yang dikembangkan oleh sebuah komunitas Open Source. Dengan menggunakan XAMPP tidak dibingungkan dengan penginstalan program-program lain, karena semua kebutuhan terlah tersedia oleh XAMPP. Yang terdapat pada XAMPP di antaranya : Apache, MySQL, PHP, FilZilla FTP Server, PHPmyAdmin dll.
Fungsi XAMPP 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 dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.
Berikut ini Penjelasan dari bagian-bagian XAMPP:
1. X , Kenapa disebut dengan system operasi? karena XAMPP bisa dijalankan di 4 OS besar yang sering digunakan oleh pengguna komputer saat ini. Dan 4 OS
tersebut tidak lain dan tidak bukan adalah Windows, Linux, Mac OS dan Solaris.
2. A (Apacahe) merupakan aplikasi web server. Apache ini bersifat opensource yang berarti gratis dan bisa diedit oleh penggunanya. Tugas utama Apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. jika diperlukan juga berdasarkan kode PHP yang dituliskan,maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.
3. M ( MySQL), merupakan aplikasi database server. Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah, dan menghapus data yang berada dalam database.
4. P (PHP), bahasa pemrograman web. Bahasa pemrograman PHP merupakan bahasa pemrograman untuk membuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. Sistem manajemen basis data yang sering digunakan bersama PHP adalah MySQl. namun PHP juga mendukung sistem manajement database Oracle, Microsoft Access, Interbase, d-base, PostgreSQL, dan sebagainya.
5. P (Perl), bahasa pemrograman, pertama kali dikembangkan oleh Larry Wall di mesin Unix. Perl pertama kali dirilis pada tanggal 18 Desember 1987 ditandai dengan keluarnya Perl 1. Dua diantara karakteristik utama perl adalah penanganan teks dan berbagai jalan pintas untuk meyelesaikan persoalan-persoalan umum.Perl sangat populer di gunakan dalam program-rogram CGI (Common Gateway Interface) dan protokol internet lainnya.
Jadi Fungsi XAMPP adalah kita bisa memiliki server sendiri (localhost) untuk pembuatan website secara offline tanpa harus membeli domain , karena sudah terdiri atas program Apache HTTP Server, MySQL database dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl.
XAMPP tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis. Sejarah dan Pengembang XAMPP dikembangkan dari sebuah tim proyek bernama Apache Friends, yang terdiri dari Tim Inti (Core Team), Tim Pengembang (Development Team) & Tim Dukungan (Support Team).
Beberapa bagian penting pada program XAMPP, yang sering digunakan pada umumnya adalah sebagai berikut:
a. htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML, CMS dan skrip lain.
b. phpMyAdmin merupakan bagian untuk mengelola basis data MySQL yang ada dikomputer.
c. Kontrol Panel yang berfungsi untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan, ataupun memulai (start).
2.12 Adobe Photoshop CS2
Adobe Photoshop CS2 adalah satu program aplikasi yang digunakan untuk mengolah gambar standard, yang dilengkapi dengan web tool application, Adobe ImageReady yang disertakan untuk memenuhi kebutuhan usernya. Selain itu, Adobe Photoshop CS2 juga menyediakan alat kerja lain dilingkungannya dengan aplikasi yang lain yaitu Adobe Illustrator, Adobe inDesign, dll.
Lembar kerja Photoshop dilengkapi dengan beberapa komponen sebagai berikut :
1. Title Bar
a. Restore : digunakan untuk mengembalikan ukuran jendela aplikasi ke bentuk semula (sebelum dirubah ukurannya).
b. Move : digunakan untuk memindah jendela aplikasi. c. Size : digunakan untuk merubah ukuran jendela aplikasi.
d. Minimize : digunakan untuk merubah ukuran jendela aplikasi menjadi ukuran terkecil yang diletakkan dibaris taskbar.
e. Maximize : digunakan untuk merubah ukuran jendela aplikasi menjadi satu layar penuh.
2. Menu Bar
Yaitu sederetan menu yang dipersiapkan untuk membantu dalam proses pembuatan/ pada saat melakukan editing pada gambar. Dari masing-masing menu pada menu bar diberikan nama yang berlainan untuk membedakan fungsi dan kegunaan secara spesifik pada menu tersebut.Untuk mengaktifkan menu salah satu menu tersebut dapat dilakukan dengan salah satu cara dibawah ini :
a. Klik pada menu yang akan anda aktifkan, selanjutnya klik pada sub menu yang ingin anda gunakan.
b. Gunakan tombol Alt+huruf yang digaris bawahi pada menu. Misalnya Alt+L untuk mengaktifkan menu Layer untuk selanjutnya gunakan anak panah kiri
( ), kanan ( ), atas ( ), dan bawah ( ) untuk memilih menu berikutnya.
3. Options Bar
Options bar adlah pilihan tombol yang ditampilkan untuk melengkapi pilihan pada toolbox, jika pada computer yang anda gunakan belum diaktifkan, lakukan langkah berikut untuk mengaktifkan Option Bar : Klik menu Window => Option atau dengan tombol Alt+W,n maka pada bagian bawah menu bar akan tampil sebuah tombol options.
4. Toolbox
Saat pertama anda menjalankan Photoshop, toolbox akan diletakkan dibagian sebelah kiri layar. Toolbox adalah tombol yang digunakan untuk membuat dan melakukan editing gambar. Untuk memilih toolbox dengan cara melakukan klik pada tombol yang anda kehendaki, bagian yang dilengkapi dengan anak panah dibagian kanan bawah pada tombol, tanda tersebut menunjukkan tombol tersebut masih menyimpan tombol lain yang tersembunyi. Masing-masing tombol dalam toolbox mempunyai nama, untuk menampilkan nama toolbox yaitu dengan cara menempatkan pointer mouse di atas tombol tersebut, maka akan tampil tool tip yang menampilkan nama tombol dan perintah shortcut yang berguna untuk menggunakan tombol tersebut secara cepat.
5. Palettes
Palettes membantu anda untuk melakukan monitoring dan memperbaiki gambar. Dalam keadaan default palette akan ditempatkan secara bersamaan dalam satu groups.
2.13 Macromedia Dreamweaver 8
Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola website maupun halaman web. Macromedia Dreamweaver adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini,
pihak Macromedia telah mengeluarkan versi terbaru dari Dreamweaver yaitu Macromedia Dreamweaver 8.
Dreamweaver 8 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya. Kehebatan Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan website. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun sebuah website.
2.13.1 Memulai Macromedia Dreamweaver 8
Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver 8, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver 8. Pada saat pertama kali menggunakan Dreamweaver setelah penginstalan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang kerja desainer.
Gambar 2.1 Tampilan Macromedia Dreamweaver
BAB 3
DESKRIPSI SEKOLAH
3.1 Sejarah Singkat SMA Tamansiswa Binjai
SMA Tamansiswa Binjai berdiri pada tahun 1970. Sekolah ini berlokasi di Jalan Jenderal Sudirman No.11 Binjai. Kegiatan belajar mengajar pada sekolah ini hanya dilakukan pada pagi hari yaitu dari mulai pukul 07.30 sampai dengan pukul 13.45, sedangkan sore hari sekolah ini mengadakan kegiatan ekstrakurikuler seperti PBB, PKS, Bimbingan Belajar, Kegiatan Olahraga dan lain sebagainya.
Sekolah ini memiliki 24 ruang kelas terdiri dari 8 ruang kelas untuk kelas X, 8 ruang kelas untuk kelas XI, 8 ruang kelas untuk kelas XII. Untuk pelaksanaan kegiatan olahraga sekolah ini sudah di lengkapi dengan lapangan volley, lapangan basket, lapangan futsal, dan lain-lain.
Untuk mendukung kegiatan siswa dalam belajar terdapat sebuah lapangan besar untuk aktifitas berolahraga dan untuk menunjang kegiatan belajar siswa dengan tidak mengesampingkan moral dan ahlak siswa dengan adanya tempat ibadah seperti
mushola dan kegiatan–kegiatan keagamaan seperti sholat zuhur berjamaah setiap pulang sekolah untuk siswa dan para guru.
3.2 Visi, Misi, dan Tujuan SMA Tamansiswa Binjai
3.2.1 Visi SMA Tamansiswa Binjai
Adapun visi SMA Tamansiswa Binjai sebagai berikut:
1. Visi SMA Tamansiswa Secara umum adalah sebagai badan perjuangan kebudayaan dan pembangunan masyarakat yang menggunakan pendidikan dalam arti luas sebagai sarana dalam upaya membangun masyarakat tertib, damai, salam dan bahagia
2. Visi SMA Tamansiswa secara khusus adalah menjadi lembaga pendidikan yang menghasilkan sumber daya manusia yang profesional yang mampu berkopetensi di tingkat nacional maupun internacional.
3.2.2 Misi SMA Tamansiswa Binjai
Adapun misi SMA Tamansiswa Binjai sebagai berikut:
1. Melaksanakan pembelajaran dan bimbingan secara efektif sehingga setiap siswa berkembang secara optimal, sesuai dengan potensi yang dimiliki.
2. Menumbuhkan semangat keunggulan secara intensif kepada seluruh warga sekolah.
3. Mendorong dan membantu setiap siswa untuk mengenali potensi dirinya, sehingga dapat berkembang secara optimal.
4. Menumbuhkan dan mendorong keunggulan dalam penerapan ilmu pengetahuan, teknologi dan seni.
5. Menumbuhkan penghayatan terhadap ajaran agama yang dianut dan budaya bangsa sehingga terbangun siswa yang kompeten dan berakhlak mulia.
6. Mendorong lulusan yang berkualitas, berprestasi, berakhlak tinggi, dan bertaqwa pada Tuhan Yang Maha Esa.
3.2.3 Tujuan SMA Tamansiswa Binjai
Tujuan sekolah kami tersebut secara bertahap akan dimonitoring, dievaluasi, dan dikendalikan setiap kurun waktu tertentu, untuk mencapai Standar Kompetensi Lulusan (SKL) Sekolah Menengah Atas (SMA) yang dibakukan secara nasional, sebagai berikut:
1. Meyakini, memahami, dan menjalankan ajaran agama yang diyakini dalam kehidupan.
2. Memahami dan menjalankan hak dan kewajiban untuk berkarya dan memanfaatkan lingkungan secara bertanggung jawab.
3. Berpikir secara logis, kritis, kreatif, inovatif dalam memecahkan masalah, serta berkomunikasi melalui berbagai media.
4. Menyenangi dan menghargai seni.
5. Menjalankan pola hidup bersih, bugar, dan sehat.
6. Berpartisipasi dalam kehidupan sebagai cerminan rasa cinta dan bangga terhadap bangsa dan tanah air.
3.3 Struktur
STRUKRUR ORGANISASI
TAMAN MADYA (SMA) TAMANSISWA CABANG BINJAI TAHUN PENDIDIKAN 2012/2013
3.4. Uraian Tugas dan Fungsi Organisasi
3.4.1 Kepala Sekolah
Kepala Sekolah berfungsi dan bertugas sebagai edukator, manager, administrator, supervisor serta pemimpin/Leader inovator.
3.4.2 Wakil Kepala Sekolah
Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan: 1. Menyusun kurikulum.
2. Mengatur segala program kesiswaan.
3. Merencanakan kebutuhan sarana dan prasarana.
4. Mengatur dan mengembangkan hubungan dengan masyarakat. 5. Mengatur dan mengawasi penyelenggaraan program pendidikan. 6. Mengatur mutasi siswa.
7. Menyusun program kegiatan ekstrakurikuler.
8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.
3.4.3 Tata Usaha
Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan bertanggung jawab kepada kepala sekolah dalam kegiatan-kegiatan sebagai berikut:
1. Penyusunan program kerja tata usaha sekolah. 2. Pengolahan keuangan sekolah.
3. Penyusunan administrasi perlengkapan sekolah.
4. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan.
3.4.4 Komite Sekolah
Membantu sekolah dalam hal:
1. Peningkatan kegiatan sekolah.
2. Peningkatan kesejahteraan guru dan pegawai.
3.4.5 Pembantu Kepala Sekolah
3.4.5.1 Bidang Sarana dan Prasarana
Tugas yang dilakukan disini adalah:
1. Pembangunan sarana dan prasarana.
3.4.5.2 Bidang Kurikulum
Membantu Kepala Sekolah dalam hal: 1. Pelaksanaan kurikulum.
2. Pemberian tugas guru.
3. Mengawas jadwal pelaksanaan KBM. 4. Administrasi kurikulum dan penelitian. 5. Konsultasi dengan Kepala Sekolah.
3.4.5.3 Bidang Kesiswaan
Membantu Kepala Sekolah dalam bidang: 1. Pembinaan disiplin sekolah.
2. Koordinator pembinaan siswa.
3. Koordinator pelaksana kegiatan intra / ekstrakulikuler. 4. Koordinator kegiatan sekolah.
3.4.6 Guru
Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.
3.4.7 Wali Kelas
Membantu kepala sekolah dalam kegiatan: 1. Pengelolaan kelas.
2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa. 4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.
3.4.8 Guru Pembimbing dan Konseling (BP/BK)
Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.
BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan sebagai media untuk membuat layout dari situs yang telah dirancang. Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:
1. Situs apa yang akan dibuat?
2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut? 3. Apa saja aktivitas yang dapat pengunjung lakukan dalam situs tersebut? 4. Apa target yang ingin dicapai dari pembuatan situs tersebut?
Untuk semakin memperjelas dan mempermudah dalam membangun situs, maka jawaban dari pertanyaan-pertanyaan di atas akan sangat membantu karena dari situlah nantinya akan terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.
Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan-pertanyaan diatas adalah sebagai berikut:
1. Situs yang akan dibuat adalah sistem informasi sekolah berbasis web, dalam hal ini adalah SMA Tamansiswa Binjai, yang menyediakan informasi-informasi tentang sekolah tersebut.
2. Pengunjung dari website tersebut diharapkan adalah para siswa-siswi, guru, wali siswa SMA Tamansiswa Binjai serta masyarakat luas yang ingin tahu mengenai segala sesuatu tentang sekolah ini.
3. Aktivitas yang akan dijumpai di dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai SMA Tamansiswa Binjai, mengetahui data siswa, data guru serta informasi penting lainnya.
4. Target yang ingin dicapai dari situs tersebut adalah Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga dapat memenuhi keingintahuan masyarakat mengenai sekolah SMA Tamansiswa Binjai.
4.2 Perancangan Data Flow Diagram (DFD)
Data Flow Diagram (DFD) merupakan diagram yang menggunkan notasi-notasi (symbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi.
Adapun Data Flow Diagram yang penulis ajukan, yaitu:
Table 4.1 Simbol-simbol DFD
No Gambar Nama Fungsi
1 Kesatuan Luar
( External Enity )
Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem
2
Proses ( Process )
Kegiatan dari hasil suatu arus data yang masuk kedalam proses untuk menghasilkan arus data yang akan mengubah input menjadi output.
3 Aliran Data
( Data Flow )
Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau diperoses menjadi input.
4
Penyimpanan Data ( Data Storange )
Data disimpan untuk keperluan berikutnya Gambar 4.1 DFD Konteks Data Siswa Laporan - Info Fasilitas - Info Data Guru /
Pegawai - Info Data Siswa - Info Nilai Siswa - Info Mata Pelajaran - Pesan Kepala Sekolah Guru / Pegawai Administrator User (Pengunjung) Sistem Informasi Akademik Pada SMA Muhammadiyah 10 Rantauprapat Siswa - Info Profil Sekolah - Info Visi dan Misi - Info Fasilitas - Galeri - Info Guru / Pegawai - Info Siswa - Mata Pelajaran - Artikel / Berita - Pesan - Login Admin - Profil Sekolah - Fasilitas - Galeri - Data Guru / Pegawai - Data Siswa - Nilai Siswa - Mata Pelajaran - Artikel / Berita Data Guru / Pegawai
4.3 Perancangan Flowchart
Flowchart (diagram alir) adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan disuatu algoritma.
Flowchart ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari sistem informasi SMA Tamansiswa Binjai.
Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti gambar dibawah ini:
Tabel 4.2 Simbol-Siombol Flowchart
No Simbol Fungsi
1
Terminator, untuk memulai dan mengakhiri suatu program
2
Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer
3
Data, untuk memasukkan data maupun menunjukkan hasil dari suatu proses
4
Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan
5
Preparation, suatu simbol untuk menyediakan tempat tempat pengolahan data dalam storage
6
Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama
7
Off-page Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang lain
8
Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri
9
Document, merupakan simbol untuk data yang berbentuk informasi
10
Predefined Process, untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur
11
Display, untuk output yang ditujukan suatu device, seperti monitor
12
4.3.1 Flowchart Halaman Utama
Flowchart menu utama dapat dilihat pada gambar 4.2 di bawah ini :
Gambar 4.2 Flowchart Halaman Utama START Menampilkan Halaman Utama Halaman Utrama Home A Memilih Daftar Link Beranda Profil Profil Guru Siswa Fitur Guru Siswa Fitur B C E D Keluar END tidak ya ya ya ya ya tidak tidak tidak tidak tidak
4.3.2 Flowchart Halaman Admin
Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat dilihat pada gambar 4.3 di bawah ini :
tidak
ya
tidak
ya
Gambar 4.3 Flowchart Halaman Admin START Halaman Login Admin Input Username dan Password If True Halaman Utama Admin Logout END
Maaf, Username dan Password Salah
4.3.3 Flowchart Halaman Tag Profil
Gambar 4.4 Flowchart Halaman Tag Profil B
Pilih Halaman Sejarah
END Visi misi Sarana Praasarana Struktur Organisasi Kepala Sekolah Prestasi Sejarah
Halaman Visi & Misi
Halaman Sarana Prasarana
Halaman Struktur
Halaman Kepala Sekolah
Halaman Prestasi Kepala Sekolah Prestasi Struktr Sarana Visi Misi Keluar tidak tidak tidak tidak tidak tidak ya ya ya ya ya
4.3.3 Flowchart Halaman Tag Guru
Gambar 4.5 Flowchart Halaman Tag Guru C
Pilih Halaman Direktori Guru
END Data Guru
Direktori
Halaman Data Guru Guru Data
Keluar tidak
tidak
4.3.3 Flowchart Halaman Tag Siswa
Gambar 4.6 Flowchart Halaman Tag Siswa D
Pilih Halaman Direktori Siswa
END Data Siswa
OSIS
Ekskul
Direktori
Halaman Data Siswa
Halaman OSIS
Halaman Ekstrakurikuler Ekskul OSIS Data Siswa Keluar tidak tidak tidak tidak ya ya ya
4.3.3 Flowchart Halaman Tag Fitur
Gambar 4.7 Flowchart Halaman Tag Fitur E
Pilih Halaman Kontak Sekolah