Gudang Aplikasi Berbasis Web

Download Aplikasi Pemilihan Desa KKN dengan Metode SAW

2019-10-06T03:51:00.002-07:00

Salam Programmer gan. Disini saya akan share aplikasi buatan saya dalam penyeleksian tempat KKN dengan menggunakan Metode SAW pakai framework Laravel dan Semantic UI buat tampilannya.
langsung aja liat penampakannya gan.

Tampilan login gan.

Dashboard gan.

Data Alternatif gan

Data Kriteria gan.

Data Detail Kriteria gan.

Data Nilai Alternatif gan

Data Nilai Akhir gan sesuai rumus metode SAW

Mungkin seperti itu penampakan aplikasi Penyeleksian tempat KKN dengan Metode SAW.

jika membutuhkan silahkan sedot gan

Download

Terimakasih sudah berkunjung.

Jika ada pertanyaan silahkan chat langsung via WA

Download Aplikasi SPK Metode MAUT

2019-10-06T03:42:00.005-07:00

Salam Programmer gan. Disini saya mau share tentang aplikasi buatan saya dengan metode MAUT menggunakan Framework laravel, dan template SEMANTIC UI. langsung saja ke penampakannya gan.

Tampilan Dashboardnya Gan

Input Jabatannya Gan

Kriteria Gan

Detail Kriteria Gan

Nilai Alternatif

Nilai Akhir Gan

Sekian penampakan dari aplikasi metode MAUT ini.

jika membutuhkan silahkan sedot gan.

Download

Terimakasih sudah berkunjung :D

Jika ada pertanyaan silahkan chat langsung via WA

Download Aplikasi SPK Menggunakan KNN

2017-09-10T19:14:00.005-07:00

Salam programer.. disini saya akan share aplikasi buatan saya yaitu aplikasi sistem pendukung keputusan menggunakan metode KKN 9 K-Nearest Neighbor) dimana pada aplikasi ini untuk menentukan gizi pada pasien. adapaun hak akses dalam aplikasi ini yaitu admin dan konselor atau ahli gizi. dimana konselor menginputkan pasien yang akan dihitung nilai gizinya sesuai makanan yang dimakan. sedangkan admin menginputkan data kasus. karena pada prinsipnya untuk KNN semakin banyak kasus atau sampel maka semakin akurat perhitungannya.
langsung saja test drive gan

Admin Kelola Hak Akses User

Admin Kelola Modul

admin Kelola AKG

Admin Kelola Kasus atau sampel

Admin Kelola DKBM

Admin Kelola Makanan Kasus

Admin Kelola Total Gizi Kasus/ Sampel

Admin Kelola Hasil Kasus/ Sampel

Halaman Utama Konselor

Konselor Kelola AKG

Konselor Kelola DKBM

Konselor Kelola Data Pasien

Konselor Kelola Data Makanan Pasien

Konselor Kelola Total Gizi Pasien

Konselor Kelola Hasil Gizi Pasien

Konselor Mendapat Rekomendasi Gizi

Laporan Gizi Pasien

Sekian Penampakan Aplikasi Estimasi Gizi Menggunakan Metode KNN

Jika Membutuhkan Silahkan Sedot Gan

Download

Terimakasih Sudah Berkunjung.

Jika ada pertanyaan silahkan chat langsung via WA

Download Aplikasi SPK Menggunakan Metode AHP

2017-09-10T18:21:00.004-07:00

Salam programer.. disini saya akan share aplikasi buatan saya yaitu aplikasi sistem pendukung keputusan penerimaan dana hibah dan bansos menggunakan metode AHP.
dalam sistem ini terdapat 4 user yaitu admin, tim pertimbangan, walikota, dan TU.
admin dapat mengelola semua data, tim pertimbangan hanya dapat menginputkan data kriteria, nilai kriteria, hasil akhir dan evaluasi dana. sedangkan walikota hanya mencetak laporan penerima dana bantuan sosial. dan tu hanya bisa menginputkan data pemohon anggaran.
adapun penampakannya seperti pada gambar dibawah ini saya contohkan tampilan admin saja karena tim pertimbangan dan walikota dan yang lainnya cuma perbedaan hak akses saja.

Halaman Utama.

Halaman Utama

Kelola SKPD

Kelola APBD

Kelola Satuan Harga

Kelola Organisasi Hukum

Kelola Pemohon Anggaran atau Alternatif

Kelola Data Kriteria

Nilai Prioritas Kriteria

Hasil Akhir

Laporan Pemohon Atau Alternatif

Laporan Penerima Dana

Sekian Penampakannya

Jika Membutuhkan Silahkan Sedot Gan.

Download

Terimakasih Sudah Berkunjung

Jika ada pertanyaan silahkan chat langsung via WA

Mengatasi Error Yang Terjadi Di Pemrograman PHP

2016-08-19T11:27:00.002-07:00

Assalamualaikum. Kali ini saya akan membagikan cara mengatasi beberapa error yang teradi di dalam pemrograman php.

Langsung saja mari kita simak penjelasannya.
Error:

Warning: mysql_fetch_array(): supplied argument is not
a valid MySQL result resource in ....

atau

Warning: mysql_num_rows(): supplied argument is not
a valid MySQL result resource in ...

Penjelasannya

Penyebab:
Error di atas disebabkan ada query SQL yang salah. Bisa jadi karena sintaks perintah query SQL nya salah, misalnya kurang tanda petik untuk menyatakan string dll. Selain itu bisa juga terjadi karena nama field dan tabel yang salah penulisannya.

Solusi:
Coba cek kembali statement query SQL Anda. Pastikan tidak ada lagi kesalahan dalam penulisannya. Untuk proses debugging query SQL (mengetahui letak kesalahannya), Anda bisa menambahkan statement die(mysql_error()) pada perintah mysql_query() nya. Contoh:

$query = ".....";
mysql_query($query) or die(mysql_error());
.
.

Error:

Warning: session_start() [function.session-start]:
Cannot send session cookie - headers already sent by
(output started at ... ) in ... on line ...

atau

Warning: session_start() [function.session-start]:
Cannot send session cache limiter - headers already sent
(output started at ...) in ... on line ...

Penjelasannya

Penyebab:
Error di atas biasanya terjadi pada penggunaan session. Sewaktu memberikan perintah session_start(), terdapat baris perintah di atasnya yang menampilkan string atau kode html ke browser. Sebagai contoh, perhatikan script berikut ini:

<?php
echo "Hallo...";
session_start();
?>

atau

<html>
<head>
    <title>....</title>
</head>
<?php
session_start();
?>

Bila Anda perhatikan script di atas, maka terdapat string yang di-echo-kan atau terdapat kode html yang diletakkan sebelum session_start(). Nah… inilah yang menyebabkan error. Selain contoh di atas, error juga bisa muncul dari script yang berbentuk seperti ini:

<?php
include "header.php";
session_start();
?>

Meskipun sebelum session_start() tidak ada echo atau kode html, namun error akan tetap muncul apabila isi dari script header.php terdapat echo atau kode html juga, misalnya

header.php

<?phpecho "hallo";

?>

Solusi:
Pastikan sebelum perintah session_start() tidak terdapat perintah echo atau kode html apapun.

Error:

Warning: Cannot modify header information â€“ headers already sent by
(output started at ...) in ...

Penjelasannya

Penyebab:
Peringatan di atas biasanya muncul ketika Anda melakukan redirecting menggunakan perintah

header("Location: ...");

Seharusnya, sebelum perintah header("Location: ...") tidak boleh ada string apapun yang ditampilkan di browser, meskipun itu kode HTML (sama seperti penyebab error di session_start() sebelumnya). Sebagai contoh perhatikan script berikut ini:

<?php
echo "<p>Hallo Apa kabar?</p>";
header("Location: test.php");
?>

Pada script di atas, sebelum perintah header() terdapat string yang ditampilkan ke browser. Inilah yang mengakibatkan muncul peringatan tsb. Lantas bagaimana dengan script berikut ini?

<?php
$a = 10;
if ($a < 0) echo "Nilai A negatif";
else header("Location: test.php");
?>

Kira-kira muncul Warning nya gak ya? Jika Anda coba, maka tidak muncul Warning nya meskipun sebelum header() terdapat string yang ditampilkan ke browser. Mengapa demikian? ya.. meskipun di situ terdapat perintah untuk menampilkan string ke browser, namun perintah tersebut tidak pernah dijalankan karena nilai $a nya positif.

Solusi:
Pastikan sebelum perintah header("Location: ...") tidak ada kode HTML atau perintah echo apapun. Jika Anda mengincludekan suatu script di atas header("Location: ...") pastikan dalam script yang diincludekan tersebut tidak ada kode HTML atau echo.

Error:

Warning: mysql_connect() [function.mysql-connect]:
Access denied for user â€˜rootâ€™@'localhostâ€™ (using password: YES) in ...

Penjelasannya

Penyebab:
Error di atas disebabkan karena koneksi yang gagal ke MySQL. Penyebab gagalnya bisa jadi disebabkan nama user atau password yang salah.

Solusi:
Pastikan username dan password koneksi ke MySQL Anda sudah benar ketika menggunakan perintah koneksi mysql_connect("namahost", "namauser", "passworduser");

Error:

Parse error: syntax error, unexpected T_STRING,
expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or â€˜}â€™ in ...

Penjelasannya

Penyebab:
Penyebab pastinya, saya kurang mengetahuinya. Namun biasanya ini terjadi karena penggunaan versi PHP yang rendah (versi di bawah PHP 5) untuk menjalankan script PHP yang menggunakan OOP.

Solusi:
Coba upgrade versi PHP Anda, atau gunakan PHP dengan versi yang lebih tinggi.

Error:

Parse error: syntax error, unexpected T_ELSE in ...

Penjelasannya

Penyebab:
Error tersebut muncul sebagai akibat penulisan sintaks IF … ELSE yang tidak sesuai aturan. Perhatikan contoh penggunaan IF ELSE yang salah di bawah ini

<?php
$a = 5;
if ($a > 0) $status = "A lebih besar dari 0"
else ($a < 0) $status = "A lebih kecil dari 0"
else $status = "A sama dengan 0"
?>

Contoh di atas terdapat kesalahan yaitu setiap akhir statement tidak diberikan tanda titik koma (;), dan pada bagian else ($a < 0) kurang IF, seharusnya

<?php
$a = 5;
if ($a > 0) $status = "A lebih besar dari 0";
else if ($a < 0) $status = "A lebih kecil dari 0";
else $status = "A sama dengan 0";
?>

Solusi:
Pastikan struktur statement yang Anda gunakan berbentuk seperti ini

<?php
if (syarat1) statement1;
else if (syarat2) statement2;
else if (syarat3) statement3;
.
.
else statementX;
?>
atau

<?php
if (syarat1)
{
   statement;
   statement;
   .
   .
}
else if (syarat2)
{
   statement;
   statement;
   .
   .
}
.
.
else
{
   statement;
   statement;
   .
   .
}
?>

Errror:

Fatal error: Call to undefined function: ...

Penjelasannya

Penyebab:
Error tersebut disebabkan karena nama function yang digunakan tidak ada atau tidak dikenal oleh PHP. Jika function tersebut adalah built in function, misalnya str_split() bisa jadi hal ini disebabkan pada versi PHP yang digunakan belum ada function tersebut. Jika function tersebut adalah function buatan sendiri, bisa jadi anda lupa menyisipkan ke dalam script atau meng-include-kannya.

