tentang saya

tentang saya

Senin, 20 Desember 2010

bab 3 PC

BAB III
PERANCANGAN APLIKASI e-LEARNING DENGAN SKRIP PHP DAN MySQL
3.1       Tujuan Perancangan Program Aplikasi
Pada bab ini akan dibahas mengenai gambaran umum aplikasi e-learning menggunakan skrip PHP dan MySQL yang akan diterapkan pada Jurusan Teknik Elektro Sub Program Studi Teknik Telekomunikasi. Perancangan e-learning dengan menggunakan skrip PHP dan MySQL ini bertujuan untuk mendesain program pendukung komunikasi antar muka dengan menggunakan metode Blended e-learning yang mencakup perencanaan sistem database yang baik dan merancang struktur database itu sendiri, membuat hubungan antar tabel (Relational database) serta menggambarkan diagram alir data atau Data Flow Diagram (DFD). Selain itu dibahas juga mengenai perancangan halaman web dan pembuatan program aplikasi. 
3.2       Arsitektur Umum Sistem
            Arsitektur umum sistem ini terdiri dari 2 sub sistem yaitu sub sistem hardware yang menggunakan laptop dengan spesifikasi processor Intel Pentium core 2 duo, RAM 1GB, hard disk 120GB, Kabel UTP 4-Pair dan sub sistem software dengan menggunakan Xampp yang merupakan bagian dari server. Arsitektur sistem dapat dilihat pada gambar 3.1 dibawah ini  :
 


                            Server                                                                    User  
Gambar 3.1 Arsitektur Umum Sistem[6]
Dalam arsitektur umum sistem ini terdapat dua bagian yaitu bagian server dan user. Pada bagian server ini terdapat struktur software yaitu apache dan MySQL yang terintegrasi dalam program Xampp. Dimana Xampp ini merupakan salah satu perangkat lunak yang menunjang berjalannya aplikasi mulai dari request user menggunakan web browser (client) kemudian melalui jaringan dikirim kepada server yang didalamnya terdapat database yang merupakan sistem yang kompleks untuk menyimpan seluruh data yang dibutuhkan oleh user. Tugas web server apache adalah menerima request data dari user yang membutuhkan data dan apache mempunyai teknik untuk berkomunikasi dengan client-nya dengan menggunakan protokol HTTP yang memungkinkan proses transfer data antara web server dan client berjalan dengan baik.
3.3       Tahapan Perancangan
            Adapun proses perancangan yang dilakukan untuk merealisasikan Tugas Akhir ini adalah perancangan hardware dimana mencakup Penyediaan perangkat PC dan Penyambungan kabel UTP 4-pair dan perancangan sistem database untuk aplikasi e-learning ini.
3.3.1    Perancangan Hardware
3.3.1.1 Penyediaan  Perangkat PC
            Perangkat PC yang digunakan pada tugas akhir ini 2 buah laptop, dimana salah satu laptop digunakan sebagai server dan yang lain sebagai user. Fungsi server disini untuk menerima, memproses lalu mengirimkan kembali kepada user. Fungsi  user adalah sebagai pengguna layanan dari aplikasi ini yang mengirimkan request data kepada server dan akan memperoleh respon balik dari server berupa data yang dibutuhkan.
3.3.1.2 Penyambungan Kabel UTP
Jenis kabel yang digunakan adalah UTP (Unshield Twisted Pair) yang dihubungkan antara port PC yang berfungsi sebagai server ke port PC yang berfungsi sebagai user. Misalkan port server adalah A dan port user adalah B. Berikut adalah gambaran dari penghubungan port A dan port B. Jenis kabel UTP yang digunakan adalah jenis kabel UTP 4-pair, seperti yang terlihat pada gambar dibawah ini  :


 


Gambar 3.2 Konfigurasi Kabel UTP 4-Pair[6]
Jenis kabel ini akan disambungkan pada port LAN agar dapat terhubung ke jaringan server dan terkoneksi pada jaringan internet. Blok diagram antara port kabel UTP ini dapat dilihat pada gambar 3.3 dibawah ini  :



