Membuat Image Faker dengan Packageist Faker

Halo teman teman , kalo sebelumnya saya menshare bagaimana cara Membuat Data Faker dengan Packageist Data Faker, kali ini saya akan menshare Bagaimana Cara Membuat Image Faker dengan Packageist Faker, yuk kita praktekan.

Tentunya seperti yang kalian tahu kalo kalian merancang sebuah website di dalam nya ada banyak content content gambar yang banyak akan sangat repot bila kalian mesti menunggu client mengirimkan gambar gambar yang di butuhkan website atau aplikasi yang akan di buat, dan kita bila kita mendownload terlebih dahulu di web browser akan sangat memakan waktu kalian dalam pengerjaan sebuah proyek website kalian, nah disini ada yang namanya library Faker yang sangat membantu untuk masalah itu. kalian bisa baca baca dokumentasi link ini https://github.com/fzaninotto/Faker. oke sekian basa basi nya langsung saja kita terjun payung (haha) maksud saya praktekan teman teman..

pertama tama karena kita akan menginstallnya dengan composer kalian sudah mesti mempunyai composer ini, kalo belum menginstallnya kalian bisa download di link ini https://getcomposer.org/, kalo sudah kallian buka command line kalian arahkan ke folder yang di tuju, karena kita pakai PHP maka kita harus menuju file C:\xampp\htdocs dan buat file di htdocs, ketikan di bawah ini di command line kalian. lihat gambar

lalu ketikan cd dataFaker pada command line kalian

setelah itu ketikan ini di command line kalian

tunggu sampai instalalsi selesei.

setelah itu buka text editor kalian dan masukan folder project dataFaker kalian dan buat file index.php, posisi filenya seperti di gambar di bawah ini.

setelah itu ketikan kode php di bawah ini di dalam index.php.

<?php
   require_once 'vendor/fzaninotto/Faker/src/autoload.php';
   $faker = Faker\Factory::create();
?>

setelah itu kita buat template untuk html dan css, disini saya menggunakan bootstrap 4 sebagai template nya.

ketikan kode di bawah ini seteleh penutuh kode php di atas di index.php

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

    <title>Image Faker</title>
    
  </head>
  <body>
    <div class="container">
    	<h2 class="col-12 p-3 text-center">Image Faker </h2>
    	<div class="row">
    		<div class="col-12 d-flex align-items-stretch">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    		</div>
    		<div class="col-12 d-flex align-items-stretch">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    		</div>
    		<div class="col-12 d-flex align-items-stretch">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    			<img src="<?php echo $faker->imageUrl(); ?>" class="img-fluid">
    		</div>
    	</div>
    </div>

    
    </body>
</html>

setelah tag div terakhir ketikan script ini

dengan memasukan perintah $faker->imageUrl(); maka gambar yang tampil akan berbeda beda dan kita tak perlu mendownload gambar gambar untuk proyek kita, lihat hasilnya di bawah ini.

sekian tutorial Membuat Image Faker dengan Packageist Faker, semoga bermanfaat yah teman teman.. 😀

Membuat Image Faker dengan Packageist Faker

Kategori