belajar aplikasi multiuser

  • View
    223

  • Download
    1

Embed Size (px)

DESCRIPTION

belajar membuat sistem informasi berbasis web, dimana banyak user yang akan menggunakannya.

Text of belajar aplikasi multiuser

  • 1

    Belajar aplikasi

    jaringan multiuser

    Tutorial

    2015

  • 2

    Membuat Database Membuat Database dan Tabel pada PHPMyAdmin

    Pada praktek kali ini, kita menggunakan aplikasi WampServer. Berikut langkah-langkah praktek :

    1. Aktifkan WampServer. Klik simbol wamp pada TaskBar sebelah kanan. Lalu pilih

    phpMyAdmin.

    2. Maka akan terbuka halaman localhost-phpMyAdmin seperti pada gambar di bawah ini.

    Selanjutnya buat database baru pada kolom localhost yang ada tulisan Ciptakan database

    baru.

    3. Masukkan nama database, misalnya dengan nama inventory lalu klik Ciptakan

    4. Setelah database berhasil dibuat, selanjutnya buat tabel baru pada kolomCiptakan tabel

    baru pada database

  • 3

    5. Masukkan nama tabel, misalnya tabel barang. Lalu masukkan jumlah kolom yang

    diperlukan. Misalnya : 5 field

    6. Isikan nama-nama field serta tipe datanya dan ukuran. Misalnya kita isi dengan

    kodebarang(varchar50), namabarang(varchar50), satuan(varchar50, jumlah(int),

    harga(double). Dan atur kodebarang sebagai Primary key. Setelah itu klik simpan.

    7. Selanjutnya tampil tabel yang kita buat dalam bentuk kode dan kolom.

    8. Pada menuBar, pilih sisipkan, maka akan muncul halaman seperti pada gambar di bawah

    ini, selanjutnya isikan data sesuai dengan struktur yang telah ada.

  • 4

    9. Setelah itu, akan muncul hasil dari yang kita buat di table dalam bentuk kode-kode.

    10. Untuk membackup hasil kerja berupa tabel pada database, maka klik Export, maka akan

    muncul tampilan berikut ini yang berisi format yang akan didownload. Jika kita ingin

    memdownload strukturnya saja maka beri ceklis pada struktur. Dan jika kita ingin

    mendownload keduanya maka beri ceklis pada keduanya.

    11. Klik save saat muncul kotak dialog berikut.

    12. Pilih lokasi penyimpanan hasil backup file.

  • 5

    13. Buka data yang disimpan dengan menggunakan NotePad. Maka data sql tersebut akan

    tampil. Itu tanda bahwa file berhasil didownload.

    14. Untuk membuktikannya, coba hapus tabel yang ada pada database.

    15. Setelah dihapus, untuk mengembalikan lagi (restore), klik menu import, lalu klik Browse

    16. Maka akan muncul Windows Explorer yaitu tempat kita menyimpan file backup tabel

    database. Lalu pilih file yang sebelumnya didownload terdiri dari Struktur dan Data.

  • 6

    17. Setelah itu klik GO

    18. Maka tabel yang telah dihapus tadi akan kembali lagi beserta datanya seperti semula karena

    sudah di import.

    19. Jika kita ingin membuat tabel dengan cara mengetikkan kode sql, dapat dilakukan dengan

    cara pilih menu SQL, lalu masukkan kode sql untuk membuat tabel pada kotak seperti yang

  • 7

    terlihat pada gambar di bawah ini. Lalu klik GO.

    20. Lalu jika ingin hanya menampilkan beberapa field, misallnya hanya menapilkan namabarang

    dan harga, pilih menu cari, lalu pilih field yang diinginkan pada pilihan field. Lalu klik GO.

    21. Maka akan muncul isi data tabel dengan 2 field tertentu saja.

    Installasi yii Langkah-langkah untuk menginstall YII

  • 8

    1. Copykan folder software YII ke data C:\wamp\www

    2. Buka aplikasi NetBeans, pilih tools => potions

  • 9

    3. Pilih menu PHP, lalu klik Activate

    4. Klik Browse

  • 10

    5. Pilih file C:\wamp\php\php5.2.5\php.exe. lalu klik open. Ini tujuannya adalah supaya

    netbeansnya kenal dengan phpnya.

    6. Setelah itu klik OK

  • 11

    7. Buka Command Prompt. Lalu ketik cd c:\wamp\www\yii\framework untuk masuk ke

    direktory YII

    8. Untuk mengkoneksi YII ke PHP lakukan proses berikut :

    9. Buka Properties pada Computer, pilih Advanced, pilih Environment variables.

    10. Kkemudian cari PATH pada System variables, jika ketemu klik edit.

  • 12

    11. Tambahkan tanda titik koma ( ; ) pada akhir tulisan variable value lalu pastekan lokasi YII

    dalam komputer. Yaitu c:\wamp\www\bin\php\php5.2.5. lalu klik OK

    12. Beralih ke Command Prompt. Ketik yiic webapp c :\wamp\www\yii. Gunanya untuk

    mengaktifkan Yii. Nanti akan muncul pertanyaan. Ketik yes untuk konfirmasi bahwa kita akan

    membuat sebuah web applikasi didalamnya.

    13. Berikut tanggapan komputer saat prosesnya selesai dan berhasil.

  • 13

    14. Jika sudah aktif, maka akan tampil pada localhost/yii tampilan berikut.

    Aplikasi dasar yii 1. Sediakan sebuah plugins untuk YII, simpan saja di dalam folder anda.

    2. Buka aplikai NetBeans, klik Tools > Plugins

  • 14

    3. Pilih tab Downloaded, dan klik Add Plugins

    4. cari dan pilih softeware untuk plugins pada folder data anda. Klik open.

    5. saat ini NetBeans mempunyai 1 plugins yang sudah diinstall, klik Install

    6. Klik next

  • 15

    7. Beri ceklis pada kotak I accept the terms.... lalu klik Install

    8. Klik continue

    9. Jika proses installation successfully, klik finish

  • 16

    10. Tutup kotak dialog plugins dengan mengklik close

    11. Pada netbeans, klik New Project, pilih kategori PHP, project PHP Application, lalu klik next

    12. Pada halaman berikutnya buat nama project dengan inventory dan klik browse, pilih folder

    inventory yang sudah dibuat sebelumnya menggunakan command prompt yang terletak di

    C:\wamp\www\inventory .

  • 17

    13. Memilih folder tersebut gunanya agar pada saat membuat isi project, datanya akan

    tersimpan di dalam folder inventory tersebut. Jika sudah maka klik next.

    14. Klik next

  • 18

    15. Tidak perlu diberi ceklis pada kotak, lanjut saja mengklik finish.

    16. Project selesai dibuat, yaitu project inventory dengan plugin php, terlihat pada gambar

    17. Pada Source Files, pilih package protected, cari package conntroller, klik kanan pada package

    controler. Pilih new php file

    18. Buat nama file HelloController

  • 19

    19. Terlihat pada gambar, pada package controller terdapat file php bernama HelloController

    20. Ketik kode php berikut untuk membuat tampilan text pada localhost

    21. Jika selesai mengetik kode, buka browser localhost, browsing dengan mengetikkan

    localhost/inventory/index.php?r=hello tekan enter. Maka text pada kode netbeans akan

    tampil pada halaman localhost, seperti gambar di bawah ini.

  • 20

    22. Pada package protected, cari package views, klik kanan pada views, pilih new php file

    23. Buat nama file hellov klik finish

    24. Ini hasinya, pada package views terdapat file hellov

    25. Coba cek di folder c:\wamp\www\inventory\protected\views buat folder Hello, lalu

    masukkan file hellov kedalam folder Hello tersebut.

  • 21

    26. Sehinggan hasilnya seperti ini. File hellov terletak di dalam folder Hello.

    27. Pada netBeans juga berubah, pada package views, terdapat folder Hello dan di dalamnya

    terdapat file hellov

    28. Ketikkan kode berikut pada file php hellov.

    29. Lalu buka halaman localhost, ketikkan pada tab browsing,

    localhost/inventory/index.php?r=hello/hellov tekan enter, maka pesan text pada kode

  • 22

    netBeans ditampilkan pada halaman localhost seperti yang terlihat pada gambaar.

    30. Pada file HelloController, tambahkan kode untuk fungsi hellov2

    31. Lalu pada package views\hello, buat new file php bernama hellov2

    32. Pada folder hello terdapat file hellov dan hellov2

    33. Ketikkan kode berikut pada file hellov2

  • 23

    34. Lalu buka halaman localhost, ketik pada tab browsing,

    localhost/inventory/index.php?r=hello/hellov2 tekan enter. Dan hasilnya akan ditampilkan

    pada halaman localhost seperti yang terlihat pada gambar berikut.

    35. Praktek selesai.

    Aritmatika dan chtml Langkah-langkah praktek kali ini adalah

    1. Sebelumnya install yii dan Plugin

    2. Klik kanan pada Controller, pilih new > php file untuk membuat sebuah file baru

  • 24

    3. Isikan namanya AritmatikaController , klik finish

    4. Pada folder Controllers terdapat file php yaitu AritmatikaController

    5. Ketikan coding berikut pada file AritmatikaController

    6. Lihat hasilnya di localhost dengan mencari alamat

    localhost/inventory/index.php?r=aritmatikaContoller

    7. Ketikkan coding untukkurang,bagi, kali dll

  • 25

    8. Run hasilnya di localhost

    9. Klik kanan pada Controller, pilih new > php file

    10. Beri nama LinkController

    11. Hasilnya terlihat pada gambar berikut

  • 26

    12. Ketikkan coding berikut di file LinkController

    13. Buat php file baru di folder view,

    14. Beri nama index

    15. Berikut isinya

  • 27

    16. Ketik codenya di file index

    17. Buat folder baru pada folder view

    18. Beri nama link

    19. Hasilnya seperti berikut

  • 28

    Cut file index.php ke dalam folder link

    20. Dalam folder link, buat new php file

    21. Beri nama toko

    22. Ketik coding berikut pada file toko.php

    23. Ketikkan/rubah coding berikut pada file index.php

  • 29

    24. Run pada localhost localhost/inventory/index.php?r=link

    25. Coba klik Toko ku maka akan muncul halaman baru yang berisikan halaman toko seperti

    gambar berikut

    26. Jika kita ingin memasukkan gambar, copykan sebuah gambar ke dalam folder images yang

    berad