Gambar 3.3 Blok Hubungan Antar port pada kabel UTP 4-pair[6]
3.3.2 Tahapan perancangan sistem database
Ada beberapa langkah yang diperlukan dalam membangun suatu sistem database yang baik, yaitu :
  • Mengumpulkan gagasan-gagasan
   Dalam tahap ini, diusahakan untuk menampilkan suatu daftar untuk semua field yang memungkinkan untuk dimasukkan ke dalam database. Selama tahap berikutnya, mungkin didapatkan bahwa ada beberapa field yang perlu ditambahkan. Untuk mengenali field-field ini sangatlah penting untuk menghindari kemungkinan melakukan perbaikan ulang struktur database dikemudian hari. Memilih tipe data untuk setiap field juga termasuk dalam tahap ini. Tipe data yang dipilih sebaiknya yang memungkinkan untuk ruang penyimpanan (storage space) yang paling kecil. Hal ini dimaksudkan untuk menghemat ruang penyimpanan.
  • Mengelompokkan field
      Setelah mendapatkan daftar mengenai field-field, maka langkah selanjutnya adalah mengelompokkannya dalam grup (tabel). Tabel-tabel ini akan saling berhubungan satu sama lain, sehinggga perlu dipikirkan field mana yang dapat berperan sebagai kunci.
  • Membangun hubungan (Relational)
Hal yang sangat penting dalam tahap ini adalah bagaimana menggambarkan model hubungan antar tabel dalam bentuk visual, agar hubungan-hubungan ini dapat tampak dengan lebih jelas.
  • Menguji struktur database
Pada tahap ini yang dilakukan adalah menguji struktur database dengan sejumlah data sebelum mulai membangun program aplikasi. Setelah selesai menambahkan data kedalam tabel untuk menguji strukturnya, kemudian dibuat suatu query untuk mengambil data dari database tersebut yang bertujuan untuk mengetahui apakah data yang diambil sudah sesuai dengan kriteria yang ditentukan atau belum.

3.3.3 Konfigurasi teknis sistem secara umum
1.Web browser meminta                 2. Web server meminta                        3. Web server  menyiapkan file-file
    sebuah halaman web                       halaman yang diminta                           HTML dan skrip PHP serta
                                                                                                                         melakukan koneksi ke database
 


              6. Web browser Menampilkan         5. Web server mengirim output          
                  halaman web                                        ke browser                                     
 

                                                                                                               

                                                                               
                                                                                4. Database menyediakan data yang
                                                                                    diinginkan web browser


Gambar 3.4 Model konfigurasi teknis sistem secara umum[4]
Untuk mendukung pelayanan sistem ini maka yang diperlukan adalah:
1.      Web Server
Merupakan penyedia data berupa file-file format HTML yang akan ditampilkan di web browser. Adapun spesifikasi yang dibutuhkan server adalah sebagai berikut:
Ø   Software:
ü  Sistem operasi Windows (Windows XP).
ü  Aplikasi pemrograman web yaitu PHP. 
Ø   Hardware:
ü  Processor Intel Pentium
ü  RAM minimal 512 MB dan kapasitas hard disk minimum 120GB
2.      Client
Client digunakan pada saat ingin mengakses aplikasi ini atau dengan kata lain client adalah web browser. Web browser ini digunakan sebagai fasilitas yang mendukung proses browsing seperti Internet Explorer, Mozilla Firefox, dan lain-lain.
  1. Jaringan internet / intranet 
Ini merupakan jaringan komunikasi data berbasis TCP/IP dan menggabungkan lebih dari satu (beberapa) perangkat komputer dalam satu jaringan.
  1. Sistem database