Solusi:
Jika function yang tidak dikenal adalah built in function, maka lakukan upgrade versi PHP yang lebih tinggi. Sedangkan jika function yang tidak dikenal adalah buatan sendiri, pastikan Anda sudah meng-includekan di dalam scriptnya sehingga bisa dikenal. Contohnya:

function.php

<?php
function jumlah($a, $b)
{
   return $a + $b;
}
?>

script.php

<?php
include "function.php";
echo jumlah(9, 10);   // akan menghasilkan 19
?>
atau

script.php

<?php
function jumlah($a, $b)
{
   return $a + $b;
}

echo jumlah(9, 10);   // akan menghasilkan 19
?>

Error:

Parse error: parse error, unexpected $end

Penjelasannya

Penyebab:
Error di atas disebabkan karena kurangnya tanda penutup kurung kurawal. Contohnya:

<?php
if ($a > 1)
{
   echo "Nilai A lebih dari 1";
?>
atau

<?php
while ($a > 1)
{
   .
   .
   .
?>

Selain itu, bisa pula error tersebut disebabkan karena efek perbedaan penggunaan tanda pembuka PHP <?php dan <?. Contohnya

<?php
if (syarat)
{
   statement1;
   statement2;
?>

<?
   statement3;
   statement4;
}
?>

Perhatikan contoh script di atas, bahwa pada blok statement IF oleh si programmer dipecah menjadi 2 blok, namun perhatikan bahwa untuk blok kedua, tanda pembukanya menggunakan <? saja. Nah... terkadang suatu server hanya membolehkan tanda pembuka script PHP menggunakan <?php, sehingga untuk blok kedua tidak dianggap sebagai script, dan.. akibatnya statement IF nya dianggap tidak ada tanda } penutup.

Solusi:
Pastikan tanda kurung kurawal penutup tidak lupa menuliskannya. Jika ternyata kasus yang Anda hadapi sama seperti contoh kasus terakhir (perbedaan tanda pembuka script PHP), konsistenkan penulisan tanda pembukanya menggunakan <?php supaya aman.
s

Error:

Parse error: syntax error, unexpected T_STRING

Penjelasannya

Penyebab:
Error tersebut disebabkan karena penggunaan tanda petik (double quote atau single quote) yang tidak tepat untuk menyatakan suatu string. Sebuah string harus diapit oleh dua buah tanda petik. Sebagai contoh:

<?php
$a = "ini sebuah string";
?>

atau

<?php
$a = 'ini sebuah string';
?>

Namun... jika dalam string tersebut terdapat tanda petik lagi, misalkan

<?php
$a = "ini sebuah " string";
?>

atau

<?php
$a = 'ini sebuah ' string';
?>

maka akan terdapat error di atas. Hal yang sama jika Anda menggunakan single quote (tanda petik tunggal).

Solusi:
Pastikan di dalam sebuah string, anda mengapitnya dengan hanya 2 buah tanda petik saja. Jika Anda bermaksud menyisipkan tanda petik dalam sebuah string, gunakan tanda \" atau \', contoh

<?php
$a = "ini sebuah \" string";
?>
atau

<?php
$a = 'ini sebuah \' string';
?>

Error:

Notice: Undefined index: ...

atau

Notice: Undefined variable: ...

Penjelasannya

Penyebab:
Sebenarnya itu bukan error, namun sekedar peringatan saja bahwa ada variabel atau index array yang belum terdefinisi sebelumnya. Di beberapa versi PHP peringatan tersebut muncul, namun di versi yang lain tidak muncul. Berikut ini contohnya:

<?php
if ($a > 0)
{
   ....
}
?>

Jika kita perhatikan script di atas, variabel $a langsung diberikan statement pengecekan IF, padahal nilai $a ini tidak ada sebelumnya. Nah... di beberapa versi PHP, akan muncul peringatan

Notice: Undefined variable: a

Namun, bila nilai $a ini sudah didefinisikan sebelumnya misalnya

<?php
$a = 10;
if ($a > 0)
{
   ....
}
?>

maka peringatan di atas tidak akan muncul lagi. Peringatan yang hampir sama juga bisa muncul untuk contoh berikut ini

<?php
if ($_GET['test'] == 0)
{
   ....
}
?>

yang dikarenakan nilai $_GET['test'] belum terdefinisi sebelumnya atau belum ada nilainya (belum ada request GET untuk parameter 'test').

Solusi:
Sebenarnya peringatan di atas bisa saja diabaikan karena tidak berpengaruh pada kinerja script atau proses yang terjadi di dalamnya. Namun, jika Anda ingin menghilangkan peringatan tersebut caranya adalah dengan memodifikasi parameter

error_reporting = ...
pada file konfigurasi php.ini

Tambahkanlah nilai "& ~E_NOTICE" pada nilai parameternya, contoh:

error_reporting  =  E_ALL & ~E_NOTICE

Maksud dari parameter di atas adalah, PHP akan menampilkan bunyi error kecuali NOTICE. Jika sudah, silakan merestart Apache nya.

Error:

Fatal error: Maximum execution time of ... seconds exceeded in ...

Penjelasannya

Penyebab:
Error di atas disebabkan karena lama eksekusi sebuah script PHP telah mencapai batas maksimumnya. Jika Anda menggunakan AppServ atau XAMPP, default maximum execution time nya diset 30 detik. Jika lama eksekusi script yang Anda buat melebihi 30 detik, maka akan muncul error di atas.

Solusi:
Anda dapat meningkatkan atau menambah max execution time pada file php.ini, dengan cara carilah parameter

max_execution_time = ...

Tambahlah nilainya, misalnya menjadi 9999 detik, sehingga nilai parameternya menjadi

max_execution_time = 9999

Selanjutnya, simpan kembali php.ini nya, lalu restart Apachenya.
Kalau perlu, lakukan analisis algoritma pada script Anda apabila dirasa tidak efisien sehingga mengakibatkan running time yang lama.

Demikian postingan yang dapat saya buat untuk kali ini, semoga ada banyak waktu luang lagi untuk terus berbagi dengan teman-teman semua,
Sekian Semoga Bermanfaat

Model Pengembangan Perangkat Lunak Beserta Contohnya

2016-08-19T11:21:00.002-07:00

Pada postingan kali ini, saya akan membahas tentang “Model – Model Pengembangan Perangkat Lunak Beserta Contoh Penerapannya”. Sebelumnya, Apa itu Pengembangan Perangkat Lunak?

Proses Pengembangan Perangkat Lunak (Software Development Process) adalah suatu penerapan struktur pada pengembangan suatu Perangkat Lunak (Software), yang bertujuan untuk mengembangkan sistem dan memberikan panduan untuk menyukseskan proyek pengembangan sistem melalui tahapan-tahapan tertentu. Dalam prosesnya, terdapat beberapa paradigma model pengembangan sistem perangkat lunak, diantaranya :

Model Sekuensial Linier atau Waterfall Development Model

Model Sekuensial Linier atau sering disebut Model Pengembangan Air Terjun, merupakan paradigma model pengembangan perangkat lunak paling tua, dan paling banyak dipakai. Model ini mengusulkan sebuah pendekatan perkembangan perangkat lunak yang sistematik dan sekunsial yang dimulai pada tingkat dan kemajuan sistem pada seluruh tahapan analisis, desain , kode, pengujian, dan pemeliharaan.

Berikut Merupakan Tahapan – tahapan Pengembangan Model Sekuensial Linear / Waterfall Development Model :

Rekayasa dan pemodelan sistem/informasi

Langkah pertama dimulai dengan membangun keseluruhan elemen sistem dan memilah bagian-bagian mana yang akan dijadikan bahan pengembangan perangkat lunak, dengan memperhatikan hubungannya dengan Hardware, User, dan Database.

Analisis kebutuhan perangkat lunak

Pada proses ini, dilakukan penganalisaan dan pengumpulan kebutuhan sistem yang meliputi Domain informasi, fungsi yang dibutuhkan unjuk kerja/performansi dan antarmuka. Hasil penganalisaan dan pengumpulan tersebut didokumentasikan dan diperlihatkan kembali kepada pelanggan.

Desain

Pada proses Desain, dilakukan penerjemahan syarat kebutuhan sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuatnya proses pengkodean (coding). Proses ini berfokus pada struktur data, arsitektur perangkat lunak, representasi interface, dan detail algoritma prosedural.

Pengkodean

Pengkodean merupakan proses menterjemahkan perancangan desain ke bentuk yang dapat dimengerti oleh mesin, dengan menggunakan bahasa pemrograman.

Pengujian

Setelah Proses Pengkodean selesai, dilanjutkan dengan proses pengujian pada program perangkat lunak, baik Pengujian logika internal, maupun Pengujian eksternal fungsional untuk memeriksa segala kemungkinan terjadinya kesalahan dan memeriksa apakah hasil dari pengembangan tersebut sesuai dengan hasil yang diinginkan.

Pemeliharaan

Proses Pemeliharaan erupakan bagian paling akhir dari siklus pengembangan dan dilakukan setelah perangkat lunak dipergunakan. Kegiatan yang dilakukan pada proses pemeliharaan antara lain :

Corrective Maintenance : yaitu mengoreksi apabila terdapat kesalahan pada perangkat lunak, yang baru terdeteksi pada saat perangkat lunak dipergunakan.
Adaptive Maintenance : yaitu dilakukannya penyesuaian/perubahan sesuai dengan lingkungan yang baru, misalnya hardware, periperal, sistem operasi baru, atau sebagai tuntutan atas perkembangan sistem komputer, misalnya penambahan driver, dll.
Perfektive Maintenance : Bila perangkat lunak sukses dipergunakan oleh pemakai. Pemeliharaan ditujukan untuk menambah kemampuannya seperti memberikan fungsi-fungsi tambahan, peningkatan kinerja dan sebagainya.

Contoh Penerapan dari Pengembangan Model Sekuensial Linear / Waterfall Development Model

Contoh dari penerapan model pengembangan ini adalah pembuatan program pendaftaran online ke suatu Instansi Pendidikan. Program ini akan sangat membantu dalam proses pendaftaran, karena dapat meng-efektifkan waktu serta pendaftar tidak perlu repot-repot langsung mendatangi Instansi Pendidikan. Teknisnya adalah sebagai berikut :

Sistem program untuk pendaftaran dibuat menggunakan bahasa pemrograman PHP, dengan Sistem Database yang dibuat menggunakan MySQL, dan diterapkan (diaplikasikan) pada PC (personal computer) dengan sistem operasi berbasis Microsoft Windows, Linux, dan sebagainya.
Setelah program selesai dibuat dan kemudian dipergunakan oleh user, programmer akan memelihara serta menambah atau menyesuaikan program dengan kebutuhan serta kondisi user.

Kelebihan Model Sekuensial Linear / Waterfall Development Model :
- Tahapan proses pengembangannya tetap (pasti), mudah diaplikasikan, dan prosesnya teratur.
- Cocok digunakan untuk produk software/program yang sudah jelas kebutuhannya di awal, sehingga minim kesalahannya.
- Software yang dikembangkan dengan metode ini biasanya menghasilkan kualitas yang baik.
- Documen pengembangan sistem sangat terorganisir, karena setiap fase harus terselesaikan dengan lengkap sebelum melangkah ke fase berikutnya.

Kekurangan Model Sekuensial Linear / Waterfall Development Model :
- Proyek yang sebenarnya jarang mengikuti alur sekuensial seperti diusulkan, sehingga perubahan yang terjadi dapat menyebabkan hasil yang sudah didapatkan tim pengembang harus diubah kembali/iterasi sering menyebabkan masalah baru.
- Terjadinya pembagian proyek menjadi tahap-tahap yang tidak fleksibel, karena komitmen harus dilakukan pada tahap awal proses.
- Sulit untuk mengalami perubahan kebutuhan yang diinginkan oleh customer/pelanggan.
- Pelanggan harus sabar untuk menanti produk selesai, karena dikerjakan tahap per tahap, dan proses pengerjaanya akan berlanjut ke setiap tahapan bila tahap sebelumnya sudah benar-benar selesai.
- Perubahan ditengah-tengah pengerjaan produk akan membuat bingung tim pengembang yang sedang membuat produk.
- Adanya waktu kosong (menganggur) bagi pengembang, karena harus menunggu anggota tim proyek lainnya menuntaskan pekerjaannya.

Model Prototype

Metode Prototype merupakan suatu paradigma baru dalam metode pengembangan perangkat lunak dimana metode ini tidak hanya sekedar evolusi dalam dunia pengembangan perangkat lunak, tetapi juga merevolusi metode pengembangan perangkat lunak yang lama yaitu sistem sekuensial yang biasa dikenal dengan nama SDLC atau waterfall development model.

Dalam Model Prototype, prototype dari perangkat lunak yang dihasilkan kemudian dipresentasikan kepada pelanggan, dan pelanggan tersebut diberikan kesempatan untuk memberikan masukan sehingga perangkat lunak yang dihasilkan nantinya betul-betul sesuai dengan keinginan dan kebutuhan pelanggan.
Perubahan dan presentasi prototype dapat dilakukan berkali-kali sampai dicapai kesepakatan bentuk dari perangkat lunak yang akan dikembangkan.
Teknik – teknik Prototyping Meliputi :

Perancangan Model
Perancangan Dialog
Simulasi

Berikut adalah 4 langkah yang menjadi karakteristik dalam proses pengembangan pada metode prototype, yaitu :

Pemilihan fungsi
Penyusunan Sistem Informasi
Evaluasi
Penggunaan Selanjutnya

Metode ini menyajikan gambaran yang lengkap dari suatu sistem perangkat lunak, terdiri atas model kertas, model kerja dan program. Pihak pengembang akan melakukan identifikasi kebutuhan pemakai, menganalisa sistem dan melakukan studi kelayakan serta studi terhadap kebutuhan pemakai, meliputi model interface, teknik prosedural dan teknologi yang akan dimanfaatkan.

Berikut adalah Tahapan – tahapan Proses Pengembangan dalam Model Prototype, yaitu :

Pengumpulan kebutuhan

Pelanggan dan pengembang bersama-sama mendefinisikan format seluruh perangkat lunak, mengidentifikasikan semua kebutuhan, dan garis besar sistem yang akan dibuat.

Membangun prototyping

Membangun prototyping dengan membuat perancangan sementara yang berfokus pada penyajian kepada pelanggan (misalnya dengan membuat input dan format output).

Evaluasi protoptyping

Evaluasi ini dilakukan oleh pelanggan, apakah prototyping yang sudah dibangun sudah sesuai dengan keinginan pelanggan atau belum. Jika sudah sesuai, maka langkah selanjutnya akan diambil. Namun jika tidak, prototyping direvisi dengan mengulang langkah-langkah sebelumnya.

Mengkodekan sistem

Dalam tahap ini prototyping yang sudah di sepakati diterjemahkan ke dalam bahasa pemrograman yang sesuai.

Menguji sistem

Setelah sistem sudah menjadi suatu perangkat lunak yang siap pakai, kemudian dilakukan proses Pengujian. Pengujian ini dilakukan dengan White Box, Black Box, Basis Path, pengujian arsitektur, dll.

Evaluasi Sistem

Pelanggan mengevaluasi apakah perangkat lunak yang sudah jadi sudah sesuai dengan yang diharapkan . Jika ya, maka proses akan dilanjutkan ke tahap selanjutnya, namun jika perangkat lunak yang sudah jadi tidak/belum sesuai dengan apa yang diharapkan, maka tahapan sebelumnya akan diulang.

Menggunakan sistem

Perangkat lunak yang telah diuji dan diterima pelanggan siap untuk digunakan.
Model Prototyping ini sangat sesuai diterapkan untuk kondisi yang beresiko tinggi di mana masalah-masalah tidak terstruktur dengan baik, terdapat fluktuasi kebutuhan pemakai yang berubah dari waktu ke waktu atau yang tidak terduga, bila interaksi dengan pemakai menjadi syarat mutlak dan waktu yang tersedia sangat terbatas sehingga butuh penyelesaian yang segera. Model ini juga dapat berjalan dengan maksimal pada situasi di mana sistem yang diharapkan adalah yang inovatif dan mutakhir sementara tahap penggunaan sistemnya relatif singkat.
Berikut merupakan Jenis – jenis dari Prototyping :

Feasibility prototyping

digunakan untuk menguji kelayakan dari teknologi yang akan digunakan untuk system informasi yang akan disusun.

Requirement prototyping

digunakan untuk mengetahui kebutuhan aktivitas bisnis user.

Desain Prototyping

digunakan untuk mendorong perancangan sistem informasi yang akan digunakan.

Implementation prototyping

merupakan lanjutan dari rancangan prototype, prototype ini langsung disusun sebagai suatu sistem informasi yang akan digunakan.

Contoh Penerapan Metode Prototype.

Sebuah rumah sakit ingin membuat aplikasi sistem database untuk pendataan pasiennya. Seorang atau sekelompok programmer akan melakukan identifikasi mengenai apa saja yang dibutuhkan oleh pelanggan, dan bagaimana model kerja program tersebut. Kemudian dilakukan rancangan program yang diujikan kepada pelanggan. Hasil/penilaian dari pelanggan dievaluasi, dan analisis kebutuhan pemakai kembali di lakukan.

Kelebihan Model Prototype :
Pelanggan berpartisipasi aktif dalam pengembangan sistem, sehingga hasil produk pengembangan akan semakin mudah disesuaikan dengan keinginan dan kebutuhan pelanggan.
Penentuan kebutuhan lebih mudah diwujudkan.
Mempersingkat waktu pengembangan produk perangkat lunak.
Adanya komunikasi yang baik antara pengembang dan pelanggan.
Pengembang dapat bekerja lebih baik dalam menentukan kebutuhan pelanggan.
Lebih menghemat waktu dalam pengembangan sistem.
Penerapan menjadi lebih mudah karena pelanggan mengetahui apa yang diharapkannya.

Kekurangan Model Prototype :
Proses analisis dan perancangan terlalu singkat.
Biasanya kurang fleksibel dalam mengahadapi perubahan.
Walaupun pemakai melihat berbagai perbaikan dari setiap versi prototype, tetapi pemakai mungkin tidak menyadari bahwa versi tersebut dibuat tanpa memperhatikan kualitas dan pemeliharaan jangka panjang.
Pengembang kadang-kadang membuat kompromi implementasi dengan menggunakan sistem operasi yang tidak relevan dan algoritma yang tidak efisien.

Model Rapid Application Development (RAD)

Rapid Aplication Development (RAD) adalah sebuah model proses perkembanganperangkat lunak sekuensial linier yang menekankan siklus perkembangan yang sangat pendek (kira-kira 60 sampai 90 hari). Model RAD ini merupakan sebuah adaptasi “kecepatan tinggi” dari model sekuensial linier dimana perkembangan cepat dicapai dengan menggunakan pendekatan konstruksi berbasis komponen.

Berikut adalah Tahapan – tahapan Proses Pengembangan dalam Model Rapid Application Development (RAD), yaitu :

Bussiness Modeling

Fase ini untuk mencari aliran informasi yang dapat menjawab pertanyaan berikut:

Informasi apa yang menegndalikan proses bisnis?
Informasi apa yang dimunculkan?
Di mana informasi digunakan ?
Siapa yang memprosenya ?

Data Modeling

Aliran informasi yang didefinisikan sebagai bagian dari fase bussiness modeling disaring ke dalam serangkaian objek data yang dibutuhkan untuk menopang bisnis tersebut. Karakteristik (atribut) masing-masing objek diidentifikasi dan hubungan antar objek-objek tersebut didefinisikan.

Proses Modeling

Aliran informasi yang didefinisikan di dalam fase data modeling ditransformasikan untuk mencapai aliran informasi yang perlu bagi implementasi sebuah fungsi bisnis. Gambaran pemrosesan diciptakan untuk menambah, memodifikasi, menghapus, atau mendapatkan kembali sebuah objek data.

Aplication Generation

Selain menggunakan bahasa pemrograman generasi ketiga, RAD juga memakai komponen program yang telah ada atau menciptakan komponen yang bisa dipakai lagi. Ala-alat bantu bisa dipakai untuk memfasilitasi konstruksi perangkat lunak.

Testing dan Turnover

Karena proses RAD menekankan pada pemakaian kembali, banyak komponen program telah diuji. Hal ini mengurangi keseluruhan waktu pengujian. Tetapi komponen baru harus diuji dan semua interface harus dilatih secara penuh.

Kelebihan Model RAD :
Lebih efektif dari Pengembangan Model waterfall/sequential linear dalam menghasilkan sistem yang memenuhi kebutuhan langsung dari pelanggan.
Cocok untuk proyek yang memerlukan waktu yang singkat.
Model RAD mengikuti tahap pengembangan sistem seperti pada umumnya, tetapi mempunyai kemampuan untuk menggunakan kembali komponen yang ada sehingga pengembang tidak perlu membuatnya dari awal lagi sehingga waktu pengembangan menjadi lebih singkat dan efisien.

Kekurangan Model RAD :
Model RAD menuntut pengembangan dan pelanggan memiliki komitmen di dalam aktivitas rapid-fire yang diperlukan untuk melengkapi sebuah sistem, di dalam kerangka waktu yang sangat diperpendek. Jika komitmen tersebut tidak ada, proyek RAD akan gagal.
Tidak semua aplikasi sesuai untuk RAD, bila system tidak dapat dimodulkan dengan teratur, pembangunan komponen penting pada RAD akan menjadi sangat bermasalah.
RAD tidak cocok digunakan untuk sistem yang mempunyai resiko teknik yang tinggi.
Membutuhkan Tenaga kerja yang banyak untuk menyelesaikan sebuah proyek dalam skala besar.
Jika ada perubahan di tengah-tengah pengerjaan maka harus membuat kontrak baru antara pengembang dan pelanggan.

Model Evolutionary Development / Evolutionary Software Process Models

Model Evolutionary Development bersifat iteratif (mengandung perulangan). Hasil prosesnya berupa produk yang makin lama makin lengkap sampai versi terlengkap dihasilkan sebagai produk akhir dari proses. Model Evolutionary Development / Evolutionary Software Process terbagi menjadi 2, yaitu :

Model Incremental

Model Incremental merupakan hasil kombinasi elemen-elemen dari model waterfall yang diaplikasikan secara berulang, atau bisa disebut gabungan dari Model linear sekuensial (waterfall) dengan Model Prototype. Elemen-elemen tersebut dikerjakan hingga menghasilkan produk dengan spesifikasi tertentu kemudian proses dimulai dari awal kembali hingga muncul hasil yang spesifikasinya lebih lengkap dari sebelumnya dan tentunya memenuhi kebutuhan pemakai.

Model ini berfokus pada penyampaian produk operasional dalam Setiap pertambahanya. Pertambahan awal ada di versi stripped down dari produk akhir, tetapi memberikan kemampuan untuk melayani pemakai dan juga menyediakan platform untuk evaluasi oleh pemakai. Model ini cocok dipakai untuk proyek kecil dengan anggota tim yang sedikit dan ketersediaan waktu yang terbatas.
Pada proses Pengembangan dengan Model Incremental, perangkat lunak dibagi menjadi serangkaian increment yang dikembangkan secara bergantian.

Contoh Penerapan Model Incremental

Perangkat lunak pengolah kata yang dikembangkan dengan menggunakan paradigma pertambahan akan menyampaikan manajemen file, editing, serta fungsi penghasilan dokumen pada pertambahan pertama, dan selanjutnya. Pertambahan pertama dapat disebut sebagai produk inti (core product). Dan pada pertambahan selanjutnya, produk inti akan dikembangkan terus hingga menghasilkan produk jadi yang siap untuk digunakan/dipasarkan.

Kelebihan Model Incremental :
Personil bekerja optimal.
mampu mengakomodasi perubahan secara fleksibel, dengan waktu yang relatif singkat dan tidak dibutuhkan anggota/tim kerja yang banyak untuk menjalankannya.
Pihak konsumen dapat langsung menggunakan dahulu bagian-bagian yang telah selesai dibangun. Contohnya pemasukan data karyawan.
Mengurangi trauma karena perubahan sistem. Klien dibiasakan perlahan-lahan menggunakan produknya setiap bagian demi bagian.
Memaksimalkan pengembalian modal investasi konsumen.

Kekurangan Model Incremental :
Tidak cocok untuk proyek berukuran besar (lebih dari 200.000 baris coding).
Sulit untuk memetakan kebutuhan pemakai ke dalam rencana spesifikasi tiap-tiap hasil dari increament.

2. Model Spiral / Model Boehm
Model ini mengadaptasi dua model perangkat lunak yang ada yaitu model prototyping dengan pengulangannya dan model waterfall dengan pengendalian dan sistematikanya. Model ini dikenal dengan sebutan Spiral Boehm. Pengembang dalam model ini memadupadankan beberapa model umum tersebut untuk menghasilkan produk khusus atau untuk menjawab persoalan-persoalan tertentu selama proses pengerjaan proyek.

Tahap-tahap model ini dapat dijelaskan secara ringkas sebagai berikut :

Tahap Liason:pada tahap ini dibangun komunikasi yang baik dengan calon pengguna/pemakai.
Tahap Planning (perencanaan):pada tahap ini ditentukan sumber-sumber informasi, batas waktu dan informasi-informasi yang dapat menjelaskan proyek.
Tahap Analisis Resiko:mendefinisikan resiko, menentukan apa saja yang menjadi resiko baik teknis maupun manajemen.
Tahap Rekayasa (engineering):pembuatan prototipe.
Tahap Konstruksi dan Pelepasan (release):pada tahap ini dilakukan pembangunan perangkat lunak yang dimaksud, diuji, diinstal dan diberikan sokongan-sokongan tambahan untuk keberhasilan proyek.
Tahap Evaluasi:Pelanggan/pemakai/pengguna biasanya memberikan masukan berdasarkan hasil yang didapat dari tahap engineering dan instalasi.

Kelebihan model iniadalah sangat mempertimbangkan resiko kemungkinan munculnya kesalahan sehingga sangat dapat diandalkan untuk pengembangan perangkat lunak skala besar. Pendekatan model ini dilakukan melalui tahapan-tahapan yang sangat baik dengan menggabungkan model waterfall ditambah dengan pengulangan-pengulangan sehingga lebih realistis untuk mencerminkan keadaan sebenarnya. Baik pengembang maupun pemakai dapat cepat mengetahui letak kekurangan dan kesalahan dari sistem karena proses-prosesnya dapat diamati dengan baik.

Kekurangan model iniadalah waktu yang dibutuhkan untuk mengembangkan perangkat lunak cukup panjang demikian juga biaya yang besar. Selain itu, sangat tergantung kepada tenaga ahli yang dapat memperkirakan resiko. Terdapat pula kesulitan untuk mengontrol proses. Sampai saat ini, karena masih relatif baru, belum ada bukti apakah metode ini cukup handal untuk diterapkan.

Model Spiral/Boehm sangat cocok diterapkan untuk pengembangan sistem dan perangkat lunak skala besar di mana pengembang dan pemakai dapat lebih mudah memahami kondisi pada setiap tahapan dan bereaksi terhadap kemungkinan terjadinya kesalahan. Selain itu, diharapkan juga waktu dan dana yang tersedia cukup memadai.
Mungkin cukup sekian postingan saya kali ini, semoga pembahasan tentang “Model – model Pengembangan Perangkat Lunak” diatas dapat bermanfaat untuk kita semua.

Download Aplikasi Siakad Kampus Berbasis Web

2016-08-15T08:50:00.004-07:00

Salam Programer.. Disini saya akan share aplikasi sistem informasi akademik berbasis web
dimana aplikasi ini terdapat 3 user yaitu admin dosen dan mahasiswa
admin dapat mengatur semua sistem yang ada, sedangkan dosen bisa input nilai dan edit data pribadi maupun jadwal mengajar. sedangkan mahasiswa bisa kontark krs, cetak krs, cetak khs dan cetak transkrip nilai. langsung saja lihat penampakannya gan..

Halaman Utama Mahasiswa

Data Pribadi Mahasiswa

Lihat Nilai Mahasiswa

Jadwal Kuliah Mahasiswa

KRS Mahasiswa

Cetak KHS

Cetak KRS Mahasiswa

Cetak Transkrip Nilai Mahasiswa

Halaman Utama Dosen

Data Pribadi Dosen

Data Mengajar Dosen

Jadwal Mengajar Dosen

Data Nilai Mahasiswa

Data KRS

Halaman Utama Administrator

Kelola User

Kelola Modul

Kelola Fakukultas

Kelola Jurusan

Kelola Kelas

Kelola Mata Kuliah

Kelola Kurikulum

Kelola Jadwal

Kelola Dosen

Kelola Dosen Mengajar

Kelola Data Mahasiswa

Jika Membutuhkan Silahkan Sedot Gan

Download
Terimakasih Sudah Berkunjung

Jika ada pertanyaan silahkan chat langsung via WA

5 Situs Terbaik untuk Belajar Coding Gratis | HTML, CSS, Javascript, PHP, JQuery, dan SQL

2016-08-10T03:28:00.004-07:00

Pernah dengar tentang HTML, CSS, Javascript, PHP, JQuery, dan SQL? Minimal pengguna internet pernah mendengar atau mempelajari salah satunya. Misalnya untuk membuat website atau blog memerlukan (code) kode HTML, CSS, dan Javascript. Kode-kode tersebut terlihat rumit untuk dipelajari, namun itulah yang membuat situs-situs ini berambisi untuk memberikan pengajaran tentang coding kepada semua penggunanya GRATIS.

Apa saja kelima website tersebut? Ketahui dan pelajari!

<5 Situs Terbaik untuk Belajar Coding>

1. W3Schools.com

W3school adalah website nomor 1 yang paling membantu pemula untuk belajar bahasa pemrograman dari awal hingga akhir. Cara belajar di W3school adalah agan tinggal pergi ke websitenya dan pilih bahasa mana yang sobat ingin pelajari. pengalaman ane gan enak banget sangat lengkap fiturnya. Pilihan
HTML/CSS (HTML5/CSS3), Javascript, PHP, ASP, XML, AJAX, jQuery

2. CodeAcademy.com

Selain w3schools.com, CodeAcademy.com adalah salah satu yang terbaik untuk belajar programing. Yang membuat website ini ane rekomendasikan adalah cara pengajarannya yang menyenangkan dan fiturnya yang banyak. Disini agan bisa belajar HTML/CSS, PHP, jQuery, JavaScript, Python, Ruby

3. CodeAvengers.com

Keunikan dari CodeAvengers.com adalah agan harus melewati beberapa level untuk mencapai level tertinggi. Ada 3 level yang harus agan selesaikan namun juga agan akan diberi tutorial sebelum mengerjakan level. Pilihan yang bisa agan coba HTML/CSS (HTML5/CSS3), JavaScript

4. CodeSchool.com

Disinilah tempat para pemula memulai belajar programing, disini juga sangat menyenangkan karena adanya tutorial lengkap. Kode yang bisa agan pelajari di CodeSchool.com adalah HTML/CSS, Ruby on Rails, JavaScript, iOS

5. TeamTreeHouse.com

TeamtreeHouse sama seperti codeschool yang menyediakan tampilan yang simpel dan mudah untuk belajar coding. Pilihan HTML/CSS, iOS, Android, Wordpress

Hanya itu? Tidak! ada sangat banyak situs untuk belajar coding, baik untuk pemula atau lanjutan. Satu lagi situs untuk belajar coding yaitu Coding.com.

Ok, cukup itu saja semoga bisa bermanfaat!

Tips Dan Trik Jadi Programer

2016-08-10T03:18:00.001-07:00

Sudah lama sekali rasanya saya tidak share tentang pemrograman ya, kali ini saya mau share mengenai tips bagaimana membuat kebiasaan yang baik dalam pemrograman dan tips bagaimana cara membuat program dengan tingkat error yang minim. Contoh kasus untuk web programming berikut tips nya :

1. Hindari pikiran “mulai dari mana ya?”

Ini juga persis seperti waktu pertama saya mengenal pemrograman, dikepala yang ada selalu berpikir “saya mau mulai dari mana ya”, menurut saya yang benar adalah “apa yang mau saya buat”, contoh kamu mau buat form login, baru kamu pikirkan untuk membuat form login apa saja yang saya butuhkan ya?, misal kamu butuh form dengan dua field, berarti kamu cari tutorial buat formnya sama fieldnya, setelah selesai dan bisa kamu mau buat gimana lagi di form itu, cari saja di mbah google banyak kok tutorial pemrograman apalagi php, jadi belajar yang butuh dulu jangan berpikir mulai dari mana.

2. Jangan menghapal script

Percaya sob mau belajar sampai kapan kalau masih menghafal script, sampai sekarang saja saya ga' pernah hapal tuh script yang sangat fundamental yang perlu kamu latih bukan menghafal script tapi latih logika kenali lebih dalam seperti kondisi if else, boolean true false, data array, pengulangan dan lain-lain bro menurut saya ini yang penting.

3. Gunakan dengan notepad++

Saya dulu adalah pecinta editor dreamweaver, dari macromedia hingga dreamweaver cs3, suatu hari saat pertama saya bekerja di perusahaan sebelumnya, saya melamar menjadi programmer dan tidak lulus (karna memang newbie kurang ahli heheh…), saya mengobrol dengan programmer senior disana, ada satu kalimat yang saya ingat “jangan membiasakan membuat program pakai aplikasi editor, apalagi seperti dreamweaver bikin logika jadi kurang tajam…” kata senior programmer, dengan heran saya tanya “memangnya kenapa om..?”. singkat cerita beliau menjelaskan bahwa editor tersebut terlalu visual sehingga bagi pengguna jadi terbiasa menggunakan mata daripada logika pikiran, sehingga bila ketemu kasus yang tidak ada di editor tersebut, akan bingung sendiri, selain itu tidak semua perusahaan memiliki aplikasi seperti dreamweaver yang nantinya akan membuat kita ketergantungan sama software, biasakan saja dengan notepad atau notepad++, jadi dimanapun kita bekerja tidak terlalu ketergantungan alias bisa, karena hampir semua sistem operasi punya editor notepad.

4. Biasakan mengetik bukan drag drop

Seperti yang saya bilang sebelumnya, dengan mengetik secara tidak langsung kita melatih otak memori kita, sehingga sedikit demi sedikit membuat si otak makin tajam dengan script yang dibuat, memang melelahkan tapi betul-betul berkualitas daya pikir kita mengenai logika bro. jangan biasakan copypaste, walaupun sudah ada contoh usahakan mengetik (kecuali lu emang dah hafal banget sama tuh script…), percaya deh kamu biasakan seperti ini, cuma cukup hitungan bulan kamu pasti sudah menguasai pemrograman, tidak hanya web sih mungkin bisa bahasa yang lain. Sampai sekarang saya masih membiasakan menggunakan dengan notepad++ dan alhasil saya lebih mengenal dan lebih imajinatif tentang script yang secara tidak langsung lama-lama script jadi hafal.

5. Selalu tambahkan tag penutup sebelum isi

Maksudnya begini guys, biasanya seperti waktu awal-awal saya belajar program itu seperti ngetik di word lurus aja lempeng, tidak ada jarak pokoknya asal asalan deh, biar meminimalisir kesalahan selalu awali pemrograman dengan tag pembuka kemudian tutup, contoh

Copy All Code

 <html>

Isi… isi da nisi semua koding disini pas di tes error hanya karena kurang tutup kurawal atau tanda titik dua, hehehe (biasa bro…)

Yang bener buat tag pembuka seperti ini

Copy All Code

 <html>

Buat lagi tag penutup seperti ini,

Copy All Code

</html>

Kemudian tengahnya baru diisi seperti ini bro

Copy All Code

<html> isi kode kamu disini </html>

Jangan lupa untuk selalu memberi jarak kedalam biar makin minim kesalahan error

6. Lakukan dan coba… pasti ketagihan

Bukan kalian sendiri kok, saya juga sama waktu pertama liat koding, mau muntah rasanya boro-boro belajar, kayaknya dah neg duluan bro. memang paling susah adalah mulai menyukai tapi kalau tidak pernah nyobain yakin tidak akan pernah suka, alhasil ga akan pernah bisa bro, action aja, coba saja dulu kalau sudah pernah sekali dan berhasil dalam eksperimen, dijamin akan pengen lagi bikin yang lain, so jangan menyerah dan action bro ane akan selalu ngedukung hehehe.

Nah itu aja gan 6 tips cara cepat jadi programmer mudah-mudah bisa jadi inspirasi dan mau mulai membuat program, jadi buat bisa program ga sulit kan hehehe sampai ketemu lagi di posting berikutnya.

Tutorial Membuat Upload File Di CodeIgniter

2016-08-07T13:00:00.003-07:00

Halo para Sahabat, sebelumnya saya minta maaf kepada anda semua karena saya sudah agak lama tidak pernah update postingan lagi di blog ini, dikarenakan saya dalam proses pembuatan Skripsi , jadi saya mohon pengertian sahabat sekalian. Untuk memuaskan kerinduan para sahabat dengan ilmu-ilmu baru yang anda dapatkan dari blog ini, saya akan memberikan sebuah tutorial php yang sangat bermanfaat bagi kita semua. Disini kita akan membahas Bagaimana Cara Membuat Upload File dengan Menggunakan FrameWork CodeIgniter PHP.

Upload File Dengan CodeIgniter PHP

Pada Hakikatnya didalam CodeIgniter untuk melakukan uplad file kita telah diberikan class-nya untuk memudahkan kita para developer, dan kali ini kita akan membahas class tersebut.
Marikita bahas tahap demi tahap dibawah ini :

1. Buat file upload_form.php dan letakkan pada application/views dan ketikkan scriptnya seperti berikut :

<html>
<head>
<title>Upload Form By Belajar Pintar PHP </title>
</head>
<body>
<?php echo $error;?>
<?php echo form_open_multipart('upload/do_upload');?>
<input type="file" name="userfile" size="20" />
<br /><br />
<input type="submit" value="upload" />
</form>
</body>
</html>

2. Lalu buat file upload_success.php dan letakkan pada application/views dan isi scriptnya seperti berikut :

<html>
<head>
<title>Upload Form By Belajar Pintar PHP </title>
</head>
<body>
<h3>File anda telah berhasil diupload </h3>
<ul>
<?php foreach ($upload_data as $item => $value):?>
<li><?php echo $item;?>: <?php echo $value;?></li>
<?php endforeach; ?>
</ul>
<p>
<?php echo anchor('upload', 'Upload File lainnya !'); ?>
</p>
</body>
</html>

3. Jika sudah membuat file-file untuk views, sekarang kita membuat file untuk controllers. Buat fileupload.php dan lettakan di application/controllers/ dengan script berikut :

<?php
class Upload extends CI_Controller {
function __construct()
{
parent::__construct();
$this->load->helper(array('form', 'url'));
}
function index()
{
$this->load->view('upload_form', array('error' => ' ' ));
}
function do_upload()
{
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'gif|jpg|png';
$config['max_size']    = '100';
$config['max_width']  = '1024';
$config['max_height']  = '768';
$this->load->library('upload', $config);
$this->upload->initialize($config);
if ( ! $this->upload->do_upload())
{
$error = array('error' => $this->upload->display_errors());
$this->load->view('upload_form', $error);
}
else
{
$data = array('upload_data' => $this->upload->data());
$this->load->view('upload_success', $data);
}
}
}
?>

Berikut saya Uraikan sedikit penjelasan mengenai upload.php :

$this->load->helper(array('form', 'url'));	Artinya dapat dihapus jika anda telah mendefinisikanya pada config/autoload.
$config['upload_path'] = './uploads/';	lokasi atau folder yang akan menmpung file jadi buat terlebih dahulu folder uploads di folder web CI anda. ( Buat folder baru penyimpanan file)
$config['allowed_types'] = 'gif\|jpg\|png';	tipe file yang diizinkan untuk diupload, hal ini dapat disesuaikan dengan kebutuhan.
$config['max_size'] = '100';$config['max_width'] = '1024';$config['max_height'] = '768';	ukuran file dan lebar panjang untuk gambar, hal ini juga dapat disesuaikan sesuai dengan kebutuhan.

Jika semua tahap yang diatas telah selesai anda buat dengan benar, sekarang anda tinggal mencoba dengan masuk ke link http://localhost/folderCI/upload.

Tutorial Membuat Kalkulator Sederhana Dengan AJAX dan PHP

2016-08-07T12:58:00.002-07:00

Halo sahabat Belajar Pintar PHP, Setelah sebelumnya saya membagikan kepada anda semua sebuah source code mengenai cara membuat kalkulator online dengan php , kali ini saya juga akan membagikan kepada anda sebuah tutorial sekaligus source code Ajax mengenai cara membuat kalkulator dengan menggunakan ajax jquery serta php. Tapi bagi anda yang belum mengerti apa itu ajax, jangan berkecil hati karena anda dapat mengetahuinya melalui postingan saya sebelumnya mengenai Dasar Pemahaman Ajax yang harus diketahui oleh pemula . Oke mungkin sebagian dari anda tidak sabar lagi ingin mengetahuinya, oleh karena itu mari kita langsung bahas satu-persatu dibawah ini.
Dalam pembuatan kalkulator dengan ajax ini kita juga menggunakan fungsi sebuah form yang berguna untuk men-submit hasil dari perhitungan kita agar diproses oleh kode php yang kita buat. Buat anda yang belum mengerti cara membuat submit form menggunakan ajax jquery dan php , anda bisa baca disini , dan bagi anda yang sudah mengetahuinya, mari kita lanjut ketopik pembahasan kita yang pertama.

1. Buat sebuah halaman html dengan nama kalkulator.html , lalu ketikkan atau copy-paste saja seluruh script dibawah ini kedalamnya.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Kalkulator sederhana dengan Ajax</title>

<script type="text/javascript" src="kalkulator.js"></script>

</head>

<body>

<h1>Kalkulator Sederhana dengan AJAX PHP</h1>

<form name="form1">

<!-- input bilangan pertama -->

<input type="text" id="bil1" />

<!-- pilihan jenis operasi -->

<select id="operasi">

<option value="penjumlahan">dijumlahkan dengan</option>

<option value="pengurangan">dikurangkan dengan</option>

<option value="perkalian">dikalikan dengan</option>

<option value="pembagian">dibagi dengan</option>

</select>

<!-- input bilangan kedua -->

<input type="text" id="bil2" /><br />

<!-- tombol hitung -->

<input type="button" value="Hitung" onclick="hitung()" />

</form>

<!-- bagian untuk menampilkan output -->

<p><div id="output" /></p>

</body>

</html>

Halaman diatas berfungsi sebagai halaman utama sekaligus halaman tempat penginputan angka yang akan diproses.

2. Buat halaman php dengan nama kalkulator.php dan kemudian ketikkan atau copy-pastekan seluruh script php dibawah ini kedalamnya

<?php

header('Content-Type: text/xml');

$bil1 = $_GET['bil1'];

$bil2 = $_GET['bil2'];

$op   = $_GET['op'];

echo '<output>';

if ($op == "penjumlahan") $hasil = $bil1 + $bil2;

else if ($op == "pengurangan") $hasil = $bil1 - $bil2;

else if ($op == "perkalian") $hasil = $bil1 * $bil2;

else if ($op == "pembagian")

{ 

if ($bil2 == 0) $hasil = "(ERROR) Divide by zero";

else $hasil = $bil1 / $bil2;

}

echo "Hasil perhitungannya adalah : ". $hasil;

echo '</output>';

?>

Halaman php ini berfungsi untuk halaman proses inti dari apa yang kita input pada halaman kalkulator.html.

3. Selanjutnya buat sebuah halaman Javascript dengan nama kalkulator.js, lalu copy-pastekan saja seluruh script dibawah ini kedalamnya

var xmlHttp = createXmlHttpRequestObject();

function createXmlHttpRequestObject()

{

var xmlHttp;

if(window.ActiveXObject)

{

try

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e)

{

xmlHttp = false;

}

}

else

{

try

{

xmlHttp = new XMLHttpRequest();

}

catch (e)

{

xmlHttp = false;

}

}

if (!xmlHttp) alert("Obyek XMLHttpRequest gagal dibuat");

else

return xmlHttp;

}

