Rabu, 06 September 2017

Aplikasi Perpustakaan PHP MYSQLi Bootstrap

Download Aplikasi Perpustakaan PHP MYSQL Bootstrap, dibawah ini  cocok untuk anda yang sedang membutuhkan referensi software perpustakaan ,, Memiliki fitur yang cukup lengkap, terdapat halaman user, dan administrator

Halaman User
  • User dapat Melihat dan Mencari Jenis Buku Yang ada pada perpustakaan , Tanpa Harus susah payah mencari secara Manual
  • Mengisi Data Pengunjung, / Buku Tamu
  • User / Siswa dapat Login sesuai nis dan password masing-masing
  • Dapat Melakukan Pemesanan Buku
  • Menampilkan Buku Peminjaman / Yang Sudah di boking / Dipesan
  • Fitur Pencarian

Halaman Administrator / Operator Sistem Informasi Perpustakaan
  • Tambah, Edit , Hapus Kategori Buku
  • Tambah Edit Hapus Buku (Menggunakan Fitur Modal sehingga lebih user friendly)
  • Tambah, Edit, Hapus Data Kelas
  • Tambah, Edit, Hapus Data Siswa per Kelas
  • View Detail Siswa
  • View Detail Buku
  • Transaksi Peminjaman Buku / Penyewaan Buku
  • Laporan Peminjaman Buku
  • Cetak Laporan Siswa / Anggota
  • Cetak laporan Buku Perpustakaan
  • Sistem akan otomatis mendeteksi keterlambatan Peminjaman Buku
  • Denda Keterlambatan peminjaman Buku
  • Edit Password Admin
  • Searching Data Buku
Last :
  • Halaman Buku, halaman ini berisi daftar buku bacaan yang dapat dipinjamkan ke pengunjung, edit buku, update buku, detail buku bacaan, pencarian buku dan hapus buku bacaan PerPusWeb.
  • Halaman Transaksi, halaman ini berisi daftar transaksi peminjaman buku, input transaksi peminjaman buku, tanggal pengembalian buku, denda telat pengembalian buku, dan daftar transaksi pengembalian buku.
  • Halaman Admin, halaman ini berisi daftar admin PerPusWeb yang memiliki fitur pencarian, edit admin, detail admin dan menghapus admin perpus web.
  • Halaman BackUp, untuk menghindari terjadinya lost data maka back up data PerPusWeb secara berkala.
  • Halaman Informasi, Halaman ini berisi informasi PerPusWeb.

Aplikasi Perpustakaan PHP MYSQL Bootstrap

Untuk mendapatkan aplikasi Perpustakaan  ini silahkan download disini

Rekomendasi Software Perpustakaan

Aplikasi Perpustakaan merupakan aplikasi yang harus ada pada setiap perpustakaan ,  baik  perpustakaan sekolah, perpustakaan umum, maupun Universitas. Perkembangan teknologi yang begitu cepat membuat perangkat seluler sekarang ini dapat dengan mudah mengakses internet. Atas dasar itu banyak aplikasi dekstop sudah beralih ke web base.
Aplikasi Perpustakaan Berbasis Website ini merupakan aplikasi berbasis Client Server yang dibuat oleh Suckittrees.Com , dapat di implementasikan secara offline, maupun online, dapat juga di aplikasi kan pada sistem jaringan LAN, WAN, dan jaringan lainnya.
            

Beberapa Fitur Khusus / Keunggulan Aplikasi ini ialah : 
  1. Terdapat Halaman User , yang dapat diakses oleh user biasa, dan digunakan untuk mengisi bukutamu,saran,kritik terhadap perpustakaan , Dengan halaman ini user atau anggota perpustakaan dapat dengan mudah mencari  jenis buku perpustakaan yang di inginkanya.serta dapat membaca Ebook Yang ada secara digital , tanpa harus pergi ke perpustakaan.
  2. Terdapat Halaman Operator , Dimana ini digunakan oleh Operator perpustakaan untuk memanajemen aplikasi perpustakaan. Fitur  yang sangat mumpuni seperti 
  • Setting Jenis Anggota Perpustakaan, Setting Denda  Berdasarkan jenis anggota, Setting Lama  peminjaman buku berdasarkan Jenis Anggota, Dan Setting Limit Keanggotaan Perpustakaan.
  • Cetak Label Buku + Suport  Barcode Reader
  • Laporan Peminjaman Buku
  • Laporan Pengembalian Buku
  • Laporan Statistik Peminjaman Buku
  • Laporan Denda Keterlambatan 
  • dll. 