Database berperan sebagai penyedia data-data yang diinginkan oleh user melalui client-nya, dimana data yang dikirim oleh database melalui client akan dikirim kembali kepada user sesuai dengan data/informasi yang diinginkan.
3.3.4  Hubungan antar tabel dalam database (Relational database)
Relasional adalah sebuah bentuk hubungan antara beberapa data yang dikelompokkan dalam sebuah tabel, bentuk-bentuk hubungan ini sangat dibutuhkan dalam memperoleh informasi dan dapat mendokumentasikan berbagai informasi. Relasional merupakan bentuk hubungan antara dua tabel atau lebih, yang salah satu tabel anggotanya akan memiliki bentuk ketergantungan yang erat, sehingga tidak dapat dipisah-pisahkan secara menyendiri. Dengan adanya hubungan ini sebuah data dapat disimpan dengan struktur yang terorganisisr sehingga memudahkan dalam mendapatkan informasi dan mengelola database-nya. Dalam membuat hubungan diantara tabel yang berisi berbagai field untuk menyusun laporan yang menggambarkan data dari sejumlah tabel berbeda dan laporan tersebut hanya menampilkan informasi yang perlu dilihat saja. MySQL merupakan sebuah relational database yang mendukung multi-user dan merupakan sebuah server database yang banyak digunakan di internet karena kehandalannya seperti kecepatan dan kemudahan penggunaannya.
Dalam konteks bahasa SQL, pada umumnya informasi tersimpan dalam tabel-tabel yang secara logika merupakan struktur dua dimensi yang terdiri dari baris-baris data yang berada dalam satu atau lebih kolom. Baris pada tabel sering disebut instance atau record dari data, sedangkan kolom sering disebut sebagai atribut atau field. Keseluruhan tabel itu dihimpun dalam satu kesatuan yang disebut database. Adapun struktur database dalam aplikasi ini e-learning ini dapat dilihat pada gambar relational database dibawah ini  :
















Gambar 3.5 Relational Database
3.3.5  Data Flow Diagram (DFD)
 DFD Level 0
 


        Data login admin                                                                                           Data login dosen
        Daftar Mata Kuliah                                                                                       Upload Mata Kuliah
        Hapus Mata Kuliah                                                                                       Update Mata Kuliah           
        Daftar Dosen                                                                                                 Hapus file
        Tambah nama dosen                                                                                   Daftar bimbingan Tugas Akhir
        Approve pendaftaran mahasiswa                                                             Daftar penelitian
        Lihat daftar mahasiswa                                                                                Baca komentar
e- learning Management System
 
        Logout                                                                                                            Beri komentar
                                                                                                                                 Update account
                                                                                                                                 Logout
                                                                                               
        Data login mahasiswa                                                                                                        baca file
        Baca file                                                                                                                               Download file
        Download file
        Daftar bookmark
        Baca komentar
        Beri komentar
MAHASISWA
 
PUBLIC
USER
 
        Logout


Gambar 3.6 DFD Level 0

Pada DFD level 0 ini memperlihatkan Data Flow Diagram level 0 yang melibatkan 4 buah entitas yaitu :

  • Entitas Admin
Admin adalah pengelola yang bertanggung jawab mengorganisir mulai dari halaman utama atau form pembuka, penginputan data mata kuliah, menambah mata kuliah, input nama dosen, memperbaharui (update) nama dosen, approve pending registrasi yang dilakukan oleh mahasiswa, dengan terlebih dahulu memasukkan data login berupa username dan password. Admin juga dapat mengetahui semua data dan  informasi yang disediakan oleh sistem.
  • Entitas Dosen
Dalam implementasinya dosen memiliki banyak kemudahan untuk melakukan aplikasi-aplikasi didalam e-learning. Dosen dapat melakukan login terlebih dahulu untuk masuk dalam account dengan memasukkan Nomor Induk Pegawai (NIP), username dan password, setelah itu dosen dapat mulai meng-upload dan update mata kuliah, menghapus file, upload daftar bimbingan TA dan penelitian (research), membaca dan memberi komentar, dan update account yang dapat digunakan untuk mengganti password apabila diinginkan.
  • Entitas Mahasiswa
Mahasiswa sebagai bagian yang tidak terpisahkan dalam aplikasi e-learning ini dapat melakukan login setelah diapprove oleh admin dimana untuk login kedalam account mahasiswa harus memasukkan nomor stambuk (STB), username dan password terlebih dahulu. Didalam account mahasiswa dapat membaca file, download file mata kuliah, daftar bookmark, membaca dan memberi komentar.
  • Entias Public User
Public user dalam hal ini tidak memiliki account pribadi sehingga dapat membaca dan men-download file tanpa harus login dalam sebuah account. Fungsi public user terbatas hanya dapat membaca file dan men-downloadnya

