Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan
Tampilkan postingan dengan label Pemrograman Web. Tampilkan semua postingan

Senin, 06 September 2021

Cara Menaruh Kode JavaScript ke Halaman HTML 1

Pada tutorial kali ini kita akan membahas cara menaruh kode JavaScript atau js ke halaman HTML.

Cara menambahkan kode JavaScript ke file terpisah:

Sekarang kita reference file JavaScript dalam HTML, seperti ini:

<!DOCTYPE html>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>Time right now:</title>

</head>

<body>

</body>

<script src="js/myscript.js"></script>

</html>

Konten file myscript.js akan terlihat seperti ini:

let d = new Date();

document.body.innerHTML = "<h1>Time right now is:  " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds()

"</h1>";

Jumat, 30 April 2021

Lokasi Router di Laravel

Laravel 5.0

Lokasi: app/Http/routes.php file, 

men load App\Providers\RouteServiceProvider class. 

Laravel 5.5

Lokasi: routes/web.php file umumnya untuk web interface.

Lokasi routes/api.php umumnya untuk api middleware group.

Jumat, 16 April 2021

Tag HTML

Tag HTML dasar

Start Tag Kegunaan
<html> Mendefinisikan sebuah dokumen html
<body> Mendefinisikan isi/badan suatu dokumen
<h1>-<h6> Mendefinisikan heading ke 1 s/d heading ke 6
<p> Mendefinisikan sebuah paragraf
<br> Menyisipkan sebuah line break
<hr> Mendefinisikan sebuah garis horisontal
<!-- --> Mendefinisikan komentar dalam kode sumber HTML
<b> Mendefinisikan teks tebal
<big> Mendefinisikan teks yang lebih besar
<em> Mendefinisikan teks yang dimiringkan 
<i> Mendefinisikan teks yang dimiringkan
<small> Mendefinisikan teks yang lebih kecil
<strong> Mendefinisikan teks tebal
<sub> Defines subscripted text
<sup> Mendefinisikan teks yang posisinya lebih ke atas
<ins> Mendefinisikan teks yang bergaris bawah
<del> Mendefinisikan teks yang hendak dicoret
<s> Mendefinisikan teks yang hendak dicoret
<strike> Mendefinisikan teks yang hendak dicoret
<u> Mendefinisikan teks yang bergaris bawah
<code> Mendefinisikan teks kode komputer
<kbd> Mendefinisikan teks dari keyboard 
<samp> Mendefinisikan teks contoh kode komputer
<tt> Mendefinisikan teks model teletype
<var> Mendefinisikan sebuah variabel
<pre> Mendefinisikan teks preformatted
<listing> Dihilangkan. Gunakan saja <pre>
<plaintext> Dihilangkan. Gunakan saja <pre>
<xmp> Dihilangkan. Gunakan saja <pre>
<abbr> Mendefinisikan suatu kependekan
<acronym> Mendefinisikan suatu singkatan
<address> Mendefinisikan suatu elemen alamat
<bdo> Mendefinisikan arah teks
<blockquote> Mendefinisikan quotation panjang
<q> Mendefinisikan quotation pendek
<cite> Mendefinisikan suatu kutipan
<dfn> Mendefinisikan suatu istilah
<ol> Mendefinisikan sebuah list ordered
<ul> Mendefinisikan sebuah list unordered
<li> Mendefinisikan sebuah item dalam list
<dl> Mendefinisikan sebuah list definisi
<dt> Mendefinisikan sebuah istilah list definisi
<dd> Mendefinisikan sebuah keterangan list definisi
<dir> Dihilangkan. Gunakan saja <ul>
<menu> Dihilangkan. Gunakan saja <ul>

Sabtu, 03 April 2021

Perintah SQL

  1. Perintah SELECT
    Perintah SELECT merupakan perintah dasar SQL yang di gunakan untuk memilih data dari database. Data yang di kembalikan di simpan dalam tabel yang di sebut result-set.
    SELECT kolom1, kolom2, … FROM nama_tabel;
    SELECT * FROM nama_tabel;

Sabtu, 07 November 2020

Fungsi Date Pada PHP

date(format_tanggal, timestamp);

date_default_timezone_set('UTC');

date_default_timezone_set('Asia/Jakarta');

strtotime(timestamp);

mktime(timestamp);

date_format(dateTimeInterface object, format_tanggal);

time();


Referensi:

https://code.tutsplus.com/

http://php.net/


Kursus LPIA:

Istilah-Istilah Dalam Photoshop