function hitung()

{

if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)

{

// mengambil data input dari elemen bernama bil1 dan dikonversi

// ke float / riil supaya dapat dioperasikan secara aritmatika

bil1 = 

parseFloat(encodeURIComponent(document.getElementById("bil1").value));

// mengambil data input dari elemen bernama bil2 dan dikonversi

// ke float / riil supaya dapat dioperasikan secara aritmatika

bil2 = 

parseFloat(encodeURIComponent(document.getElementById("bil2").value));

// mengambil data input dari elemen bernama operasi 

operasi = 

encodeURIComponent(document.getElementById("operasi").value);

// proses perhitungan operasi dilakukan di script kalkulator.php

xmlHttp.open("GET", "kalkulator.php?bil1=" + bil1 + "&bil2=" + bil2 + 

"&op=" + operasi, true);

xmlHttp.onreadystatechange = handleServerResponse;

xmlHttp.send(null);

}

else

setTimeout('hitung()', 1000);

}

function handleServerResponse()

{

if (xmlHttp.readyState == 4)

{

if (xmlHttp.status == 200)

{

xmlResponse = xmlHttp.responseXML;

xmlDocumentElement = xmlResponse.documentElement;

hasil = xmlDocumentElement.firstChild.data;

document.getElementById("output").innerHTML = hasil; 

// setTimeout('process()', 1000);

}

else

{

alert("Ada masalah dalam koneksi ke server: " +

xmlHttp.statusText);

}

}

}

