Laporan Magang Farisi

8/16/2019 Laporan Magang Farisi

1/51

LAPORAN PRAKTIK KERJA LAPANGAN

MEMBUAT DESAIN TEMPLATE HALAMAN WEB

PADA DREAMWEAVER CS6

PLUS MULTIMEDIA KOMPUTER

Jl. MENTERI EMPAT No. 9 Dan 10 SEKUMPUL MARTAPURA

PROVINSI KALIMANTAN SELATAN

OlehAHMAD FARISI

NIS 2821

PEMERINTAH KOTA BANJARBARU

DINAS PENDIDIKAN

SMK NEGERI 2 BANJARBARU

PAKET KEAHLIAN TEKNIK KOMPUTER DAN JARINGAN

MEI 2016


2/51

LAPORAN PRAKTIK KERJA LAPANGAN

MEMBUAT DESAIN TEMPLATE HALAMAN WEB

PADA DREAMWEAVER CS6

PLUS MULTIMEDIA KOMPUTER

Jl. MENTERI EMPAT No. 9 Dan 10 SEKUMPUL MARTAPURA

PROVINSI KALIMANTAN SELATAN

Diajukan kepadaSMK Negeri 2 Banjarbaru

untuk memenuhi salah satu persyaratan dalam

menyelesaikan program pendidikan SMK

Oleh

Ahmad Farisi

NIS 2821

PEMERINTAH KOTA BANJARBARU

DINAS PENDIDIKAN

SMK NEGERI 2 BANJARBARU

PAKET KEAHLIAN TEKNIK KOMPUTER DAN JARINGAN

Mei 2016


3/51

LEMBAR PERSETUJUAN

Laporan Praktik Kerja Lapangan oleh Ahmad Farisi ini telah diperiksa dan disetujui untuk

diuji.

Banjarbaru,19 Mei 2016 Banjarbaru,19 Mei 2016

Pembimbing Akademik Pembimbing Industri

Omar M.A.A, S.Pd Muhammad Nasrullah NIP. 19920215 201503 1 001


4/51

LEMBAR PENGUJIAN

Laporan Praktik Kerja Lapangan oleh Ahmad Farisi ini telah dipertahankan di depan

dewan penguji pada tanggal 19 Mei 2016.

Dewan Penguji

Rastra Feryd Permana, S.Pd Penguji 1

NIP. 19911212 201402 1 001

Arif Rachman, S.Pd Penguji 2

NIP. 19850914 201101 1 001


5/51


6/51

i

KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah

memberikan rahmat dan karunianya, Sehingga penulis dapat menyelesaikan LaporanPelaksanaan Praktik Kerja Lapangan ini.

Praktik Kerja Lapangan Ini Merupakan salah satu kepenuhan untuk kenaikan kelas

yang wajib ditempuh di SMK NEGERI 2 BANJARBARU. Laporan Praktik Kerja

Lapangan ini disusun sebagai pelengkap kerja lapangan yang telah dilaksanakan selama

3 bulan di PLUS MULTIMEDIA KOMPUTER.

Dengan Selesainya laporan praktik kerja lapangan ini tidak terlepas dari bantuan

banyak pihak yang telah memberikan masukan-masukan kepada penulis. Untuk itu

penulis mengucapkan banyak terima kasih kepada:

1. Bapak Drs. suyani, MT selaku kepala SMK Negeri 2 Banjarbaru.

2. Bapak Agung Wibisono selaku pimpinan Plus Multimedia Komputer.

3.

Bapak Suprayitno, S.H Selaku kepala program Teknik Komputer dan Jaringan.

4. Bapak Omar Muhammad Al-Toumi Al-Syaibani, S.Pd selaku pembimbing dari

sekolah.

5.

Seluruh Karyawan Plus Multimedia Komputer yang membantu dalam Pelaksanaan

Praktek Kerja Lapangan

6. Serta Bapak/Ibu guru yang telah memberi masukan dan saran dalam penyusunan

laporan ini.

7. Dan kedua orang tua yang telah memberikan motivasi serta semangat kepada penulis.

Penulis menyadari bahwa masih banyak kekurangan dari laporan ini, baik dari

materi maupun teknik penyajiannya, mengingat kurangnya pengetahuan dan pengalaman

penulis. Oleh karena itu, penulis mengharapkan saran dan komentar yang dapat dijadikan

masukan dan motivasi dalam menyempurnakan laporan ini di masa yang akan datang.

Semoga laporan ini bermanfaat tidak hanya bagi para siswa siswi SMK Negeri 2

Banjarbaru.

Banjarbaru, 19 Mei 2016

Penulis.


7/51

ii

DAFTAR ISI

Halaman

KATA PENGANTAR ...................................................................................................... i

DAFTAR ISI ................................................................................................................... ii

DAFTAR TABEL .......................................................................................................... iii

DAFTAR GAMBAR ...................................................................................................... iv

DAFTAR LAMPIRAN ................................................................................................... v

BAB I PENDAHULUAN

1.1. Latar Belakang ........................................................................................... 1

1.2. Rumusan Masalah ...................................................................................... 2

1.3. Batasan Masalah ......................................................................................... 2

1.4. Tujuan ......................................................................................................... 2

1.5. Kegunaan .................................................................................................... 2

1.6. Definisi Istilah ............................................................................................ 3

BAB II HASIL PRAKTIK KERJA LAPANGAN

2.1. Gambaran Umum Industri .......................................................................... 4

2.2. Aktivitas yang Dilakukan Selama Praktik.................................................. 5

2.3. Masalah yang Dihadapi ............................................................................ 15

2.4. Alternatif Pemecahan Masalah ................................................................. 15

2.5. Pemecahan Masalah yang dihadapi .......................................................... 16

BAB III PENUTUP

3.1. Kesimpulan ............................................................................................... 24