Penulisan Waktu dan Tanggal Di PHP

Fungsi Date Pada PHP

Senin, 19 Oktober 2020

Selasa, 06 Oktober 2020

Daftar Extension Visual Studio Code Yang Kami Pakai

2gua.rainbow-brackets

adammaras.overtype

aliariff.auto-add-brackets

anteprimorac.html-end-tag-labels

auchenberg.vscode-browser-preview

axetroy.vscode-comment-autocomplete

BriteSnow.vscode-toggle-quotes

chenfengone.Function-List

christian-kohler.path-intellisense

CoenraadS.bracket-pair-colorizer

danielpinto8zz6.c-cpp-compile-run

ecmel.vscode-html-css

eryouhao.brackets-light-pro

ExodiusStudios.comment-anchors

filipesabella.live-p5

Fraser.live-coder

Gruntfuggly.bettercomment

jomeinaster.bracket-peek

jamespgilbert.comment-labels

jeremyrajan.browsersync

jinhyuk.replace-curly-quotes

karyfoundation.comment

kevinkyang.auto-comment-blocks

konstantin.wrapSelection

L13RARY.l13-duplicate

lostintangent.vsls-whiteboard

mohd-akram.vscode-html-format

ms-vsliveshare.vsliveshare

ms-vsliveshare.vsliveshare-audio

negokaz.live-server-preview

PrimaFuture.open-php-html-js-in-browser

pucelle.vscode-css-navigation

redhat.java

ritwickdey.LiveServer

searKing.preview-vscode

seunghwan.smartsemicolon

SlySherZ.comment-box

stackbreak.comment-divider

svipas.code-autocomplete

TabNine.tabnine-vscode

VisualStudioExptTeam.vscodeintellicode

vscjava.vscode-java-debug

vscjava.vscode-java-dependency

vscjava.vscode-java-pack

vscjava.vscode-java-test

vscjava.vscode-maven

Wscats.cors-browser

ysemeniuk.emmet-live

yuichinukiyama.vscode-preview-server


referensi:

https://marketplace.visualstudio.com/

Selasa, 29 September 2020

fungsi define dalam PHP

Pada bahasa pemrograman PHP ada sebuah fungsi yang bernama “define”. Fungsi “define” adalah untuk mendefinisikan konstanta. Misalnya kita akan mendefinisikan bahwa nasi adalah “makanan khas Indonesia”.  Format fungsi define adalah sebagai berikut :

define(name,value,case_insensitive)

Jadi ada tiga parameter dalam fungsi define, yaitu 

  • name adalah parameter nama konstanta yang akan didefinisikan.
  • value adalah parameter isi/arti dari sesuatu yang didefinisikan.
  • case_insensitive adalah nilai boolean untuk penulisan definisi (TRUE/FALSE). Jika bernilai TRUE, maka pada pemanggilan definisi tidak akan case sensitive.  Catatan, untuk parameter ketiga boleh tidak diisi.
Untuk lebih jelas, kita langsung ke contoh :

<?php

define(“nasi”, “makanan khas Indonesia”);

echo nasi; // output “makanan khas Indonesia”

echo Nasi; // output “Nasi”

?>

Dari contoh tersebut, kita bisa melihat bahwa fungsi define bisa juga diisi hanya dengan dua parameter. Namun ketika parameter ketiga tidak diisi maka si parameter ketiga dianggap bernilai FALSE, maka pemanggilan nama fungsi jadi Case Sensitive (harus persis sesuai dengan penulisan ketika pendefinisian). Hasil echo NASI tidak sama dengan Nasi.

Sabtu, 26 September 2020

Kamis, 24 September 2020

HTML character codes

Char Numeric
code
Named
code
Description
" &#34; &quot; double quote
& &#38; &amp; ampersand
' &#39; &apos; single quote
< &#60; &lt; less than
> &#62; &gt; greater than
&#160; &nbsp; non-breaking space

Selasa, 15 September 2020

Foundation Framework

Foundation framework adalah framework HTML dan CSS yang di buat khusus untuk menangani front-end. terutama untuk menciptakan front-end yang responsive dengan cepat dan sangat mudah.

 

Cara Instalasi Framework Foundation


Untuk mulai melakukan instalasi framework foundation, teman-teman bisa langsung menuju ke situs resmi foundation. di http://foundation.zurb.com. dan langsung klik download. 

Lalu ekstrak ke dalam sebuah folder. Lalu buat file html di bawah ini dalam folder yang sama.

<!doctype html>

