Laporan Analisis perancangan sistem pendaftaran online

ERD untuk Pendaftaran Sekolah secara Online

Context diagram 

Deskripsi Fiture

FITUR UMUM

•  Home : Berisi halaman deskripsi web, Jurusan yang ada disekolah dan pedoman penilaian
• Syarat : Berisi syarat umum, syarat pendaftaran online dan syarat sesuai jurusan yang diambil
• Cara daftar : Berisi prosedur/cara pendaftaran serta syarat daftar ulang
• Register : Berisi formulir pendaftaran
• Formulir pendaftaran harus di isi dengan lengkap. Register di fitur umum pilihan kategori hanya ada member. User dan password tidak boleh sama.
• Login : Untuk login admin sama user yang telah mendaftar member
• Dicek dari username dan passwordnya, jika sesuai maka berhasil login dan dibawa kehalaman Member atau Admin sesuai dengan kategori loginnya

FITUR MEMBER

• Home
• Profil Saya : Halaman yang berisi profil member susuai loginnya. Dihalaman ini ada tombol update jika ingin merubah data diri jika pada awal registrasi ada yang salah, namun Username dan Password tidak boleh diubah.
• Pengumuman : Berisi pengumuman ketrima atau tidaknya. Serta ketrima dijurusan apa. Jika tidak diterima maka jurusan dikosongi.
• Log Out : Untuk Log Out

FITUR ADMIN

Home

Profil Admin : Halaman yang berisi profil admin

List Member : Berisi semua list member termasuk Admin karena disini saya mendeskripsikan admin juga termasuk member dan database juga saya masukkan ke tabel member. Yang membedakan adalah kategorinya.

Disini ada pilihan TAMBAH ADMIN : untuk menambah admin dan kategorinya hanya admin saja. Kemudian ada juga TAMBAH MEMBER : untuk menambahkan member dan kategorinya hanya member saja.

Disini ada tabel yang berisi nama,username,alamat,kategori serta ada actionnya,  action ada pilihan View detile,Update,Hapus  : untuk melihat detile,mengubah dan menghapus  member  sesuai barisnnya.

• Pengumuman : Berisi pengumuman ketrima atau tidaknya para member 
• Yang ada ditabel ini hanya yang berkategori member saja. Tombol action ada view untuk melihat detile para member.

• Log Out : Untuk Log Out

demo tugasjuwa.zz.mu/psb

Cara buat halaman Frame pada HTML

Membuat Frame 

Untuk membuat tampilan seperti diatas harus sudah mempunyai minimal 3 file html yaitu atas, menu dan isi.

Dalam postingan kali ini saya telah membuat head.html, menu.html dan profil.html

Keterangan :

a.       Frameset fungsinya untuk menggabungkan lebih dari 1 halaman web kedalam 1 halaman.

b.      Rows=”_,_” fungsinya untuk mengatur lebar  baris. Barisnya terserah kamu mau diisi berapa contoh jika ingin 3 baris syntaxnya <frameset rows=”20%,50%,30%”>....</frameset>

c.       Border fungsinya untuk mengatur ketebalan sisi

Contoh :

d.       Head.html disitu adalah file yang telah saya buat untuk saya tampilkan pada bagian atas (yang berwarna merah)

e.      Cols=”_,_”  fungsinya sama dengan rows namun kalau cols untuk mengatur colum pada halaman yang ditampilkan. Kali ini saya Cuma menggunakan 2 yaitu halaman yang berwarna orange dan cyan. Jika ingin menambahkan lebih banyak anda bisa mendeskripsikan sendiri contoh Cols=”20%,40%,40%”

f.       Untuk file menu.html dan profil.html sudah saya buat sebelumnya. Menu.html adalah halaman yang berwarna orange dan profil.html adalah yang berwarna cyan.

Membuat daftar akun pada html

Cara membuat daftar akun seperti dibawah ini

Bagi pemula jika belum tau cara nulis syntax nya dimana, kalian bisa menggunakan notepad atau notepad++. Kemudian ketika menyimpan file pastikan dengan format .html
jika menggunakan notepad bisa menambahkan .html pada akhir nama file yang kalian buat. Namun jika kalian menggunakan notepad ++ type filenya pilih Hyper Text Markup Language file.

Untuk melihat hasilnya, kalian bisa buka file yang disimpan tadi open with browser kalian.

Oke langsung saja membahas cara membuat tampilan seperti berikut

1.       Struktur standart dokumen HTML

2.       Membuat judul bisa dengan menambahkan <title> nama judul </title>

     Hasilnya

3.       Menentukan warna background dan warna tulisan serta mencoba menampilkan teks

a.       Bgcolor=””  fungsi menentukan warna backgroun

b.      text =””  fungsi menentukan warna text

c.       <h1> ___ </h1>  fungsi menentukan besar huruf. Anda bisa mencoba dari h1 sampe h6   

Hasilnya

4.       Membuat table, column serta input text

a.       <table>....</table> fungsi membuat table

b.      Bgcolor=””  fungsi memberi warna background. Karena saya tempatkan pada tabel maka background tablenya yang berpengaruh.

c.       Bordercolor =””  fungsi memberi warna pada border

d.      Cellspacing=”” fungsi memberi jarak antara cell 1 dengan cell yang lain

e.      Cellpadding=”” fungsi memberi jarak antara tepi cell dengan isi cell

f.        <form>.....</form> fungsi membungkus elemen-elemen input didalamnya dan mengirim data input ke server

g.       <tr>.....</tr> fungsi mendefinisikan baris dalam tabel

