Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS...
Transcript of Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS...
![Page 1: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/1.jpg)
Wajar Jaya
Be Yourself andThink Different
Web ProgrammingLumajang, 3 Agustus 2018
![Page 2: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/2.jpg)
Biodata
WAJARsana Widya Purwa Jaya
S1 Teknik Informatika – ITS
Jl. Pisang Raja No. 30 Lumajang
HP / WA / Telegram : 081-234-173-436
Email : [email protected]
![Page 3: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/3.jpg)
Pengalaman
RFC di PT. Semen Indonesia, Tbk
Cleanup Database di PT. Pelindo III
Regident Online di Korlantas Polri
Dashboard Analisa di PT. Behaestex
Aplikasi Pemerintahan di Surabaya, Sidoarjo, Pasuruan, Trenggalek, Aceh
dll
![Page 4: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/4.jpg)
Tools
Web Server : XAMPP 5.6
Browser : Firefox, Chrome
Editor Code : Notepad ++, Sublime
Database : MySQL
Editor Db : PhpMyAdmin, SQLYog
![Page 5: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/5.jpg)
Dasar Pemrograman Web
Konsep Dasar : HTML (HyperText Markup Language)
Server Side : PHP (Hypertext Preprocessor)
Desain Web : CSS (Cascading Style Sheet)
Client Side : Javascript
Database : MySQL
![Page 6: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/6.jpg)
Lanjutan Pemrograman Web
CMS (Content Management System) : Lokomedia
Framework PHP : CodeIgniter
Desain Web : Bootstrap
Client Side : jQuery
Database : MariaDB (Konsep Relasi Antar Table)
![Page 7: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/7.jpg)
Tools – Web Server
XAMPP 5.6
![Page 8: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/8.jpg)
Tools – Browser
Firefox, Chrome
![Page 9: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/9.jpg)
Tools – Editor Code
Notepad ++, Sublime
![Page 10: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/10.jpg)
Tools – Editor Db
PhpMyAdmin
![Page 11: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/11.jpg)
Tools – Editor Db
SQLYog
![Page 12: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/12.jpg)
Konsep Dasar
HTML (HyperText Markup Language)
<html><head>
<title>SMK Muhammadiyah</title></head>
<body>Belajar Pemrograman Web</body></html>
![Page 13: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/13.jpg)
Server Side
PHP (Hypertext Preprocessor)
<html><head>
<title>SMK Muhammadiyah</title></head>
<body>Belajar Pemrograman Web <br><ol>
<?phpfor ($i=1; $i<=100; $i++) {
echo "<li> Siswa ke-$i </li>";}
?></ol>
</body></html>
![Page 14: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/14.jpg)
Desain Web
CSS (Cascading Style Sheet)
<html><head>
<title>SMK Muhammadiyah</title><style>
h1 { text-align: center; color: blue; font-weight: bold; }</style>
</head>
<body><h1>Belajar Pemrograman Web</h1>
</body></html>
![Page 15: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/15.jpg)
Client Side
Javascript<html><head>
<title>SMK Muhammadiyah</title><script type="text/javascript">
function klik() { var x = document.getElementById("div_klik"); x.innerHTML += "<p>Tetap Semangat</p>";
}</script>
</head>
<body><button onClick="klik()">Belajar Pemrograman Web</button><div id="div_klik"></div>
</body></html>
![Page 16: Wajar Jaya - sman2-pbl.sch.id · Biodata WAJAR sana Widya Purwa Jaya S1 Teknik Informatika–ITS Jl. Pisang Raja No. 30 Lumajang HP / WA / Telegram : 081-234-173-436 Email : wajar_jaya@yahoo.com](https://reader033.fdocument.pub/reader033/viewer/2022041517/5e2bbe44d05d1c0f5e11d71a/html5/thumbnails/16.jpg)
Database
MySQLmysql> SELECT NOW(),USER(),VERSION();