• Karena ...

    Cukup ubah diri kamu sendiri dengan kreatifitasmu, dengan sendirinya hal itu akan mengubah orang disekitarmu.

  • Hidup ...

    "Kekayaan terbesar sebuah bangsa adalah manusianya, bukan sumber daya alamnya” - Anies Baswedan.

  • Baiknya ...

    "Masa depan itu milik orang yang percaya akan mimpinya dan bekerja sepenuh hati untuk mewujudkannya" - Wishnutama.

  • Saling ...

    "Keberhasilan adalah kemampuan untuk melewati dan mengatasi dari satu kegagalan ke kegagalan berikutnya tanpa kehilangan semangat" - Winston Chuchill.

  • Berbagi ...

    "Hidup adalah lelucon yang baru saja dimulai" - W.S. Gilbert.

Jumat, 21 Juli 2017

Bagian 2 - membuat output javascript

  16.47      No comments   Edit


JavaScript dapat "menampilkan" data dengan berbagai cara:

1. Menulis ke elemen HTML, menggunakan innerHTML.
2. Menulis ke dalam output HTML menggunakan document.write ().
3. Menulis ke kotak peringatan, menggunakan window.alert ().
4. Menulis ke konsol browser, menggunakan console.log ().
5. Menggunakan innerHTML

Untuk mengakses elemen HTML, JavaScript dapat menggunakan metode document.getElementById (id).

Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML:

Berikut Contohnya:
1. Mengubah properti innerHTML dari elemen HTML adalah cara yang umum untuk menampilkan data dalam HTML.

<!DOCTYPE html>
<html>
<body>

<h1>Halaman Pertama Javascript</h1>
<p>Halaman Pertama Javascript</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

<script>
document.write(5 + 6);</script>

<script>
window.alert(5 + 6);</script>

<script>
console.log(5 + 6);</script>

<button onclick="document.write(10 - 4)">Try it</button>

</body>
</html>


















Minggu, 16 Juli 2017

Bagian 1 - JavaScript Dapat Mengubah Konten HTML

  20.33      No comments   Edit




JavaScript Dapat Mengubah Konten HTML



Salah satu dari banyak metode JavaScript HTML adalah getElementById (). Contoh ini menggunakan metode untuk "menemukan" elemen HTML (dengan id = "demo") dan mengubah konten elemen (innerHTML) menjadi "Halo JavaScript"


<!DOCTYPE html> <html> <body> <h2>Bagian 1 Javascript</h2> <p id="demo">Javascript dapat mengubah content HTML.</p> <button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>Klik Ini!</button> <button type="button" onclick='document.getElementById("demo").innerHTML = "Javascript dapat mengubah content HTML"'>Kembali!</button> </body> </html>





Rabu, 26 Oktober 2016

Mawang Creative Studio - Startup Makassar

  19.50      No comments   Edit



Mawang Creative Studio merupakan startup yang bergerak dalam bidang Digital Art. Mawang CS didirikan oleh Anshar Iriansyah.
Mawang CS telah berkarya sejak bulan Mei 2015 dan hingga saat ini telah banyak membuat video, klien berasal dari universitas, pemerintahan, dan beberapa startup lokal Makassar.
Dalam proses pembuatan video, mereka selalu mendiskusikan konsep sesuai dengan klien inginkan, lalu pembuatan dimulai dari video per-scene. Tim mendengarkan tanggapan dari klien jika ada revisi yang perlu ditambahkan dalam video. 
Mawang CS merupakan startup digital art yang namanya sudah tenar di kota daeng sampai saat ini, hanya sedikit startup yang berani bergerak di bidang DIgital Art.

Mengguhubungkan Database di server local dengan CI - Step 4

  19.30   , ,   No comments   Edit

Lanjutan tutorial sebelumnya, kali ini kita akan mengkonfigurasikan database dengan CI sekaligus menampilkan data. Langsung saja kita mulai CODING nya

pertama kita membuat database

-- phpMyAdmin SQL Dump
-- version 4.2.11
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Oct 27, 2016 at 04:17 AM
-- Server version: 5.6.21
-- PHP Version: 5.6.3

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `databuku`
--

