Sabtu, 30 Oktober 2021

PERTEMUAN 1_PEROGRAMAN WEB 1

 PERTEMUAN 1_PEROGRAMAN WEB 1

Assalamu'alaikum Wr. Wb.

Halloooo Sobat Yuk Belajar Bersama pada pertemuan 1 ini saya akan memposting tentang "PENGENALAN WEB" Soal latihan pada pertemuan 1 ini Berikut adalah soal nya

C. Soal Latihan/Tugas

1. Jelaskan menggunakan bahasa sendiri istilah Web, Portal dan Blog !

2. Jelaskan istilah Web Browser, berikan contoh !

3. Apa yang dimaksud dengan Server Web, jelaskan !

4. Jelaskan kerja browser dalam membaca script HTML !

Berikut adalah jawabanya apabila ada salah atau ada yang menambahkan silahkan ketik di kolom komentar ya Sobat Yuk Belajar Bersama.....

1. - Web adalah suatu sistem pengiriman dokumen yang tersebar melalui internet

    - Portal atau yang di sebut juga portal internet adalah suatu yang menyediakan beraneka ragam informasi untuk para penggunanya.

    - Blog adalah catatan yang ditayangkan secara online atau disebut juga jurnal pribadi yang secara online di internet

2. adalah perangkat lunak yang digunakan untuk menyajikan sebuah informasi yang ada didalam jaringan internet. Contoh web browser yang sering digunakan oleh pengguna internet, diantaranya, Mozilla Firefox, Safari, Opera, Google Chrome, dan UC Browser

3.  sebuah software (perangkat lunak) yang memberikan layanan berupa data. Berfungsi untuk menerima permintaan HTTP atau HTTPS dari klien atau kita kenal dengan web browser (Chrome, Firefox).

4. 

Server web menerima dan memberikan respon permintaan yang dikirim user melalui browser berupa halaman web yang merupakan dokumen HTML. Server web dapat merujuk ke perangkat keras atau perangkat lunak, atau keduanya bekerja bersama. Di sisi perangkat keras, server web adalah komputer yang menyimpan perangkat lunak server web dan file komponen situs web (mis. Dokumen HTML, gambar, stylesheet CSS, dan file JavaScript). Ini terhubung ke Internet dan mendukung pertukaran data fisik dengan perangkat lain yang terhubung ke web. Di sisi perangkat lunak, server web mencakup beberapa bagian yang mengontrol cara pengguna web mengakses file yang di-host, minimal server HTTP. Server HTTP adalah perangkat lunak yang memahami URL (alamat web) dan HTTP (protokol yang digunakan browser untuk melihat halaman web). Itu dapat diakses melalui nama domain (seperti mozilla.org) dari situs web yang disimpannya, dan mengirimkan kontennya ke perangkat pengguna akhir.


PERTEMUAN 6_SOAL LATIHAN/TUGAS

PERTEMUAN 6_SOAL LATIHAN/TUGAS

LATIHAN_3

Assalamu'alaikum Wr. Wb

Sobat Yuk Belajar Bersama ..

Pada pertemuan kali ini saya akan memposting Pertemuan 6 Soal Latihan/Tugas mata kuliah Pemrograman web 1

Dari soal latihan tersebut berikut adalah Source code nya

<html>

<head>

    <title>Tugas Pertemuan 6</title>

</head>

<body>

    Komponen yang membangun sistem komputer <br>

    <ol type="1">

        <li>Hardware</li>

            <ol type="A">

            <li>Input Device</li>

            <ul type="square">

                <li>Mouse</li>

                    <li>Keyboard</li>

            <li>Joystick</li>

            </ul>

            <li>Output Device</li>

            <ol type="i">

                <li>Monitor</li>

                <li>Printer</li>

                <li>Speaker</li>           

            </ol>

                <li>Process</li>

            <ul type="circle">

                <li>Cental Procesiing Unit</li>

            </ul>

        </ol>

        <li>Software</li>

        <ol type="a">

            <li>Operating System</li>

            <ul type="circle">

                <li>Windows</li>

                <li>Unix</li>

                <li>Linux</li>

            </ul>

            <li>Programming Language</li>

            <ul type="square">

                <li>Delphi</li>

                <li>Cobol</li>

                <li>RPG</li>

            </ul>

            <li>Utility Program</li>

        </ol>   

    </ol>

</body>

</html> 

seperti biasa jangan lupa Sobat Yuk Belajar Bersama setelah menbuat Sc di simpan dengan format html

dan berikut adalah hasil runnignya


 Demikian hasil pertemuan kali ini semoga bermanfaat. Terima kasih