Nah, halaman ini merupakan halaman yang berfungsi sebagai perantaran antara halaman input "kalkulator.html" dengan halaman proses "kalkulator.php" , jika anda sudah membaca postingan saya mengenai dasar pemahaman ajax bagi pemula tadi, maka diharapkan anda sudah mengerti dengan yang saya maksud.

Untuk menjalankan program tersebut, bagi yang belum tahu , anda dapat mengetikkan pada address bar browser anda masing-masing "http://localhost/calculator/kalkulator.html" tapi jangan sampai lupa mengaktifkan "Apache" bagi anda yang menggunakan Xampp.

Tutorial Dasar JQuery

2016-08-07T12:53:00.004-07:00

JQuery adalah suatu framework (library) Javascript yang menggambarkan bagaimana interaksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript, namun memiliki kehandalan dan keunggulan yang cukup banyak. Hal tersebut banyak menyebabkan para developer web menggunakannya dalam pembuatan sebuah website. JQuery memiliki slogan “Write less, do more” yang kurang lebih maksudnya adalah kesederhanaan dalam penulisan code, tapi dengan hasil yang lebih banyak. Degan istilah kata lain bisa disebutkan, kecil-kecil cabe rawit.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

JQuery merupakan library open source dengan lisensi GNU General Public License dan MIT License. Dari sisi ukurannya, framework JQuery sungguh ramping, hanya sekitar 20 KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsi lebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk plugin. Saat ini tersedia ribuan plugin yang dapat diperoleh secara gratis di internet.