DFD Level 1
Login
 
                                                                                                                                                                                               
Daftar MK
 
                               

Hapus MK
 
ADMIN
 

Daftar dosen
 

Text Box: 5





Gambar 3.7 DFD Level 1

Tabel 3.1 Spesifikasi Proses DFD Level 1
Nomor Proses
1
Nama Proses
Login admin
Deskripsi
Proses meng-input username dan password
Input
Data login, username&password
Output
Tampilan halaman account admin

Nomor Proses
2
Nama Proses
Daftar mata kuliah
Deskripsi
Proses meng-upload data mata kuliah
Input
Data mata kuliah baru
Output
Tampilan Data Mata kuliah

Nomor Proses
3
Nama Proses
Hapus mata kuliah
Deskripsi
Proses menghapus data mata kuliah
Input
Hapus file
Output
Tampilan data berhasil dihapus

Nomor Proses
4
Nama Proses
Daftar nama dosen (NIP, username, password)
Deskripsi
Proses menampilkan informasi lengkap tentang nama dosen
Input
Dosen baru
Output
Tampilan informasi nama dosen

DFD Level 2

















Gambar 3.8 DFD Level 2
Tabel 3.2 Spesifikasi proses DFD level 2
Nomor Proses
1
Nama Proses
Login dosen
Deskripsi
Proses menginput NIP, username dan password
Input
Data lecturer(NIP),login(username&password)
Output
Tampilan halaman account dosen

Nomor Proses
2
Nama Proses
Upload file mata kuliah
Deskripsi
Proses meng-upload file mata kuliah
Input
Dokumen baru (nama mata kuliah)
Output
Tampilan file mata kuliah yang telah di-upload

Nomor Proses
3
Nama Proses
Update mata kuliah
Deskripsi
Proses menambah (update) file mata kuliah
Input
Edit data dokumen
Output
Tampilan file mata kuliah yang berhasil di-upload

Nomor Proses
4
Nama Proses
Hapus file mata kuliah
Deskripsi
Proses menampilkan pilihan menghapus file mata kuliah
Input
Hapus file
Output
Tampilan informasi file mata kuliah telah berhasil dihapus


Nomor Proses
5
Nama Proses
Daftar bimbingan
Deskripsi
Proses menampilkan informasi tentang daftar bimbingan TA
Input
form bimbingan baru
Output
Tampilan informasi tentang daftar bimbingan TA

Nomor Proses
6
Nama Proses
Daftar penelitian
Deskripsi
Proses menampilkan informasi penelitian
Input
form penelitian baru
Output
Tampilan informasi penelitian

Nomor Proses
7
Nama Proses
Beri komentar
Deskripsi
Proses meng-upload komentar
Input
form beri komentar
Output
Tampilan informasi komentar berhasil disimpan

Nomor Proses
8
Nama Proses
Lihat komentar
Deskripsi
Proses menampilkan komentar yang telah di-upload maupun yang telah ada sebelumnya
Input
Form daftar komentar
Output
Tampilan daftar komentar yang telah ter-upload


Nomor Proses
9
Nama Proses
Update account
Deskripsi
Proses menampilkan informasi account sebelumnya
Input
Formulir update account
Output
Tampilan informasi update account telah berhasil

DFD Level  3









Gambar 3.9 DFD Level 3
Tabel 3.3 Spesifikasi DFD level 3
Nomor Proses
1
Nama Proses
Login mahasiswa
Deskripsi
Proses meng-input data mahasiswa
Input
Data login(stambuk, password, username)
Output
Tampilan halaman account mahasiswa

Nomor Proses
2
Nama Proses
Lihat file
Deskripsi
Proses menampilkan informasi file mata kuliah
Input
Daftar dokumen
Output
Tampilan daftar dokumen mata kuliah

Nomor Proses
3
Nama Proses
Download file mata kuliah
Deskripsi
Proses menampilkan form penyimpanan untuk men-download
Input
Pilih nama file
Output
Tampilan pilihan file yang akan di-download




Nomor Proses
4
Nama Proses
Daftar bookmark
Deskripsi
Proses menampilkan form untuk bookmark file mata kuliah
Input
Pilih mata kuliah yang dibookmark
Output
Data mata kuliah yang berhasil dibookmark

