SlideShare ist ein Scribd-Unternehmen logo
1 von 69
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


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


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


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


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



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.
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


      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


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




                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


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


  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.
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
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
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.
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.
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
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
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
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
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
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
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.
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
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
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
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
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
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
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
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
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
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
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
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
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.
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.
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 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.
41




Gambar 3.20 Menu Kiri Pengunjung
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.
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
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.
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.
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.
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
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
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
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.
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 ).
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 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
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 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.
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.
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.
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 – data sekolah beserta sarana

              dan prasarananya




         Gambar 3.46 Tampilan Profil Sekolah




3.2.4.3 Spesifikasi Tabel yang Tersedia pada Database
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
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
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
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
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
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
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
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.
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.

Weitere ähnliche Inhalte

Was ist angesagt?

Materi inti 4 database dan pemrograman(fil eminimizer)
Materi inti 4 database dan pemrograman(fil eminimizer) Materi inti 4 database dan pemrograman(fil eminimizer)
Materi inti 4 database dan pemrograman(fil eminimizer) Topan Helmi Nicholas
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman Rika Pertiwi
 
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  editModul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet editFaridiraf Sama Aja
 
Modul 21 kecepatan akses internet
Modul 21 kecepatan akses internetModul 21 kecepatan akses internet
Modul 21 kecepatan akses internetFaridiraf Sama Aja
 
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah dataModul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah dataFaridiraf Sama Aja
 
Makalah search engine
Makalah search engineMakalah search engine
Makalah search engineyoshufbriana
 
Langkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudahLangkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudahtukangojek48
 
Modul kkpi 16 mengoperasikan software email client - upload by a.s
Modul kkpi   16 mengoperasikan  software email client - upload by a.sModul kkpi   16 mengoperasikan  software email client - upload by a.s
Modul kkpi 16 mengoperasikan software email client - upload by a.sRomli Muhammad
 
Laporan pembuatan desain web joomla
Laporan pembuatan desain web joomlaLaporan pembuatan desain web joomla
Laporan pembuatan desain web joomlaWina Fajriatin
 
Laporan xampp dan joomla
Laporan xampp dan joomlaLaporan xampp dan joomla
Laporan xampp dan joomlaJames Montolalu
 
Proposal Aplikasi WEB Rental Mobil
Proposal Aplikasi WEB Rental MobilProposal Aplikasi WEB Rental Mobil
Proposal Aplikasi WEB Rental MobilDenny Ramadan
 
Silabus mulok desain web new
Silabus mulok desain web newSilabus mulok desain web new
Silabus mulok desain web newDevit Etika
 
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...noviaindrn
 
Pengelolaan pembelajaran
Pengelolaan pembelajaranPengelolaan pembelajaran
Pengelolaan pembelajarannadya_windy
 
Mengoperasikan perangkat lunak acses
Mengoperasikan perangkat lunak acsesMengoperasikan perangkat lunak acses
Mengoperasikan perangkat lunak acsesJadi Apa
 
Rpp5 mengoperasikan software e mail client
Rpp5 mengoperasikan software e mail clientRpp5 mengoperasikan software e mail client
Rpp5 mengoperasikan software e mail clientSaid Haikal Ahmad
 
Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...
Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...
Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...Nano SMart
 

Was ist angesagt? (20)

Materi inti 4 database dan pemrograman(fil eminimizer)
Materi inti 4 database dan pemrograman(fil eminimizer) Materi inti 4 database dan pemrograman(fil eminimizer)
Materi inti 4 database dan pemrograman(fil eminimizer)
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  editModul 23 mengidentifikasi beberapa layanan informasi yang ada di internet  edit
Modul 23 mengidentifikasi beberapa layanan informasi yang ada di internet edit
 
Modul 21 kecepatan akses internet
Modul 21 kecepatan akses internetModul 21 kecepatan akses internet
Modul 21 kecepatan akses internet
 
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah dataModul 25 mengidentifikasi dan menggunakan  weblog sebagai pengolah data
Modul 25 mengidentifikasi dan menggunakan weblog sebagai pengolah data
 
Makalah search engine
Makalah search engineMakalah search engine
Makalah search engine
 
Langkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudahLangkah langkah memasang konten management sistem dengan mudah
Langkah langkah memasang konten management sistem dengan mudah
 
Modul kkpi 16 mengoperasikan software email client - upload by a.s
Modul kkpi   16 mengoperasikan  software email client - upload by a.sModul kkpi   16 mengoperasikan  software email client - upload by a.s
Modul kkpi 16 mengoperasikan software email client - upload by a.s
 
Laporan pembuatan desain web joomla
Laporan pembuatan desain web joomlaLaporan pembuatan desain web joomla
Laporan pembuatan desain web joomla
 
Laporan
LaporanLaporan
Laporan
 
Rpp web design
Rpp web designRpp web design
Rpp web design
 
Laporan xampp dan joomla
Laporan xampp dan joomlaLaporan xampp dan joomla
Laporan xampp dan joomla
 
Proposal Aplikasi WEB Rental Mobil
Proposal Aplikasi WEB Rental MobilProposal Aplikasi WEB Rental Mobil
Proposal Aplikasi WEB Rental Mobil
 