3.2. Saran ......................................................................................................... 24

DAFTAR PUSTAKA .................................................................................................... 26

LAMPIRAN .................................................................................................................. 27

DAFTAR RIWAYAT HIDUP ..................................................................................... 40


8/51

iii

DAFTAR TABEL

Halaman

Tabel 2.2.1 Aktivitas yang dilakukan selama praktik ................................................... 5


9/51

iv

DAFTAR GAMBAR

Halaman

Gambar 2.1.1 Logo Plus Multimedia Komputer .............................................................. 4

Gambar 2.5.1 Tampilan awal adobe dreamweaver CS6. ................................................ 17

Gambar 2.5.2 Tampilan pembuatan tabel. ...................................................................... 17

Gambar 2.5.3 Tampilan baris dan kolom. ...................................................................... 18

Gambar 2.5.4 Tampilan dari sebuah tabel. ..................................................................... 18

Gambar 2.5.5 Tampilan pembuatan rowspan dan colspan. ............................................ 19

Gambar 2.5.6 Tampilan kolom yang di span. ................................................................. 19

Gambar 2.5.7 Tampilan template dari tabel. .................................................................. 20

Gambar 2.5.8 Tampilan penambahan gambar dan video. .............................................. 20

Gambar 2.5.9 Tampilan halaman web. ........................................................................... 21

Gambar 2.5.10 Tampilan halaman web (2). ................................................................... 21

Gambar 2.5.11 Contoh halaman web. ............................................................................. 22

Gambar 2.5.12 Contoh halaman web (2). ....................................................................... 22

Gambar 2.5.13 Contoh halaman web (3). ....................................................................... 23


10/51

v

DAFTAR LAMPIRAN

Halaman

Lampiran 1: Jadwal Kegiatan Praktik Kerja Lapangan .................................................. 27

Lampiran 2: Agenda Harian Praktik Kerja Lapangan .................................................... 28

Lampiran 3: Daftar Hadir Siswa Praktikan ..................................................................... 32

Lampiran 4: Catatan Kegiatan Praktik Kerja Lapangan ................................................. 33

Lampiran 5: Dokumentasi Kegiatan Praktik Kerja Lapangan ........................................ 34


11/51

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Ilmu pengetahuan dan teknologi selalu berkembang dan mengalami kemajuan,

sesuai dengan perkembangan zaman dan perkembangan cara berpikir manusia.

Bangsa Indonesia sebagai salah satu negara berkembang tidak akan bisa maju selama

belum memperbaiki kualitas sumber daya manusia bangsa kita . Kualitas hidup

bangsa dapat meningkat jika ditunjang dengan sistem pendidikan yang mapan.

Dengan sistem pendidikan yang mapan, memungkinkan kita berpikir kritis, kreatif,

dan produktif.

Sekarang ini kebutuhan untuk memperoleh teknologi dan informasi sangat

meningkat sehingga siswa dituntut untuk mampu menggali informasi dari berbagai

sumber teknologi. Teknologi yang semakin canggih telah memberikan manfaat

dalam berbagai hal, termasuk didalam bidang teknologi informasi dan komunikasi,

memudahka kita dalam efisien waktu dan transportasi dengan teknologi super

canggih masa kini dari messenger, sosial media, game online, email, cloud drive

hingga website.

Desain web adalah istilah yang luas yang mencakup berbagai keterampilan dan

disiplin ilmu yang digunakan dalam produksi dan pemeliharaan website berbagai

bidang desain web meliputi web design grafis, desain interface, authoring, termasuk

kode standard dan perangkat lunak berpemilik, pengalaman pengguna desain dan

optimasi mesin pencari. Seringkali banyak orang akan bekerja dalam tim yang

mencakup berbagai aspek dari proses desain, meskipun beberapa desainer akan

meliputi mereka semua. Desain web Istilah Biasanya digunakan untuk

menggambarkan proses desain yang berkaitan dengan front-end (sisi client) desain

website termasuk menulis mark up, tapi ini adalah wilayah abu-abu krena hal ini juga

dibahas oleh pengembangan web. Web desainer diharapkan memiliki kesadaran akan

kegunaan dan jika peran mereka melibatkan menciptakan mark up maka mereka juga

diharapkan untuk memperoleh informasi dengan pedoman aksebilitas web.

Salah satunya software yang membuat desain web ialah dreamweaver

productnya adobe yang merupakan program penyunting halaman web yang dulu

dikenal sebagai macromedia. Program ini banyak digunakan oleh pengembang webkarena fitur-fiturnya yang menarik dan kemudahan penggunanya. Versi terakhir


12/51

2

macromedia dreamweaver sebelum macromedia di beli oleh adobe yaitu versi 8.

Versi adobe creative suite 4 (sering di singkat Adobe CS4)

Pembuatan web desain yang menyajikan baik itu pertukaran informasi, social

media online shop dan searching atau apapun yang menyangkut web ialah agar

visitor atau pengunjung web mendapatkan fungsi dalam hal, mendapat informasi,

mendapat efisien waktu dan transportasi mendapat keuntungan yang menguntungkan

kedua belah pihak, mendapat informasi kapan pun dan dimana pun.

1.2. Rumusan Masalah

1.2.1.

Apa bagian-bagian dasar yang harus ada untuk membuat sebuah halaman

web?

1.2.2.

Bagaimana membuat sebuah halaman web dengan perangkat lunak adobe

dreamweaver CS6?

1.3. Batasan Masalah

Agar penulisan laporan ini terarah, saya membatasi kajian mengenai masalah

yang dibahas yakni bagian-bagian dasar yang harus ada untuk membuat sebuah

halaman web dan bagaimana membuat sebuah halaman web dengan perangkat lunak

adobe dreamweaver CS6 sesuai dengan apa yang saya jadikan pembahasan.

