Fitur baru di HTML5

 Fitur baru di HTML5

Pada bagian ini, Anda akan menemukan beberapa fitur baru yang besar yang HTML5

tawarkan. Pertama anda akan belajar tentang elemen semantik baru yang bertujuan untuk memberi makna ke berbagai bagian dari suatu halaman Web modern: headers, footers, navigation bars, sidebars, dan sebagainya.

 

 Unsur-unsur semantik baru yang disediakan HTML5 adalah:

<article>

Unsur <article> digunakan untuk mendefinisikan item independen pada halaman yang dapat didistribusikan sendiri, seperti sebuah berita, posting blog, atau komentar.

 

<section>

Elemen ini merupakan bagian dari sebuah dokumen atau aplikasi, seperti bab atau bagian dari sebuah artikel atau tutorial. Misalnya, bagian Anda baca sekarang bisa dikelilingi oleh elemen <section> di HTML5.

 

<nav>

Ini adalah wadah untuk link navigasi utama pada halaman Web

 

<aside>

Elemen baru ini dapat digunakan untuk menandai sebuah sidebar atau beberapa konten lainnya yangdianggap agak terpisah untuk konten sekitarnya. Contohnya adalah iklan

 

<hgroup>

Dalam beberapa kasus, halaman, artikel, atau bagian mungkin memerlukan lebih dari satu pos, seperti di mana Anda memiliki judul dan subjudul.

 

<canvas>

Unsur ini adalah salah satu aspek yang paling penting dariHTML5 karena memfasilitasi produksi grafik, permainan interaktif,aplikasi paint, dan grafis lain dengan cepat tanpa memerlukan plug-in eksternal sepertiAdobe Flash.

 

<audio> dan <video>

Kedua unsur ini memungkinkan Developer Web untuk memasukkan konten multimedia tanpa bergantung padapengguna untuk memiliki browser tambahan plug-in diinstal.

Cara Mematikan update windows 10 agar tidak update otomatis

Script Video agar tidak bisa di download Menggunakan javascript

 

<div id="myVideoSources" style="display:none;">
    <source class="active" src="vid1.mp4" id="videoSource" type="video/mp4" startat="00:00:00" endat="00:04:07" name="Something" description="This is Gujarati Videol">
    <source class="active" src="vid2.mp4" id="videosource2" type="video/mp4" startat="00:02:50" endat="00:19:06" name="PHP Video 00:04:07" description="This is PHP Video">
    <source class="active" src="php.mp4" id="videosource3" type="video/mp4" startat="00:19:06" endat="00:34:05" name="PHP Video" description="This is PHP Video">
    <source class="active" src="php.mp4" id="videosource4" type="video/mp4" startat="00:34:05" endat="00:49:04" name="PHP Video" description="This is PHP Video">
    <source class="active" src="marimatrubhasha.mp4" id="videosource5" type="video/mp4" startat="00:49:04" endat="00:53:11" name="Gujarati Bhasha" description="This is Gujarati Video">
</div>
<video id="media-video" width="600" height="300"></video>
<script>
    $(function () {
        var sources = $("#myVideoSources source");
        var jVideo = $("#media-video");
        var currentVideoNum = 0;
        loadNextVideo();

        jVideo.bind("ended", function () {
            loadNextVideo();
        });

        function loadNextVideo() {
            var source = $(sources.get(currentVideoNum));
            currentVideoNum++;
            if(currentVideoNum >= sources.length) {
                currentVideoNum = 0;
            }

            jVideo.html("");
            jVideo.append(source);
            var plainVideo = jVideo.get(0);
            plainVideo.load();

            plainVideo.play();
            plainVideo.currentTime = getStartTime(source);
        }

        function getStartTime(source) {
            var time = 0;
            try {
                var startAtStr = source.attr("startat");
                time = startAtStr.split(":");
                time = (time[0] * 3600) + (time[1] * 60) + (time[2] * 1)
            } catch(e) {
                console.log(e);
                time = 0;
            }
            return time;
        }
    });