<html class="no-js" lang="en">

  <head>

    <title>foundation</title>

    <link rel="stylesheet" href="css/foundation.css" />

  </head>

  <body>

    <center><h1>TUTORIAL FOUNDATION</h1></center>

    <button class="button">klik</button>

    <script src="js/vendor/jquery.js"></script>

    <script src="js/vendor/what-input.js"></script>

    <script src="js/vendor/foundation.min.js"></script>

    <script>

      $(document).foundation();

    </script>

  </body>

</html>

Jumat, 24 Juli 2020

Daftar port XAMPP

Apache (HTTP): Port 80
Apache (WebDAV): Port 81
Apache (HTTPS): Port 443
MySQL: Port 3306
FileZilla (FTP): Port 21
FileZilla (Admin): Port 14147
Mercury (SMTP): Port 25
Mercury (POP3): Port 110
Mercury (IMAP): Port 143
Mercury (HTTP): Port 2224
Mercury (Finger): Port 79
Mercury (PH): Port 105
Mercury (PopPass): Port 106
Tomcat (AJP/1.3): Port 8009
Tomcat (HTTP): Port 8080

referensi:
https://www.apachefriends.org/

Sabtu, 16 Mei 2020

Apa sih JavaScript itu?

Javascript adalah bahasa pemrograman di sisi client (browser) saja. Bahasa pemrograman Javascript digunakan dalam pengembangan website. Saat ini javascript juga digunakan pada server, console, program desktop, mobile, IoT, game, dan lain-lain.
Javascript awalnya dikembangkan oleh programmer bernama Brendan Eich. Bahasa Javascript awalnya dinamakan Mocha, lalu berubah menjadi LiveScript. Bahasa pemrograman script Javascript dibuat mirip seperti bahasa pemrograman Java dan lebih sedikit mirip bahasa pemrograman Scheme. Bahasa pemrograman Javascript diluncurkan bersama browser Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah itu dinamai ulang menjadi Javascript. Karena kesuksesan Javascript, Microsoft membuat bahasa pemrograman ‘Javascript’ versi mereka sendiri bernama JScript. Lalu di tanam pada Internet Explorer 3.0 bersama CSS.
Akhirnya pada tahun 1996, Netscape mengirimkan standarisasi ECMA-262 ke organisasi Ecma International. Sehingga lahirlah standarisasi kode Javascript bernama ECMAScript atau ES. Sekarang perkembangan bahasa scripting Javascript tidak hanya terbatas di dalam browser, seperti digunakan dalam perangkat smartphone, dan perangkat-perangkat lain.

Peralatan untuk menjalankan Javascript:

Web Browser (Google Chrome, Firefox, Microsoft Edge, dan lain-lain)

Peralatan dasar untuk mengembangkan Javascript:

Microsoft Visual Studio Code, Atom, Adobe Brackets, Sublime, Netbeans, Eclipse, JetBrains WebStorm, dan lain-lain.

Beberapa fungsi javascript:

  • Memuat konten halaman baru tanpa memuat ulang/reload halaman wb. Misalnya, situs web media sosial menggunakan Ajax sehingga pengguna dapat memposting pesan baru tanpa meninggalkan halaman.
  • Animasi elemen halaman, seperti memudar masuk dan keluar (fade in dan fade out), mengubah ukuran (transform), dan memindahkannya (move).
  • Konten interaktif, seperti game dan video.
  • Memvalidasi nilai input formulir web / web form untuk memastikan bahwa mereka dapat diterima sebelum dikirim ke server.
  • Mengirim informasi tentang perilaku pengguna untuk analitik , pelacakan iklan , dan personalisasi .

Selasa, 07 April 2020

PHP String

substr() = Mengembalikan bagian dari string.

strlen() = Mengembalikan panjang string.

strtolower() = Mengubah string menjadi huruf kecil.

strtoupper() = Mengubah string menjadi huruf besar.

trim() = Menghapus spasi putih atau karakter lain dari kedua sisi string.

strpos() = Mengembalikan posisi kemunculan pertama string di dalam string lain (case-sensitive).

strstr() = Menemukan kemunculan pertama string di dalam string lain (case-sensitive).

is_string() = Periksa apakah suatu variabel bertipe string atau tidak.

Sabtu, 04 April 2020

Daftar Fungsi PHP MySQLi 1

Fungsi PHP MySQLi