1.4. Tujuan

1.4.1. Agar mengetahui bagian-bagian dasar yang harus ada untuk membuat sebuah

halaman web.

1.4.2. Agar dapat membuat sebuah halaman web dengan perangkat lunak adobe

dreamweaver CS6.

1.5. Kegunaan

1.5.1. Bagi Penulis

a) Untuk menambah ilmu penulis.

b)

Untuk dapat mengetahui bagian-bagian dasar yang harus ada untuk

membuat sebuah halaman web.

c) Untuk dapat membuat sebuah halaman web menggunakan perangkat

lunak adobe dreamweaver CS6 yang baik dan benar.1.5.2. Bagi Sekolah


13/51

3

a)

Terjalinnya hubungan kerja sama antara sekolah dengan DUDI.

b) Sekolah dapat meningkatkan kualitas lulusannya melalui kegiatan praktik

kerja lapangan.

c)

Sekolah akan lebih dikenal di DUDI.

1.5.3. Bagi DUDI

a) Terjalinnya hubungan baik antara DUDI sehingga perusahaan dikenal di

dunia pendidikan.

b) Mendapat bantuan tenaga dari siswa-siswi yang melaksanakan praktik

kerja lapagan.

1.6. Definisi Istilah

1.6.1.

Web sebutan singkat dari world wide web (www) sebuah sistem yang

berjalan di internet untuk menampilkan informasi yang diletakkan dalam

dokumen-dokumen hypertext yang saling berhubungan.

1.6.2. Desain web Istilah ini biasanya digunakan untuk menggambarkan proses

desain yang berkaitan dengan front end-(sisi client) desain website termasuk

menulis mark up, tapi ini adalah wilayah abu-abu karena hal ini juga dibahas

oleh pengembangan web. Web desainer diharapkan memiliki kesadaran akan

kegunaan dan jika peran mereka melibatkan menciptakan mark up maka

mereka juga diharapkan untuk memperoleh informasi dengan pedoman

aksesibilitas web.

1.6.3. Halaman web adalah Dokumen hypertext yang berada didalam web,

ditampilkan dengan browser.

1.6.4. Website adalah kumpulan halaman web yang berada dalam satu domain.

1.6.5. Homepage adalah halaman utama sebuah website.

1.6.6.

Front-end yaitu mengacu pada setiap aspek dari proses desain yang muncul

dalam atau berhubungan langsung dengan browser yang berkaitan dengan

desain antarmuka website.

1.6.7. Back-end yaitu mengacu pada program dan skrip yang bekerja pada server

dibalik layar untuk membuat halaman web yang dinamis dan interaktif.


14/51

4

BAB II

HASIL PRAKTIK KERJA LAPANGAN

2.1. Gambaran Umum Industri

Plus multimedia komputer didirikan pada bulan Desember 2006, berlokasi di

Jl. Menteri Empat PPS Blok B no 9 dan 10 Sekumpul Martapura, Plus multimedia

komputer membuka took kembali pada bulan Januari 2003 di Jl. A.Yani KM 38,

dinamakan Plus multimedia komputer karena pada awalnya pemilik mengikuti

perkumpulan UNRAM (universitas Mataraman, Lombok) yang berkecimpung di

entertainment seperti membuat iklan, selain entertainment pemilik juga

menginginkan toko tidak hanya dibidang komputer saja, tetapi multimedia pun bisa.

Jual laptop/notebook segala merk bergaransi resmi, komputer desktop,

aksesoris,networking, service n maintenance bisa di cash dan kredit (Adira, Kredit

plus, Spektra). Menerima pembayaran dengan menggunakan kartu kredit dan debet.

Kami akan memberikan saran yang tepat untuk anda dalam memilih dan membeli

laptop/notebook sesuai dengan kebutuhan anda “Laptop mahal bukan berarti bagus

dan sesuai dengan keuangan dan kebutuhan anda!”.

Gambar 2.1.1 Logo Plus Multimedia Komputer


15/51

5

2.2. Aktivitas yang Dilakukan Selama Praktik

Pada bagian ini akan dituliskan secara singkat mengenai aktifitas apa saja yang

penulis lakukan selama melakukan Praktik Kerja Lapangan di Plus multimedia

komputer.

Tabel 2.2.1 Aktivitas Selama Praktik kerja lapangan.

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

1 - Install ulang Windows 7

Ultimate 32-bit + Install

aplikasi

- Memperbaiki engsel

laptop Acer E1-4516

Selasa

9-02-2016

Plus

MultimediaKompter

√

2 - Install ulang Windows

10 Acer aspire v5 132p

- Install ulang windows 7

Professional Lenovo 640

-

Install ulang laptop Acer

win 8.1

Rabu

10-02-2016

Plus

Multimedia

Kompter

√


8.1 + Install aplikasi +

Backup data

- Cek Pc / Troubleshooting

PC = ada yang

bermasalah

Kamis

11-02-2016

Plus

Multimedia

Kompter

√

4 - Cek printer dan Pc mati

total

- Update Word 2007 ke

2013 + Serial NumberJum’at

12-02-2016

Plus

Multimedia

Kompter

√


16/51

6

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

5 - Ganti keyboard laptop

Acer => Lengket

-

Install ulang Windows 10

+ Install aplikasi

- Install game GTA, DmC,

Dan Sleeping Dog

Minggu

14-02-2016

Plus

Multimedia

Kompter

√

6 -

Install ulang laptop

Windows 10 + Install

aplikasi

- Rakit PC All In One

Merk AIO dan Lenovo +

Install aplikasi

-

Crimping Tool (kabel

RJ45)

Senin

15-02-2016

Plus

Multimedia

Kompter

√

7 - Crimping Tool kabel Lan

Connector RJ45

-

Burning video Ke cd 10

Biji

- Install game Pes dan