Software Perpustakaan Berbasis WebSoftware Perpustakaan Suport Barcode  Cetak Kartu Anggota

Aplikasi Perpustakaan berbasis web

Aplikasi Perpustakaan

Bagaimana... ???? sangat mumpuni fitur nya.. bukan.. Jika anda ingin melihat lebih Detail Lagi aplikasi perpustakaan berbasis web ini , Silahkan kunjungi web officialnya langsung di Sini

Jumat, 24 Maret 2017

Ebook Dasyat Membuat Website PHP MYSQLi

Artikel kali ini admin akan menulis atau menginfokan Ebook Dasyat Membuat Website dengan PHP dan Mysqli , Anda yang ingin membuat website dinamis dengan PHP MYSQLi.. ? Masih pemula ??? Belum bisa mendesain halaman , belum mengetahui konsep membuat website yang dinamis dengan PHP MYSQLi... ?
Berikut ini ebook yang wajib untuk anda miliki..

Ebook diatas wajib anda miliki, isi dari ebook singkat dan padat, terdapat Source / File Pendukung dan Bonus Source Code Website Dinamis PHP MYSQLi
Keunggulannya : 
  1. Tulisan yang simple dan mudah dipahami
  2. Terstruktur yang artinya ditulis step by step , sampai bisa membuat website dinamis
  3. Isi Yang Padat dan Mudah di Pahami serta Source Code
  4. MYSQLi , merupakan versi mysql yang baru, mysql sudah mulai ditinggalkan
  5. CRUD PHP MYSQli
  6. Desain Layout
  7. Konsep Halaman Dinamis
  8. Dasar Pembuatan Database
  9. Bonus konsultasi gratis
  10. Bonus Source Code Website Dinamis PHP MYSQLi

Untuk info lebih lanjut.. ? silahkan kunjungi website Resminya nya disini

Selasa, 17 Mei 2016

Aplikasi SPPD ( Surat Perjalanan Dinas )

Aplikasi kali ini adalah Aplikasi Perjalanan Dinas (Aplikasi SPPD), Jika dikantor anda / di kabupaten dimana instansi di daerahnya belum menggunakan Aplikasi SPPD, saya rasa harus segera beranjak ke sistem komputerisasi,

Aplikasi Perjalanan Dinas Terbaru dan terbaik di Indonesia. Dirancang oleh tim yang berpengalaman . Sistem Informasi Manajemen Perjalanan Dinas merupakan sebuah aplikasi berbasis web yang dikembangkan oleh http://suckittrees.com , dalam rangka mempermudah pengelolaan perjalanan dinas bagi setiap SKPD di Indonesia.

