Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts
Aplikasi berbasis web merupakan suatu aplikasi yang diakses menggunakan browser, tentu sudah banyak di era sekarang ini yang menggunakan aplikasi berbasis web. Oleh karena itu kita diharuskan untuk memodifikasi aplikasi web tersebut supaya aplikasi tersebut dapat laku dipasaran, salah satunya menggunakan input data melelui barcode scanner.

Barcode scanner merupakan sebuah alat yang digunakan untuk membaca barcode dan sekaligus pengganti keyboard sebagai inputan.

Berikut cara input data menggunakan barcode scanner berbasis web :

  • Siapkan alat alat : Komputer, barcode scanner , barcode
  • Colokkan barcode scanner ke komputer seperti dibawah ini


  • Pada komputer buka menu => device manager => port
  • Pastikan letak communication terletak pada com ke berapa


  • Download software Datasnip dan install ke komputer anda



  • Sesuaikan com port pada device manager

Setelah selesai, buka notepad, trus scan barcode.

Selamat mencoba


Halooo, Kali ini saya akan membagikan ilmu saya tentang paging di codeigniter. bagi kalian yang belum tahu apa itu paging bisa melihat contoh dibawah ini


Pertama, pastikan komputer kalian hidup ya :D
Selenjutnya buat database seperti dengan struktur dibawah ini


Jika sudah selesai buat file Barang.php di controller, setelah itu ketikkan kode seperti di bawah ini

Mulai ini saya jelaskan satu satu ya
  • $num blablabla itu digunakan untuk mengetahui jumlah semua data yang akan di tampilkan
  • $page digunakan untuk mengetahui itu terdapat di page berapa untuk di load
  • $limit digunakan untuk membatasi berapa data yang akan di load
  • $offset digunakan untuk memulai menampilkan data ke berapa yang ingin ditampilkan
  • $link digunakan untuk berapa page jika data tersebut dijadikan per page
  • $hasil ini adalah proses pemanggilan model yang digunakan untuk menampilkan data
  • if() sampai } digunakan untuk pembuatan url yang nantinya akan di klik per page
  • $hal sampai } digunakan untuk penomoran 
  • $alert digunakan untuk notif
  • $this->load digunakan untuk memanggil view 
Selanjutnya pada model buat Barang_model.php, setelah itu ketikkan kode berikut


Setelah selesai buat viewnya dan ketikkan kode berikut 




Untuk pagingnya ada pada gambar terakhir yaitu yang berada di dalam kotak merah.
Selamat mencoba, jika ada pertanyaan silahkan komen di bawah .


Di era sekarang ini tidak dipungkiri penggunaan aplikasi semakin banyak dibutuhkan dalam kehidupan sehari hari. salah satu contoh penggunaan aplikasi pemesanan tempat  atau biasa disebut booking room,.

Dalam hal ini, apabila mempunyai banyak ruangan, manajemen ruangan diperlukan untuk menjaga agar tidak terjadi kesalahpahaman sehingga hal tersebut dapat mengakibatkan jeleknya dalam hal memanage ruangan.

Meeting scheduler merupakan sebuah aplikasi yang digunakan untuk me-manage suatu ruangan, baik melakukan pemesanan, manajeman, sampai proses berakhir.


Aplikasi ini menggunakan 2 cara untuk memesan suatu tempat, yaitu lewat dashboard yang berarti memesan pada waktu yang akan datang, dan yang satu nya lagi on the spot, yaitu memesan ketika berada di ruangan tersebut. Lebih mudahnya lagi dalam aplikasi tersebut terdapat sebuah display untuk menampilkan ruangan yang telah dipesan dalam satu hari.

Berikut contoh gambar dari aplikasi tersebut





good luck :) 


  