h.      <td>....</td> fungsi mendefinisan kolom dalam tabel

i.         Colspan=”” menggabungkan beberapa cell(column) dalam satu baris

j.        Rowspan=”” menggabungkan beberapa cell(row) dalam 1 kolom

k.       Type=”teks” fungsi memberi input berupa text

Catatan : pada <table__________>......</table>  tidak ditambah syntax-syntax yang diatas tidak apa-apa. Saya menambahkan syntax-syntax tersebut hanya ingin menjelaskan fungsi-fungsi syntax yang ada pada HTML

Hasilnya

5.       Untuk membuat yang Last name dan Alamat sama dengan yang diatas. Tinggal menambahkan syntax dibawah ini sebelum  tag penutup </table>

      Hasilnya

6.       Untuk membuat tanggal sama saja dengan yang diatas , namun typenya digante “date”

Hasilnya

7.       Untuk membuat jenis kelamin combobox karena memilih salah satu dari pilihan yang ada (tidak bisa  memilih dua-duanya).

      Hasilnya

8.       Untuk membuat user name sama dengan membuat First name, Last name dan alamat karna type nya menggunakan text

      

      Hasilnya

9.       Untuk membuat password sebenarnya juga sama saja dengan yang di atas namun typenya “password”

       Hasilnya

10.  Untuk input foto atau gambar typenya diganti dengan "file"

      Hasilnya

11.  Untuk submit typenya diganti dengan "submit"

       Hasilnya

Cara mengupload file ke idhostinger

1.     Masukan email dan password kemudian login

2.   Plih File Manajer 3

3.   Pilih public_html

4.       Pilih Upload

5.       Pilih Choose file. Apabila yang diupload lebih dari 1 maka anda bila mengklik add antother

6.   Jika telah selesai memilih file yang diupload klik centang

7.       Kembali ke halaman sebelumnya. Hapus default.php dengan cara beri tanda centang pada default.php kemudian klik Delete

8.   Kemudian buka link anda yang telah dibuka tadi. Contoh milik saya juwa.zz.mu

Cara mendaftar hosting gratis pada idhostinger.com

1. Kunjungi link idhostinger.com

2.   Klik buat akun

3.   Akan muncul form pendaftaran. Isi semua kolom dan perlu diingat pasword paling tidak mengandung 1 karakter angka. Berikan tanda check untuk menyetujui ketentuan yang telah dibuat oleh idhostinger. Kemudian klik Buat Akun

4.    Cek email anda untuk aktifasi akun

5.    Silahkan klik pada link yang telah dikirim pada email anda

6.    Pilih yang Gratis. Tekan order

7.  Isi kolom-kolom yang tersedia kemudian klik buat

8.    Tunggu proses selesai hingga akun anda telah berhasil dibuat

9.    Akun telah berhasil dibuat

Cara mudah kompres foto tanpa software tambahan

Cara kompres foto agar ukuran kecil tapi kualitas tetap terjamin

1. Pilih foto yang di inginkan

2. klik kanan foto pilih Open with Microsoft Office 2010

3. pilih Picture pada menu kemudian pilih Compress Pictures.

4. perhatikan sebelah kanan pada Compress for pilih Documents dan liat estimasi size, bandingkan ukuran dari original dengan setelah dicompres. Kemudian klik Ok dan simpan file bisa dengan klik gambar disket ataupun tekan Ctrl+S.

TUTORIAL INSTALL MYSQL

Untuk menginstall MYSQL pastikan anda telah menginstall Apache dan PHP terlebih dahulu

1. Kunjungi http://www.mysql.com/downloads/mysql/ klik Looking for provious GA versions? 
   
   
   
2. Pilih tombol Download pada file yang sesuai dengan komputer anda. Saya menggunakan yang 64bit
   
3. Klik  No thanks, just take me to the download jika tidak ingin melakukan register
   
   
   
4. Jalankan installer MYSQL yang telah di download tadi
   
5. Klik Next
   
   
   
6. Centang pada I Accept untuk menyetujui license kemudian klik Next
   
   
   
7. Setup Type pilih Custom 
   
8. Klik Browse 
   
9. Ganti folder location dengan C:\MYSQL, pilih OK
   
10. Klik Next
    
11. Kini siap untuk menginstall klik Install
    
12. Tunggu proses install selesai
    
13. Klik Next
    
14. Beri tanda Check pada Launch the MySQL Instance Configuration Wizard kemudian Klik Finish
    
15. Kita masuk pada Configuration Wizard Klik Next
    
16.  Klik Next
    
17.  Pilih Detailed Configuration
    
18. Pilih Developer Machine
    
19. Pilih Multifunctional Database
    
20. Klik Next
    
21. Pilih Decision Support (DSS)/OLAP kemudian Klik Next 
    
22. Beri tanda Check pada Enable Strict Mode kemudian Klik Next
    
23. Pilih Standart Character set
    
24. Beri tanda Check pada Include Bin Directory in Windows PATH kemudian Klik Next
    
25. Beri tanda check pada modify security settings isikan pasword kemudian klik next
    
26. Klik tombol execute
    
27. Tunggu beberapa saat hingga proses selesai kemudian Klik Finish
    
28. Buka mysql 5.5 command line client buka dari start->all programs->mysql server 5.5 
    
29. Isikan paswrd sesuai konfigurasi tadi kemudian tekan enter
    
30. Jika pasword benar tampilan seperti dibawah ini
    
31. Ketik show databases;  kemudian enter
    
    
    
    referensi :
    http://www.webdevelopersnotes.com/how-do-i/install-mysql-windows-7.php