Apa yang bisa Anda Lakukan dengan JQuery?

1. Mengakses bagian halaman tertentu dengan mudah.

Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu dari halaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesan harus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain, pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dari HTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalam mengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantung pada struktur HTML.

2. Mengubah tampilan bagian halaman tertentu.

CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalam mengatur dan mempercantik halaman web. Namun terkadang CSS punya kelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukung oleh semua browser. Cukup merepotkan jika kita harus mendesign halaman web dengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untuk mengatasi hal tersebut. Dengan JQuery, “kesenjangan” yang terjadi antara browser dalam urusan CSS akan tertutup dengan baik.

3. Mengubah isi dari halaman.

Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubah sebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks, menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baris tabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanya beberapa baris perintah.

4. Merespon interaksi user dalam halaman.

Website yang baik tidak cukup digambarkan dengan user-interface dan tampilan yang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksi dengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangat bergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untuk menangani event saat terjadi click. Namun demikian, event handling pada Javascript terbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapi semuanya dengan tambahan penanganan event-handling yang semakin mudah.

5. Menambahkan animasi ke halaman.

Animasi seringkali disertakan dalam suatu halaman web untuk menambah kecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs. Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambar bergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dan kekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupun masih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satu animasi yang bisa dibuat dengan JQuery adalah fading jika terdapat suatu bagian dari halaman ditambahkan atau dihilangkan.

