Archive for 2018

Laporan Hasil Diskusi Aplikasi Android berbasis web service

By : Fariz

Laporan Tugas Kelompok

0 Comments

Cara membuat Chart/Grafik dengan Code Igniter

By : Fariz

Hello teman2

Pada kesempatan kali ini saya ingin sharing tentang membuat chart atau grafik menggunakan framework codeigniter. Grafik atau chart merupakan penyajian informasi dengan cara yang sangat menarik dan mudah dipahami dari pada melihat report (laporan) yang memiliki teks yang kompleks dan terkadang membosankan.

Untuk membuat chart atau grafik menggunakan codeigniter, kita memerlukan semacam library atau plugin. Disini saya menggunakan chart.js

Cara download library nya temen2 tinggal klik chart.js yang ada di atas lalu Ctrl + S lalu arahkan ke folder project temen2 yang ada di htdocs masukan k folder assets

Contoh :

Chart.js merupakan library javascript yang sangat banyak digunakan oleh developer web dalam mebuat grafik atau chart. Chart.js sangat mudah digunakan dan mudah di cutomize.

Sekarang saya akan membuat Chart untuk memantau stok barang berdasarkan merk atau brand.

Sebelum masuk ke pembuatan ada beberapa Hal yang harus disiapkan : Xampp, Framework CodeIgniter, Sublime Text/Atom dll (TextEditor)

Sekarang kita masuk ke Proses coding !

1. Buat Database dan Tabel baru dan isi tabel seperti gambar dibawah :

2. Jangan Lupa Set Config/Database.php

3. Buat Folder assets didalam Folder Project lalu pindahkan Library chart.js yang temen2 udah download tadi

4. Buat Model dengan nama M_grafik.php dengan kode sebagai berikut :

5. Buat Controller dengan nama Grafik.php dengan kode sebagai berikut :

6. Buat View dengan nama v_grafik.php dengan kode sebagai berikut :

7. Lalu buka Link berikut untuk mengecek Chart yang sudah kita buat

http://localhost/ukk2/index.php/grafik

note: ukk2 adalah nama project Code igniter temen2 yaa

Hasilnya seperti gambar dibawah :

Ouhh iyaa untuk mengubah Chart/Grafik menjadi grafik batang tinggal temen ganti kode berikut yang ada di Views/v_grafik.php . Kode dan Hasil di web :

var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(lineChartData);

Sekian tutorial kali ini, Mohon Maaf jika ada kekurangan .

Wasalamualaikum !

Jika temen2 ingin mendownload Source kode didalamnya sudah ada Tabel beserta querynya temen2 tinggal import saja kedatabase :

SOURCE CODE

5 Comments

Pemrograman Web Dinamis SMK

By : Fariz

Penjelasan Web Dinamis

Atau definisi web dinamis yang lengkap yaitu web yang isinya dapat dirubah sewaktu-waktu dengan sangat mudah tanpa harus melakukan perubahan pada kode-kode atau coding. Konten yang terdapat di web dinamis pun tersimpan disebuah database, sehingga bagi orang-orang yang tidak bisa akan coding-pun dapat merubah isi konten tersebut tanpa harus menguasai bahasa pemrograman web yang biasa disebut dengan coding. Untuk perubahan konten atau dokumen dalam sebuah web dinamis dibilang mudah ketimbang web statis yang harus memiliki keahlian khusus pada bagian scripting web tersebut.

Sebuah website dinamis umumnya dibuat menggunakan Compact Management System (CMS) tertentu dengan penyimpanan data di database (misalnya seperti MySQL) dan biasanya juga web ini tersusun dari bahasa pemerograman seperti HTML, CSS, PHP, JavaScript dan berhubungan dengan database MySQL.

Contoh web dinamis ini banyak sekali bisa kita temu di internet misalnya seperti web berita, personal blog, toko online, web pasang iklan, dan lain-lain.

Ciri-ciri web dinamis:

Menggunakan bahasa pemrograman web misalnya seperti PHP, HTML dan yang lainnya.

Memiliki database.

Konten di dalamnya bisa berasal dari pengunjung dan bisa juga dari database.

Lebih sering di-update.

Kelebihan Web Dinamis yaitu:

Konten dan layout dapat berubah-ubah atau diubah-ubah.

