Membuat Image Faker dengan Packageist Faker

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





Pastinya seperti yang kalian tahu kalo kalian mendesain sebuah situs di pada nya ada banyak content content gambar yang banyak  akan amat repot bila kalian mesti menunggu client mengirimkan gambar gambar yang di butuhkan situs atau program yang akan di bikin, dan kita bila kita mengunduh terlebih dahulu di web browser akan amat memakan waktu kalian pada pelaksanaan sebuah proyek situs kalian, nah disini ada yang namanya library Faker yang amat menolong bagi masalah itu. kalian dapat baca baca dokumentasi link ini https://github.com/fzaninotto/Faker.  oke sekianlah basa basi nya seketika saja kita terjun payung (haha) maksud saya praktekan teman teman..



pertama-tama tama karena kita akan menginstallnya dengan composer kalian telah mesti mempunyai composer ini, kalo belum menginstallnya kalian dapat unduh di link ini https://getcomposer.org/, kalo telah kallian buka command line kalian arahkan ke folder yang di tuju, karena kita gunakan PHP karenanya kita mesti menuju file C:xampphtdocs dan bikin file di htdocs, ketikan di bawah ini di command line kalian. lihat gambar



kalo



lalu ketikan cd dataFaker di command line kalian



kalo



setelah itu ketikan ini di command line kalian



kalo



tunggu hingga instalalsi selesei.



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



kalo



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



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


setelah itu kita bikin theme bagi html dan css, disini saya menggunakan bootstrap 4 selaku theme 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



<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js” integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script>


<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js” integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>


<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js” integrity=”sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4″ crossorigin=”anonymous”></script>



dengan memasukan petunjuk $faker->imageUrl(); karenanya gambar yang tampil akan berbeda beda dan kita tak perlu mengunduh gambar gambar bagi proyek kita, lihat hasilnya di bawah ini.



kalo



sekianlah panduan Membangun Image Faker dengan Packageist Faker, semoga bermanfaat yah teman teman.. 😀



 



 



 



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.
Read more

Membuat Table Warna Berselang dengan PHP

Image
Selamat datang di blog Source Code Aplikasi, masih dengan File yang kemarin, tapi sekarang ini kita akan menggunakan Framework Bootstrap dan Membangun Table Warna Berselang dengan PHP, jadi jangan lupa yang kemarin praktekin dulu yah teman teman link nya yang ini . oka seketika saja kita praktekan.
Read more