</script>

Cara membuat database di phpMyAdmin xampp

Cara membuat database di phpMyAdmin

Assalamu'alaikum wr. wb. 

 

kali ini saya akan berbagi tutorial membuat database di phpMyAdmin, biasanya temen-temen yang baru belajar tentang pemrograman masih bingung cara membuat database di phpMyAdmin, kali ini saya akan berbagi tutorial ke temen2 semoga mudah di pahami...

oke langsung saja ya temen2 cekidot 👇👇

1. Harus sudah instal xampp terlebih dahulu jika belum silahkan DOWNLOAD 
2. Jika sudah di instal ketik di browser anda localhost nanti akan muncul seperti gambar di bawah ini:
   
3. Klik phpMyAdmin maka akan muncul seperti gambar di bawah ini :
   
   
   
   
4. Klik new seperti gambar yang saya lingkari diatas maka akan muncul seperti gambar di bawah in: 
   
   
   
5. Nah silahkan buat nama database temen2, kalau saya bikin database sekolah seperti gambar di atas lalu klik create maka akan muncul seperti gambar di bawah ini :
   
   
   
   
6. Gambar di atas adalah hasil dari pembuatan nama database, sekarang buat nama tabel dan jumlah kolom yang akan di buat, kalau saya buat nama tabel siswa jumlah kolom 6 seperti gambar berikut:
   
   Pada gambar di atas type data id=int dan di buat otomatis karena id sifatnya unix jadi saya buat otomatis dan jadikan primary..
   
7. Jika sudah di buat nama kolomnya, silahkan di save terlebih dahulu, tombol save ada di bawah sebelah kanan silahkan di scroll jika tidak kelihatan, jika sudah di save maka akan muncul seperti gambar berikut:
   
    
8. Selamat anda sudah berhasil membuat database di phpMyAdmin 👍👍👍

Semoga tutorial diatas bermanfaat ya teman2 🙏🙏🙏 jika ada yang mau di tanyakan silahkan tinggalkan komentar di kolom komentar ya...

wassalamu'alaikum wr, wb

     

 

Membuat Background Gradient di Photoshop

 

Pada postingan ini, kita akan belajar membuat background dengan warna gradient. Namun, apakah yang dimaksud dengan warna gradient ini? Dalam bahasa Indonesianya adalah warna gradasi.

Jadi warna gradasi itu adalah warna yang bercampur, baik itu warna gelap dan terang maupun perbedaan warna. Gradiasi warna tersebut merupakan gambar backround warna dengan perubahan warna, dari yang tadinya keliatan terang maka tiba-tiba ada sedikit perubahan pada sisi lain menjadi agak gelap.

Oke langsung aja ya, kita praktek. Seperti biasa, buka dulu aplikasi Photoshopnya.

1. Klik menu File>New atau tekan shortcut ctrl+n. Maka kita akan membuat project foto baru. Berikut di bawah ini adalah setingan untuk project yang akan kita buat. Setting width=500px dan height=500px. Kemudian klik OK.

2. Maka akan tampil seperti ini, kemudian pilih menu Gradient Tool tepatnya pada bagian sebelah kiri menu (seperti tanda panah merah).

3. Klik pada salah satu ujung pada layer foto, kemudian drag dan tarik ke ujung satunya lagi.

4. Maka nanti hasilnya akan jadi seperti ini. Untuk mengganti warnanya, bisa dilakukan dengan klik pada menu seperti di lingkaran merah.

5. Setelah itu akan muncul menu seperti ini, di menu ini kita bisa ganti warna brush untuk backgroundnya dengan klik pada bagian yang ingin arsir warnanya.

6. Setelah itu, kita bisa melakukan langkah ke 3 lagi.