Install Corel Draw x7

- Install Driver Printer

- Ulangan harian 1 soj

(edmodo)

Selasa

16-02-2016

Plus

Multimedia

Kompter

√

8 -


32-bit + Install aplikasi

- Cek laptop mati total

Rabu

17-02-2016

Plus

Multimedia

Kompter

√

9 - Isi tinta printer

-

Mengganti cartridge

printer

- Vackum cartridge

Kamis

18-02-2016

Plus

Multimedia

Kompter

√


17/51

7

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

10 - Cek cpu, ada yang

bermasalah

-

Windows 7 Build 7600

not genuine

Jum’at

19-02-2016

Plus

Multimedia

Kompter√

11 - Download Driver +

Install Canon IP2700

-

Perbaiki printer yang

printnya atau kinerjanya

suaranya berisik

Sabtu

20-02-2016

Plus

Multimedia

Kompter

√

12 - Perbaiki printer canon IP

2700 tinta tidak mau naik

- Ganti lcd Acer 11 inch

Senin

22-02-2016

Plus

Multimedia

Komputer

√

13 - Backup data = kurang

lebih 1 gb

-

Install ulang windows 7


-

Crimping tool kabel lan

conector RJ45

Selasa

23-02-2016

Plus

Multimedia

Komputer

√

14 -

Install ulang windows

windows 7 Ultimate 32-

bit + Install aplikasi

-

Cek laptop mati total

Rabu

24-02-2016

Plus

Multimedia

Komputer

√

15 -

Cek printer keluhannya

tidak bisa print


Ultimate 32 bit +

Aplikasi

Kamis

25-02-2016

Plus

Multimedia

Komputer

√

16 - Install game

- Beli flashdisk isi laguJum’at

26-02-2016

Plus

Multimedia

Komputer

√


18/51

8

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

17 - Cek printer ada yang

bermasalah

-

Memperbaiki tinta printer

tidak mau naik

Minggu

28-02-2016

Plus

Multimedia

Komputer√



aplikasi

- Download driver canon

IP2770 + Install driver

Senin

29-02-2016

Plus

Multimedia

Komputer

√


32-bit Pc bekas warnet

- Pemasangan psu di dinas

pertanian bersama

Pembimbing DUDI

Selasa

1-03-2016

- Plus Multi

Komputer

- Dinas

Pertanian

√

20 -

Rakit PC Infinity

Transformers Intel Core

i3 lga 1155 ram 4gb hdd

1tb + lcd + Vga

Rabu

2-03-2016

Plus

MultimediaKomputer

√

21 -

Cek printer hitam

bergaris



Kamis

3-03-2016

Plus

Multimedia

Komputer

√

22 -

Update driver windows

10 lewat windows update

bawaan windows (1

Perangkat Laptop, 1

Perangkat Komputer)

Jum’at

4-03-2016

Plus

Multimedia

Komputer

√

23 - Cek Pc mati total

- Ganti motherboard pada

perangkat personal

komputer

Sabtu

5-03-2016

Plus

Multimedia

Komputer

√


19/51

9

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3


Professional 32-bit +

Install aplikasi + Backup

data

Senin

7-03-2016

Plus

Multimedia

Komputer√

25 - Install ulang Windows xp

sp3 + Install aplikasi +

Backup data

Selasa

8-03-2016

Plus

Multimedia

Komputer

√


bermasalah

- Ganti cartridge hitam

yang tidak keluar

tintanya

Rabu

9-03-2016

PlusMultimedia

Komputer

√

27 - Monitoring

- Cek PC mati total solusi

ganti Power Suply

- Install aplikasi yang

harus ada didalam sebuah

Sistem Operasi

Kamis

10-03-2016

Plus

Multimedia

Komputer

√

28 -


Home Premium + Install

aplikasi + Backup data

-

Cek printer ada yang

bermasalah

Jum’at

11-03-2016

Plus

Multimedia

Komputer

√

29 -

Cek printer ada yang

bermasalah

- Solusi vackum

Sabtu

12-03-2016

Plus

Multimedia

Komputer

√

30 -



aplikasi

-

Ambil barang pesanan di

Twincom Banjarbaru

Senin

14-03-2016

-

Plus Multi

Komputer

- Twincom

Banjarbaru

√


20/51

10

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

31 - Rakit PC case Dazumba

+ Install ulang Windows

10 Pro 64-bit + Install

aplikasi

Selasa

15-03-2016

Plus

Multimedia

Komputer√




- Downgrade software

Microsoft Word 2010 ke

Microsoft Word 2007

Rabu

16-03-2016

Plus

Multimedia

Komputer

√

33 -




data

Kamis

17-03-2016

Plus

Multimedia

Komputer

√

34 -


Professional + Install


Jum’at

18-03-2016

Plus

Multimedia

Komputer

√


Ultimate 32 Bit + Install


- Ulangan Tengah

Semester admin Server

Edmodo

Sabtu

19-03-2016

Plus

Multimedia

Komputer

√

36 -




- Install game

Senin

21-03-2016

Plus

Multimedia

Komputer

√

37 - Install ulang windows 7

32-bit install aplikasi +

backup data

-

Pasang tinta printer

Selasa

22-03-2016

Plus

Multimedia

Komputer

√


21/51

11

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

38 - Membuat remote desktop

jarak jauh lewat

smartphone android pada

product monect

Rabu

23-03-2016

Plus

Multimedia

Komputer

√

39 -


ultimate 32-bit install

aplikasi + backup data +

Install game

Jum’at

25-03-2016

Plus

Multimedia

Komputer

√

40 -


professional 32-bit Install


-

Ulangan tengah semester

soj (edmodo)

Sabtu

26-03-2016

Plus

Multimedia

Komputer

√

41 -

Install ulang windows 8.1