Beberapa Fitur dari Aplikasi SPPD ini adalah :
1. Manajemen Data Pegawai (Tambah, Edit, Hapus dan View + Foto ) data Pegawai Cetak Data Seluruh Pegawai
2. Manajemen Golongan Pegawai (Tambah, Edit Hapus )
3. Manajemen Kota Tujuan Perjalanan Dinas (Tambah , Edit, Hapus)
4. Manajemen Biaya Perjalanan Dinas (Tambah Edit , Hapus)
5. Manajemen Transportasi Yang digunakan dalam melakukan perjalanan dinas (Tambah , Edit, Hapus)
6. Manajemen Nota Perimntaan Perjalanan Dinas, (Tambah Edit Hapus) / Sesuai Hak akses / Level System
7. Cetak Nota Permintaan Perjalanan Dinas
8. Manajemen Nota Permintaan Perjalanan Dinas Oleh Kepala Bagia / Yang Berwenang , Setelah di Verfikasi , maka akan otomatis Data Masuk Daam SPT
9. Manajemen Surat Perintah Tugas (SPT)
10. Cetak Surat Perintah Tugas (SPT)
11. Manajemen SPPD ( Surat Perintah Perjalanan Dinas )
12. Manajemen LPD ( Laporan Perjalanan Dinas ) Setiap pegawai akan otomatis terdapat SPT yang nanti Harus Membuat Laporan Perjalanan Dinas ( Data Otomatis akan Diketahui / Ada ) Oleh Setiap Pegawai / Karyawan yang melakukan Perjalanan Dinas
13. Cetak Laporan Perjalanan Dinas
14. Manajemen Kwitansi Perjalanan Dinas
15. Cetak Kwitansi Perjalanan Dinas
16. Laporan Biaya Perjalanan Dinas Per pegawai (total Perjalanan Dinas Yang digunakan)
16. Rekapitulasi Perjalanan Dinas Per Bulang / Tanggal / Tahun
17. Customize Nama Instansi, Logo,Cop Surat , Penanda Tangan NPPD, SPT,SPPD,Kwitansi(PPTK,Bendahara,
19. Fitur Pencarian Data Yang Otomatis, dll

 Dan Untuk Screen Shot Dari Aplikasi SPPD bisa dilihat pada gambar dibawah ini



 Untuk detail dari Aplikasi Perjalanan Dinas (SPPD) Bisa dilihat di website resminya disini

Selasa, 19 Mei 2015

Pengertian dan Sejarah HTML


Apa Itu HTML? Apa yang dimaksud HTML?  HTML adalah bahasa pemrograman web yang paling sering digunakan. nah situs situs yang sudah banyak anda kunjungi sebagian besar menggunakan bahasa pemrograman HTML.
Untuk mempublikasikan informasi untuk distribusi global, orang perlu memahami secara universal bahasa, penerbitan semacam bahasa ibu bahwa semua komputer dapat berpotensi memahami. Penerbitan bahasa yang digunakan oleh World Wide Web adalah HTML (dari HyperText Markup Language).

HTML memberikan cara untuk:

1. Menerbitkan dokumen online dengan judul, teks, tabel, daftar, foto, dll Mengambil informasi online melalui hypertext link, di klik tombol.
2. Desain formulir untuk melakukan transaksi dengan layanan jarak jauh, untuk digunakan dalam mencari informasi, membuat reservasi, memesan produk, dll
3. Sertakan menyebar-lembaran, klip video, klip suara, dan aplikasi lainnya secara langsung di dokumen mereka.

Sejarah HTML
Pada awalnya HTML dikembangkan oleh Tim Berners-Lee sementara di CERN, dan dipopulerkan oleh browser Mosaic dikembangkan di NCSA. Selama tahun 1990-an telah berkembang dengan pertumbuhan eksplosif Web. Selama waktu ini, HTML telah diperpanjang dalam beberapa cara. Tergantung pada halaman Web penulis dan vendor berbagi konvensi yang sama untuk HTML. Hal ini telah termotivasi bekerja bersama spesifikasi untuk HTML.
HTML 2.0 (November 1995, lihat [RFC1866] [p.356]) telah dikembangkan di bawah perlindungan dari Internet Engineering Task Force (IETF) untuk mengkodifikasi praktik umum di akhir tahun 1994. HTML + (1993) dan HTML 3.0 (1995, lihat [HTML30] [p.355]) mengusulkan jauh lebih kaya versi HTML. Meskipun tidak pernah menerima konsensus dalam standar diskusi, konsep ini mengarah pada adopsi berbagai fitur baru. Upaya dari World Wide Web Consortium’s HTML Working Group untuk menata Common praktek pada tahun 1996 menghasilkan HTML 3.2 (Januari 1997, lihat [HTML32] [p.356]). Perubahan dari HTML 3.2 dirangkum dalam Lampiran A [p.311] 21 24 Desember 1999 18:26 Pengenalan HTML 4
Kebanyakan orang setuju bahwa dokumen HTML harus bekerja dengan baik di berbagai browser dan platform. Mencapai interoperabilitas menurunkan biaya untuk penyedia konten karena mereka harus mengembangkan hanya satu versi dokumen. Jika upaya ini tidak dilakukan, ada risiko yang lebih besar bahwa Web akan berpindah ke dalam dunia perangkat lunak berpemilik
format tidak sesuai, akhirnya mengurangi potensi komersial Web untuk semua peserta.
Setiap versi HTML telah berupaya untuk merefleksikan konsensus di antara industri yang lebih besar pemain sehingga investasi yang dilakukan oleh penyedia konten tidak akan sia-sia dan bahwa dokumen mereka tidak akan menjadi tak terbaca dalam waktu singkat.
HTML telah dikembangkan dengan visi bahwa segala macam perangkat tersebut harus berada dapat menggunakan informasi di Web: PC dengan tampilan grafis dengan berbagai resolusi dan kedalaman warna, telepon selular, perangkat tangan manusia, perangkat untuk pidato untuk output dan input, komputer dengan bandwidth yang tinggi atau rendah, dan seterusnya.


»HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.
Secara garis besar, terdapat 4 jenis elemen dari HTML:

1. structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh,<h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
2. presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
3. hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKitasebagai sebuah hyperlink ke URL tertentu),
4. Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).
Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.
»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.
Http
HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web server dan juga web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server.
Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
»Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya.
»File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.
Tujuan dari FTP server adalah sebagai berikut :
1. Untuk tujuan sharing data
2. Untuk menyediakan indirect atau implicit remote computer
3. Untuk menyediakan tempat penyimpanan bagi user
4. Untuk menyediakan transfer data yang reliable dan