Wassalamu'alaikum Wr. Wb.

Salam sehat

Salam hangat

Ahmad Sukari

PERTEMUAN 6_LATIHAN 2

PERTEMUAN 6_LATIHAN 2

Assalamu'alaikum Wr. Wb.

Apa kabar sobat Yuk Belajar Bersama?

Semoga sehat sehat semua ya,, Aamiin

Pada pertemuan kali ini saya akan memposting Pertemuan 6 Latihan 2 mata kuliah Pemrograman Web 1 pembahasan tentang " BULLET NUMBERING DAN LIST "

Berikut adalah sourcecode nya

<html> 

<head> 

<title>Blockbuster Movie</title> 

</head> 

<body> 

<font color="navy" size=4>Selamat datang pada Bioskop kesayangan 

Anda</font><br> 

Minggu ini kami akan mempersembahkan film-film yang pernah mendapat piala 

didunia perfilman 

<ol type="A"> 

<li>Dibalik sajadah panjang</li> 

<li>Bulan terbelah di langit Mataran (1957)</li> 

<li>Ada apa dengan Cinta (1962)</li> 

<li>Mutiara dari Selatan</li> 

<li>Serangan Fajar (1965)</li> 

<li>Citra(1970)</li> 

</ol>

<blockquote> 

Informasi ini dibuat oleh Programmer 

</blockquote> 

Suhu Udara saat ini: 

<ul type="circle"> 

<li>36 derajat Jakarta</li> 

<li>40 derajat Semarang</li> 

<li>39 derajat Surabaya</li> 

<li>35 derajat Bogor</li> 

<li>Berawan</li> 

</ul> 

Prosedur: 

<ol type="1"> 

<li>Cuci seluruh bahan hingga bersih.</li> 

<li>Masukkan dalam penggorengan yang sudah panas.</li>

<li>Goreng selama 10 menit.</li> 

<li>Jika sudah berwarna kecoklatan angkat.</li> 

</ol> 

</body> 

</html>


seperti biasa setelah membuat sc nya sobat Yuk Belajar Bersama jangan di save ya dengan format html

dan setelah di save silahkan Sobat Yuk Belajar Bersama running ya dari program di atas

Berikut adalah hasil runnignya


Demikianlah pembahasan pada pertemuan kali ini semoga bermanfaat

Wassalamu'alaikum Wr. Wb

Terima kasih

Salam hangat

Ahmad Sukari


PERTEMUAN 6_LATIHAN 1

PERTEMUAN 6_LATIHAN 1

Assalamu'alaikum teman - teman Yuk Belajar Bersama, bagaimana kabarnya ? semoga semua dalam keadaan sehat wal'afiat Aamiin.

Pada pertemuan kali ini saya akan memposting Pertemuan 6_ Latihan 1 mata kuliah Pemrograman Web 1, yaitu tentang  "BULLET NUMBERING DAN LIST". 

ok langsung saja berikut adalah sourcecodenya

<html> 

<head><title>Using List</title></head> 

<body> 

<font size="5">Kuliner makanan Perancis</font><br> 

Anda dapat berkunjung <font size="+1">di daerah Kemang</font> disini merupakan 

tempat dan waktu yang tepat untuk mencoba makanan khas Perancis terutama 

makanan lokalnya sangat luar biasa enaknya. <ul>

<li><font color="magenta">Beignetse</font> Donat kecil ditaburi gula, fresh dan the 

<font size="+2">Kopi</font>.</li> 

<li><font color="GREEN">Makanan laut</font> seperti rebusan sup yang 

lezat.Biasanya disajikan dengan nasi putih itu yang terbaik dicampur langsung ke 

sup. Jangan pula melewati ayam gumbo, makanan laut yang lebih baik!</li> 

<li><font color="ORANGE" size="+2">Jambal</font> - the Tempat terbaik untuk 

makan malam, yang sebelumnya Anda harus memesan tempat itu terlebih 

dahulu.</li>

<li><font size="5" color="BLUE">Minuman</font> Minuman khas dari rempah-

rempah membuat suasana hangat </li> 

</ul> 

Apapun yang Anda lakukan pastikan Anda punya <font 

size="+1">F</font><font size="+2">U</font> 

<font size="+3">N</font>! 

<dl> 

<dt>Pemasaran Online</dt> 

<dd> 

Merupakan aktivitas yang dilakukan untuk mempromosikan produk dalam berupa 

barang dan jasa dengan menggunakan media Internet</dd> 

<dt>eCommerce</dt> 