pro 32-bit Install aplikasi

+ backup data

Minggu

27-03-2016

Plus

Multimedia

Komputer

√

42 - Cek printer

(troubleshooting printer)

- Memperbaiki printer

yang tinta hitamnya

bergaris

Senin

28-03-2016

Plus

Multimedia

Komputer

√

43 -


32-bit Install aplikasi +

backup data

- Pasang conector RJ45 /

crimping tools

Selasa

29-03-2016

Plus

Multimedia

Komputer

√


22/51

12

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3

44 - Download driver canon

pixma ip1000

-

Install driver canon

pixma ip1000

- Coba print pada printer

canon ip1000

Rabu

30-03-2016

Plus

Multimedia

Komputer

√

45 -



backup data

- Cek Printer Brother T300

Kamis

31-03-2016

Plus

Multimedia

Komputer

√

46 -


ultimate 32-bit +Install

aplikasi + backup data

Jum’at

1-04-2016

Plus

Multimedia

Komputer

√


bermasalah

-


problem windows crash

Sabtu

2-04-2016

Plus

MultimediaKomputer

√

48 -

Install ulang windows xp

professional 32-bit +

Install aplikasi

Senin

4-04-2016

Plus

Multimedia

Komputer

√


32-bit + Install aplikasi +

Backup data

Selasa

5-04-2016

Plus

Multimedia

Komputer

√




data

Rabu

6-04-2016

Plus

Multimedia

Komputer

√


23/51

13

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3


ultimate 64-bit + install


- Install game pes 2016

Full version

Kamis

7-04-2016

PlusMultimedia

Komputer

√


32-bit +install aplikasi +

Backup data

Jum’at

8-04-2016

Plus

Multimedia

Komputer

√


32-bit + Install aplikasi +

backup data

- Buat akun gmail +

Sinkronisasi

Sabtu

9-04-2016

Plus

Multimedia

Komputer

√

54 - Download driver

touchpad windows 7 64-

bit + Install driver

Senin

11-04-2016

Plus

Multimedia

Komputer

√


professional 32-bit +

install aplikasi

Selasa

12-04-2016

Plus

Multimedia

Komputer

√

56 -

Install ulang Windows

10, Acer one 14z 1401

Rabu

13-04-2016

Plus

Multimedia

Komputer

√

57 -


Ultimate 32-bit Install


Kamis

14-04-2016

Plus

MultimediaKomputer

√


8.1 32-bit laptop Acer

es1-411-C87D

Jum’at

15-04-2016

Plus

Multimedia

Komputer

√

59 - Download driver mx377

canon pixma + Install

driver

Sabtu

16-04-2016

Plus

Multimedia

Komputer

√


24/51

14

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3


Pro 64-bit Asus X454W

dan Asus X453M

- Catat barang stock harian

hardware

-

Lembur seharian

semalaman ( Jum’at

libur)

Senin

18-04-2016

Plus

Multimedia

Komputer

√


64-bit + Install driver +


data

Selasa

19-04-2016

Plus

Multimedia

Komputer

√

62 - Install game Devil My

Cry dan GTA san

andreas + Activasi

Windows 7

Rabu

20-04-2016

Plus

Multimedia

Komputer

√

63 - Mencatat dan mengetahui

stock persediaan barang

Mouse dan Keyboard

Hedset, Networking

Speaker, dan modem

Kamis

21-04-2016

Plus

Multimedia

Komputer

√

64 -

Download driver Aceres1 401

Driver touchpad synaptic

Sabtu

23-04-2016

Plus

Multimedia

Komputer

√


Pro 64-bit + Install driver

+ Install aplikasi +

Backup data

Senin

25-04-2016

Plus

Multimedia

Komputer

√


25/51

15

NoKompetensi yang

diajarkan

Hari /

TanggalTempat

Bulan ke-

1 2 3



Backup data

Selasa

26-04-2016

Plus

MultimediaKomputer

√

67 -

Mencatat stock barang

Edimax, Microphone Cut

Video Film Dan Intel

Compute Stick

- Penjemputan (Persiapan

Kesekolah)

Rabu

27-04-2016

Plus

Multimedia

Komputer

√


Pro 64-bit + Install


Kamis

28-04-2016

Plus

Multimedia

Komputer

√

69 - Download driver MX497

+ Install driver dan coba

print pada printer

Jum’at

29-04-2016

Plus

Multimedia

Komputer

√

70 -




Sabtu

30-04-2016

PlusMultimedia

Komputer

√

2.3. Masalah yang Dihadapi

Halaman web merupakan pemberi informasi yang terluas yang kita ketahui, dan

yang di permasalahkan bagaimana orang orang terpilih (Web designer) dapat

membuat sebuah halaman web yang baik dan benar untuk berbagi informasi ke

visitors / pengunjung.

2.4. Alternatif Pemecahan Masalah

2.4.1. Mengunakan software pro yang tidak asal crack tetapi mempunyai serial

yang telah terakreditasi oleh product softwarenya sendiri, membantu dalam

hal membuat design web yang baik dan benar.

2.4.2. Mengetahui apa dasar yang harus ada dalam sebuah halaman web design baik

itu hiburan maupun informasi yang diberikan, dan halaman tidak


26/51

16

membosankan untuk dilihat dalam hal segi apapun, misalnya dalam segi web

tentang jual beli maka dasarnya adalh menjual barang atau produk sesuatu

dengan tujuan menguntungkan kedua belah pihak.

2.4.3. Dapat mengetahui dasar-dasar tentang masalah coding HTML5 dan CSS3

untuk berjaga jaga jika dalam pembuatan web dengan secara grafis terjadi

masalah jadi kita beralih ke cara yang ampuh dengan manual membuat web

dengan cara teks atau coding.

2.5. Pemecahan Masalah yang dihadapi

