BAB 1

                              PENDAHULUAN




1.1 Latar Belakang Masalah

         Perkembangan teknologi informasi...
2


menggunakan     aplikasi,   sedangkan   server   mewakili   computer    yang

menyediakan layanan aplikasi. Dalam kont...
3


1.2 Tujuan Kerja Praktek

        Mengacu pada kurikulum Akademik, khususnya pada Program Studi

   Teknik Informatika...
4


1. Metode Observasi atau Pengamatan

        Dalam hal ini penulis langsung terjun ke sekolah yang bersangkutan,

    ...
5


4.Desain Software

        Desain software nantinya akan dibuat dengan mengacu pada data

    yang ada di Sekolah yang...
6



1.4 Tempat Dan Waktu

          Kegiatan Kerja Praktek ini rencananya akan dilaksanakan selama satu

    semester yai...
BAB 2

                              LANDASAN TEORI




2.1 Pengenalan Halaman Web

          Halaman web tersusun atas sa...
8


      diterima.

   B. Web Server

                Web server adalah server yang melayani permintaan klien terdapat

 ...
9


yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat

bermanfaat bagi pemilik situssitus web yan...
10




                Gambar 2.1 Prinsip Kerja PHP dan Apache




         PHP membuat proses pengembangan aplikasi menja...
11


Terbuka maksudnya adalah MySQL boleh di download oleh siapa saja. Baik