Munculnya Microsoft Office 2016 Preview



Akhirnya kabar yang kita semua tunggu-tunggu datang juga, setelah sempat mengeluarkan versi IT Pro dan Developer Preview. Kini, Microsoft Office 2016 merilis versi terbaru Public Preview, atau lebih dikenal dengan sebutan Preview kepada publik. Meskipun masih versi preview, tetapi versi ini secara garis besar akan memberikan kita tampak keseluruhan dari Office 2016, seperti Word, Excel dan PowerPoint.



Dengan tampilan yang sudah mengusung solid color seperti Windows 8.1, membuat Microsoft Office 2016 Preview ini terlihat lebih ringan dan cepat, padahal banyak tambahan fitur-fitur baru di dalamnya.
Fitur-fitur Unggulan Terbaru:
1. Tema warna-warni pada setiap program Microsoft Office (Word, Excel, dan lain-lain).
2. Tell Me - Fitur pencarian baru.
3. DLP (Data Lost Protection) - Sebelumnya fitur ini hanya ada di Microsoft Exchange, Outlook, OneDrive for Business and Sharepoint. Sekarang, fitur DLP ini telah hadir untuk Word, Excel, PowerPoint dan seluruh program yang ada di Microsoft Office 2016.
4. dan masih banyak lagi fitur baru lainnya.

Tampilan kerja


Menu Utama





Senin, 18 Mei 2015

Tutorial HTML5

Mengapa Harus HTML5 ...?


Pada saat sekarang ini, kita ketahui dimana Perkembangan teknologi yang begitu cepat yang memungkinkan pengguna dapat mengakses website di internet dengan menggunakan berbagai perangkat, seperti Tablet / Handphone / Smartphone membuat kita para programer memang harus berpindah ke HTML5 .Tag yang telah disempurnakan di HTML5 mampu membuat HTML tampil lebih friendly dengan perangkat teknologi pada masa sekarang ini . So... Website-Website sekarang ini memang banyak yang harus bertransformasi ke HTML5

Apa itu HTML5 ..?


Mungkin masih ada yang bertanya di benak kita tentang HTML5 ... HTML5 bahasa pemrograman web yang menjadi dasar dari sebuah halaman website yang sudah dikembangkan dan disempurnakan lagi tag-tagnya sehingga dapat mendukung dan responsif di semua platform.
Jadi HTML5 sudah memiliki beberapa tag baru yang dulunya tidak bisa dilakukan oleh HTML sehingga programer mengharuskan menggunakan jquery, atau javascript .. Hal-hal seprti itu sudah bisa ditangani oleh HTML

Apa Yang baru dari HTML5...?

Deklarasi DOCTYPE pada HTML 5 sangat Simple

<!DOCTYPE html>

character encoding (charset) declaration juga sangat sederhana

<meta charset="UTF-8">

Sebagai contoh Cara penulisan HTML yang Valid HTML5 yaitu :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Membuat Website Valid HTML5</title>
</head>

<body>
.............ISI............
</body>

</html> 

Syntax di atas adalah syntak dasar bagaimana cara penulisan dasar di HTML 5 dalam pembangunan sebuah website yang valid akan HTML5 , sehingga nanti nya website yang kita buat mendukung berbagai platform pada saat sekarang ini ,

Nah apa saja ELEMENT HTML 5 yang baru ...?


Jika dulu seorang web desainer dalam membuat desain layoutnya dengan tag <div> pada bagian header, dan sidebar , serta article  , sekarang tag seprti itu sudah terdapat di HTML5 , jadi kita tidak perlu menggunakan tag div lagi , melainkan harus menggunakan tag baru yang di keluarkan oleh HTML 5

Contoh Elemen Semantik Terbaru di HTML5

    header
    nav
    section
    article
    hgroup
    aside
    figcaption
    figure
    footer


 Membuat Layout/Template Valid HTML5