Untuk membuat halaman web kita harus mengetahui pekerja-pekerja halaman

web yaitu ada dua web designer dan developer, designer membuat halaman web

secara grafis sedangkan developer membuat halaman web secara teks

Untuk membuat sebuah halaman web, kita harus mengetahui front-end dan back-

end yaitu frontend halaman web yang sudah jadi tampilan web di internet (pada sisi

User / Visitors) sedangkan Back-end yaitu tampilan pembuatan sebuah halaman web

yaitu pada sisi web designer, langsung saja untuk membuat web dapat menggunakan

software Adobe Dreamweaver CS6, Berikut hasil Tampilan Untuk Adobe

Dreamweaver CS6 .


27/51

17

Gambar 2.5.1 Tampilan Awal Adobe Dreamweaver cs6.

Pada mulanya pada tampilan awal maka pilihlah html, setelah itu kita akan

membuat Table untuk kerangkanya seperti Gambar di bawah ini.

Gambar 2.5.2 Tampilan Pembuatan Table Pada Dreamweaver

Setelah Itu Lihat pada lingkaran merah tersebut yang menandakan berapa banyak

baris dan kolom yang akan kita buat untuk table tersebut, Dengan jelasnya adalah

Rows adalah Baris sedangkan Columns adalah kolom.


28/51

18

Gambar 2.5.3 Tampilan Baris dan Kolom.

Setelah itu akan terlihat baris dan kolom yang kita buat yakni 3 x 3, Perhatikan

pada garis merah tersebut, itu menandakan bahwa panjang lebar dari sebuah Tabel

atau disebut Width.

Gambar 2.5.4 Tampilan dari sebuah tabel

Untuk membuat Rowspan atau Colspan pada tabel dengan melakukan perintah

berikut yaitu, Klik pada sebuah Tabel yang ingin di Span lalu pilihlah tabel setelah

itu pilih Increase Row span (pada Persegi garis biru) untuk baris yang di span,


29/51

19

sedangkan untuk Kolom yang di span maka pilihlah Increase Column span (pada

Persegi garis merah).

Gambar 2.5.5 Tampilan Pembuatan Row span Dan Column span

Gambar dibawah ini merupakan tampilan pembuatan Colspan atau bisa disebut

kolom yang di span, Lihat pada gambar dibawah ini, Tabel tersebut pada baris 1

kolom 1 di span dengan baris 1 kolom 2, yang artinya kolom ke-1 dan ke-2

digabungkan pada baris ke satu, terlihat pada kotak persegi merah yang menyebutkan

bahwa itu adalah Colspan atau Kolom yang di span (Bergabung).

Gambar 2.5.6 Tampilan Kolom yang di span atau gabung pada tabel


30/51

20

Gambar dibawah ini memperlihatkan kerangka dari sebuah halaman web yang

tinggal diisi konten-konten dan gambar, disana di jelaskan warna biru tua adalah

header yang merupakan Judul halaman, Sidebar yaitu profil designer, Content berisi

Informasi yang disampaikan, serta terakhir Footer yaitu bagian akhir halaman web.

Gambar 2.5.7 Tampilan template

Untuk menambahkan sebuah Gambar atau Video pada sebuah halaman web

secara grafis, pilhlah menu insert lalu pada kotak persegi merah untuk memasukkan

gambar sedangkan pada kotak persegi biru untuk menambahkan video pada sebuah

halaman web.

Gambar 2.5.8 Penambahan gambar dan video pada dreamweaver.

Berikut adalah tampilan web yang sudah di hias oleh para tangan-tangan seorang

web designer yang berimajinasi sangat tinggi dan berpikir keras bagaimana membuat


31/51

21

sebuah halaman web, dan disukai para visitors (disukai dalam arti sering

mengunjungi halaman web tersebut).

Gambar 2.5.9 Tampilan Kerangka web Tinggal di isi konten.

Gambar 2.5.10 Tampilan Kerangka web Tinggal di isi konten (2).


32/51

22

Berikut adalah contoh halaman web yang telah di posting di internet, Baik itu

Search engine web sekolah jual beli dan informasi.

Gambar 2.5.11 Contoh halaman web.

Gambar 2.5.12 Contoh halaman web (2).


33/51

23

Gambar 2.5.13 Contoh halaman web (3).


34/51

24

BAB III

PENUTUP

3.1. Kesimpulan

Berdasarkan hasil yang diperoleh penulis selama praktik kerja lapangan di Plus

Multimedia Komputer yang dimulai pada tanggal 9 Februari 2016 sampai 30 April

2016. Ilmu yang diperoleh penulis sangat banyak dan berpengaruh terhadap

keterampilan dan kedisiplinan penulis.

Dengan adanya kegiatan praktik kerja lapangan ini penulis dapat mengetahui

dasar-dasar yang harus ada didalam sebuah halaman web yang baik dan benar misal

membuat table, rowspan, colspan, penambahan gambar dan video. Juga dalam hal

itu cara membuat halaman wab adalah dengan cara memadukan dasar-dasar dari

sebuah halaman web yang baik dan benar (tergantung kreasi web designer masing-

masing).

Kegiatan praktik kerja lapangan sangat bermanfaat bagi para siswa-siswi SMK

Negeri 2 Banjarbaru. Dengan adanya kegiatan praktik kerja lapangan siswa dituntut

untuk mempunyai sikap mandiri dan mampu berinteraksi dengan orang lain sehingga

dapat memiliki keterampilan serta wawasan yang tinggi.

Praktik kerja lapangan dapat menunjang siswa untuk menjadi tenaga kerja

menengah yang ahli dan professional dalam bidangnya. Mengajak siswa-siswi

langsung terlibat dalam dunia DUDI.

3.2. Saran

3.2.1. Bagi Penulis

a) Agar bersungguh-sungguh untuk mempelajari ilmu-ilmu yang terdapat di