<dd>Kegiatan yang dilakukan untuk menjual atau memasarkan produk secara 

online</dd> 

</dl> 

</body>

<html>



setelah membuat sc nya silahkan teman teman Yuk belajar bersama simpan atau save dengan format html ya, dan agar tidak bingung silahkan simpan difolder yang rapi agar tidak pusing mencarinya jika akan membukanya

Setelah di Save kita coba running menggunakan google crome dan berikut adalah hasil running nya


Demikian teman - teman Yuk Belajar Bersama pada pertemuan 6 kali ini semoga bermanfaat

Wassalamu'alaikum Wr. Wb

Terima kasih

Salam hangat

Ahmad Sukari


Jumat, 29 Oktober 2021

PERTEMUAN 5_LATIHAN 1_ POSTING 1

 PERTEMUAN 5_LATIHAN 1_ POSTING 1

Assalamu'alaikum Wr. Wb. 

Yuk belajar bersama

Pada pertemuan kali ini kita masih membahas tentang hyperlink Pertemuan 5 posting 1 mata kuliah Pemrograman Web 1 yang nantinya kita akan membahas tentang hyperlink (Home, Profil, About, Gallery, dan Kontak).

Ok kita langsung saja berikut adalah sourcecodenya untuk Menu Home

<html>

<head>

    <title>PERTEMUAN 5_LATIHAN 1</title>

</head>


<hr color="grey" size=3 width=100% align="left"><font size= 4 color="red">

<a href="PERTEMUAN 5_LATIHAN 1.html">Home</a> | <a href="PERTEMUAN 5_PROFILE.html">Profil</a> | 

<a href="PERTEMUAN 5_ABOUT.html">About</a> | <a href="PERTEMUAN 5_GALLERY.html">Gallery</a> |

<a href="PERTEMUNA 5_KONTAK.html">Kontak</a></font>

<hr color="grey" size=3 width=100% align="left">


<h2>Assalamu'alaikum Wr. Wb.</h2>


<h2>Selamat datang...</h2>

Ini merupakan contoh website dasar sederhana yang menggunakan <i>hyperlink</i> dalam <i>source code</i>-nya. <i>Hyperlink</i> yang 

digunakan merupakan jenis <i>hyperlink</i> relatif yakni melakukan <i>link</i> dari satu halaman ke halaman lain pada website yang sama. 

<i>Source code hyperlink</i> ada pada bagian menu di atas.

<hr width=75% size=3 color="grey" align=left>


Admin Web, Me (AhmadSukari)

</body>

</html>


Berikut hasil runningnya


Selanjutnya adalah Profile

<html>


<head>

<title>PERTEMUAN 5_PROFILE</title>


</head>


<body>


<h1>PROFILE</h1>


<h4> AHMAD SUKARI</h4>


<hr width=85% size=4 color="green" align=left>


<hr width=85% size=4 color="green" align=left>


<BR>

Nama : Ahmad Sukari <BR>

Tempat Lahir : Tangerang <BR>

Alamat : Desa Kebon Cau Kec. Teluknaga Kab. Tangerang <BR>

<BR><BR>

Riwayat Pendidikan <BR>

- SDN SANGIANG 2 SEPATAN TIMUR <BR>

- SMPN PAKUHAJI 2 PAKUHAJI <BR>

- SMAN SEPATAN 1 SEPATAN <BR><BR>

Pekerjaan <BR>

STAFF DIKLAT DAN PENGEMBANGAN PT KSO ASP ISS BANDARA INT'L SOEKARNO - HATTA


<hr width=75% size=3 color="green" align=left>

<hr width=75% size=3 color="green" align=left>


Admin Web, Me (Ahmad Sukari)

</body>

</html>


Berikut adalah hasil runnignya


Selanjutnya adalah about

<html>


<head>

<title>PERTEMUAN 5_ABOUT</title>


</head>


<body>


<h1>SLOGAN ATAU MOTTO</h1>


<h4> AHMAD SUKARI</h4>



<hr width=75% size=4 color="green" align=left>


<BR>

"LEBIH BAIK DI BENCI KARENA KEJUJURAN DARIPADA DI PUJI KARENA KEMUNAFIKAN" <BR>


<hr width=75% size=3 color="green" align=left>


Admin Web, Me (Ahmad Sukari)

</body>

</html>


Hasil runningnya


Selanjutnya adalah Gallery

html>


<head>

<title>PERTEMUAN 5_GALLERY</title>


</head>


<body>


<h1>Ini adalah foto - foto saya ketika tugas di luar kota tepatnya di Provinsi Bengkulu</h1>