Memakai dynamic html (DHTML).

Memakai pemrograman server untuk mengatur perubahan data.

Dapat menggunakan CMS untuk mengubah konten atau isi website.

Konten web dan layout halaman dibuat secara terpisah, sehingga loading pada halaman lebih cepat.

Dapat memakai database untuk menyimpan konten atau isi.

Bisa mepasilitasi komunikasi 2 arah antara admin dan juga visitor (pengunjung web).

Konten yang terbaru selalu berada di urutan paling ataus atau pertama karena untuk memperjelas konten yang diupdate.

Kekurangan Website Dinamis yaitu:

Sangat kompleks, sehingga sulit dalam pencarian Search Engine.

Konsep Dasar dan Teknologi Web

World Wide Web secara luas lebih dikenal dengan istilah Web. Web pertama kali diperkenalkan pada tahun 1992. Hal ini sebagai hasil usaha pengembangan yang dilakukan CERN di Swiss. Internet dan web adalah dua hal yang berbeda. Internet lebih merupakan perangkat keras, sedangkan web adalah perangkat lunak. Selain itu, protokol yang dipakai oleh keduanya juga berbeda. Internet menggunakan TCP/IP sebagai protokol operasionalnya, sedangkan web menggunakan HTTP (Hyper Text Transfer Protocol).

Web disusun dari halaman-halaman yang menggunakan teknologi web dan saling berkaitan satu sama lain. Suatu standar teknologi web saat ini sudah tersusun, meskipun penerapannya belum didukung oleh seluruh pengembang web. Standar ini disusun oleh suatu badan yaitu World Wide Web Consortium (W3C). Standar ini dibutuhkan karena semakin banyaknya variasi dalam teknologi web sehingga terkadang satu sama lain tidak kompatibel.

Standar Teknologi Web

Secara umum teknologi disain web terbagi menjadi beberapa layer (lapisan), yaitu structural layer, presentation layer dan behavioral layer.

Structural layer Layer ini berhubungan dengan struktur dokumen dokumen web. Bagaimana sebuah dokumen tersusun, format apa yang dipakai, tanda atau mark up apa yang digunakan merupakan bagian dari layer ini.

Standar teknologi yang direkomendasikan saat ini adalah Extensible Hypertext Markup Language (XHTML) dan Extensible Markup Language (XML). XHTML adalah HTML versi terakhir (4.01) yang ditulis ulang dengan dengan aturan-aturan yang lebih ketat mengacu pada XML. Sedangkan XML adalah sekumpulan aturan untuk menyusun bahasa markup.

Presentation layer Layer ini berhubungan dengan bagaimana mengatur tampilan dokumen pada layar, suara yang keluar, atau bagaimana format pencetakan dokumen. Pada teknologi web lama bagian ini menyatu dengan structural layer. Tapi pada standar baru, layer ini disarankan untuk dipisah. Yang termasuk teknologi ini adalah Cascading Style Sheets (CSS).

Behavioral layer Layer ini berhubungan dengan masalah penggunaan bahasa skrip dan pemrogramannya untuk tujuan meningkatkan sisi interaktif dan dinamis halaman web. Yang termasuk dalam layer ini adalah Document Object Model (DOM) dan JavaScript. DOM memungkinkan suatu dokumen atau skrip untuk mengakses atau meng-update isi, struktur, dan style dari dokumen. JavaScript merupakan teknologi yang cukup lama dan tetap digunakan untuk menambah dokumen menjadi lebih interaktif.

Web Statis dan Web Dinamis

Halaman web dapat digolongkan menjadi web statis dan web dinamis. Pengertian web statis dan web dinamis seringkali mengundang perdebatan. Sebagian pengguna internet menyatakan jika pada halaman-halaman web dilengkapi dengan animasi yang bergerak maka disebut web dinamis sedangkan jika halaman-halaman web tersebut hanya berisi teks dan gambar yang tidak bergerak maka disebut web statis. Namun berdasarkan kesepakatan maka pengertian statis dan dinamis tidak ditentukan oleh ada atau tidaknya animasi bergerak pada halaman-halaman web, tetapi ditentukan oleh isi atau informasi yang ada pada halaman-halaman tersebut. Data dan informasi yang ada pada web statis tidak berubah-ubah. Dokumen web yang dikirim kepada client akan sama isinya dengan apa yang ada di webserver. Sedangkan web dinamis, memiliki data dan informasi yang berbeda-beda tergantung input apa yang disampaikan client. Dokumen yang sampai di client akan berbeda dengan dokumen yang ada di webserver.