dalam dunia DUDI.

b) Manfaatkan pembelajaran yang ada di DUDI.

c) Ambillah sifat positif dari pembelajaran tersebut.

3.2.2. Bagi Sekolah

a)

Sekolah perlu memberikan penekanan pada penguasaan keterampilan

yang relevan dengan perkembangan teknologi di dunia kerja.

b) Sekolah perlu memberikan penekanan pada masalah budaya kerja yang

penekanannya pada masalah budaya kerja yang berlaku pada instansi pemerintah maupun swasta.


35/51

25

c)

Dalam penerimaan dan penempatan para siswa yang melaksanakan kerja

praktik, hendaknya mempertimbangkan bidang sesuai dengan jurusan

siswa.

3.2.3.

Bagi DUDI

a) Pelaksanaan praktik kerja lapangan ini akan lebih terarah apabila disusun

melalui suatu jadwal yang harus dikerjakan siswa atau siswi selama

melaksanakan praktik kerja lapangan.

b) Pihak DUDI agar dapat mempertahankan rasa tanggung jawab dalam

menjalankan setiap pekerjaan yang diberikan.

c)

Pihak DUDI diharapkan dapat menyediakan seorang instruktur yang

pada hari-hari tertentu dapat memberikan pelajaran teori yang

berhubungan dengan pekerjaan yang akan dilaksanakan siswa atau siswi

sehingga dapat dimengerti dan memahami pekerjaan yang dilaksanakan.


36/51

26

DAFTAR PUSTAKA

Artikel Web design, sejarah web dari dulu hingga sekarang ,

http://en.wikipedia.org/wiki/Web_design , di akses 16 Februari 2016, 10:15 WITA

Tutorial Web Design , Dasar dari Photoshop dan dreamweaver ,

https://www.dumetschool.com, di akses 17 Februari 2016, 08:47 WITA

Front-end dan back-end, Perbedaan Front-end dan Back-end , afahrurroji.net, di

akses 22 Februari 2016, 16:05 WITA

Artikel Desain Halaman Web, Pengertian Web design,

http://afahrurroji.net/category/blogging/, di akses 2 Maret 2016, 11:55 WITA

Dilo Web desain hari ini. 2016. Designer dan Developer : Apasih pekerjaan

mereka, http://edy.im, di akses 11 Maret 2016, 08:30 WITA

Gde sastrawangsa,Denpasar 10-19 Juni 2013. Web Design Dengan

Dreamweaver Serta Cara Penggunaanya, Slideshare-download, di akses 19 Maret

2016, 12:05 WITA

Mobile-friendly, 2016. Cara membuat halaman web atau website, www.tutorial-

webdesign.com, di akses 28 Maret 2016, 19:20 WITA

Prothelon, Langkah-langkah membuat desain website -prothelon, prothelon.com

> belajar > Langkah-langkah membuat desain website, di akses 27 Maret 2016, 22:30 WITA

Jayaweb, Tutorial Membuat Desain Website atau web design – jaya web,

Jayaweb.com > artikel > 119-tutorial membuat desain website atau web design, di akses

2 April 2016, 09:26 WITA

W3Function, Belajar Cara Membuat Website dengan Photoshop dan

Dreamweaver, w3function.com > blog, di akses 23 April 2016, 13:49 WITA

Tim PKL, 2016, Panduan Penyusunan Laporan Praktik Kerja Lapangan,

Banjarbaru: SMK NEGERI 2 BANJARBARU

http://en.wikipedia.org/wiki/Web_designhttp://en.wikipedia.org/wiki/Web_designhttps://www.dumetschool.com/https://www.dumetschool.com/http://localhost/var/www/apps/conversion/tmp/scratch_5/afahrurroji.nethttp://localhost/var/www/apps/conversion/tmp/scratch_5/afahrurroji.nethttp://localhost/var/www/apps/conversion/tmp/scratch_5/afahrurroji.nethttp://afahrurroji.net/category/blogging/http://afahrurroji.net/category/blogging/http://edy.im/http://edy.im/http://edy.im/http://localhost/var/www/apps/conversion/tmp/scratch_5/slideshare.nethttp://localhost/var/www/apps/conversion/tmp/scratch_5/slideshare.nethttp://localhost/var/www/apps/conversion/tmp/scratch_5/slideshare.nethttp://www.tutorial-webdesign.com/http://www.tutorial-webdesign.com/http://www.tutorial-webdesign.com/http://www.tutorial-webdesign.com/http://localhost/var/www/apps/conversion/tmp/scratch_5/prothelon.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/prothelon.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/prothelon.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/Jayaweb.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/Jayaweb.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/w3function.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/w3function.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/w3function.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/w3function.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/Jayaweb.comhttp://localhost/var/www/apps/conversion/tmp/scratch_5/prothelon.comhttp://www.tutorial-webdesign.com/http://www.tutorial-webdesign.com/http://localhost/var/www/apps/conversion/tmp/scratch_5/slideshare.nethttp://edy.im/http://afahrurroji.net/category/blogging/http://localhost/var/www/apps/conversion/tmp/scratch_5/afahrurroji.nethttps://www.dumetschool.com/http://en.wikipedia.org/wiki/Web_design


37/51


38/51

28

Lampiran 2: Agenda Harian Praktik Kerja Lapangan


39/51

29


40/51

30


41/51

31


42/51

32

Lampiran 3: Daftar Hadir Siswa Praktikan


43/51

33

Lampiran 4: Catatan Kegiatan Praktik Kerja Lapangan


44/51

34

Lampiran 5: Dokumentasi Kegiatan Praktik Kerja Lapangan

Berikut adalah beberapa dokumentasi aktivitas yang penulis lakukan selama

pelaksanaan praktik kerja lapangan di Plus Multimedia Komputer Jl Menteri Empat PPS