<h4> AHMAD SUKARI</h4>


<hr width=85% size=4 color="green" align=left>


<BR>


<img src=IMG-20210716-WA0016.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">

<img src=IMG-20210716-WA0018.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">

<img src=20210103_172257.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">

<img src=IMG-20210716-WA0015.jpg width=500 height=300 border=2 alt="Bengkulu" title="Foto Sukari">


<BR>


<BR>


<hr width=85% size=4 color="green" align=left>


<BR>

Terimakasih anda telah bergabung dan berkunjung pada situs kami, kami berharap anda memperoleh informasi yang anda inginkan dan anda cari.<BR><BR>


Situsini berisi informasi sekitar materi yang berhubungan dengan programing web, diantaranya :<BR>


HTML,CSS,PHP,MySql dan materi atau artikel lain sekitar web.<BR><BR>


<hr width=75% size=3 color="grey" align=left>


Admin Web, Me (Ahmad Sukari)

</body>

</html>


Hasil runningya


Selanjutnya adalah kontak

<html>


<head>

<title>PERTEMUAN 5_KONTAK</title>


</head>


<body>


<h1>Halama kontak</h1>


<h4> AHMAD SUKARI</h4>



<hr width=75% size=4 color="green" align=left>


<BR>

- No Hp : 0812 3456 7890 <BR>

- Email : sukariahmad024@gmail.com <BR>


<hr width=75% size=3 color="green" align=left>


Admin Web, Me (Ahmad Sukari)

</body>

</html>


Berikut hasil runningya


Ok 

Demikian pembahasan pertemuan pada kali ini semoga bermanfaat

Salam hangat


Ahmad Sukari



PERTEMUAN 5_LATIHAN_1 POSTING 0

PERTEMUAN 5_LATIHAN_1_POSTING 0

Assalamu'alaikum Wr. Wb

Pada pertemuan kali ini kita membahas tentang hyperlink di pertemuan 5 latihan 1 Posting 0 mata kuliah pemrograman web 1

Berikut adala sourcecodenya

<html>

<head>

    <title>PERTEMUAN 5_LATIHAN 1</title>

</head>

<body>

<pre>

<hr color="blue" size=3 width=50% align="left"><font size= 4 color="red"><a

href="home.html">Home</a> | <a href="profil.html">Profil</a> | <a href="about.html">About</a> | <a href="gallery.html">Gallery</a> | <a href="kontak.html">Kontak</a></font>

<hr color="blue" size=3 width=50% align="left">

<font size=3>Assalammualaikum.Wr.Wb.

Apakabar semua. Salam kenal ini adalah web perdanaku. Web ini berisi informasi tentang kegemaranku.

Semoga web ini dapat menginspirasi Anda pada waktu liburan. <a href="http://www.google.com">google</a>

Silakan hubungi saya jika ada yang ingin didiskusikan <a href="mailto:endarnirmala.gmail.com">email</a>

</font>

</pre>   

</body>

</html>


 Berikut adalah hasil runnignya dan jangan lupa untuk save nya menggunakan html ya


Demikian pertemuan kali ini semoga bermanfaat

Terima kasih

Salam hangat


Ahmad Sukari




Kamis, 28 Oktober 2021

PERTEMUAN 4 SOAL LATIHAN TUGAS NOMOR 2

 Assalamu'alaikum Wr. Wb

salam semangat semua 

Pada pertemuan kali ini kita membahas Pertemuan 4 latihan tugas nomor 2

2. Cobalah tampilkan web anda dengan browser yang berbeda, bagaimana
hasilnya

<html>


<head>


    <title>Pertemuan 4</title>


</head>


<body>


    <img src="WhatsApp Image 2020-08-06 at 09.34.57.jpeg" width= "354"


height ="472" Alt="foto Sukari" align="center" title="picture">


    <br><br>


    <embed src="Yovie N The Nuno - Janji Suci.mp3" width="100" height="50" autoplay="false"


hidden="false" loop="true" volume="30"></embed>


    <br>


    <embed src="PRAMUGARI CANTIK.mp4" width="300" height="250" autoplay="true"


hidden="false" loop="false" volume="30"></embed>


</body>


</html>



dan kali ini sesuai dengan soal, saya akan coba menjalankan dengan Microsoft Edge

maka hasilnya adalah 


maka hasilnya masih tetap sama dan bisa terbuka hanya saja beda membuka dengan browser microsoft edge

Demikian pembahasan kali sekian dan terima kasih

Salam hangat

Ahmad Sukari

Kurikulum Merdeka

 Sudah pantas kah