7. Bukan hanya itu saja, kita bisa membuat setingan warna gradasinya menjadi memiliki style yang berbeda. Silahkan coba pada bagian yang ditandai dengan garis merah ini.

8. Disitu ada beberapa settingan untuk jenis gradiasi warna. Ada yang vertikal atau horizontal, lingkaran, segiempat, dan lain-lainnya. Maka dari itu untuk langkah selanjutnya silahkan bereksperimen sendiri.

9. Jika sudah selesai pembuatan backgroundnya, silahkan simpan dengan klik File>Save As.

Alhamdulillah, demikianlah postingan artikel kita kali ini. Insya Allah akan update artikel terus yang tentunya bermanfaat buat siapapun. Mohon maaf bila ada kekuranan di tiap postingan. Akhir kata, semoga artikel ini bermanfaat.

Cara Edit Foto di Photoshop Bagi Pemula dengan Mudah

 Cara Edit Foto di Photoshop - Kalian mungkin sudah tidak asing lagi dengan yang namanya software edit foto Photoshop? Salah satu software terbaik yang digunakan oleh editor pemula maupun profesional ini merupakan software dengan banyak fitur yang tidak terdapat pada software edit foto lainnya. Salah satunya fitur filter atau preset yang digunakan di Lightroom yang juga ada di Photoshop.

Mengapa dibilang software editing foto terbaik untuk saat ini? Karena hasil foto yang sudah diedit dengan menggunakan Photoshop terlihat sangat bagus daripada foto aslinya. Namun hal itu bagi para editor profesional yang sudah banyak menguasai tools di Photoshop. Bagi Anda yang masih pemula dan baru mau memulai mungkin masih butuh banyak belajar lagi untuk dapat menguasai tools di software tersebut.

 
Nah di artikel ini saya akan membahas tentang cara edit foto di Photoshop khusus untuk pemula dengan tujuan supaya dapat menguasai atau mengenal sedikit fitur yang ada di dalam software Photoshop dan tentunya dapat menambah wawasan ilmu editing kalian.

Cara Edit Foto di Photoshop bagi Pemula

Karena yang membaca artikel ini mungkin pemula yang baru mengenal Photoshop maka saya akan membahas sedikit cara edit foto seperti cara menempel objek foto ke gambar lain, cocok nih bagi kalian yang ingin manipulasi gambar.

 

Selain itu nanti juga akan di jelaskan sedikit tools yang ada di Photoshop sehingga dapat memudahkan kamu untuk dapat mengembangkan ilmu edit foto lebih dalam dan luas lagi.

 

1. Cara Mengedit Foto Latar Belakang di Adobe Photoshop

Untuk langkah pertama saya akan sedikit mengajarkan cara mengedit foto latar belakang atau teknik manipulasi latar. Cara ini sering digunakan oleh pemula untuk bersenang-senang, seperti mengedit foto berada di luar negeri atau dengan artis papan atas. Untuk langkah-langkahnya silahkan simak penjelasan berikut.

• Download dan install terlebih dahulu software Adobe Photoshop di laptop atau komputer kalian.
• Setelah terinstall, buka software Photoshop hingga masuk ke dashboard kerja.
• Pergi ke menu File di pojok atas sebelah kiri layar.

• Pilih tombol Open untuk memulai mencari foto/gambar yang ingin diedit. Cari 2 gambar (Objek dan Background).

• Cari menu Quick Selection Tools di sebelah kiri untuk memulai menyeleksi objek.

• Selanjutnya silahkan seleksi bagian foto yang anda perlukan saja untuk di tempel pada latar belakang nantinya.

• Seret foto yang telah di seleksi ke background yang telah di siapkan dengan menggunakan Move Tools untuk mulai menyatukan gambar.

• Rapikan gambar dengan cara memperkecil ukuran gambar menggunakan tombol CTRL+T di keyboard.