6. Mengambil informasi dari server tanpa me-refresh seluruh halaman.

Mengambil informasi dari server tanpa refresh halaman merupakan salah satu konsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML). Pada penerapannya, cukup ribet jika harus membangun website dengan konsep AJAX, saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakan salah satunya.

7. Menyederhanakan penulisan Javascript biasa.

Semboyan JQuery adalah “Write less, do more” atau dengan kata lain kesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih. Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang web untuk menggunakan JQuery.

Download JQuery

Situs resmi JQuery dapat diakses di http://jquery.com/. Dan library JQuery dapat didownload di alamat http://docs.jquery.com/Downloading_jQuery. Tersedia library jQuery dalam 2 (dua) jenis yaitu minifieddan uncompressed. Minified jika kita ingin menggunakannya saja dalam website kita (ukuran 18 KB), sedangkan uncompressed jika kita berkeinginan turut serta mengembangkan code jQuery.

Contoh Sederhana JQuery

Contoh sederhana penggunaan JQuery

Penjelasan Program

1. Pertama, kita harus menyertakan (include) file library JQuery. Pastikan letak dari file library sudah benar. 2. Perintah-perintah JQuery.

Baris 8 merupakan perintah inisialisasi dimana saat halaman (dokumen) siap ditampilkan maka jalankan juga perintah yang ada di dalamnya. Hal ini mirip dengan event onLoad yang biasanya diletakkan di tag <body>.
Baris 9-11 maksudnya adalah mendefinisikan action yang terjadi saat link dengan class=show ( $(‘a.show’) ) diklik (lihat link baris ke-22). Jadi jika link di-klik maka paragraf dengan nama class=jquery ( $(‘p.jquery’) ) akan tampil dengan durasi tampil “slow”. Paragraf yang akan ditampilkan adalah paragraf baris ke-24 sampai 27.
Baris 13-15 sebaliknya, akan menyembunyikan isi dari paragraf yang mengandung nama class=jquery.

3. Isi dari halaman. Perhatikan nama class dari masing-masing object.

Sekian Tutorial Dasar Jquery nya, saya harap dapat berguna bagi setiap yang membacanya.

Tutorial CSS/HTML : Cara Membuat Menu Horizontal Cantik Dengan HTML dan CSS

2016-08-07T12:49:00.002-07:00

Selamat Malam buat sahabat sekalian, saya ingin membagikan kepada anda sebuah tutorial HTML\CSS yang tidak kalah menariknya dari postingan saya yang lain . Tutorial kali ini adalah Cara Membuat Menu Navigasi Lengkap dengan Drop Down murni dengan CSS.

Baiklah sebelumnya, saya sebagai admin mengasumsikan bahwa Anda sudah paham HTML dan CSS, dan tentu saja sudah paham menghubungkan antara HTML file dengan CSS, kalau belum saya sarankan lihat postingan saya sebelum postingan ini.
Sebelum anda meneruskan membaca tutorial ini, saya sarankan anda paham mengenai dasar-dasar HTML dan dasar-dasar CSS terlebih dahulu.

1. Membuat kode HTML
Baik , mari kita mulai dengan kode HTML nya, serhubung sekarang jamannya HTML5 maka kita akan pakai HTML5, tenang aja masih saya campur-campur dengan XHTML, nanti mengenai HTML5 akan saya bahas sendiri dilain waktu. Oke untuk strukturnya masih sama kita menggunakan tag <ul> dan <li>.
Berikut kodenya HTML nya .

Sekarang buat sebuah halaman dengan nama "Header.HTML" , lalu copy-kan seluruh code HTML ini kedalamnya .

<html lang="en">

<head>

  <meta charset="utf-8" />

  <title>Drop Down Menu ala Kumpulan Tutorial Website </title>

<link rel=”stylesheet” href=”style.css” type=”text/css”> 

<head>

<body>

  <div id="place-nav">

  <ul id="nav">

    <li  class="active"><a  href="#">Home</a></li>

    <li><a  href="#">Artikel</a></li>

    <li><a  href="#">About</a></li>

    <li><a  href="#">Social</a>

      <ul>

        <li><a  href="#">Facebook</a></li>

        <li><a  href="#">Google</a>

          <ul>

          <li><a  href="#">Google Wave</a></li>

          <li><a  href="#">Google Buzz</a></li>

          <li><a  href="#">Google Plus</a></li>

          </ul>

        </li>

        <li><a  href="#">Twitter</a></li>

      </ul>

    </li>

    <li><a  href="#">Portfolio</a></li>

  </ul>

  </div>

</body>

</html>

Berikut sedikit penjelasan tentang kode diatas :

Jika kita perhatikan didalam <li> Social ada menu lagi dan didalamnya lagi tepatnya didalam <li> Google ada menu lagi. Ini kita nanti akan membuat drop down menu dengan 2 level kedalaman.

Nah sekarang langkah selanjutnya, kita ubah list yang biasa itu menjadi menu yang menarik dengan CSS. Seperti ini kode CSS nya, langsung saya tulis semua nanti baru saya terangin:
Buat sebuah halaman dengan nama "Style.CSS" , lalu copy-kan seluruh kode CSS dibawah ini kedalamnya. .

#place-nav {

  width:960px;

  height:35px;

  margin:63px 0 0 0;

}

#nav {

  height:35px;

}

#nav li {

  height:35px;

  float:left;

  display:inline;

  margin:0 5px;

  position:relative;

  font-family: Arial, verdana, serif;

  z-index:1000;

}

#nav li a {

  float:left;

  display:inline;

  height:25px;

  padding:10px 8px 0 8px;

  font-size:12px;

  color:#9e9e9e;

  font-weight:bold;

  text-transform:uppercase;

  text-shadow:0 0 3px #c7c7c7;

}

#nav li:hover a {

  text-decoration:none;

  color:#505050;

}

#place-nav ul ul {

  position:absolute;

  z-index:1200;

  display:none;

  width:186px;

  margin: 0;

  top: 35px;

  left:0;

  background:#1d87ca;

  padding:0 0 2px 0;

}

#place-nav ul li ul li {

  display: inline;

  float: left;

  width:186px;

  height:auto;

  border-bottom:1px solid #085d93;

  float: left;

  padding: 0;

  position:relative;

  margin:0;

}

#place-nav ul ul ul {

  position:absolute;

  z-index:1300;

  display:none;

  width:186px;

  margin: 0;

  top: 0;

  left:183px;

  background:#1c83ce;

  border-left:1px solid #1479c3;

  padding:0;

}

#place-nav ul li ul li ul li {

  display: inline;

  float: left;

  padding: 0;

}

#place-nav #nav li:hover ul li a, #place-nav #nav  li:hover ul li a:link, #place-nav #nav li:hover ul li a:visited {

  color:#fff;

  font-size:12px;

  width:170px;

  height:auto;

  text-transform:none;

  border:none;

  background: none;

  padding:9px 8px;

  text-shadow:none;

  margin:0;

  font-weight:lighter;

}

#place-nav #nav li:hover ul li a:hover, #place-nav  #nav li ul li a:hover {

  text-decoration:none;

  color:#fff;

  background:#0f74bd;

}

div#place-nav li:hover ul ul,

div#place-nav li li:hover ul ul

{display:none;}
div#place-nav li:hover ul,

div#place-nav li li:hover ul

{display:block;}

Jika sudah , sekarang coba anda jalankan pada browser file Header.HTML tadi , lalu lihat hasilnya.
So, sekarang saya akan terangkan bagian-bagian yang terpenting, pertama adalah #nav li disini kita kasih position:relative;, kenapa? karena drop down kita #place-nav ul ul memilki position:absolute;. Sehingga kita harus mendeklarasikan kontainernya agar posisinya pas dibawah tiap menu <li>. Jika kita tidak memberi position:relative; maka browser akan menganggap kontainer nya adalah <body> sehingga drop downnya akan muncul dipojok kiri atas browser.