Contoh paling mudah untuk membedakan web statis dan web dinamis adalah bila kalian membuka situs Google. Halaman awal adalah statis karena kita tidak melihat perubahan isi atau informasi. Halaman ini baik di komputer client maupun di webserver akan sama. Namun begitu kita memasukkan kata pada textbox yang tersedia kemudian menekan tombol search maka kita sedang berinteraksi dengan webserver Google. Webserver akan mengirimkan halaman web sesuai yang diminta oleh client. Tampilan di sisi client akan berupa daftar alamat dan keterangannya. Sedangkan di sisi server isi dokumennya adalah serangkain kode-kode untuk mencari apa yang diinputkan clien.

Cara Kerja Web :

Dizaman era yang semakin maju dan sangat berkembang semakin mudah para pengguna internet/user menggunakan internet dengan semakin canggihnya akses internet dimana saja membuat para pengguna internet/user tidak mempertanyakan lagi apa sih web itu dan bagaimana cara kerja web itu sendiri.Pengguna internet/user lebih asik menggunakan media sosial seperti facebook,twitter,yahoo,skype dan media sosial lainnya.

para pengguna internet/user mencurahkan segala isi hati mereka di media sosial tersebut.dan membuat mereka betah berjam jam mengakses internet dengan berinteraksi dengan lawan jenis.Dan mereka tidak lagi mempertanyakan bagaimana cara kerja web itu sendiri dan mereka mungkin belum mengerti batapa penting aturan2 di dalam proses kerja web.

Disini saya akan menjelaskan Bagaimana sih cara kerja ‘Web’ ?? dan apa saja aturan aturan penting dalam proses kerja ‘web’. Sebelum kita membahas cara kerja web disini saya akan menjelaskan apa sih web itu ??

Web adalah World Wide Web (www) .yang merupakan frame work arsitektur untuk memasuki dokumen yang saling berhubungan , yang tersebar di ribuan mesin di Internet.

Pada dasarnya Web merupakan sebuah sisitem Client-Server.web sebuah penyebaran informasi melalui internet antara www (world wide web) dan web sama karena kebanyakan orang menyingkat www menjadi web saja.webmerupakan hal yang tidak dapat dipisahkan dari dunia internet

Melalui web,setiap pemakai internet bisa mengakses informasi informasi di situs web yang tidak hanya berupa teks,tetapi juga dapat berupa gambar,suara dan animasi. Sebenarnya web merupakan kumpulan-kumpulan dokumen yang banyak tersebar di beberapa komputer server yang berada di seluruh penjuru dunia dan trehubung menjadi satu jaringan melalui jaringan yang disebut internet.

pertama,saya akan memberitahukan 4 unsur penting dalam proses kerja web,yaitu :

1.User pengguna/user adalah orang yang melakukan permintaan/request sebuah alamat sebuah situs.

2.Client Server
Client server merupakan sebuah aplikasi yang berfungsi sebagai sebuah mesin pencari(browser)dimana sebuah situs atau informasi berada disana.

3.TCP/IP

IP adalah kode atau sebuah alamat yang dapat membantu agar sebuah permintaan akan mendapatkan jawaban yang sesuai

4.server

server(otark)adalah pusat dari semuanya,disinilah pusat dari semuanya,tempat penyimpanan server lah data dan disini data diolah dan dikirim kembali sesuai permintaan atau request.

HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.

0 Comments

Cara Membuat Rest API menggunakan Framework CI (CodeIgniter)

By : Fariz

1. Pertama silahkan downloand Code Igniter 3.1.9 jika sudah download extrack file tersebut

2. Setelah itu silahkan rename CodeIgniter-3.1.9 dengan nama project belajarapi

3. Lalu pindahkan folder belajarapi ke C:\Xampp\htdocs

4. Lalu buka web browser Chrome/dll dan masukan di address bar https://localhost/belajarapi/ , Akan muncul seperti gambar dibawah. Gambar dibawah sudah saya tambahkan Library codeigniter-restserver