• Foto telah selesai diseleksi, dirapikan, dan disatukan dengan latar belakang menjadi satu foto yang keren menggunakan teknik manipulasi gambar.

• Save gambar dengan cara menekan tombol CTRL+S di keyboard untuk mulai menyimpan gambar dan jangan lupa pilih folder atau lokasi tujuan agar memudahkan saat mencari gambar. 

 2. Cara Mengedit Foto Blur di Photoshop

Mengedit foto latar belakang blur di photoshop menjadi salah satu hal penting yang menjadikan foto menjadi lebih bagus dari aslinya. Pada dasarnya foto blur hanya terdapat di kamera DSLR dengan lensa Fix. Jadi jika kalian pengguna Android dan IOS maka dapat menggunakan cara ini. Untuk langkah-langkahnya silahkan simak penjelasan berikut.

• Buka software Adobe Photoshop di laptop dan komputer kamu.

• Pilih File > Open > Cari foto yang ingin diedit menjadi blur di Photoshop.

• Pergi ke menu Quick Selection Tools di sebelah kiri untuk memulai menyeleksi latar belakang yang ingin di buat blur.

• Mulai seleksi latar belakang foto (Jangan mengenai objek) dengan menggunakan Quick Selection Tool.

• Setelah di seleksi. Klik menu Filter di bagian atas layar. Pilih tombol Blur untuk mulai membuat efek/filter blur di foto dengan Photoshop.

• Foto telah berhasil di edit menjadi blur, Save foto dengan cara menggunakan tombol CTRL+S di keyboard untuk mulai menyimpan. Pilih lokasi untuk menyimpan gambar yang mudah dijangkau supaya memudahkan untuk mencari.

Catatan : Simpan gambar dalam format JPG dan PNG agar memudahkan saat membuka di lain waktu. 

3. Cara Mengedit Foto Latar Belakang Merah di Photoshop

Foto dengan background merah biasanya dipakai untuk foto identitas baik itu kartu sekolah, kartu ujian nasional bahkan kartu pendaftaran jalur SBMPTN.

Nah jadi daripada kamu membuang-buang uang hanya untuk memakai jasa edit foto lebih baik edit sendiri di laptop kamu. Untuk caranya silahkan simak penjelasan berikut.

• Buka software Photoshop di laptop dan komputer kamu.

• Pilih File > Open > Cari foto yang ingin di edit latar belakang menjadi merah di Photoshop.

• Pergi ke menu Quick Selection Tools di sebelah kiri untuk memulai menyeleksi latar belakang.

• Tambahkan New Layer agar mudah mengatasi kesalahan saat mengedit.

• Pergi ke menu Paint Bucket Tools untuk mulai mengubah warna latar belakang menjadi merah.

• Ubah warna default menjadi warna merah dengan menekan tombol pemilihan warna di bagian bawah kiri layar.

• Crop foto menjadi setengah badan (default foto identitas) menggunakan Crop Tools.

• Foto telah berhasil di ubah menjadi merah latar belakangnya. Save gambar dengan cara menekan tombol CTRL+S di keyboard. Pilih lokasi penyimpanan untuk memudahkan saat mencari gambar.

Catatan : Simpan gambar dalam format JPG dan PNG agar memudahkan saat membuka di lain waktu.

4. Cara Mengedit Foto Hitam Putih di Photoshop 

Jika melihat foto hitam putih jadi teringat pada masa jadul dulu, tapi jangan salah foto hitam putih masih sering digunakan untuk diupload ke media sosial terutama Facebook dan Instagram. Saya sendiri juga sering menggunakannya karena dianggap keren saja dengan kesan foto terdahulu. Nah untuk caranya silahkan simak penjelasan di bawah ini.

• Buka software Photoshop di laptop dan komputer kalian.

• Pilih File > Open > Cari foto yang ingin di edit menjadi hitam putih.

• Pergi ke menu Layer di bagian toolbar atas, lalu cari tombol New Adjustmen Layer.

