LAPORAN PRAKTIKUM SISTEM INFORMASI MODUL KE-1 Membuat Sistem Informasi Kepegawaian (1)


  1. Tujuan Praktikum
    a. Melakukan instalasi perangkat lunak bantu pembuatan sistem informasi kepegawaian
    b. Mengoperasikan perangkat lunak pembuatan sistem informasi kepegawaian.
    c. Membangun basis data dengan MySQL
    d. Membuat tampilan sistem informasi sederhana
  2. Dasar Teori
    a. Pengertian XAMPP dan Fungsi Kegunaanya
        XAMPP adalah perangkat lunak bebas atau software bebas alias gratis, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. XAMMP itu adalah sebuah server yang berdiri sendiri atau disebut juga localhost karena didalam folder XAMPP nantinya kita akan menyimpan file website dan database kita. Sifatnya hampir mirip dengan Web Server yang ada di Internet, hanya bedanya XAMPP tidak perlu terkoneksi ke internet alias dapat berdiri sendiri atau localhost.
          Fungsi dari XAMPP adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU General Public License dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.
         Asal kata dari XAMPP adalah dari sebuah singkatan masing-masing huruf. Huruf “X” adalah sebuah program yang dapat dijalankan dibanyak sistem operasi, seperti windows, Linux, Mac OS, dan Solaris. Huruf “A” adalah apache, merupakan aplikasi web server. Tugas utama apache adalah menghasilkan halaman web yang benar kepada user berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. Huruf “M” adalah MySQL, merupakan aplikais database server. Perkembangannya disebut SQL dari kepanjangan Structured Query Language. SQL merupakan bahasa terstruktur yang digunakan untuk mengolah database beserta isinya. Manfaat SQL adalah untuk menambahkan, mengubah, dan menghapus data yang berada dalam database. Huruf “P” adalah PHP, bahasa pemrograman web yaitu bahasa pemrograman yang digunakan untuk membuat web yang bersifat server-side scripting. PHP digunakan untuk membuat halaman web yang bersifat dinamis. Huruf “P” adalah Perl.
          Bagian XAMPP yang sering digunakan adalah (1) Htdoc adalah folder tempat meletakkan berkas-berkas yang akan dijalankan, seperti berkas PHP, HTML, dan skrip lainnya, (2) phpMyAdmin digunakan untuk mengelola basis data MySQL yang ada dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat http://localhost/phpMyAdmin. Setelah itu akan muncul halaman phpMyAdmin. (3) Control Panel untuk mengelola layanan (service) XAMPP. Seperti menghentikan (stop) layanan dan memulai (start).
    b. Macromedia Dreamweaver 8
           Macromedia Dreamweaver adalah program untuk membuat dan mengedit dokumen HTML secara visual dan mengelola halaman sebuah situs. Dreamweaver menyediakan banyak perangkat yang berkaitan dengan pengkodean dan fitur seperti HTML, CSS, JavaScript, PHP, ASP, ColdFusion, dan XML.
    c. Area Kerja Macromedia Dreamweaver 8
               Halaman Awal

    Menu di Dreamweaver

    Pada halaman awal dreamweaver 8 terdapat beberapa menu yang dapat dipilih: 
              1. Open a Recent Item

    Pada menu ini akan ditampilkan beberapa file yang sebelumnya pernah kita buka dengan menggunakan Dreamweaver 8 atau di paling bawah ada Open yang dapat digunakan untuk membuka file yang lain.
    2. Create New
    Pada menu ini kita dapat memilih dokumen baru apa yang akan kita buat dengan menggunakan Dreamweaver 8. Ada banyak pilihan, diantaranya HTML, PHP, CSS, JavaScript, ColdFusion, ASP.
    3. Create Form Samples
    Pada menu ini kita dapat membuat file berdasarkan contoh yang sudah diberikan oleh Dreamweaver. 
    Halaman utama Dreamweaver 8
     
    Keterangan
    1. Toolbar Dokumen
    Digunakan untuk mengubah tampilan dan mengakses fungsi-fungsi penting secara cepat dan mudah. Pada toolbar dokumen terdapat menu untuk berpindah antar dokumen kerja window dan mengatur tampilan area kerja. Untuk mengatur tampilan kita bisa memilih Code, Split, dan Design. 
    2. Menu Utama
    Digunakan untuk bekerja pada Dreamweaver. 
    3. Insert Bar
    Digunakan untuk membuat halaman web. 
    4. Code View
    Digunakan untuk melihat kode HTML dari halaman web. 
    5. Panel Properties
    Digunakan untuk melihat dan mengubah property dari semua objek yang ada di area kerja. 
    6. Design View
    Digunakan untuk melihat tampilan web dari kode HTML.

    Mendefinisikan Site dengan Dreamweaver 
         Dreamweaver memberikan kemudahan dalam manajeman file yang digunakan dalam membuat halaman web. Untuk itu diperlukan pengaturan agar dreamweaver mengenali file-file anda. Mendefinisikan site artinya mendefinisikan project baru kepada area kerja Dreamweaver.
        Untuk mendefinisikan site baru, klik menu site > Manage Site kemudian pilih new > site untuk menampilkan window baru yang berisi pengaturan site yang akan dibuat. Kemudian pilih tab Advanced > Category > Local Info untuk mengatur folder-folder tempat file yang akan digunakan dalam membuat halaman web.

     
        Pada isian site name, isikan nama project kita. Local Root Folder merupakan folder utama project kita. Beri centang pada refresh local file list Automatically agar file terbaru. Default Image Folder merupakan folder tempat file-file gambar kita simpan. Default Image Folder berada di dalam Local Root Folder. 

  3. Hasil Latihan
    A. Latihan 1: Membuat Database
             Table admin

         Table data

    B. Latihan 2: Membuat Site Baru

    C.     Latihan 3: Koneksi Dreamweaver dan SQL

    D.     Latihan 4: Membuat Halaman Baru
             Halaman home

             Halaman register

             Halaman news

             Halaman about

             Halaman help
  4. Daftar Rujukan
    Google.Pengertian XAMPP Dan Fungsi Kegunaanya, (online), (http://kursuswebprogramming.com/pengertian-xampp-dan-fungsi-kegunaanya/), diakses pada tanggal 12 September 2017.
    Tim Asisten Dosen.2017.Modul Mahasiswa Sistem Informasi.Malang : Universitas Negeri Malang.
    Google.Macromedia Dreamweaver 8, (online), (http://repository.stmik-tasikmalaya.ac.id/sesepuh/data/Macromedia%20Dreamweaver%208.pdf.), diakses pada tanggal 12 September 2017

Komentar

Posting Komentar

Postingan populer dari blog ini

FUNGSI TAG PADA HTML

Gambar
Saat kita belajar HTML, pasti kita juga harus mengetaui tentang Tag. Dan sebelum kita mengetaui macam macam tag yang ada di dalam HTML, kita harus mengetagui apa itu Tag terlebih dahulu. Tag adalah sesuatu yang digunakan untuk menandai elemen-elemen dalam suatu dokumen HTML. Tag dalam HTML terdiri dari  tanda lebih kecil ( < ), tanda lebih besar ( > ), dan garismiring ( / ). Biasanya Tag dituliskan secara berpasangan, misanya <h1> dan </h1>. Tag yang tidak menggunakan garis miring ( / ) adalah Tag pembuka atau awal elemen. Sedangkan yang Tag yang mengandung garis miring ( / ) adalah penutup elemen atau akhir elemen. Namun, ada juga Tag yang dalam pemakaiannya tidak berpasangan, diantaranya adalah : Tag untuk ganti paragraph yaitu <p> Tag untuk ganti baris atau line break yaitu <br> Tag untuk garis datar yaitu <hr> Tag list item yaitu <li> Untuk tag yang tidak berpasangan diatas, sebaiknya tetap ditulis menggunakan pasangannya. H...
Baca selengkapnya

Penggunaan Fungsi (Function) PHP Dalam Bahasa Pemograman Web

Assalamualaikum Warahmatullahi Wabarakatuh teman-teman blogger... Disini saya akan membahas tentang penggunaan function PHP dalam bahasa pemograman WEB Pengertian Function Dalam merancang kode program, kita sering membuat kode yang melakukan tugas yang sama secara beulang-ulang. Contoh membaca tabel dari database, menampilkan penjumlahan. Pada penugasan yang sama ini akan lebih efektif jika dipisahkan dari program utama, dan dirancang menjadi sebuah function . Pengertian Function dalam bahasa pemograman adalah kode program yang dirancang untuk menyelesaikan sebuah tugas tertentu dan merupakan bagian dari program utama.  Penggunaan Function Menggunakan fungsi dalam teori pemograman sering juga disebut dengan istilah calling a function . Function dipanggil dengan menulis nama dari fungsi tersebut dan diikuti dengan argumen. Argumen ditulis di dalma tanda kurung dan jika jumlah argumen lebih dari satu maka diantaranya dipisahkan oleh karakter koma. Setelah memproses nila...
Baca selengkapnya

Belajar bahasa PHP (Personal Home Page) Bagi Pemula

Pengertian dan Fungsi PHP ( Personal Home Page ) dalam Pemograman Web Assalamualaikum Warahmatullahi Wabarakatuh teman-teman blogger... Disini saya akan membahas tentang pengertian dan fungsi PHP dalam pemograman web. Pengertian PHP PHP adalah bahasa pemograman script server side  yang didesain untuk pengembangan web. Selain itu, PHP juga dapat digunakan sebagai bahsa pemograman umum (menurut Wikipedia). PHP dikembangkan pada tahun 1995 oleh Rasmus Lerdorf , dan sekarang dikelola oleh The PHP Group . Situs resmi PHP beralamat di  http://www.php.net . PHP disebut sebagai bahasa pemograman server side  karena diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemograman client side  seperti JavaScript  yang diproses pada web browser ( client ). Pada awalnya PHP merupakan singkatan dari Personal Home Page . Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelm...
Baca selengkapnya