Silabus mulok desain web new
Silabus mulok desain web newSilabus mulok desain web new
Silabus mulok desain web new
 
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
Sim 15, novia indriani, hapzi ali, blog dan database, universitas mercu buana...
 
Pengelolaan pembelajaran
Pengelolaan pembelajaranPengelolaan pembelajaran
Pengelolaan pembelajaran
 
Panduan sederhana eprints
Panduan sederhana eprintsPanduan sederhana eprints
Panduan sederhana eprints
 
Mengoperasikan perangkat lunak acses
Mengoperasikan perangkat lunak acsesMengoperasikan perangkat lunak acses
Mengoperasikan perangkat lunak acses
 
Rpp5 mengoperasikan software e mail client
Rpp5 mengoperasikan software e mail clientRpp5 mengoperasikan software e mail client
Rpp5 mengoperasikan software e mail client
 
Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...
Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...
Penerapan informasi jenis pelayanan medis dan jadwal dinas dokter spesialis p...
 

Ähnlich wie Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang

Ähnlich wie Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang (20)

Kelompok 3.pptx
Kelompok 3.pptxKelompok 3.pptx
Kelompok 3.pptx
 
Laporan kp pn kendari
Laporan kp pn kendariLaporan kp pn kendari
Laporan kp pn kendari
 
Sistem e learning
Sistem e learningSistem e learning
Sistem e learning
 
Bab 1 Teknologi Web
Bab 1   Teknologi WebBab 1   Teknologi Web
Bab 1 Teknologi Web
 
Cover
CoverCover
Cover
 
laporan aplikasi
laporan aplikasilaporan aplikasi
laporan aplikasi
 
Cover
CoverCover
Cover
 
Membangun aplikasi berbasis web dengan menggunakan framework
Membangun aplikasi berbasis web dengan menggunakan frameworkMembangun aplikasi berbasis web dengan menggunakan framework
Membangun aplikasi berbasis web dengan menggunakan framework
 
Rpp pemrog-web-kd-01
Rpp pemrog-web-kd-01Rpp pemrog-web-kd-01
Rpp pemrog-web-kd-01
 
Prasta adriansyah
Prasta adriansyahPrasta adriansyah
Prasta adriansyah
 
Kelompok iv
Kelompok ivKelompok iv
Kelompok iv
 
Tugas 1 rekayasa web 1412511519 - andhika desta permana
Tugas 1 rekayasa web   1412511519 - andhika desta permanaTugas 1 rekayasa web   1412511519 - andhika desta permana
Tugas 1 rekayasa web 1412511519 - andhika desta permana
 
Ci indonesia
Ci indonesiaCi indonesia
Ci indonesia
 
Ci indonesia
Ci indonesiaCi indonesia
Ci indonesia
 
Frame work php
Frame work phpFrame work php
Frame work php
 
Contoh proposal TA
Contoh proposal TAContoh proposal TA
Contoh proposal TA
 
Tugas 4 rekweb
Tugas 4 rekwebTugas 4 rekweb
Tugas 4 rekweb
 
3613 7943-1-pb
3613 7943-1-pb3613 7943-1-pb
3613 7943-1-pb
 
Modul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter DasarModul Pelatihan CodeIgniter Dasar
Modul Pelatihan CodeIgniter Dasar
 
1100631021_YiiFramework
1100631021_YiiFramework1100631021_YiiFramework
1100631021_YiiFramework
 

Aplikasi Jaringan Pendukung Sistem Infrmasi Berbasis Website Sma Arinda Palembang

  • 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 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 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 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 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 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. 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 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 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 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 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 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.
  • 14. 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
  • 15. 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
  • 16. 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.
  • 17. 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.
  • 18. 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
  • 19. 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
  • 20. 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
  • 21. 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
  • 22. 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
  • 23. 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
  • 24. 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.
  • 25. 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
  • 26. 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
  • 27. 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
  • 28. 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
  • 29. 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
  • 30. 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
  • 31. 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
  • 32. 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
  • 33. 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
  • 34. 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
  • 35. 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
  • 36. 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
  • 37. 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.
  • 38. 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.
  • 39. 39 Gambar 3.18 Berita Terbaru Gambar 3.19 Detail Berita
  • 40. 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.
  • 41. 41 Gambar 3.20 Menu Kiri Pengunjung
  • 42. 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.
  • 43. 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
  • 44. 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.
  • 45. 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.
  • 46. 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.
  • 47. 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
  • 48. 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
  • 49. 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
  • 50. 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.
  • 51. 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 ).
  • 52. 52 Gambar 3.35 Modul Pengumuman Tampil pada website Gambar 3.36 Modul Tidak Tampilkan
  • 53. 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
  • 54. 54 Gambar 3.39 Tampilan Setelah Login Siswa
  • 55. 55 Gambar 3.40 Tampilan Nilai Siswa
  • 56. 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.
  • 57. 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.
  • 58. 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.
  • 59. 59 Gambar 3.45 Tampilan Buku Tamu 3.4.3.2.10 Form Profil Sekolah
  • 60. 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
  • 61. 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
  • 62. 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
  • 63. 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
  • 64. 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
  • 65. 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
  • 66. 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
  • 67. 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
  • 68. 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.
  • 69. 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.