-- --------------------------------------------------------

--
-- Table structure for table `buku`
--

CREATE TABLE IF NOT EXISTS `buku` (
`id_buku` int(11) NOT NULL,
  `judul_buku` varchar(100) NOT NULL,
  `penerbit_buku` varchar(100) NOT NULL,
  `tater_buku` date NOT NULL
) ENGINE=InnoDB AUTO_INCREMENT=3 DEFAULT CHARSET=latin1;

--
-- Dumping data for table `buku`
--

INSERT INTO `buku` (`id_buku`, `judul_buku`, `penerbit_buku`, `tater_buku`) VALUES
(1, 'Usaha membuat tempe dan oncom', 'https://books.google.co.id/books?isbn=9790024355', '2016-10-26'),
(2, 'Menulis Siapa Takut', 'https://books.google.co.id/books?isbn=9795617311', '2016-10-24');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `buku`
--
ALTER TABLE `buku`
 ADD PRIMARY KEY (`id_buku`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `buku`
--
ALTER TABLE `buku`
MODIFY `id_buku` int(11) NOT NULL AUTO_INCREMENT,AUTO_INCREMENT=3;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;


setelah itu masukkan library database di file config/autoload.php


lalu masuk di file config/database.php, dan ikuti skrip di bawah


kemudian buat file di folder controller, lalu beri nama buku.php , jika sudah ada file buku.php nya tinggal di rubah skrip nya yg didalam, seperti

<?php 

class Buku extends CI_Controller{

public function index(){
$this->load->model('model_buku');
$title = "Daftar Buku";
$data['title']= $title; 
$data['jenis'] = $this->model_buku->jenis_buku()->result();
$this->load->view('index',$data);
}
}

lalu setelah itu, kita membuat file model difolder model dengan nama file model_buku.php, skripnya seperti ini

<?php 
class Model_buku extends CI_Model{

function jenis_buku(){
$buku = $this->db->get('buku');
return $buku;
}
}

?>

terakhir kita membuat tampilannya di folder VIew, beri nama file index.php, skripsnya seperti ini

<?php $no = 0; ?>
<table border='1'>
<tr>
<th>No</th>
<th>Judul Buku</th>
<th>Penerbit</th>
<th>Tanggal Terbit</th>
</tr>
<?php 
foreach ($jenis as $data){
$no++;
echo "<tr>
<td>$no</td>
<td>$data->judul_buku</td>
<td>$data->penerbit_buku</td>
<td>$data->tater_buku</td>
</tr>";
}
?>
</table>

Fualaah tinggal buka di browser dan jadinya kek gini



kalo mau lebih jelasnya bisa lansung liat video tutorialnya di sini






Pengenalan metode MVC - Step 3

  09.36   ,   No comments   Edit


Model-View-Controller atau MVC adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data (Model) dari tampilan (View) dan cara bagaimana memprosesnya (Controller). Dalam implementasinya kebanyakan framework dalam aplikasi website adalah berbasis arsitektur MVC.

 sekarang kita akan membuat file di folder application/controller lalu beri nama 
buku.php, kemudian isi seperti skrip di bawah;

 <?php 

 class Buku extends CI_Controller{

 public function index(){
$this->load->model('model_buku');
$nama = "nama anda";
$data['nama']= $nama; 
$data['jenis'] = $this->model_buku->jenis_buku();
$this->load->view('index',$data);
}
}


?>

 setelah file di cotroller di buat, lalu kita membuat sebuah model , di 
folder application/model lalu beri nama model_buku.php. kemudian 
skrip nya seperti di bawah;

 <?php class Model_buku extends CI_Model{ function jenis_buku(){ $jenis = array('horror','romance','scifi'); return $jenis; } } ?>

 nah, yang terakhir kita akan membuat file tampilannya di application/view 
lalu buat file baru  dan beri nama index.php. lalu ikuti skrip di bawah;

 <?php echo $nama; foreach ($jenis as $data) { echo $data; echo '<br/>'; # code... } ?>

 maka outputnya akan seperti ini;

untuk lebih jelas nya ada tutorial video nya;





Langganan: Postingan (Atom)