Blok B No. 9 dan 10 pada tanggal 9 Februari 2016 sampai tanggal 30 April 2016.

Instalasi Sistem Operasi Windows 7. Memperbaiki engsel laptop yang rusak.

Penggantian kipas laptop yang tidak berfungsi.

Perakitan Pc All In One Monitor.


45/51

35

Instalasi Sistem Operasi Windows 8.1. Mencoba Pc All In One Lenovo

dan Install OS Windows 10.

Rakit PC Case Infinity Transformers Vackum Cartridge hitam bergaris


46/51


47/51

37

Membersihkan komponen-komponen yang ada dalam komputer

Memasang Processor


48/51

38

Penggantian RAM

Belajar bersama


49/51

39

Waktu dan Tempat Pelaksanaan Praktik

Waktu pelaksanaan praktik kerja lapangan ini dimulai pada tanggal 9 Februari

2016 sampai dengan 30 Mei 2016, yang bertempat di Plus Multimedia Komputer

Jl.Menteri Empat PPS Blok B No. 9 dan 10. Berikut ini merupakan jam masuk di

Plus Multimedia Komputer :

Tabel 2.3.1 Waktu Pelaksanaan Praktik kerja lapangan Shift 1.

HARI JAM

MASUK

JAM

ISTIRAHAT

JAM MASUK

ISTIRAHAT

JAM

PULANG

Senin 09:00 12:00 13 : 00 17:00

Selasa 09:00 12:00 13 : 00 17:00

Rabu 09:00 12:00 13 : 00 17:00

Kamis 09:00 12:00 13 : 00 17:00

Jum’at 09:00 12:00 14 : 00 17:00

Sabtu 09:00 12:00 13 : 00 17:00

Minggu Libur Libur Libur Libur

Tabel 2.3.2 Waktu Pelaksanaan Praktik Kerja Lapangan Shift 2.

HARI JAM

MASUK

JAM

ISTIRAHAT

JAM MASUK

ISTIRAHAT

JAM

PULANG

Senin 13:00 18:00 19 : 00 21:00

Selasa 13:00 18:00 19 : 00 21:00

Rabu 13:00 18:00 19 : 00 21:00

Kamis 13:00 18:00 19 : 00 21:00

Jum’at 14:00 18:00 19 : 00 21:00

Sabtu 13:00 18:00 19 : 00 21:00

Minggu 13:00 18:00 19 : 00 20:00


50/51

40

DAFTAR RIWAYAT HIDUP

ssalamualikum wr. wb. Nama

lengkap saya Ahmad Farisi.Orang-orang sering memanggil saya

“Farisi”. Saya, lahir disebuah desa di

depan Sungai Martapura, bernama

desa Kp.Melayu Tengah dekat

Perbatasan Melayu Ilir pada 22 Mei

tahun 1999. Saya Anak pertama dari 3 bersaudara, Saudara saya bernama Suaidi dan

Kholwati, nama ayah saya Abdul Khair, dan nama dari Ibu saya Maimunah.

Saya saat TK (TK Al Aisyataini), SD (SDN 1 Melayu Tengah Tanduk Karsa),

Pada saat kelas 4 SD saya masuk sekolah Madrasah Ibtidaiyah Izharil Ulum, Jadi saya

membagi waktu sekolah, yaitu dengan paginya sekolah SD lalu siangnya sekolah

Madrasah (kelas 1 SMP Saya Lulus Madrasah), hingga SMP (SMPN 1 Martapura Timur)

tinggal di Jl.KH Anang Sya’rani Arif Kp.Melayu Tengah (Martapura Timur, Kalimantan

Selatan), Lalu Sekolah di SMK Negeri 2 Banjarbaru hingga sekarang. Meskipun saya rela

bolak-balik Martapura-Banjarbaru dan rute 35 KM atau 30 menit tanpa macet menurut

Google map.

Pertama kali saya mengenal komputer adalah saat SMP, komputer pertama saya

pada saat itu kelas 7A pada matapelajaran Teknologi Informasi dan Komunikasi (TIK),

saat itu di ajarkan cara menyalakan komputer sehingga di situlah saya mulai ada

ketertarikan dengan komputer apalagi dengan perkembangan pesat teknologi dan

informasi ini semakin modern dan canggih hingga sekarang, dan muncullah hasrat rasa

ingin tahu tentang teknologi canggih zaman sekarang, terima kasih sudah meluangkan

waktu untuk sempat membaca laporan Praktek Kerja Lapangan yang jauh dari kata

sempurna ini, dan terima kasih kepada Tuhan Yang Maha Esa, Orang Tua, guru-guru

beserta teman-teman saya.

Wasalamualaikum Wr. Wb


51/51

BIODATA

1. Nama : Ahmad Farisi

2. Jenis Kelamin : Laki-laki

3.

Tempat / Tanggal Lahir : Martapura, 22 Mei 1999

4. NIS : 2821

5.

Agama : Islam

6. Kelas / Program Keahlian : XI Teknik Komputer dan Jaringan

7. Tempat PKL : Plus Multimedia Komputer

8.

Golongan Darah : B

9. Asal Sekolah : SMK NEGERI 2 BANJARBARU

10.

Alamat Sekolah : Jln. Nusantara Nomor 1 Loktabat Banjarbaru

11. Alamat Rumah : Jl. KH Anang Sya'rani Arif Kp Melyu Tengah

RT 02 RW 03 Kode Pos 70612

12.

Nomor Telpon / HP : 0813 3371 4185 (Telkomsel)

13. Sosial Media : BBM = 5ACE329

: Line = ahmad-farisi

: Instagram = ahmad_farisi

14.

Hobi : Apa yang saya suka, itulah yang akan menjadiHobi saya

Documents

Laporan Magang Farisi