• Selanjutnya klik tombol Black & White untuk memulai mengubah warna foto menjadi hitam putih.

• Foto telah berhasil di ubah menjadi hitam putih. Save gambar dengan cara menekan tombol CTRL+S di keyboard. Pilih lokasi penyimpanan untuk memudahkan saat mencari foto.

Catatan : Simpan gambar dalam format JPG dan PNG agar memudahkan saat membuka di lain waktu.

5. Cara Mengedit Foto Menghilangkan Objek di Photoshop

Pernah jengkel karena ada objek yang tidak kamu inginkan pada foto? Pastinya akan terasa sangat menjengkelkan dan ingin mengulang mengambil foto kembali namun waktu tidak dapat diputar kembali. Jangan khawatir karena dengan aplikasi Photoshop kamu dapat menghilangkan objek pada foto dengan satu kali sentuhan. Penasaran gimana caranya? Silahkan simak langkah-langkahnya berikut.

• Buka software Photoshop di laptop dan komputer mu.

• Pergi ke File > Open > Cari foto yang ingin dihilangkan objeknya.

• Cari menu Patch Tools di toolbar bagian kiri layar.

• Tandai atau lingkari objek yang ingin dihilangkan.

• Tarik objek yang telah dilingkari ke bagian yang sama dengan warna background seperti awan.

• Foto telah berhasil di hilangkan objeknya. Save gambar dengan cara menekan tombol CTRL+S di keyboard. Pilih lokasi penyimpanan untuk memudahkan saat mencari foto.

 

 

Install Framework Laravel di Windows

 

Install Framework Laravel Mudah di Windows

Laravel adalah sebuah framework yang dibuat untuk mempermudah web developer dalam membangun sebuah website. Laravel menjadi salah satu framework yang dibuat untuk membangun sebuah website dengan skala project enterprise. 

Pertama kali belajar framework Laravel ini memang agak membingungkan, karena sebelumnya saya sudah belajar framework dari codeigniter. perbedaannya cukup terlihat saat pertama kali instalasi, dan bagi pemula seperti saya laravel cukup rumit untuk proses instalasinya.

Daripada basa-basi tidak jelas lebih baik kita mulai saja ke proses instalasi Laravel di windows nya.

Ikuti langkah-langkah dibawah ini:

1. Siapakan koneksi internet anda. kita mulai dengan penginstalan composernya. pertama download dulu composernya disini! setelah itu install seperti biasa sampai selesai.
   
   Jika sudah di install, silahkan kalian buka cmd dan jalan perintah "composer". jika sukses maka akan tampil sperti pada gambar berikut
   
2. Setelah selesai di install, kita menuju directory xampp /htdocs nya. gunakan perintah di seperti pada gambar untuk masuk directory nya. buka cmd kalian.
   
   
   
   
3. Setelah berhasil masuk ke directori xampp/htdoc nya, sekarang kita menuju penginstalan laravelnya dengan cara mengeksekusi perintah dibawah ini
   composer create-project --prefer-dist laravel/laravel NamaProjectKalian
   Lihat Gambar dibawah ini:

   

   Tunggu hingga proses download selesai

4. Setelah project kita dibuat, kalian bisa mengeceknya di folder xampp/htdoc
5. Selanjutnya kita akan menjalankan perintah dibawah ini untuk mengecek apakah laravel sukses di jalankan di localhost kita. pastikan kalian sudah menghidupkan xampp nya diawal. buka cmd kalian dan masuk ke halaman directori project misalnya pada kasus saya ini adalah cd xampp/htdoc/belajarLaravel baru eksekusi perintah dibawah ini
   php artisan serve
   
   jika sukses akan tampil halam default laravel seperti pada gambar dibawah ini
   
6. Jika Tampil halaman awal seperti pada gambar diatas, maka itu tandanya kalian sukses menginstall laravel di windows kalian.