Berikutnya adalah #nav li:hover a loh kok bukan #nav a:hover li kenapa <li> nya yang dihover? Yap, karena drop down kita berada didalam <li> dan bukan didalam <a> maka apabila kita ingin jejaknya tetap ada ya kita hover di <li> nya. Saya tambahkan z-index:1000 buat jaga-jaga karena biasanya dibawah menu itu biasanya terdapat slideshow javascript dan kebanyakan kasus terutama IE7 posisi dropdown dibawah slideshow, karena itu saya kasih z-index yang agak tinggi biar posisi diatasnya.
Dan karena IE6 hanya kenal hover untuk tag <a> maka kalau anda masih cinta IE6 dan masih ingin mendukungnya mending ke laut aja maka gunakan csshover.htc Peter Nederlof agar bisa jalan di IE6/ .

Oke berikutnya #place-nav ul ul nah ini merupakan drop downnya, karena itu kita beri position:absolute; agar muncul tepat dibawah tiap #nav a:hover li. Jangan lupa untuk kita hilangkan dulu, karena drop downnya baru muncul kalau kita hover jadi awalnya disembunyiin dulu dengan display:none;. Kita atur posisinya agar tepat dibawah menu dengan top:35px; dan left:0;. Pastikan untuk jarak atasnya tidak ada ruang kosong 1 pixel pun karena jika ada ketika mouse kita melewati ruang kosong tersebut maka mouse kita sudah diluar <li> sehingga dropdown akan langsung hilang. Jadi pastikan nilai top lebih kecil atau sama dengan nilai height <li> diatasnya.

Berikutnya #place-nav ul ul ul ini merupakan drop down level ke 2 jadi ya sama kayak sebelumnya, tapi karena dorp down level kedua posisinya agak kekanan dari drop down level 1, maka nilai left kita perbesar tapi juga jangan ada jarak 1 pixel pun.

Nah yang terakhir dan terpenting adalah :

div#place-nav li:hover ul ul,

div#place-nav li li:hover ul ul

{display:none;}

div#place-nav li:hover ul,

div#place-nav li li:hover ul

{display:block;}

Ini merupakan kode css untuk memunculkan drop down dan menghilangkannya. Seperti yang Anda lihat div#place-nav li:hover ul, div#place-nav li li:hover ul ini berarti jika kita menghover <li> maka <ul> berikutnya akan muncul display:block dan <ul> dalamnya (level ke 2) tidak muncul display:none; baru ketika kita hover <li> level ke dua maka drop down level ke dua akan muncul.
Selamat mencoba, dan jangan lupa share dan komennya yah.
Terimakasih.

Jenis - Jenis Bahasa Pemrograman Web

2016-08-07T10:24:00.000-07:00

Berikut ini adalah jenis-jenis bahasa pemrograman web
1. Bahasa Pemrograman HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.

HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan.
Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer.
2. Bahasa Pemrograman PHP

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.
PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.
PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
3. Bahasa Pemrograman ASP

ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.
ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft.
ASP bekerja pada web server dan merupakan server side scripting

4. Bahasa Pemrograman XML

Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.
XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.
XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.

5. Bahasa Pemrograman WML

WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).
WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel
6. Bahasa Pemrograman PERL

Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
7. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
8. Bahasa Pemrograman Javascript

Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape.
Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.

9. Bahasa Pemrograman CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML.
Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL.
Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).
Itulah macam-macam pemrograman web populer dan ini ciebal 100% COPAS dari website orang dan semoga memberikan manfat.
10. Asynchronous JavaScript And XML(AJAX)

Ajax adalah bahasa pemrograman yang membuat web kita lebih interaktif yang salah satu contoh web yang banyak menggunakan ajax adalah facebook, dengan menggunakan ajax web kita terlihat lebih dinamis karena tidak semua page yang tereload

Model Premrograman Web

2016-08-07T10:22:00.001-07:00

Pengertian Client Side Dan Server Side

Server Side merupakan teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program yang diberikan akan dijalankan/diproses di web server, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa. Sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk server side programming seperti; CGI/Perl Active Server Page, PHP, Cold Fussion dan lain-lain. Contoh lain dari teknologi webpage yang bersifat server side adalah mesin pencari(search engine).
Server Side bertolak belakang dengan Clien Side, semua program yang diminta oleh browser akan dieksekusi dari server tersebut, pengunjung hanya mendapat informasi dari hasil olahannya, sistem ini lebih aman daripada Clien Side. Contoh:PHP,ASP,ASP dot net,Java Server Net,Java Server Page,dll.
Client Side merupakan teknologi webpage yang menerapkan jenis pemrograman web dimana semua sintaks dan perintah program dijalankan di web browser sehingga ketika client meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web briwser yang bersangkutan. Contoh dari Client Side Programming seperti : Java Script, VbScript, HTML.
Perbedaan utama server-side dan client server
Perbedaan utama server-side programming dan client server programming adalah tempat mengeksekusi skripnya. Pada client server programming, skrip dieksekusi di browser sedangkan server side programming dieksekusi di client (web browser)

CLIENT SIDE

Karakteristik client side scripting :
1. Kode program didownload bersama dengan halaman web
2. Bersifat interpreter dan diterjemahkan oleh browser
3. Model eksekusinya simple dan skrip dapat dijadikan satu dengan HTML
Berikut cara kerja Client Side:
Pengunjung web mengklik salah satu link dari web dan browser membaca perintah pengunjung untuk memangil alamat web yang dituju.
Setelah itu browser akan mengalihkan ke halaman yang dituju oleh pengunjung web.
Contoh aplikasi Client Side :

Css
Jquery
Javascript,dll

Kelebihan dan kekurangan dari client side programming adalah :
Kelebihan Client-Side-Scripting
1. Tidak perlu server khusus untuk menjalankannya
2. Eksekusi script lebih cepat
3. Tidak membebani kinerja web server.
Kekurangan Client-Side-Scripting
1. Harus di support oleh browser dari pihak client
2. Script dapat ditiru
3. Dari segi keamanan kurang dapat diandalkan

SERVER SIDE

Karakteristik server side programming :
1. Ada client yang meminta request
2. Eksekusi program dilakukan di server
3. Mengirimkan hasil ke client
Cara kerja Server side :
jika kita melakukan interaksi dengan halaman web maka browser akan mengirimkan perintah ke server, kemudian server akan merespon dan melaukan perintah yang diberi kemudian server akan mengirimkan kembali data/ perintah dari browser, dan browser akan menampilkan data/ perintah tersebut.

Keuntungan server side programming :
Cross platform : tidak tergantung dengan browser tertentu
1. Optimasi danpemeliharaan dilakukan di browser
2. Dapat mengakses database dan tidak tergantung dengan keamanan
3. Menambah kekuatan server
4. Kode program aman

Aplikasi yang sering digunakan oleh server side programming
1. Search engines
2. Database access
3. Chat & bulletin board service
Dalam pembuatan web teknologi server side dibutuhkan server seperti xampp, wam, iis dan lain sebagainya. Contoh teknologi server side :
Asp
Php
Jsp
Phyton,dll
Kelebihan dan kekurangan dari Server side programmingadalah :
Kelebihan Server-Side-Scripting
1. data lebih aman
2. Susah untuk ditiru karena script di jalankan di server
3. Dari segi keamanan lebih menjamin dibandingkan dengan Client-Side-Scripting
Kekurangan Server-Side-Scripting
1. Memerlukan Server khusus untuk menjalankannya
2. Menambah beban kerja server
3. Agak lambat jika dibandingkan dengan Client-Side-Scripting karena script di terjemahkan di server kemudian tampilan di load di client

ARSITEKTUR CLIENT SIDE DAN SERVER SIDE

Arsitektur merupakan sekumpulan dari sistem sirkuit, chip, bus untuk ekspansi slot, BIOS dan lain sebagainya. Dalam arsikektur terdapat tiga elemen utama yaitu :

Arsitektur sistem pemrosesan, yaitu suatu standart teknis untuk menentukkan hardware, lingkungan sistem operasi, dan software aplikasi.
Arsitektur telekomunikasi dan jaringan, digunakan untuk menentukan fasilitas dalam komunikasi perusahaan, yang dilalui oleh informasi.
Arsitektur data yaitu berfungsi untuk menentukan organisasi data untuk tujuan referensi silang dan penyesuaian ulang, serta untuk penciptaan sumber informasi yang dapat diakses oleh aplikasi bisnis dalam lingkup luas.

Dalam Arsitektur Telematika terdiri atas dua Arsitektur yaitu :
1. Arsitektur Server Side
Server atau sering disebut juga back-end akan menerima pesan dari client, yang diproses dan hasilnya akan dikembalikan kepada client. Contoh dari tugas server melayani permintaan client kemudian memberikan jawaban atas data yang diminta oleh client, server dapat juga berkolaborasi dengan server lain untuk melayani permintaan client.
2. Arsitektur Client Side
Front-end atau client akan menerima hasil pemrosesan data yang dilakukan oleh server kemudian ditampilkan kepada user pada sebuah aplikasi yang dapat berinteraksi langsung dengan user. Client akan bekerja setelah mendapat instruksi dari server kemudian data akan diproses oleh server yang kemudian akan diberikan kepada client. Client berinteraksi langsung dengan user menggunakan user interface seperti Graphical User Interface (GUI).
Berikut ini beberapa contoh penanganan pada client yang berhubungan dengan DBMS yaitu:

Presentation Logic

Dalam Presentation Logic bertanggung jawab dalam memformat data pada pengguna atau alat keluaran dan bertugas mengendalikan masukan pengguna dari keybord atau alat input lainnya.

Processing Logic

Processing logic digunakan untuk penanganan logika pada saat data diproses, logika aturan bisnis (business rule logic), dan logika manajemen data (data management logic). Untuk mengetahui kesalahan proses pada data digunakan proses data logic.

Storage Logic

Bertanggung jawab pada hal penyimpanan data dan perbaikan data dari alat penyimpan yang bekerja dengan aplikasi.

Beberapa Permodelan Arsitektur Client server :

Arsitektur Mainframe

Menyediakan waktu dan sebagian memorinya untuk pemakai, kemudian berpindah kepemakai lain dan kembali lagi kepemakai awal. Komputer jenis ini memiliki suatu Central Processing Unit, Storage Device yang agak besar .

Arsitektur File Sharing

Didalam media penyimpanan server terdapat file-file yang dapat diakses langsung oleh user namun arsitektur ini memiliki keterbatasan dalam proses sharing.

Arsitektur Client/Server

Proses pengiriman pada query data ke server dapat dilayani dengan cepat karena data yang dikirim adalah hasil dari query tersebut. RPC (Remote Procedure Calls) memegang peranan penting dalam arsitektur client sever. Terdapat dua model client server yaitu Two-tier dan Three-tier.
Model Two-tier
Pada Arsitektur Two-tier, antarmukanya terdapat pada lingkungan desktop dan sistem manajemen database biasanya ada pada server yang lebih kuat yang menyediakan layanan pada banyak client. Pengolahan informasi dibagi antara lingkungan antarmuka sistem dan lingkungan server manajemen database.
Model Three-tier
Arsitektur Three-Tier diperkenalkan untuk mengatasi kelemahan dari arsitektur two-tier. Di tiga tingkatan arsitektur, sebuah middleware digunakan antara sistem user interface lingkungan client dan server manajemen database lingkungan. Middleware ini diimplementasikan dalam berbagai cara seperti pengolahan transaksi monitor, pesan server atau aplikasi server. Middleware menjalankan fungsi dari antrian, eksekusi aplikasi dan database staging

Tutorial Install XAMPP Versi 5.6.3 Di Windows

2016-08-07T09:52:00.002-07:00

XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya 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.