PHP memiliki banyak koleksi fungsi bawaan untuk memanipulasi database MySQL. Extension MySQLi diperkenalkan dengan PHP versi 5.0.0. Driver Asli MySQL disertakan dalam PHP versi 5.3.0. Dalam tutorial mulai dari ini dan sambungannya, kita akan belajar:
  • fungsi mysqli_connect() = Fungsi koneksi PHP ke mysql digunakan untuk menghubungkan ke server database MySQL.
  • fungsi mysqli_select_db() = Fungsi mysqli_select_db digunakan untuk memilih database.
  • fungsi mysqli_query() = Fungsi mysqli_query digunakan untuk mengeksekusi perintah query SQL. Fungsi ini dapat digunakan untuk menjalankan tipe query berikut:
    • Insert
    • Select
    • Update
    • Delete
  • fungsi mysqli_num_rows() = Fungsi mysqli_num_rows digunakan untuk mendapatkan jumlah baris yang diperoleh dari query select.
  • fungsi mysqli_fetch_array() = Fungsi mysqli_fetch_array digunakan untuk mengambil baris array dari result set hasil query.
  • fungsi mysqli_close() = Fungsi mysqli_close digunakan untuk menutup koneksi database terbuka.
referensi:
https://www.guru99.com/
https://phptherightway.com/
https://www.php.net/manual/en/index.php
https://dev.mysql.com/doc/refman/en/
Book by Janet Valade, PHP & MySQL for Dummies, Wiley.
Learning PHP, MySQL, JavaScript, CSS & HTML5: A Step-by-Step Guide to Creating Dynamic Websites, Robin Nixon, O'Reilly.

Kursus komputer:

Sabtu, 28 Maret 2020

Fungsi Variable dalam PHP

PHP memiliki fungsi bawaan yang digunakan dalam proses pembuatan aplikasi web.
Di bawah ini adalah beberapa fungsi-fungsi variable dalam PHP:
echo(), print(), unset(), isset(), empty(), 

include(), require(), define(), intval(), boolval(), 

floatval(), strval(), get_resource_type(), 

gettype()/settype(), is_numeric(), is_int(), is_integer(),

 is_long(), is_float(), is_double(), is_real(), 

is_double(), is_real(), is_float(), is_string(),

 is_array(), is_object, is_callable(), is_null(),

 is_resource(), defined() dan lain-lain.

referensi:
https://www.duniailkom.com/
http://www.nusphere.com/
https://teamtreehouse.com/
https://www.tutorialspoint.com/
https://www.php.net/manual/en/index.php
Joel Murach, Ray Harris, PHP and MySQL, Mike Murach & Associates
Madcoms, Pemrograman PHP Dan MySQL Untuk Pemula, Andi
R.H. Sianipar, PHP Dan MYSQL Langkah Demi Langkah, Andi
Vikram Vaswani, PHP: A BEGINNER'S GUIDE, McGraw-Hill

Sabtu, 21 Maret 2020

Menjalankan PHP dengan ekstensi .htm atau .html

Jika ingin menulis kode PHP dalam file .HTM / .HTML. Maka yang harus dilakukan adalah

  1. menambahkan baris berikut ke httpd.conf dalam server Apache yang digunakan:
        AddType application/x-httpd-php .html
        AddType application/x-httpd-php .htm
  2. atau tambahkan baris berikut:
       AddHandler php-cgi .htm
       AddHandler php-cgi .html
  3. Lalu restart server Apache.

referensi:
http://httpd.apache.org/docs/
https://stackoverflow.com/

Memberitahukan bahwa File .Config itu XML kepada Notepad ++

File Web.config  dan .config untuk mengonfigurasi aplikasi ASP.NET dan aplikasi .NET Framework. Sekarang ASP.NET menggunakan appsettings.json untuk mengonfigurasi aplikasi ASP.NET. Langkah:

  1. Klik Settings > Style Configurator...
  2. Klik menu Language, klik "XML"
  3. Di bawah daftar Language, klik di kotak teks "User ext.:" dan tambahkan "config" ke daftar.
  4. tekan Save & Close
  5. Lalu harus menutup dan membuka kembali file ".config" tersebut, agar syntax highlight berlaku.

referensi:
https://docs.microsoft.com/en-us/
http://docs.notepad-plus-plus.org/index.php

Bagi kamu yang lagi belajar bahasa Inggris dan belajar komputer atau sedang berada dekat LPIA (kursus bahasa Inggris dan kursus komputer).
LPIA menerima pendaftaran siswa baru dan siswa lanjut untuk kursus bahasa Inggris dan kursus Komputer. Yuk, mendaftar!!!