TagDeskripsi
<!–…–>mendefinisikan komentar
<!DOCTYPE>mendefinisikan jenis document
<a>mendefinisikan hyperlink
<abbr>mendefinisikan ringkasan/singkatan
<acronym>tidak di dukung di html5
<address>mendefinisikan alamat
<applet>tidak di dukung di html5
<area>mendefinisikan area
<article>Newmendefinisikan artikel
<aside>Newmendefinisikan content selain content halaman
<audio>Newmendefinisikan audio
<b>mendefinisikan text tebal
<base>mendefinisikan url dasar untuk semua link pada halaman
<basefont>tidak di dukung di html5
<bdo>mendefinisikan arah tampilan text
<big>tidak di dukung di html5
<blockquote>mendefinisikan kutipan
<body>mendefinisikan element body
<br>mendefinisikan baris baru
<button>mendefinisikan document button/tombol
<canvas>Newmendefinisikan
Document grafis
<caption>mendefinisikan document table caption
<center>tidak di dukung di html5
<cite>mendefinisikan kutipan
<code>mendefinisikan text kode komputer
<col>mendefinisikan atribut untuk kolom table
<colgroup>mendefinisikan kolom table
<command>Newmendefinisikan perintah tombol
<datalist>Newmendefinisikan dropdown list
<dd>mendefinisikan definisi deskripsi
<del>mendefinisikan text yang di hapus
<details>Newmendefinisikan suatu elemen
<dialog>Newmendefinisikan dialog (conversation)
<dfn>mendefinisikan definition term
<dir>tidak di dukung di html5
<div>mendefinisikan bagian dalam suatu document
<dl>mendefinisikan daftar
<dt>mendefinisikan istilah
<em>mendefinisikan text rapat
<embed>Newmendefinisikan external content
<fieldset>mendefinisikan fieldset
<figure>Newmendefinisikan isi media, dan keterangan
<font>tidak di dukung di html5
<footer>Newmendefinisikan bagian footer
<form>mendefinisikan formulir
<frame>tidak di dukung di html5
<frameset>tidak di dukung di html5
<h1> sampai <h6>mendefinisikan header
<head>mendefinisikan informasi tentang document
<header>Newmendefinisikan sebuah header untuk bagian suatu halaman
<hgroup>Newmendefinisikan informasi tentang bagian sebuah document
<hr>mendefinisikan garis horisontal
<html>mendefinisikan document html
<i>mendefinisikan text italic
<iframe>mendefinisikan inline sub frame
<img>mendefinisikan gambar
<input>mendefinisikan input
<ins>mendefinisikan text yang disisipkan
<keygen>Newmendefinisikan sebuah kunci yang dihasilkan dalam bentuk
<kbd>mendefinisikan text keyboard
<label>mendefinisikana label untuk form
<legend>mendefinisikan judul di fieldset
<li>mendefinisikan list
<link>mendefinisikan refrensi sumber
<map>mendefinisikan peta gambar
<mark>Newmendefinisikan text yang ditandai
<menu>mendefinisikan daftar menu
<meta>mendefinisikan meta information
<meter>Newmendefinisikan ukuran yang sudah di tetapkan
<nav>Newmendefinisikan navigation link
<noframes>tidak di dukung di html5
<noscript>mendefinisikan bagian noscript
<object>mendefinisikan sebuah object
<ol>mendefinisikan daftar angka
<optgroup>mendefinisikan grup pilhan
<option>mendefinisikan drop-down option
<output>Newmendefinisikan beberapa jenis output
<p>mendefinisikan paragraph
<param>mendefinisikanparameter untuk sebuah objeck
<pre>mendefinisikan text ke format awal
<progress>Newmendefinisikan kemajuan suatu tugas apapun
<q>mendefinisikan kutipan pendek
<rp>Newdigunakan untuk menentukan apakah browser mendukung ruby
<rt>Newmenjelaskan tentanf penngunaan ruby
<ruby>Newmendefinisikan ruby annotations.
<s>tidak di dukung di html5
<samp>mendefinisikan sample computer code
<script>mendefinisikan script
<section>Newmendefinisikan section
<select>mendefinisikan selectable list
<small>mendefinisikan text kecil
<source>Newmendefinisikan media resources
<span>mendefinisikan bagian dalam sebuah document
<strike>tidak di dukung di html5
<strong>mendefinisikan text pekat/tebal
<style>mendefinisikan style untuk css
<sub>mendefinisikan subscripted text lawan pangkat
<sup>mendefinisikan superscripted text pangkat
<table>mendefinisikan table
<tbody>mendefinisikan table body
<td>mendefinisikan table cell
<textarea>mendefinisikan text area
<tfoot>mendefinisikan table footer
<th>mendefinisikan table header
<thead>mendefinisikan table header
<time>Newmendefinisikan date/time
<title>mendefinisikan judul document
<tr>mendefinisikan baris table
<tt>tidak di dukung di html5
<u>tidak di dukung di html5
<ul>mendefinisikan daftar
<var>mendefinisikan variable
<video>Newmendefinisikan video
<xmp>tidak di dukung di html5

Sumber ://yogi-hardiyanto.blogspot.com/2012/11/tag-html-5-dan-fungsinya.html#yy3rZXoJYeGpO1PT.99


Penulisan doctype pada HTML5 jauh lebih sederhana. Berikut adalah cara penulisan doctype untuk HTM5:

<!DOCTYPE html>
Sangat singkat dan lebih mudah diingat. Hal ini karena HTML5 tidak lagi bagian dari bahasa SMGL yang mengharuskan penulisan doctype berserta alamat DTD-nya (sebagaimana versi HTML sebelumnya). Malah sebenarnya HTML5 tidak membutuhkan penulisan doctype sama sekali (opsional).
Akan tetapi, jika web browser menampilkan sebuah dokumen HTML yang ditulis tanpa doctype, web browser akan masuk kedalam tampilan yang dinamakan “quirk mode”. Quirk mode adalah sebuah fitur dalam web browser dimana halaman web ditampilkan secara berbeda. Sebuah halaman tanpa doctype dianggap halaman HTML ‘usang‘ dan perlu perlakuan khusus untuk menampilkannya.
Fitur “quirk mode” memiliki banyak bug, sehingga mau tidak mau HTML5 tetap menggunakan doctype, tetapi dengan versi sesederhana mungkin agar web browser tidak masuk ke dalam mode ini dan menampilkannya secara normal (standard mode).
Doctype dalam HTML5 bersifat case-insensitive, yang tidak membedakan penulisan dengan huruf besar maupun huruf kecil. Penulisan <!DOCTYPE html> dianggap sama dengan <!doctype html>. Akan tetapi karena faktor kebiasaan, anda akan menemukan penulisan dengan huruf besar lebih sering digunakan.
Sebagai penutup, berikut adalah struktur dasar HTML menggunakan doctype HTML5:









<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Belajar HTML5</title>
</head>
<body>
  <h1>HTML5</h1>
  <p>Belajar HTML5 <p>
</body>
 
sumber : http://www.duniailkom.com/tutorial-belajar-html5-cara-penulisan-doctype-pada-html5/


Follow:

Blogger Templates20 Created by ThemeXpose