Saya akan menjelaskan cara Instalasi XAMPP v.5.6.3 di Windows.
Pastikan Kalian sudah download XAMPP di Web resmi di www.apachefriends.org/
Jika kalian sudah install XAMPP versi Sebelumnya, silahkan Uninstall.

Ikuti Langkah beikut ini untuk Instalasi XAMPP v.5.6.3
1. Klik 2 kali pada file 'xampp-win32-5.6.3-0-VC11-installer'. Akan muncul tampilan seperti ini:

Klik 'NEXT'.

2. Akan muncul tampilan seperti ini :

Klik 'NEXT'.

3. Jika Sudah, akan muncul tampilan seperti ini :
Tampilan ini berguna untuk meletakkan file instalasi. Letak Default install Xampp ada di 'C:/'

Lalu Klik 'NEXT'.

4. Ketika sudah memilih letak instalasi, akan muncul tampilan seperti ini :

Pada Checkbox 'Learn more abaout Bitnam for XAMPP' boleh di centang. tidak juga tidak apa-apa. Lalu, Klik 'NEXT'.

5.Jika sudah, akan muncul tampilan ini :

Klik 'NEXT'.

6. Akan muncul tampilan Loading.. Tunggu sampai selesai. itu membutuhkan waktu cukup lama.

7. Jika Proses Instalasi/Loading sudah selesai, Muncul tampilan seperti ini :

Ada Kolom Checklist pada tulisan 'Do you want to start Control Panel now?' . Jika kalian mencentang kolom tersebut, kia akan dibawa ke menu Kontrol Panel XAMPP. Jika tidak, juga tidak apa-apa. Tapi saya sarankan untuk mencentangnya. Jika sudak tercentang, Klik 'NEXT'.

8. Jika kalian centang tadi, maka akan muncul tampilan Control Panel seperti ini.
Silahkan Kalian Klik 'Start' di yang ada di Baris 'Apache'.

Jika Sudah di Klik 'Start', akan muncul tampilan perizinan, seperti ini :

Klik 'Allow access'.

Jika sudah akan muncul tampilan Control Panel lagi.

Sekarang, Apache sudah jalan, Kita juga Harus Aktifkan 'MySQL', caranya sama seperti tadi, Klik 'Start' pada baris MySQL. Maka juga akan muncul menu perizinan seperti ini :

Klik 'Allow access'.
Jika sudah kembali ke Menu Control Panel. Selesai kita mengatur settingan Apache dan MySQL.
Silahkan Klik 'Exit'.

9. Silahkan cek apakah XAMPP sudah terinstall pasti atau belum. Caranya Buka Browser. Ketikan di Address Bar : http://localhost/. Maka akan muncul tampilan seperti ini :

Silahkan Pilih bahasa yang ada.. Saya sarankan untuk memilih 'English'.

10. Maka akan muncul menu XAMPP.

Silahakan kalian cek juga di pilihan menu 'PHPMyAdmin'.

Selesai sudah Kita install XAMPP.

Langkah terakhir Kita harus pengaktifkan 'Register_Globals'.

Mengapa kita sampai bisa menggunakan settingan register_globals on ?
Hal ini mungkin disebabkan karena distribusi PHP seperti phptriad maupun XAMPP 1.5 yang secara default register_globals di set On. Ditambah lagi banyaknya buku PHP yang beredar dimana sample codenya itu masih menggunakan register_globals on.

Cara mengaktifkan Register_Globals di XAMPP.

1. Buka Windows Explorer. Lari ke direktori : 'C:/Xampp/php/'.

Cari File yang bernama 'php.ini'.

Silahkan Klik Kanan pada file 'php.ini', Pilih 'Open with'. Pilih Aplikasi Notepad.
Kemudian Tekan 'CRTL+F'. Lalu ketikan 'register_globals'.

Cari sampai ketemu Teks 'register_global = Off''. Ganti Teks Off menjadi On.

Jika sudah, Klik 'File'. Lalu Simpan. Atau menggunakan Shortcut di keyboard 'CRTL+S'.

Selesai Sudah Kita Install XAMPP v.5.6.3 di Windows..
Terima Kasih..

Aplikasi Sistem Informasi Akademik Berbasis Web

2016-08-03T07:15:00.001-07:00

Halaman Hak Akses Mahasiswa

Kontrak KRS

Halaman Admin

Admin Kelola Data Mahasiswa

Admin Kelola Mata Kuliah

Halaman Hak Akses Dosen

Jika Membutuhkan Silahkan Sedot Gan

disitu sudah tertera CP nya.

Download

2012-10-18T02:29:00.000-07:00

Software

Software atau perangkat lunak adalah data yang disimpan pada media penyimpanan data permanen seperti harddisk/disket/cd-r. Perangkat lunak ini dibuat untuk menjalankan perangkat keras komputer sehingga dapat berjalan sesuai fungsi yang diinginkan. Perangakat keras dapat juga berupa data-data seperti tulisan, gambar, atau video.
Pada awalnya perangkat lunak komputer dibuat hanya untuk satu tugas saja, sampai sekitar tahun 1960 an baru mulai muncul era perangkat lunak modern dengan berbagai fungsi. Alan Turing adalah salah satu yang berperan dalan rintisan awal perangkat lunak pada komputer

2012-10-18T02:28:00.000-07:00

Jaringan komputer

Jaringan komputer (jaringan) adalah sebuah sistem yang terdiri atas komputer-komputer yang didesain untuk dapat berbagi sumber daya (printer, CPU), berkomunikasi (surel, pesan instan), dan dapat mengakses informasi(peramban web). Tujuan dari jaringan komputer adalah
Agar dapat mencapai tujuannya, setiap bagian dari jaringan komputer dapat meminta dan memberikan layanan (service). Pihak yang meminta/menerima layanan disebut klien (client) dan yang memberikan/mengirim layanan disebut peladen (server). Desain ini disebut dengan sistem client-server, dan digunakan pada hampir seluruh aplikasi jaringan komputer.
Dua buah komputer yang masing-masing memiliki sebuah kartu jaringan, kemudian dihubungkan melalui kabel maupun nirkabel sebagai medium transmisi data, dan terdapat perangkat lunak sistem operasi jaringan akan membentuk sebuah jaringan komputer yang sederhana: Apabila ingin membuat jaringan komputer yang lebih luas lagi jangkauannya, maka diperlukan peralatan tambahan seperti Hub, Bridge, Switch, Router, Gateway sebagai peralatan interkoneksinya.

jaringan komputer bermula dari lahirnya konsep jaringan komputer pada tahun 1940-an di Amerika yang digagas oleh sebuah proyek pengembangan komputer MODEL I di laboratorium Bell dan group riset Universitas Harvard yang dipimpin profesor Howard Aiken. Pada mulanya proyek tersebut hanyalah ingin memanfaatkan sebuah perangkat komputer yang harus dipakai bersama. Untuk mengerjakan beberapa proses tanpa banyak membuang waktu kosong dibuatlah proses beruntun (Batch Processing), sehingga beberapa program bisa dijalankan dalam sebuah komputer dengan kaidah antrian.
Kemudian ditahun 1950-an ketika jenis komputer mulai berkembang sampai terciptanya super komputer, maka sebuah komputer harus melayani beberapa tempat yang tersedia (terminal), untuk itu ditemukan konsep distribusi proses berdasarkan waktu yang dikenal dengan nama TSS (Time Sharing System).Maka untuk pertama kalinya bentuk jaringan (network) komputer diaplikasikan. Pada sistem TSS beberapa terminal terhubung secara seri ke sebuah komputer atau perangkat lainnya yang terhubung dalam suatu jaringan (host) komputer. Dalam proses TSS mulai terlihat perpaduan teknologi komputer dan teknologi telekomunikasi yang pada awalnya berkembang sendiri-sendiri. Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency (DARPA) memutuskan untuk mengadakan riset yang bertujuan untuk menghubungkan sejumlah komputer sehingga membentuk jaringan organik pada tahun 1969. Program riset ini dikenal dengan nama ARPANET. Pada tahun 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan. Dan pada tahun 1970 itu juga setelah beban pekerjaan bertambah banyak dan harga perangkat komputer besar mulai terasa sangat mahal, maka mulailah digunakan konsep proses distribusi (Distributed Processing). Dalam proses ini beberapa host komputer mengerjakan sebuah pekerjaan besar secara paralel untuk melayani beberapa terminal yang tersambung secara seri disetiap host komputer. Dalam proses distribusi sudah mutlak diperlukan perpaduan yang mendalam antara teknologi komputer dan telekomunikasi, karena selain proses yang harus didistribusikan, semua host komputer wajib melayani terminal-terminalnya dalam satu perintah dari komputer pusat.

Pada tahun 1972, Roy Tomlinson berhasil menyempurnakan program surat elektonik (email) yang dibuatnya setahun yang lalu untuk ARPANET. Program tersebut begitu mudah untuk digunakan, sehingga langsung menjadi populer. Pada tahun yang sama yaitu tahun 1972, ikon at (@) juga diperkenalkan sebagai lambang penting yang menunjukan �at� atau �pada�. Tahun 1973, jaringan komputer ARPANET mulai dikembangkan meluas ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama yaitu tahun 1973, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran International Network (Internet). Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan surat elektronik dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network.

Peta logika dari ARPANET

Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET (User Network) pada tahun 1979. Tahun 1981, France Telecom menciptakan sesuatu hal yang baru dengan meluncurkan telepon televisi pertama, di mana orang bisa saling menelepon yang juga berhubungan dengan video link.
Seiring dengan bertambahnya komputer yang membentuk jaringan, dibutuhkan sebuah protokol resmi yang dapat diakui dan diterima oleh semua jaringan. Untuk itu, pada tahun 1982 dibentuk sebuah Transmission Control Protocol (TCP) atau lebih dikenal dengan sebutan Internet Protocol (IP) yang kita kenal hingga saat ini. Sementara itu, di Eropa muncul sebuah jaringan serupa yang dikenal dengan Europe Network (EUNET) yang meliputi wilayah Belanda, Inggris, Denmark, dan Swedia. Jaringan EUNET ini menyediakan jasa surat elektronik dan newsgroup USENET.
Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan Sistem Penamaan Domain atau domain name system, yang kini kita kenal dengan DNS. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Pada 1987, jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat menjadi 10000 lebih.
Jaringan komputer terus berkembang pada tahun 1988, Jarkko Oikarinen seorang berkebangsaan Finlandia menemukan sekaligus memperkenalkan Internet Relay Chat atau lebih dikenal dengan IRC yang memungkinkan dua orang atau lebih pengguna komputer dapat berinteraksi secara langsung dengan pengiriman pesan (Chatting ). Akibatnya, setahun kemudian jumlah komputer yang saling berhubungan melonjak 10 kali lipat. tak kurang dari 100000 komputer membentuk sebuah jaringan. Pertengahan tahun 1990 merupakan tahun yang paling bersejarah, ketika Tim Berners Lee merancang sebuah programe penyunting dan penjelajah yang dapat menjelajai komputer yang satu dengan yang lainnya dengan membentuk jaringan. Programe inilah yang disebut Waring Wera Wanua atau World Wide Web.
Komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer pada tahun 1992. Dan pada tahun yang sama muncul istilah surfing (menjelajah). Dan pada tahun 1994, situs-situs di internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya berbelanja melalui internet atau virtual-shopping atau e-retail muncul di situs. Pada tahun yang sama Yahoo! didirikan, yang juga sekaligus tahun kelahiran Netscape Navigator 1.0.