Nomor Proses
5
Nama Proses
Beri komentar
Deskripsi
Proses meng-upload komentar
Input
Form beri komentar
Output
Tampilan komentar berhasil disimpan

Nomor Proses
6
Nama Proses
Lihat komentar
Deskripsi
Proses menampilkan daftar komentar
Input
Form lihat komentar
Output
Tampilan informasi komentar yang telah di-upload






DFD Level 4
Lihat berkas
 

PUBLIC USER
 

Download  berkas
 

Text Box: 3
Tampilan
 


Gambar 3.10 DFD Level 4

Tabel 3.4 Spesifikasi DFD level 4
Nomor Proses
1
Nama Proses
Lihat berkas
Deskripsi
Proses menampilkan daftar dokumen
Input
Daftar dokumen
Output
Tampilan informasi dokumen

Nomor Proses
2
Nama Proses
Download berkas
Deskripsi
Proses menampilkan form penyimpanan file yang akan di-download
Input
Pilih nama file
Output
Tampilan pilihan file yang akan di-download
3.4 Perancangan dan Pembuatan Program
Program yang dirancang ini dibuat untuk mendukung sistem pertemuan antar muka yang terjadi antara dosen dan mahasiswa menggunakan program e-learning, dimana dengan adanya program ini akan memudahkan proses belajar mahasiswa dengan memanfaatkan teknologi online yang dapat diakses kapan saja dan dimana saja serta dosen dapat dengan bebas men-sharingkan file mata kuliah yang sedang diajarkan maupun yang akan diajarkan. Program e-learning ini dibuat dengan lebih menonjolkan inti dari belajar secara mandiri oleh mahasiswa, dimana dapat melengkapi pertemuan antara dosen dan mahasiswa didalam kelas sehingga mahasiswa akan lebih memahami bahan-bahan mata kuliah yang tersaji oleh karena itulah program ini dibuat dengan menggunakan metode blended e-learning (e-learning campuran).
Program e-learning ini juga dibuat dari awal pengerjaan program hingga selesai dengan memperhatikan detail-detail yang membuat aplikasi ini menjadi lebih baik, sebagai contoh dalam aplikasi ini tersedia menu khusus untuk dosen yang dapat dijadikan arsip pribadi, yaitu menu bimbingan tugas akhir dan menu penelitian, dimana pada menu tugas akhir memuat nama mahasiswa, judul skripsi, tahun pembuatan skripsi yang dapat digunakan dosen untuk mengetahui mahasiswa-mahasiswa yang dibimbingnya beserta dengan judul dan tahun pembuatan skripsi, sedangkan pada menu penelitian dosen dapat mengisinya dengan judul-judul penelitian pribadi yang dilakukan oleh dosen tersebut. Keunggulan lain dari aplikasi ini adalah dapat digunakan secara offline, namun penggunanya khusus untuk dosen dan harus menginstal program Xampp pada perangkat komputer untuk mendukung aplikasi ini jika ingin digunakan secara offline, dalam konteks bahwa mahasiswa maupun khalayak umum (public user) yang menggunakan aplikasi ini hanya dapat mengakses masuk jika koneksi yang terhubung adalah secara online jadi tidak perlu untuk menginstal program Xampp melainkan langsung mengakses dengan menggunakan web browser seperti internet explorer, mozilla firefox, google chrome, opera, dll. Program yang dibuat ini terdiri dari form utama (main form) dan 4 sub form yaitu mahasiswa, dosen dan admin dan public user. Setelah pembuatan database, dilakukan pembuatan layout/tampilan mulai halaman utama (main form) yang terdiri atas 4 menu yaitu “front page”, “public user”, “login” dan “about”. Dalam menu utama tersebut terdapat 4 sub menu yang merupakan actor dalam aplikasi ini seperti terlihat pada gambar berikut  :
Text Box: Dosen 