versi kode program aslinya (source code progr...
12


  jumlah baris 5.000.000.000. Mendukung penggunaan index hingga 32

  index pertabelnya, sedangkan setiap indexnya te...
BAB 3

      ANALISA KEBUTUHAN DAN PERANCANGAN PROGRAM




3.1   Analisa Sistem

             Berdasarkan hasil pengamatan...
15


mengumpulkan informasi berupa data – data dari tata usaha.

        Selain itu, penulis juga telah melakukan observas...
16


        teknologi. Kelebihan dari rancangan website yang diusulkan antara

        lain merupakan salah satu metode p...
17


3.2.2.1.1   Flowchart Tampilan Awal Program

                   Flowchart    tampilan    awal    program    ini

    ...
18


        Mulai



      Halaman
       Utama


  Host : Localhost
  DB : smaarinda



    Koneksi DB



Pilih DB (smaa...
19


      3.2.2.1.2           Flowchart Tampilan Halaman Admin

                                        Flowchart Tampila...
20


       MULAI




Halaman Utama




Host : localhost
DB : smaarinda




  Koneksi DB




Pilih DB smarinda




  Input...
21




                                                   2

              Y                  Tampil Halaman
             ...
22




                                                                  2

                       Y                      ...
23


3.2.3   Use Case Program yang Diusulkan

                                       Home



                             ...
24


No    Nama Use                  Deskripsi                         Aktor

         Case
1    Login          Use Case i...
25


                        ingin melihat tampilan halaman

                        Data Siswa
8    Fasilitas          Us...
26


                                        awal dari tampilan sistem. Pada saat user

                                  ...
27




                        Pilih Home
                                                    HOME
                  Tampi...
28


                               Pilih Home
                                                           HOME
           ...
29


                          Pilih Home
                                                    HOME
                     Ta...
30



                         Pilih Home
                                                      HOME
                   Ta...
31


                             Pilih Home
                                                          HOME
              ...
32




                       Pilih Home
                                                    HOME
                 Tampil ...
33



                        Pilih Home
                                                     HOME
                  Tampi...
34



                      Pilih Home
                                                   HOME
                Tampil Hala...
35


                           Pilih Home
                                                        HOME
                  ...
36



                          Pilih Home
                                                       HOME
                   ...
37




3.2.4.2   Penjelasan Tampilan Menu

                 Berikut ini akan dijelaskan tentang penjelasan

          tamp...
38




Gambar 3.17 Menu Pengunjung

               Pada halaman depan atau halaman utama

         pengunjung, menampilkan...
39




Gambar 3.18 Berita Terbaru




Gambar 3.19 Detail Berita
40




      Pada menu sebelah kiri selain terdapat menu utama juga

terdapat fasilitas pencarian berita, berita terpopule...
41




Gambar 3.20 Menu Kiri Pengunjung
42


3.2.4.2.2 Menu Administrator.

                Untuk administrator memiliki hak akses penuh

         atas seluruh me...
43




  Gambar 3.22 Konfirmasi Login Gagal

            Setelah   admin    memasukkan      username   dan

     password ...
44


      3.2.4.2.3 Pembahasan menu data editor website.

              Rancangan halaman tambah data editor website :


...
45




 Gambar 3.27 Hasil Perubahan Data Editor

             Untuk menghapus data editor website, pada halaman

      dat...
46




Gambar 3.28 Rancangan Halaman Admin Tambah Data Berita

            Setelah admin melakukan klik tombol tambah beri...
47




  Gambar 3.29 Rancangan Halaman Admin Data Berita

              Untuk memastikan masuk tidak-nya berita tersebut m...
48


 saat berita tersebut di upload dan juga tertera nama penulis atau

 pengirim dari berita tersebut. Pada Gambar 3.31 ...
49




     Gambar 3.33 Hasil Edit Data Berita Admin

       Hasil edit berita terlihat sepert pada Gambar 3.32. Untuk

me...
50


   beberapa modul yang khusus hanya dapat diakses oleh

   pihak administrator dalam artian, modul tersebut tidak

  ...
51


    2. Publish.

           Publish digunakan untuk menampilkan modul

    ke halaman webs ite pengunjung. Terdiri da...
52




Gambar 3.35 Modul Pengumuman Tampil pada website




     Gambar 3.36 Modul Tidak Tampilkan
53




Gambar 3.37 Modul Pengumuman Tidak Tampil pada Website

 3.4.3.2.6 Form Login Siswa

                   Pada halama...
54




Gambar 3.39 Tampilan Setelah Login Siswa
55




Gambar 3.40 Tampilan Nilai Siswa
56




Gambar 3.41 Tampilan Data Pribadi Siswa



  3.4.3.2.7 Form Tampilan Data Guru

                         Pada tampi...
57




Gambar 3.42 Tampilan Data Kepala Sekolah Dan Guru




    Gambar 3.43 Tampilan Penggunaan Search



      3.4.3.2.8...
58




             Gambar 3.44 Tampilan Fasilitas

3.4.3.2.9       Form Tampilan Buku Tamu

                          Pad...
59




      Gambar 3.45 Tampilan Buku Tamu




3.4.3.2.10   Form Profil Sekolah
60


                     Pada tampilan ini kami menampilkan tentang profil

              sekolah, yaitu mengenai data – ...
61


                                Struktur database dari apilkasi web SMA Arinda

                      Palembang terdi...
62


Bidang Studi      Varchar (20)             No     Mata pelajaran yang dibidangi
Jabatan           Varchar (100)      ...
63


                       Untuk menyimpan data Berita sekolah.

                                     Tabel 3.7 Berita

 ...
64


                     Untuk menyimpan data guru sekolah.

                             Tabel 3.10 Data Guru

      Fie...
65


                         Untuk menyimpan data prestasi

                         sekolah

                           ...
66


  modem yang menhubungkannya dengan internet.

2. Perangkat lunak

     Komputer yang digunakan oleh admin akan memer...
67


                         KESIMPULAN DAN SARAN




4.1 Kesimpulan

       Berdasarkan hasil kerja praktek yang penulis...
68


    Penulis menyadari masih terdapat kekurangan-kekurangan dalam aplikasi

yang penulis buat ini, salah satunya adala...
69


                           DAFTAR PUSTAKA




Hakim, Lukmanul 2008, Membongkar Trik Rahasia Para Master PHP,
     Lok...
Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang
Upcoming SlideShare
Loading in …5
×

Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang

3,724 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,724
On SlideShare
0
From Embeds
0
Number of Embeds
393
Actions
Shares
0
Downloads
249
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang

  1. 1. BAB 1 PENDAHULUAN 1.1 Latar Belakang Masalah Perkembangan teknologi informasi berkembang dengan sangat pesat, merambat ke berbagai sektor dengan kecepatan yang sangat mengagumkan. Hal ini menyebabkan dekade ini sering disebut sebagai dekade Informasi, karena informasi memegang peran kunci dalam berbagai bidang. Salah satu yang sangat berpengaruh sekarang ini salah satunya adalah Aplikasi Web atau sering dikenal dengan sebutan Website. Suatu Website atau aplikasi Web adalah suatu aplikasi yang dapat membentuk halaman-halaman Web berdasarkan permintaan pemakai. Seperti contohnya adalah; 1. Mesin pencari atau search engine (yahoo, google, dll), 2. Toko online (book pool, amazon, dll), 3. Lelang online (eBay), 4. Situs-situs berita (detikcom, cnn, dll), 5. Layanan akademis perguruan tinggi. Aplikasi Web juga biasa mencakup permainan interaktif ataupun kelompok diskusi. Aplikasi Web merupakan salah satu contoh aplikasi clien/server. Klien mewakili komputer yang digunakan oleh seseorang pemakai yang hendak 1
  2. 2. 2 menggunakan aplikasi, sedangkan server mewakili computer yang menyediakan layanan aplikasi. Dalam konteks ini, klien dan server berhubungan melalui Internet ataupun Intranet. Yang menarik, model klien/server yang menggunakan aplikasi Web dapat melibatkan bermacam- macam platform. Ciri khas yang lain pada aplikasi Web, pemakai menggunakan perangkat lunak yang dinamakan Web browser atau sering disebut browser saja (misalnya Netscape, Internet Explore, dan Mozila) untuk mengakses aplikasi Web. Komputer yang bertindak sebagai server umumnya menyediakan database server, selain Web server yang ditujukan untuk melayani permintaan pemakai yang hendak mengakses aplikasi Web. Database server adalah server yang melayani akses terhadap database. Oracel dan MySQL merupakan contoh dari sekian database server. Adapun contoh Web server yaitu Apache (sangat terkenal di lingkungan Linux) dan IIS (Internet Information Server), yang merupakan andalan Microsoft. Dari hal diatas dapat disimpulkan bahwa pada jaman sekarang ini, kebutuhan suatu Web Site sudah sangat penting bagi setiap instansi atau suatu perusahaan baik itu swasta ataupun pemerintahan. Karena Web Site sangat berpengaruh dalam memberikan suatu informasi kepada masyarakat luas yang sangat membutuhkan informasi yang serba cepat pada era teknologi informasi sekarang ini.
  3. 3. 3 1.2 Tujuan Kerja Praktek Mengacu pada kurikulum Akademik, khususnya pada Program Studi Teknik Informatika STMIK MDP (Multi Data Palembang), tujuan kegiatan Kerja Praktek adalah : 1. Memenuhi kewajiban melaksanakan mata kuliah Kerja Praktek yaitu memenuhi persyaratan kurikulum yang ada pada perguruan tinggi kami. 2. Mencari dan mengolah data sebagai bahan yang kami perlukan dalam penulisan Kerja Praktek ini. 3. Menambah pengetahuan dan pengalaman di bidang Teknik Informatika dalam penerapannya di lapangan. 4. Mempersiapkan dan mengkondisikan diri sebagai seorang pekerja yang nantinya diharapkan bisa melaksanakan tugas dengan baik apabila telah terjun di dunia kerja. 5. Mencoba mengukur seberapa jauh kemampuan penulis dalam membuat program aplikasi sesuai dengan perkuliahan yang telah ditempuh. 1.3 Pengumpulan Bahan Kerja Praktek Dalam melaksanakan kerja praktek ini, penulis menggunakan beberapa macam metode, yaitu metode observasi atau pengamatan dan metode interview atau wawancara serta metode studi ke sekolah yang bersangkutan, yaitu;
  4. 4. 4 1. Metode Observasi atau Pengamatan Dalam hal ini penulis langsung terjun ke sekolah yang bersangkutan, yaitu SMA Arinda Palembang untuk melakukan pengamatan terhadap data yang ada dan kira-kira apa saja yang dibutuhkan nantinya di dalam pembuatan program. 2. Metode Interview atau Wawancara Disini penulis melakukan wawancara langsung dengan pihak-pihak yang berperana di dalam sekolah tersebut atau dengan pihak pembimbing kerja praktek yang telah di tunjuk dari pihak sekolah. Dalam hal ini penulis ingin mengetahui secara langsung keadaan SMA Arinda Palembang keadaan data, kebutuhan akan bantuan program aplikasi dan sebagainya. Selain itu penulis juga menjelaskan apa saja yang nantinya akan dibutuhkan dan dilakukan oleh penulis dalam melakukan kerja praktek tersebut. 3.Metode Studi Ke Pihak Sekolah. Yaitu aktivitas mempelajari keterangan atau teori-teori yang berhubungan dengan data yang akan diolah. Disini penulis mencari panduan dalam buku bagaimana cara membuat program aplikasi yang baik yang nantinya dapat digunakan dengan baik dan mempunyai nilai jual yang tinggi kelak di pasaran software.
  5. 5. 5 4.Desain Software Desain software nantinya akan dibuat dengan mengacu pada data yang ada di Sekolah yang bersangkutan. Dalam tahap ini penulis menggunakan software Macromedia Dreamweaver 8 dalam membangun aplikasi Web, dan software Macromedia Firework 8 dalam pembuatan tampilan Web. Dan dengan menggunakan bahasa pemrograman PHP. Sebagai gambaran program aplikasi website ini adalah sebagai berikut : Gambar 1.1 Rancangan Tampilan website HEADER MENU KATA SAMBUTAN KEPALA SEKOLAH LOGIN SISWA PENGUMUMAN MAIN WINDOW AGENDA
  6. 6. 6 1.4 Tempat Dan Waktu Kegiatan Kerja Praktek ini rencananya akan dilaksanakan selama satu semester yaitu semester genap tahun ajaran 2010, atau selama bulan maret 2010 sampai Juli 2008. Pelaksanaan Kerja Praktek disini meliputi dua tahap yaitu pengambilan data dan pengolahan data. Adapun jika tenyata terdapat perpanjangan waktu dikarenakan program yang belum selesai, maka penulis akan tetap melakukan Kerja Praktek hingga program tersebut selesai. 1.5 Sistematika Penulisan Dalam penulisan laporan kerja praktek ini menggunakan sistematika sebagai berikut : 1.Bab 1 Membahas pendahuluan sebelum melaksanakan Kerja Praktek 2.Bab 2 Membahas tentang landasan teori yang digunakan dalam melaksanakan Kerja Praktek. 3.Bab 3 membahas metode Kerja Praktek yang digunakan dan membahas hasil Kerja Praktek yang dikerjakan. 4.Bab 4 Kesimpulan dan Saran.
  7. 7. BAB 2 LANDASAN TEORI 2.1 Pengenalan Halaman Web Halaman web tersusun atas satu atau beberapa komponen baik dokumen web itu sendiri ataupun komponen penyerta lain. Komponen- komponen tersebut biasanya dapat langsung ditampilkan oleh browser (client), tetapi terkadang harus menggunakan program pembantu atau aplikasi tambahan lain (plug-In). A. Web Browser Web browser adalah perangkat lunak (software) di sisi klien yang digunakan untuk mengakses informasi web, memformat teks dan menempatkan grafik pada layer. Ada beberapa jenis web browser yang dipakai sebagai sumber tampilan antara lain : Internet Explorer, Netscape Navigator, Mozila, Opera, dsb. Prinsip kerja pengaksesan sebuah halaman web yang berbasisi HTML adalah sebagai berikut : a. Browser meminta sebuah halaman kesuatu situs web melalui protokol http. b. Web server meminta permintaan. c. Web server segera mengirimkan dkumen HTML yang diminta ke klien. d. Browser pada klien akan membaca dan mengartikan dokumen yang
  8. 8. 8 diterima. B. Web Server Web server adalah server yang melayani permintaan klien terdapat halaman web seperti apache, IIS (Internet Information Server) dan berkomunikasi dengan Middleware untuk menterjemahkan kode-kode tertentu, menjalankan kode-kode tersebut dan memungkinkan berinteraksi dengan basis data, PHP atau ASP. Adapun arsitektur aplikasi server adalah sebagai berikut : a. Browser atau klien berinteraksi dengan web server. b. Secara internal web server berinteraksi dengan middleware. c. Middleware yang berhubungan dengan database. Adapun teknologi yang berjalan di server antara lain : CGI (Common Gateway Interface), ASP (Aktive Server Page), JSP (Java Server Page) dan PHP. 2.2 Bahasa Pemrograman PHP PHP (Personal Home Page Tools) adalah sebuah bahasa scripting yang dibundel dengan TML, yang berjalan disisi server. Sebagian besar perintahnya berasal dari bahasa C, Java dan Perl dengan beberapa tambahan fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web yang menyajikan HTML yang dinamis dan interaktif dengan cepat dan mudah, yang di hasilkan server. PHP bisa berinteraksi dengan hampir semua teknologi web yang sudah ada. Developer bias menulis sebuah program PHP
  9. 9. 9 yang mengeksekusi suatu program CGI di server lain. Fleksibilitas ini amat bermanfaat bagi pemilik situssitus web yang besar dan sibuk, karena pemilik masih menggunakan aplikasiaplikasi yang sudah terlanjur dibuat dimasa lalu dengan menggunakan CGI, ISAP atau dengan script seperti Perl, awk atau Phyton selama proses migrasi ke aplikasi baru yang di buat dengan menggunakan PHP. Dengan PHP, developer tidak perlu lagi berurusan dengan dua buah file yang terpisah seperti pada CGI. Browser web mengacu secara langsung ke file yang dituju, yang lalu dibaca oleh server sebagaimana file HTML statis biasa. Bedanya, sebelum dikirim balik ke browser web, server web memeriksa isi file dan menentukan apakah ada kode didalam file tersebut yang harus dieksekusi. Bila ada, kode-kode tersebut akan dieksekusi. Hasilnya akan dimasukkan kedalam dokumen yang sama. Server web bekerja secara langsung terhadap file yang bersangkutan tidak memanggil script terpisah seperti pada metode CGI. Seluruh kode di eksekusi di server.
  10. 10. 10 Gambar 2.1 Prinsip Kerja PHP dan Apache PHP membuat proses pengembangan aplikasi menjadi mudah karena kelebihan-kelebihannya, yaitu : 1. Script ( kode program) terintegrasi dengan file HTML, sehingga developer bisa berkonsentrasi langsung pada penampilan webnya. 1. Tidak ada proses compiling dan linking. 3.Berorientasi objek (object Oriented). 4.Sintaksis pemrogramannya mudah dipelajari ,sangat menyerupai C dan Perl. 5. Integrasi yang sangat luas ke berbagai server database. Menulis web yang terhubung ke data base menjadi sangat sederhana. Database yang didukung oleh PHP : Oralce, Sybase, mSQL, MySQL, Solid, ODBC, PostgreSQL, Adabas D, FilePRo, Velocis, Informic, dBase, UNIX dbm. 2.3 Database MySQL MySQL adalah sebuah sistem manajemen database relasi (relational database management system) yang bersifat “terbuka” (open source).
  11. 11. 11 Terbuka maksudnya adalah MySQL boleh di download oleh siapa saja. Baik versi kode program aslinya (source code program) maupun versi binernya (executable program) dan bias dugunakan secara (relatif) gratis baik untuk dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai suatu program aplikasi komputer. MySQL menggunakan bahasa standar SQL (Structure Query Language) sebagai bahasa interaktif dalam mengolah data. Perintah SQL juga sering disebut Query. Karena menggunakan bahasa standar yang sama maka tidak akan menjadi kendala besar bila suatu saat nanti berhubungan dengan database selain MySQL. Tentu saja tetap ada perbedaan sintaks bahasa paket program SQL tersebut. Adapun beberapa kelebihan MySQL adalah sebagai berikut : 1. Kecepatan Dengan adanya fitur tambahan Query Chacing pada MySQL rilis 4.0 hingga versi diatasnya, kinerja query secara umum akan naik rata-rata 200% dari kinerja biasanya. 2. Open source Dengan konsep ini siapapun dapat berpartisipasi mengembangkan MySQL dan hasil penembangan itu diserahkan kepada umum atau kepada komunitas Open Source. 3. Kapabilitas MySQL telah digunakan untuk mengelola database dengan jumlah 50 juta record. Bahkan sanggup untuk mengelola 60.000 tabel dengan
  12. 12. 12 jumlah baris 5.000.000.000. Mendukung penggunaan index hingga 32 index pertabelnya, sedangkan setiap indexnya terdiri dari 1 hingga 16 kolom kriteria. Informasi ini dapat di peroleh dari manual MySQL yang didapat di download dari situs MySQL. 4. Konektifitas dan keamanan MySQL mendukung dan menerapkan sistem keamanan dan ijin akses tingkat lanjut, termasuk dukungan keamanan dengan pengacakan lapisan data (SSL transport layer encryption). Bahkan pada MySQL rilis 4.0 hingga versi diatasnya, dapat diterapkan pembatasan penggunaan sumber daya server berdasarkan penggunaan per user. Adanya tingkatan user dan jenis akses yang beragam dapat memberikan batasan akses berdasarkan lokasi pengakses, dan terdapatnya jaminan keamanan pada MySQL. 5.Fleksibilitas dan Portabilitas MySQL mendukung peritah-perintah ANSI SQL 99 dan beberapa perintah database alternative lainnya sehingga mempermudah untuk beralih dari dan ke MySQL. 6. Lintas platform sistem operasi MySQL dapat dijalankan pada beberapa sistem operasi yang berbeda, seperti Linux, Microsoft Windows, FreeBSD, Sun Solaris, Mac OS, HP-UX, AIX, QNX, Novell Net Ware, SCO Open Unix, SGI Iric, dan Dec OSF.
  13. 13. BAB 3 ANALISA KEBUTUHAN DAN PERANCANGAN PROGRAM 3.1 Analisa Sistem Berdasarkan hasil pengamatan penulis, penulis memperoleh asumsi bahwa sistem penyediaan informasi yang ada pada SMA Arinda Palembang masih bersifat manual yaitu dengan datang langsung ke sekolah untuk dapat memperoleh informasi, selain itu juga siswa-siswi SMA Arinda masih harus menggunakan cara manual untuk meperoleh tentang kegiatan di sekolahnya sendiri. Maka dari itu penulis mencoba membangun suatu aplikasi website sekolah SMA Arinda Palembang sebagai media penyedia informasi yang lebih efektif untuk siswa nya atau untuk user lain yang ingin mendapatkan informasi tentang sekolah SMA Arinda ini. 3.2 Perancangan Program Dengan tetap berorientasi pada prosedur dan sistem kerja yang telah ada sebelumnya, maka penulis berupaya menampilkan, merancang dan membuat suatu website sekolah khusus yang juga dapat membantu sekolah dengan fungsinya sebagai media sosialisasi dan promosi sekolah. Sebagai langkah awal, penulis mengumpulkan berbagai data dan informasi yang dibutuhkan melalui wawancara dengan kepala sekolah dan dengan
  14. 14. 15 mengumpulkan informasi berupa data – data dari tata usaha. Selain itu, penulis juga telah melakukan observasi di SMA Arinda Palembang serta mengambil beberapa foto yang dibutuhkan demi merancang suatu website yang menarik dan bermutu. Dasar yang menjadi acuan dalam perancangan website sekolah SMA Arinda Palembang ini adalah sesuai dengan sistem informasi serta data-data yang terdapat di Sekolah tersebut yaitu pada tampilan awalnya sebuah website menampilkan karakteristik sekolah secara garis besar. Penulis juga memberikan account user kepada siswa/siswi SMA Arinda Palembang yang akan mengakses website ini dengan menyediakan login siswa yang dapat menampilkan nilai dan data pribadi siswa pada website, adapun yang diharapkan penulis dengan adanya website sekolah ini yaitu dengan adanya website tersebut dapat menjadi media penyampaian informasi yang optimal, jelas dan menyeluruh baik tentang informasi sekolah dan nilai. Selain itu semua, website ini juga diharapkan dapat memberikan informasi mengenai berita dan kegiatan – kegiatan yang akan diadakan di sekolah sehingga orang tua dapat mengetahui aktivitas yang akan dilakukan anaknya selama berada di sekolah. 3.2.1 Prosedur dan Kelebihan Program yang Diusulkan Adapun kelebihan dari website sekolah ini dapat dimanfaatkan dan digunakan oleh semua pihak serta dapat memberikan warna baru dalam kehidupan dunia pendidikan sekolah khususnya dalam penerapan ilmu pengetahuan dan
  15. 15. 16 teknologi. Kelebihan dari rancangan website yang diusulkan antara lain merupakan salah satu metode promosi sekolah yang praktis, memberikan laporan nilai siswa secara up-to-date setiap semesternya, memberikan informasi untuk umum tentang berbagai aktivitas yang dilaksanakan sekolah, baik yang telah diadakan maupun untuk yang akan datang, siswa/i akan lebih maju selangkah kedepan dengan adanya website sebagai media informasi baik informasi tentang sekolah, sistem tampilan nilai melalui jaringan internet. 3.2.2 Flowchart Program yang Diusulkan Untuk membuat suatu website sekolah SMA Arinda Palembang ini, sangat diperlukan adanya pembuataan flowchart agar tidak terjadi kesalahan dalam melakukan desain dan tampilan secara umum sehingga pengguna (user) dapat memanfaatkan dan menggunakan website ini secara lebih mudah dan efisien. Selain dari pada itu, flowchart program ini dapat dijadikan sebagai bagan alir sistem setiap kejadian yang dilakukan oleh user dan admin. Berikut ini merupakan flowchart yang terdapat pada website SMA Arinda Palembang.
  16. 16. 17 3.2.2.1.1 Flowchart Tampilan Awal Program Flowchart tampilan awal program ini menjelaskan tentang urutan tampilan awal website SMA Arinda Palembang. Isi dari tampilan ini adalah Home, Profil Sekolah, Visi Misi, Struktur Organisasi, Data Guru, Data Siswa, Prestasi, Fasilitas, Galeri dan buku tamu.
  17. 17. 18 Mulai Halaman Utama Host : Localhost DB : smaarinda Koneksi DB Pilih DB (smaarinda) Input Pilihan Tampil Pilih = Home Y Halaman Home T Pilih = Profil Y Tampil Profil T Tampil Visi Pilih = visi dan Y dan Misi misa T Tampil Pilih = struktur Y struktur organisasi organisasi T Tampil Data Pilih = Data Guru Y Guru T Tampil Data Pilih = Data Siswa Y Siswa T Pilih = Prestasi Y Tampil Prestasi T Tampil Pilih = Failitas Y Prestasi T Tampil Pilih = Galeri Y Prestasi T Tampil Pilih = Buku Tamu T Y Buku Tamu T T Masukkan Tampil nilai = Pilih = Login Y Tampil login dan data Logout user,pass, pribadi kls T Y Selesai Gambar 3.2 Flowchart Tampilan Awal Program
  18. 18. 19 3.2.2.1.2 Flowchart Tampilan Halaman Admin Flowchart Tampilan Halaman Admin menjelaskan tentang urutan dari menu admin yang halamannya dibuat terpisah dari halaman utama website SMA Arinda Palembang. Mulai Halaman Utama Host : localhost DB : smaarinda Koneksi DB Pilih DB (smaarinda) Y Masukkan = Y Halaman Pilihan = login login user, pass Admin T T Selesai Gambar 3.3 Flowchart Tampilan Halaman Menu Utama Admin
  19. 19. 20 MULAI Halaman Utama Host : localhost DB : smaarinda Koneksi DB Pilih DB smarinda Input Pilihan 1 Y Menu Admin Home “Home Admin” T Y Menu Admin Tampil Halaman Prestasi “Prestasi” Edit Prestasi T Y Menu Admin Tampil Halaman Fasilitas “Fasilitas” Edit Fasilitas T Y Menu Admin Tampil Halaman Galeri “Galeri” Edit Galeri T Y Menu Admin Tampil Halaman Buku Tamu “Buku Tamu” Edit Buku Tamu T Y Menu Admin Tampil Halaman Agenda “Agenda” Edit Agenda 2 T Gambar 3.4.b Flowchart Tampilan Halaman Menu Admin
  20. 20. 21 2 Y Tampil Halaman Menu Admin Pengumuman Edit “Pengumuman” Pengumuman T Y Menu Admin Tampil Halaman Berita “ Berita” Edit Berita T Y Menu Admin Tampil Halaman Data Guru “Data Guru” Edit Data Guru T Y
  21. 21. 22 2 Y Tampil Halaman Menu Admin Pengumuman Edit “Pengumuman” Pengumuman T Y Menu Admin Tampil Halaman Berita “ Berita” Edit Berita T Y Menu Admin Tampil Halaman Data Guru “Data Guru” Edit Data Guru T Y Menu Admin Tampil Halaman Data Siswa “Data Siswa” Edit Data Siswa T Y Menu Admin Tampil Halaman Kelas “Kelas” Edit Kelas T Y Menu Admin Tampil Halaman Nilai Siswa “Nilai Siswa Edit Nilai Siswa T Y Menu Admin Tampil Halaman User “User” Edit User Admin T Logout 1 Y SELESAI Gambar 3.4.b Flowchart Tampilan Halaman Menu Admin
  22. 22. 23 3.2.3 Use Case Program yang Diusulkan Home Profil Sekolah Visi dan Misi Struktur Organisasi admin Data Guru Data Siswa Prestasi User Fasilitas Galeri Buku Tamu Nilai Siswa Login Siswa Data Siswa Edit Nilai Edit Data Siswa Login Admin Edit User Admin Edit Berita Edit Pengumuman Gambar 3.5 Use Case Program yang Diusulkan Tabel 3.1 Glosarium Use Case
  23. 23. 24 No Nama Use Deskripsi Aktor Case 1 Login Use Case ini digunakan untuk Administrator dan kejadian yang terjadi ketika actor Siswa mengakses menu login 2 Input Data Use Case ini digunakan untuk Administrator Siswa kejadian yang terjadi ketika admin ingin mendinput data siswa 3 Input Nilai Use Case ini digunakan untuk Administrator kejadian yang terjadi ketika admin ingin meng-input nilai siswa 4 Home Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Siswa. ingin melihat tampilan awal website 5 Visi,Misi dan Use Case ini digunakan untuk Administrator, Tujuan kejadian yang terjadi ketika actor Guru, Siswa, ingin melihat tampilan halaman User visi dan misi 6 Data Guru Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Siswa. ingin melihat tampilan halaman Data Guru 7 Data Siswa Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Siswa.
  24. 24. 25 ingin melihat tampilan halaman Data Siswa 8 Fasilitas Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Guru, Siswa, ingin melihat tampilan halaman User fasilitas 9 Galeri Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Siswa, ingin melihat tampilan halaman Galeri 10 Buku Tamu Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Siswa. ingin melihat tampilan halaman Buku Tamu 11 Nilai Use Case ini digunakan untuk Administrator, kejadian yang terjadi ketika actor Guru dan Siswa, ingin melihat tampilan halaman nilai siswa 12 Agenda Use Case ini digunakan ketika Administator, user. actor ingin melihat halaman agenda. 3.2.4 Tampilan Menu 3.2.4.1 Rancangan Tampilan Program 3.2.4.1.1 State Transition Diagram Halaman Utama Halaman Utama ini merupakan muka
  25. 25. 26 awal dari tampilan sistem. Pada saat user memasuki halaman utama, yang mana disana akan di tampilkan informasi umum mengenai sekolah SMP Arinda Palembang. Berikut adalah gambar diagram STD (State Transision Diagram) halaman utama, yakni : Pilih Home HOME Tampil Halaman Home Pilih Profil PROFIL SEKOLAH Tampil Halaman Profil Pilih Visi Misi VISI DAN MISI Tampil Halaman Visi Misi Pilih Struktur Organisasi STRUKTUR Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru HOME DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil Halaman Prestasi Pilih Buku Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.6 STD Tampilan Utama
  26. 26. 27 Pilih Home HOME Tampil Halaman Profil Pilih Visi Misi VISI DAN MISI Tampil Halaman Visi Misi Pilih Struktur Organisasi STRUKTUR Tampil Halaman Struktur Organisasi ORGANISASI PROFIL Pilih Data Guru DATA GURU SEKOLAH Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil Halaman Prestasi Pilih Fasilitas FASILITAS Tampil HalamanFasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Agenda Sekolah LOGIN SISWA Tampil Halaman Agenda Sekolah Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.7 STD Tampilan Profil Sekolah
  27. 27. 28 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Struktur Organisasi STRUKTUR Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru VISI DAN MISI DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman data siswa Pilih Prestasi PRESTASI Tampil HalamanPrestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.8 STD Tampilan Profil Visi dan Misi
  28. 28. 29 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi STRUKTUR Pilih Data Guru DATA GURU ORGANISASI Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil HalamanPrestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.9 STD Tampilan Struktur Organisasi
  29. 29. 30 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Data Guru Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil HalamanPrestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.10 STD Tampilan Data Guru
  30. 30. 31 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Data Siswa Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru DATA GURU Tampil Halaman Data Guru Pilih Prestasi PRESTASI Tampil HalamanPrestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.11 STD Tampilan Data Siswa
  31. 31. 32 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Prestasi Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.12 STD Tampilan Prestasi
  32. 32. 33 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Fasilitas Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil Halaman Prestasi Pilih Galeri GALERI Tampil Halaman Galeri Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.13 STD Tampilan Data Fasilitas
  33. 33. 34 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Galeri Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil Halaman Prestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Buku Tamu BUKU TAMU Tampil Halaman Buku Tamu Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.14 STD Tampilan Data Galeri
  34. 34. 35 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Buku Tamu Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil Halaman Prestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.15 STD Tampilan Data Buku Tamu
  35. 35. 36 Pilih Home HOME Tampil Halaman Profil Pilih Profil sekolah PROFIL SEKOLAH Tampil Halaman Profil Sekolah Pilih Visi dan Misi VISI dan MISI Tampil Halaman Visi dan Misi Pilih Struktur Organisasi STRUKTUR Login SIswa Tampil Halaman Struktur Organisasi ORGANISASI Pilih Data Guru DATA GURU Tampil Halaman Data Guru Pilih Data Siswa DATA SISWA Tampil Halaman Data Siswa Pilih Prestasi PRESTASI Tampil Halaman Prestasi Pilih Fasilitas FASILITAS Tampil Halaman Fasilitas Pilih Galeri GALERI Tampil Halaman Galeri Pilih Login Siswa LOGIN SISWA Tampil Halaman Login Siswa Pilih Pengumuman PENGUMUMAN Tampil Halaman Pengumuman Pilih Agenda Sekolah AGENDA SEKOLAH Tampil Halaman Agenda Sekolah Pilih Home Tampil Halaman Home Gambar 3.16 STD Tampilan Data Buku Tamu
  36. 36. 37 3.2.4.2 Penjelasan Tampilan Menu Berikut ini akan dijelaskan tentang penjelasan tampilan menu website pada setiap halaman. 3.2.4.2.1 Menu Utama untuk Pengunjung. Untuk pengujung di sediakan beberapa menu, seperti menu profile, berita, agenda, pengumuman, fasilitas, galeri, data siswa, prestasi sekolah, dan buku tamu. Dan ada beberapa tambahan fasilitas menu yaitu pencarian berita, berita terpopuler, berita sebelumnya, banner, dan pencarian data. Untuk tampilannya seperti pada Gambar 3.17.
  37. 37. 38 Gambar 3.17 Menu Pengunjung Pada halaman depan atau halaman utama pengunjung, menampilkan tiga berita terbaru. Jika pengunjung pilih link akan terlihat seperti pada Gambar 3.18 pada salah satu berita tersebut akan masuk ke halaman detail berita tersebut yaitu Gambar 3.19.
  38. 38. 39 Gambar 3.18 Berita Terbaru Gambar 3.19 Detail Berita
  39. 39. 40 Pada menu sebelah kiri selain terdapat menu utama juga terdapat fasilitas pencarian berita, berita terpopuler, dan banner. Untuk berita terpopuler, ditampilkan berdasarkan banyaknya berita tersebut dikunjungi oleh pengunjung. Di sebelah kanan judul berita terpopuler terdapat counter atau dapat juga disebut sebagai jumlah berapa kali berita tersebut di kunjungi oleh pengunjung website. Sedangkan banner sendiri dapat juga disebut sebagai tempat penyimpanan alamat website lain yang jika di klik maka akan langsung ke alamat website yang tertera pada banner tersebut seperti pada Gambar 3.20.
  40. 40. 41 Gambar 3.20 Menu Kiri Pengunjung
  41. 41. 42 3.2.4.2.2 Menu Administrator. Untuk administrator memiliki hak akses penuh atas seluruh menu atau modul. Dan untuk mengaksesnya administrator diharuskan melakukan login terlebih dahulu dengan memasukkan username dan password. Gambar 3.21 Tampilan Halam Login untuk Admin Jika username dan password tidak sesuai dengan data pada database, maka database akan malakukan konfirmasi bahwa login gagal.
  42. 42. 43 Gambar 3.22 Konfirmasi Login Gagal Setelah admin memasukkan username dan password dengan benar sesuai dengan database, maka admin akan masuk ke halaman utama menu administrator. Pada halaman tersebut admin dapat mengola semua menu yang tersedia seperti pada Gambar 3.23. Gambar 3.23 Halaman Menu atau Modul Admin
  43. 43. 44 3.2.4.2.3 Pembahasan menu data editor website. Rancangan halaman tambah data editor website : Gambar 3.24 Halaman Tambah Data Editor Website Rancangan halaman data editor website : Gambar 3.25 Halaman Data Editor Website Rancangan halaman edit data editor website Gambar 3.26 Rancangan Halaman Edit Data Editor Website Rancangan halaman hasil perubahan data editor setelah melakukan pengeditan data.
  44. 44. 45 Gambar 3.27 Hasil Perubahan Data Editor Untuk menghapus data editor website, pada halaman data editor webSITE seperti pada Gambar 3.27, jika klik link hapus, misalnya untuk data nomor 1, maka data tersebut akan terhapus dari daftar editor. 3.2.4.2.4 Pembahasan Menu Berita untuk Administrator. Untuk melakukan penambahan berita, admin harus klik tombol tambah berita. Setelah itu admin akan masuk ke halaman untuk tambah data berita seperti pada Gambar 3.28.
  45. 45. 46 Gambar 3.28 Rancangan Halaman Admin Tambah Data Berita Setelah admin melakukan klik tombol tambah berita dan mengisikan datadatanya, kemudian kilk tombol simpan seperti pada gambar diatas, maka hasil dari penambahan data berita dapat dilihat pada halaman data berita seperti pada Gambar 3.29.
  46. 46. 47 Gambar 3.29 Rancangan Halaman Admin Data Berita Untuk memastikan masuk tidak-nya berita tersebut masuk ke database dengan benar, dapat dilakukan dengan masuk ke halaman awal website seperti pada Gambar 3.30. Gambar 3.30 Tampilan Berita Baru pada Halaman Awal Website Pada Gambar 3.31 dapat diketahui bahwa data berita yang baru telah berhasil diupload dan dapat masuk ke dalam database dan juga dapat tampil di halaman website. Dan tertera hari dan tanggal
  47. 47. 48 saat berita tersebut di upload dan juga tertera nama penulis atau pengirim dari berita tersebut. Pada Gambar 3.31 menyatakan bahwa berita tersebut ditulis oleh administrator. Untuk melakukan edit data berita silahkan klik tombol edit, sehingga akan masuk ke halaman edit data berita seperti pada Gambar 3.32. Setelah merubah beberapa data berita yang diinginkan, kemudian klik tombol Update, maka hasil perubahan datanya akan langsung ditampilkan di halaman data berita seperti pada Gambar 3.33. Gambar 3.32 Tampilan Halaman Edit Data Berita
  48. 48. 49 Gambar 3.33 Hasil Edit Data Berita Admin Hasil edit berita terlihat sepert pada Gambar 3.32. Untuk menghapus data berita caranya hampir sama dengan menghapus data editor, cukup dengan klik tombol hapus pada halaman data berita. 3.2.4.2.5 Pembahasan Manajemen Modul website. Pada aplikasi website ini terdiri dari beberapa modul yang dapat di akses oleh administrator dan editor website. Khusus untuk administrator, dapat mengelola seluruh modul yang tersedia pada aplikasi website ini. Sedangkan untuk editor website hanya dapat mengelola beberapa modul, dengan catatan modul tersebut di ijinkan atau di aktifkan oleh pihak administrator. Ada
  49. 49. 50 beberapa modul yang khusus hanya dapat diakses oleh pihak administrator dalam artian, modul tersebut tidak dapat diaktifkan untuk pihak editor. Beberapa modul yang dapat di akses oleh pihak editor, dengan catatan modul tersebut sudah di aktifkan atau di ijinkan oleh pihak administrator agar pihak editor dapat mengelolanya terdiri dari : 1. Profile Sekolah. 2. Visi dan Misi. 3. Struktur organisasi. 4. Data guru. 5. Data siswa. 6. Fasilitas 7. Galeri. 8. Pengumuman 9. Agenda Sekolah Untuk mengedit modul website silahkan klik tombol edit pada salah satu satu modul yang akan di edit. Sehingga akan tampil ke halaman edit modul. Untuk data modul terdiri dari beberapa field yaitu : 1. Nama modul. Digunakan sebagai identitas dari modul itu sendiri.
  50. 50. 51 2. Publish. Publish digunakan untuk menampilkan modul ke halaman webs ite pengunjung. Terdiri dari dua pilihan yaitu “Y”, ( seperti pada Gambar 3.34 ) Gambar 3.34 Modul Ditampilkan Untuk menyatakan bahwa modul tersebut ditampilkan ke halaman webs ite pengunjung ( seperti pada Gambar 3.35 ), sedangkan untuk “N” (seperti pada Gambar 3.36) menyatakan bahwa modul tersebut tidak ditampilkan ke halaman website pengunjung ( seperti pada Gambar 3.37 ).
  51. 51. 52 Gambar 3.35 Modul Pengumuman Tampil pada website Gambar 3.36 Modul Tidak Tampilkan
  52. 52. 53 Gambar 3.37 Modul Pengumuman Tidak Tampil pada Website 3.4.3.2.6 Form Login Siswa Pada halaman ini user dapat melihat tampilan login, karena login ini hanya dibuat untuk para siswa/i yang telah resmi menjadi siswa/i SMA ARINDA Palembang, yang mana di dengan login para siswa/i dapat melihat nilai dan data pribadi. Gambar 3.38 Login Siswa
  53. 53. 54 Gambar 3.39 Tampilan Setelah Login Siswa
  54. 54. 55 Gambar 3.40 Tampilan Nilai Siswa
  55. 55. 56 Gambar 3.41 Tampilan Data Pribadi Siswa 3.4.3.2.7 Form Tampilan Data Guru Pada tampilan ini data guru hanya bisa ditampilkan saja tanpa adanya interaksi langsung dari guru yang bersangkutan dan untuk melakukan pencarian data guru secara cepat dan efektif kami menyediakan link search dengan memasukkan nama guru atau huruf depanya saja.
  56. 56. 57 Gambar 3.42 Tampilan Data Kepala Sekolah Dan Guru Gambar 3.43 Tampilan Penggunaan Search 3.4.3.2.8 Form Fasilitas Pada tampilan ini kami hanya menampilkan photo – photo fasilitas yang dimiliki SMA ARINDA PALEMBANG.
  57. 57. 58 Gambar 3.44 Tampilan Fasilitas 3.4.3.2.9 Form Tampilan Buku Tamu Pada tampilan ini kami membuat agar tamu bisa melakukan interaksi langsung kepada SMA ARINDA PALEMBANG dimana tamu bisa mengirim pesan secara langsung dan terpublikasi kesemua pengguna.
  58. 58. 59 Gambar 3.45 Tampilan Buku Tamu 3.4.3.2.10 Form Profil Sekolah
  59. 59. 60 Pada tampilan ini kami menampilkan tentang profil sekolah, yaitu mengenai data – data sekolah beserta sarana dan prasarananya Gambar 3.46 Tampilan Profil Sekolah 3.2.4.3 Spesifikasi Tabel yang Tersedia pada Database
  60. 60. 61 Struktur database dari apilkasi web SMA Arinda Palembang terdiri dari beberapa table berikut + Tabel User Untuk menyimpan data user, yang terdiri dari dua level yaitu: user admin dan user anggota. Tabel 3.2 User Field Type Field Null Keterangan Id _user tinyint(4) No Nomor id user (auto increment) Username Varchar (10) No User Password Varchar (10) No Password + Tabel Profile Sekolah Untuk menyimpan data profile sekolah. Tabel 3.3 Profile Sekolah Field Type Field Null Keterangan Nomor id profile sekolah (auto Id_prof Int (5) No Id_user Varchar (50) No increment) Nama identitas user Isi_prof Text No Detail isi profile sekolah Gambar Varchar (100) No Gambar profile sekolah + Tabel Guru Untuk menyimpan data profile. Tabel 3.4 Guru Field Type Field Null Keterangan Id_guru Int (5) No Nomor id guru (auto increment) Nama Varchar (100) No Nama guru Jenis kelamin Enum(‘L’,’P’) No Jenis Kelamin Alamat Varchar (100) No Alamat Guru Telpon Varchar (100) No Telepon
  61. 61. 62 Bidang Studi Varchar (20) No Mata pelajaran yang dibidangi Jabatan Varchar (100) No Status jabatan Mulai mengajar Varchar (50) No Waktu mengajar + Tabel Agenda Untuk menyimpan data agenda sekolah. Tabel 3.5 Agenda Field Type Field Null Keterangan Nomor urut / id agenda ( Auto) Id _ agenda Int (5) No Tema Varchar (100) No ))increment) Tema agenda Isi_agenda Text No Isi / penjelasan agenda Tempat Varchar (100) No Tempat kegiatan Tgl_mulai Date No Tanggal awal menjabat Tgl_selesai Date No Tanggal selesai menjabat Tgl_posting Date No Tanggal user posting ke website Waktu Varchar (50) No Waktu pelaksanaan agenda Publish Enum (‘Y’,’T’) No Waktu agenda + Table Pengumuman Untuk menyimpan data pengumuman sekolah. Tabel 3.6 Pengumuman Sekolah Field Type Field Null Keterangan Nomor id pengumuman Id_pengumuman Int (5) No Judul Varchar (100) No (auto increment) Judul pengumuman Isi Text No Detail isi pengumuman Tanggal Date No Tanggal pengumuman Tgl_posting Date No Tanggal user posting Id_user Varchar (50) No Nama identitas user + Tabel Berita
  62. 62. 63 Untuk menyimpan data Berita sekolah. Tabel 3.7 Berita Field Type Field Null Keterangan Nomor id berita Id _ berita Int (5) No Id_Posting Int (5) No (auto increment) berita Nomor id kategori Judul Varchar (50) No Judul berita Isi1 Mediumtext No Isi berita Isi2 Text No Isi detail berita Gambar Varchar (50) No Gambar berita Publish Enum (‘Y’,’T’) No Hari user posting Tanggal Date No Tanggal user posting + Tabel Fasilitas Untuk menyimpan data fasilitas sekolah. Tabel 3.8 Fasilitas Field Type Field Null Keterangan Nomor id fasilitas Id _ fasilitas Int (5) No Nama Varchar (100) No (auto increment) Nama fasilitas Gambar Varchar (100) No Gambar fasilitas Keterangan Text No Detail fasilitas + Tabel Galeri Untuk menyimpan data galeri sekolah. Tabel 3.9 Galeri Field Type Field Null Keterangan Nomor id galeri Id _ galeri Int (11) No Nama Varchar (100) No (auto )increment) Nama galeri Gambar Varchar (100) No Gambar galeri + Tabel Data Guru
  63. 63. 64 Untuk menyimpan data guru sekolah. Tabel 3.10 Data Guru Field Type Field Null Keterangan Id_guru Int (9) No Nomor id guru (auto increment) Nama Varchar (50) No Nama Guru Jenis Kelamin Varchar (50) No Jenis Kelamin Alamat Varchar (100) No Alamat Guru Telpn Varchar (20) N No Telepon Guru Bidang_Studi Varchar (20) N Mata Pelajaran dibidangi Jabatan Varchar (20) o N Status Jabatan Mulai_mengajar Varchar (100) o N Jadwal mulai mengajar o o + Tabel Data Siswa Untuk menyimpan data siswa sekolah. Tabel 3.11 Siswa Field Type Field Null Keterangan Nomor id siswa Id _ siswa Int (11) No (auto increment) Nis Varchar (10) No No Induk Siswa Nama_siswa Varchar (10) No Nama siswa Tempat_lahir date No Tempat Lahir Tanggal Lahir Varchar (10) No Tanggal Lahir Jenis_Kelamin Enum(‘L’,’P’) No Jenis Kelamin Agama Varchar (10) No Agama Alamat Varchar (10) No Alamat siswa Kelas Varchar (10) No Kelas ditempatkan Asal_Sekolah Varchar (10) No Asal sekolah Alamat_Sekolah Varchar (50) No Alamat sekolah sebelumnya Telp Varchar (10) No Telepon siswa Pwd Varchar (10) No Pwd + Tabel Prestasi
  64. 64. 65 Untuk menyimpan data prestasi sekolah Tabel 3.12 Prestasi Field Type Field Null Keterangan Nomor id prestasi Idjrestasi Int (5) No Juara Varchar (50) No (auto increment) Peringkat juara Kegiatan Varchar(100) No Nama kegiatan Pelaksana Varchar (4) No Pelaksana Tahun Varchar(50) No Tahun Pelaksanaan 3.2.4.4 Implementasi Sistem yang diwujudkan dalam situs web ini akan diimplementasikan dengan cara melakukan hosting situs web. Hosting akan dilakukan oleh pihak sekolah. Dengan demikian website sekolah ini yang lebih fokus ke pendaftaran secara online dapat dikunjungi oleh siapapun, kapanpun, dan dimanapun. Perusahaan hanya perlu menyiapkan perangkat keras dan perangkat lunak untuk kebutuhan pembaharuan situs web. Disamping itu juga diperlukan koneksi internet agar komputer yang digunakan dapat menggugah (upload) data yang akan digunakan ke server hosting. 1. Perangkat keras Perangkat keras yang dibutuhkan oleh admin untuk memperbaharui isi web adalah perangkat komputer dengan prosesor intel Pentium Dual core 2 GHz, harddisk SATA 160 GB, dan RAM 1 GB. Selain itu dibutuhkan juga perangkat
  65. 65. 66 modem yang menhubungkannya dengan internet. 2. Perangkat lunak Komputer yang digunakan oleh admin akan memerlukan beberapa perangkat lunak. Perangkat lunak yang diperlukan meliputi : sistem operasi Windows XP, Macromedia Dreamweaver 8, MySQL, Mozilla Firefox, dan Apache web server 2.2. Server web (XAMPP) lokal juga diperlukan untuk melakukan pemeriksaan dan pengujian sebelum isi web didaftarkan ke server hosting. Server basis data juga perlu dipasang pada komputer untuk kebutuhan yang sama. BAB 4
  66. 66. 67 KESIMPULAN DAN SARAN 4.1 Kesimpulan Berdasarkan hasil kerja praktek yang penulis kerjakan selama beberapa bulan di SMA Arinda Palembang, dengan mengambil judul aplikasi Jaringan pembantu sistem informasi berbasis website SMA ARINDA PALEMBANG ini. Diharapkan dapat membantu pihak sekolah dalam memberikan informasi sekilas tentang SMA ARINDA PALEMBANG kepada masyarakat melalui teknologi internet. Dan juga dapat membantu masyarakat dalam mempermudah memperoleh informasi SMA ARINDA PALEMBANG tanpa harus datang ke lokasi sekolah. Dan juga untuk menghadapi era informasi yang serba cepat sekarang ini, baik dalam memberikan informasi atau memperoleh informasi, sebuah instansi milik swasta atau milik pemerintahan dituntut memiliki sebuah fasilitas atau media yang dapat digunakan dalam penyampaian informasi secara cepat, salah satunya adalah melalui aplikasi website yang berbasiskan teknologi informasi ini. 4.2 Saran
  67. 67. 68 Penulis menyadari masih terdapat kekurangan-kekurangan dalam aplikasi yang penulis buat ini, salah satunya adalah dalam penggunaan skrip bahasa pemrograman php yang penulis gunakan ini. Untuk membangun suatu aplikasi website yang layak untuk ditampilkan kepada masyarakat umum harus melihat dari tujuan atau kebutuhan dari pembuatan website itu sendiri. Sehingga dalam pembuatan website janganlah berpatokan pada satu bahasa pemrograman saja. Oleh karena itu agar dapat menghasilkan aplikasi website yang maksimal, alangkah baiknya jika dalam pembuatannya tidak berpatokan pada satu bahasa pemrograman saja. Dan juga jangan pantang menyerah dalam membuatt sebuah aplikasi website, dan jangan malu untuk bertanya kepada yang lebih ahli. Semoga hasil kerja praktek ini dapat bermanfaat bagi rekan-rekan adik kelas dan pembaca. Akhir kata, penulis ucapkan terima kasih kepada bapak dosen pembimbing lapangan maupun dosen pembimbing tertulis yang dengan setia telah bersedia membantu dan membimbing penulis, sehingga penulis dapat menyelesaikan kerja praktek ini.
  68. 68. 69 DAFTAR PUSTAKA Hakim, Lukmanul 2008, Membongkar Trik Rahasia Para Master PHP, Lokomedia, Yogyakarta. Komputer, Wahana 2006, Panduan Praktis Pengolahan Database dengan MySQL, Andi Offset Yogyakarta. Kurniawan, Rulianto 2007, CMS dan Forum untuk Orang Awam,Maxicom, Palembang. Kronke, David M 2004, Database Processing, Erlangga, Jakarta. Mohamad, Sukarno 2006, Sistem cepat menguasai php, Media Press, Jakarta.

×