Hierarchy Input Process Output HIPO Flowchart Perancangan Interface

3.4 Flowchart

Aliran data login user ini merupakan proses autentifikasi user untuk dapat masuk ke dalam website SMA Muhammadiyah 1 Cilacap. Agar dapat masuk website, user diharuskan menginputkan username dan password terlebih dahulu jika telah mendaftar sebelumnya. Jika belum terdaftar, maka user diharuskan mendaftar terlebih dahulu. Gambar 3.4 Flowchart login

3.5 Perancangan Interface

Berikut ini adalah beberapa rancangan antarmuka website SMA Muhammadiyah 1 Cilacap: 1. Rancangan antar muka pada halaman utama. Dapat dilihat pada gambar 3.5 Gambar 3.5 Halaman Utama 2. Rancangan antar muka pada halaman visi dan misi. Dapat dilihat pada gambar 3.6 Gambar 3.6 Halaman Visi dan Misi 3. Rancangan antar muka pada halaman gallery. Dapat dilihat pada gambar 3.7 Gambar 3.7 Halaman Gallery 4. Rancangan antar muka pada halaman guru dan Karyawan. Dapat dilihat pada gambar 3.8 Gambar 3.8 Halaman Guru dan Karyawan 5. Rancangan antar muka pada halaman ekstrakurikuler. Dapat dilihat pada gambar 3.9 Gambar 3.9 Halaman Ekstrakurikuler 6. Rancangan antar muka pada halaman prestasi. Dapat dilihat pada gambar 3.10 Gambar 3.10 Halaman Prestasi. 7. Rancangan antar muka pada halaman atau form pendaftaran siswa baru. Dapat dilihat pada gambar 3.11 Gambar 3.11 Halaman atau Form Pendaftaran Siswa Baru 8. Rancangan antar muka pada halaman list daftar pendaftar. Dapat dilihat pada gambar 3.12 Gambar 3.12 Halaman List daftar Pendaftar 9. Rancangan antar muka pada halaman data pendaftar. Dapat dilihat pada gambar 3.13 Gambar 3.13 Halaman Data Pendaftar

BAB IV IMPLEMENTASI DAN ANALISA

Bab ini memuat tentang langkah dan hasil analisa pembahasan yang sifatnya terpadu. Hasil penelitian dapat disajikan dalam bentuk tabel, grafik, foto atau bentuk lain dan ditempatkan sedekat mungkin dengan pembahasan hasil penelitian.

4.1 Analisis Website

Web adalah fasilitas hypertext untuk menampilkan data berupa teks, gambar, bunyi, animasi, dan data multimedia lainnya, yang di antara data tersebut saling berhubungan satu sama lainnya. Website merupakan tempat penyimpanan data dan informasi dengan topik tertentu Sebuah website harus dapat memberikan kemudahan bagi pengguna dalam mencari sebuah informasi, seperti siswa dan guru. Dengan adanya website ini, maka data dan informasi yang disediakan oleh website ini dapat diakses atau diperoleh dengan mudah dan cepat. Website SMA Muhammadiyah 1 Cilacap ini merupakan website yang berfungsi sebagai antar muka atau perkenalan sekolah dan informasi-informasinya melalui internet serta membantu dalam pendaftaran calon siswa baru secara online. Website SMA Muhammadiyah 1 Cilacap juga menyediakan data dan informasi yang berkaitan dengan kegiatan sekolah maupun kegiatan belajar- mengajar di SMA Muhammadiyah 1 Cilacap.

4.2 Analisis Kebutuhan

Analisis kebutuhan dalam pembuatan dan perancangan website SMA Muhammadiyah 1 Cilacap ini dibagi menjadi 2 dua, yaitu sebagai berikut: 4.2.1 Perangkat Lunak Software Adapun kebutuhan software atau perangkat lunak yang digunakan dalam pembuatan dan perancangan website ini adalah sebagai berikut: 1. Macromedia Dreamweaver 8.0 Macromedia Dreamweaver adalah sebuah software atau perangkat lunak editor profesional untuk mendesain secara visual dan mengelola situs website maupun halaman website. 2. MySQL Structure Query Language SQL adalah sebuah bahasa tabel relasional yang didukung PHP untuk dapat melakukan koneksi dan query pada tabel SQL berisi pernyataan yang dapat digunakan untuk memasukkan, merubah, menghapus, memilih dan melindungi data. MySQL termasuk RDBMS Relation Database Management System. 3. Apache Server Apache server adalah web server yang paling populer dan sangat luas digunakan di dunia internet. Keuntungan menggunakan apache server adalah aman dan efisien, selain itu apache server yang dikembangkan dengan sistem open source memiliki kemampuan ekstensibilitas yang tinggi hingga selalu up to date dengan standarisasi server. 4. Web Browser Web Browser merupakan perangkat lunak untuk menampilkan tampilan website yang telah dibuat. Dalam hal ini, web browser yang digunakan adalah Mozilla Firefox.

4.2.2 Perangkat Keras Hardware

Spesifikasi minimal komputer yang digunakan dalam perancangan dan pembuatan website SMA Muhammadiyah 1 Cilacap ini adalah: 1. Processor Pentium III, 500 MHz 2. Sistem Operasi menggunakan Windows XP Service Pack 1 3. Memory minimal 128 MB 4. Ruang Hardisk minimal 10 GB.