Gambar 3.11 Blok Diagram Menu Utama
Program yang dibuat memiliki form yaitu  :  
  1. Form pembuka, pada form ini terdapat menu “front page”, “public user”,  login” dan “about”. Form ini sekaligus menampilkan halaman depan dimana terdapat 4 menu. Pada form utama ini, selain front page juga terdapat menu “public user” yang didalamnya terdapat “daftar dokumen” yang diperuntukkan bagi public user yang ingin mengakses file-file yang di sharing-kan oleh dosen untuk umum, sedangkan menu login berfungsi untuk masuk kedalam account masing-masing baik bagi admin, dosen, maupun mahasiswa. Dalam menu login ini juga terdiri dari 3 actor utama yaitu :
a.       Menu Mahasiswa
Pada menu ini terdapat item username, password dan nomor stambuk mahasiswa (No.Stb) agar mahasiswa dapat login ke dalam account pribadinya, setelah login dalam account-nya terdapat daftar dokumen yang terdiri dari baca komentar, beri komentar, bookmark dan search. Menu baca komentar berfungsi untuk melihat komentar-komentar dari mahasiswa dan juga dosen mengenai bahan mata kuliah sedangkan menu beri komentar berfungsi agar mahasiswa dapat bertanya kepada dosen mengenai hal-hal yang kurang jelas dalam pertemuan dikelas maupun mata kuliah yang tidak dimengerti. Menu bookmark berfungsi untuk memudahkan mahasiswa dalam melihat kembali daftar mata kuliah beserta file-file yang pernah dibaca sebelumnya. Menu search berfungsi untuk mencari file judul pertemuan, mata kuliah, dan keterangan abstraksi dari mata kuliah yang dibutuhkan, ini akan memudahkan mahasiswa dalam mencari item-item dalam daftar dokumen apabila daftar tersebut panjang dan banyak sehingga akan lebih mudah dengan menggunakan tools ini.
b.      Menu Dosen
Sebelum login kedalam account ini, dosen diharuskan mengisi form login dimana terdapat item username, password dan Nomor Induk Pegawai (NIP). Setelah login dalam account-nya terdapat menu daftar dokumen yang terdiri dari dokumen, komentar dan search, fungsi-fungsinya sama dengan yang terdapat pada account mahasiswa namun disini terdapat pula menu file dan dokumen baru. Dalam menu ini dosen dapat melihat file-file pertemuan mata kuliah yang telah di-upload dan dosen dapat pula meng-update mata kuliah yang telah ada dengan menambahkan sub-sub materi pertemuan dalam mata kuliah tersebut serta dapat melihat daftar file-file yang telah diupload sebelumnya.

c.       Menu Admin
Pada menu ini terdapat item username dan password. Admin disini berfungsi sebagai tata usaha yang bertugas me-registrasi nama dosen serta kelengkapannya, meng-upload daftar mata kuliah beserta dengan mendaftarkan dosen tersebut pada mata kuliahnya masing-masing, dan meng-approve pending registrasi dari mahasiswa yang mendaftar untuk mengambil mata kuliah.
3.4.1                                Struktur Software
Text Box:                                      
                                   Models
       Server                                                       
Oval: Web server Apache
(Skrip PHP)
                            

Text Box: User
(e-learning)
Text Box: Client
(web browser)
                            Controller
                              
Oval: Database server
(MySQL)
                                View




Gambar 3.12 Model Struktur software

Alur dari perangkat ini mencakup :
1.                                                            Models :  Models merupakan abstraksi dari database dimana kode program terdapat didalamnya dan models juga merupakan bagian yang bertanggung jawab dalam proses pengiriman file hypertext (http) yang merupakan protocol yang digunakan untuk berkomunikasi antara web server  dan web browser. File http ini akan diterjemahkan oleh web server apache melalui skrip PHP ke database dalam  penyediaan data yang menggunakan database server MySQL.
2.                                                            Controller: Controller merupakan bagian yang memproses data yang diminta oleh user, dimana bagian ini menerima permintaan (request) dari user melalui client (web browser), kemudian mencari data yang diminta tersebut didalam database.
3.                                                            View      : Bagian view ini merupakan bagian yang bertanggung jawab untuk menampilkan hasil dari program yang telah diproses di controller untuk kemudian dikirim kembali ke user melalui client (web browser).
 3.4.2 Perancangan Halaman Web 