Bagaimana kita Membuat layout website dengan HTML5..?Berikut ini akan saya jelaskan bagaimana tag yang harus digunakan untuk membuat layout dengan HTML5





Scipt Layout / Template HTML 5 diatas adalah :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Membuat Website Valid HTML5</title>
</head>
<body>
<div class="wrapper">
  <header>
    <h1>Membuat Layout HTML5</h1>
    <nav>
      <!-- nav content here -->
    </nav>
  </header>
  <section class="courses">
    <!-- section content here -->
  </section>
  <aside>
    <!-- aside content here -->
  </aside>
  <footer>
    <!-- footer content here -->
  </footer>
</div><!-- .wrapper -->
</body>
</html> 

Untuk Mengatur Tampilannya.. anda Perlu Menambahkanya dengan Syntak CSS3.. Agar Tampilannya Dapat seperti Gambar di atas ,,, Susunan dari pembuatan layout dapat anda gunakan syntax diatas..

Penjelasan :

Penjelasan Tag <header> HTML5

Tag <header>, sesuai namanya tag ini detempatkan untuk bagian header website. Jika pada HTML sebelmnya kita menggunakan tag  <div id="header"> sekarang kita menggantinya dengan<header>. Namun tag <header> tidak harus selalu ditempatkan dipaling atas web, kita bisa memiliki beberapa<header>, misal didalam artikel

Penjelasan Tag <hgroup> HTML5

Tag <hgroup>, jika kita memiliki satu atau lebih dari satu heading berurutan <h1> - <h6> maka kita bisa mengelompokkannya dengan <hgroup>. Biasanya digunakan jika ada judul dan ada sub judul, atau untuk judul web kemudian kita memiliki slogan.
<header id="main-header">
  <hgroup>
    <h1>Ini Website HTML5 pertama saya</h1>
    <h2>Dan juga yang ini H2 satu lagi</h2>
  </hgroup>

Penjelasan Tag <nav> Pada HTML5

Nah, Tag <nav> pada HTML5 memiliki  fungsi untuk menampilkan navigasi pada website . Jika dulu kita pakai <ul><li> untuk membuat navigasi menu, nah sekarang kita mampu membuat navigasi dengat <ul><li>  yang harus bungkus dengan <nav>.

Contoh penggunaan tag <Nav> HTML 5

<nav id="main-nav">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>

Penjelasan tag <section>, <article> di HTML5

Tag <article> digunakan untuk membungkus teks artikel atau teks utama dalam halaman web kita. Tag artikel juga bisa digunakan <article>,  Apabila kita memiliki list atau daftar <article>, maka kita perlu membungkusnya dengan <section> jika ada elemen lain yang bukan <article> dan menerangkan tentang <article> tersebut.

Contoh penggunaan Tag <section>, dan <article> di HTML5

<section>
  <h1>Artikel Terbaru</h1>
  <article>Isi Teks Artikel 1</article>
  <article>Isi Teks Artikel 2</article>
  <article>Isi Teks Artikel 3</article>
</section>

Penjelasan tag <aside> pada HTML5

Tag <aside> digunakan untuk sidebar yang merupakan tag yang berisi konten yang berhubungan dengan konten utama dalam halaman web,

Contoh penggunaan Tag <aside> di HTML5

<div id="sidebar">
  <aside>
    Ini Widget Pertama
  </aside>
  <aside>
    Ini Widget Kedua
  </aside>
  <aside>
    Ini Widget Ketiga
  </aside>
</aside>

Penjelasan tag <footer> di HTML5

Tag footer di HTML5 digunakan untuk menentukan footer pada halaman website, sesuai dengan namanya , tag footer juga bukan berarti hanya terletak di bagian footer sebuah website, tapi bisa saja di tempatkan di footer pada disain artikel anda ..
contoh penggunaan tag : <footer><p>Copyright 2015,Budiono</p></footer>

 Cara agar HTML5 support / bisa dijalankan di IE 7, 8,9.

Sejauh ini html5 support terhadap segala jenis browser yang ada, namun bagaimana jika seseorang mengakses halaman web kita masih menggunakan IE versi 7,8,9 ... ?  agar HTML5 dan CSS3 bisa support cukup kita tambahkan code di bawah ini di atas tag </head>

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Demikianlah Penjelasan singkat saya mengenai Dasar HTML5 / Tutorial HTML 5 , semoga bermanfaat bagi para pembaca ebsof