Aplikasi yang akan dibuat ini terdiri atas bagian user dan bagian admin sebagai pengelola. Setelah pembuatan database, dilakukan pembuatan tampilan halaman utama atau form utama yang terdiri atas empat menu yaitu front page, public user, login dan about. Menu front page merupakan tampilan awal pada halaman web yang sekaligus memuat formulir pendaftaran bagi mahasiswa untuk mengambil mata kuliah. Menu login diperuntukkan bagi pengguna yang ingin menggunakan aplikasi dari sistem ini, kecuali bagi public user yang tidak memerlukan menu login karena tidak memiliki account tersendiri. Menu about memuat tentang penjelasan singkat mengenai aplikasi ini beserta nama penulis dan juga nama pembimbing. Jika layout telah siap, selanjutnya dilakukan penambahan kode skrip untuk menampilkan data yang ada, skrip PHP ini ditambahkan pada tag dan kode HTML-nya, sehingga dari tampilan tersebut dapat terkoneksi ke database-nya. Untuk dapat menampilkan data di halaman web terlebih dahulu harus dilakukan koneksi ke database untuk selanjutnya membuat query ke database sesuai parameter yang ingin ditampilkan.
Penambahan data pada umumnya melalui pengisian  data yang ada dalam setiap account baik admin maupun dosen sesuai dengan nama form dalam account. Contoh dalam account admin apabila ingin menambahkan mata kuliah maka input data dapat dilakukan pada form mata kuliah baru. Pembuatan halaman form input, yang penting adalah file yang menjadi tujuan pada saat halaman tersebut dieksekusi. Jika ingin meng-edit data pada tampilan yang ada, maka dengan memilih edit data dokumen akan muncul terlebih dahulu form yang telah terisi data sebelumnya yang ingin diubah. Contoh pada account dosen yang ingin mengubah password apabila diinginkan, data yang sebelumnya telah diinputkan oleh admin dapat diubah password-nya oleh dosen yang bersangkutan atau dosen yang ingin mengubah atau meng-update file mata kuliah maka data awal yang telah diinput sebelumnya masih nampak sebelum diupdate. Fasilitas delete atau menghapus data terdapat dalam account admin dan juga dosen, dalam account admin data mata kuliah yang telah diinput dapat dihapus dan didalam account dosen menu delete ini digunakan untuk menghapus file dalam mata kuliah jika file tersebut tidak diperlukan lagi.
3.4.3 Prosedur Inisialisasi Awal Aplikasi
            Pada Tugas Akhir ini, data yang diterima dan dikirim sebuah server ke user dilakukan melalui port UTP cable 4-pair pada perangkat komputer yang digunakan. Untuk prosedur penentuan server dan user sebagaimana diketahui bersama bahwa dalam suatu jaringan terdapat beberapa perangkat komputer yang bertugas untuk mengatur lalu lintas dalam jaringan yang mencakup pengiriman, pengolahan, dan penerimaan data. Perangkat komputer yang bertanggung jawab dalam penerimaan dan pengolahan data dinamakan server dan perangkat komputer yang dapat mengakses data informasi dan menerima kembali data yang dikirim oleh server dinamakan user melalui web browser atau biasa disebut client. Dalam prosedur registrasi user to server dilakukan setelah user me-request data ke server, selanjutnya dilakukan proses registrasi awal oleh masing-masing pengguna. Untuk mengakses data-data pada server secara unlimited, user diharuskan mempunyai account pada server tersebut, cara membuat account yaitu dengan me-registrasikan profile ke server. Setelah proses registrasi berhasil, user dapat login kedalam account-nya dan mengakses seluruh data-data pada server dan khusus bagi mahasiswa pada saat registrasi dibutuhkan persetujuan registrasi dari admin (pengelola) sebelum dapat mengakses data melalui account pribadi mahasiswa yang bersangkutan. Perlu diketahui bahwa dalam program e-learning ini data-data pada server dapat diakses oleh mahasiswa, dosen dan admin sebagai satu rangkaian terpadu dalam proses ini, dan terdapat pula menu bagi public user yang diperuntukkan untuk pengguna lain diluar civitas akademika unhas regular sore, namun data atau file-file tersebut dapat ditentukan oleh dosen yang bersangkutan untuk tidak di-sharingkan kepada public user namun hanya kepada mahasiswa saja.