Archive for Juli 2017

Kerja Profesional

By : fadly injoker

KERJA PROFESIONAL

Assalamualaikum wr.wb

Kali ini saya akan memosting tentang kerja profesional tapi sebelumnya apa itu kerja profesional itu kemudian ciri2nya dan tips kerja profesional.

1.pengertian kerja profesional

kerja profesional adalah seseorang yang menjalankan profesi

2. ciri-ciri kerja profesional

1. Keinginan untuk selalu menampilkan perilaku yang mendekati piawai ideal.

Seseorang yang memiliki profesionalisme tinggi akan selalu berusaha mewujudkan dirinya sesuai dengan piawai yang telah ditetapkan. Ia akan mengidentifikasi dirinya kepada sesorang yang dipandang memiliki piawaian tersebut. Yang dimaksud dengan “piawai ideal” ialah suatu perangkat perilaku yang dipandang paling sempurna dan dijadikan sebagai rujukan.

2. Meningkatkan dan memelihara imej profesion

Profesionalisme yang tinggi ditunjukkan oleh besarnya keinginan untuk selalu meningkatkan dan memelihara imej profesion melalui perwujudan perilaku profesional. Perwujudannya dilakukan melalui berbagai-bagai cara misalnya penampilan, cara percakapan, penggunaan bahasa, sikap tubuh badan, sikap hidup harian, hubungan dengan individu lainnya.

3. Keinginan untuk sentiasa mengejar kesempatan pengembangan profesional yang dapat meningkatkan dan meperbaiki kualiti pengetahuan dan keterampiannya.

4. Mengejar kualiti dan cita-cita dalam profesion

Profesionalisme ditandai dengan kualiti darjat rasa bangga akan profesion yang dipegangnya. Dalam hal ini diharapkan agar seseorang itu memiliki rasa bangga dan percaya diri akan profesionnya.

3. hal pokok dalam diri seorang yang kerja profesional yaitu, Skill, Knowledge dan Attitude:

• Skill disini berarti adalah seseorang itu benar-benar ahli di bidangnya.

• Knowledge, tak hanya ahli di bidangnya..tapi ia juga menguasai, minimal tahu dan berwawasan tentang ilmu2 lain yang berhubungan dengan bidangnya.
• Attitude, bukan hanya pintar dan cerdas…tapi dia juga punya etika yang diterapkan dalam bidangnya.

4. tips menjadi profesional
     #menguasai konsep dasar
     #memiliki referensi yang kuat
     #memiliki rencana atau program kerja yang jelas
     #memiliki tanggung jawab yang tinggi
     #berpengalaman dan mengetahui sesuai bidangnya
     #selalu berpegangan pada SOP,K3& ketentuan yang ada

Sekian dari saya, terima kasih.

Wassalamualaikum Wr. Wb

0 Comments

Learn HTML Vol.4 -HTML- CSS

By : fadly injoker

BLC Telkom - KPLI Klaten

Assalamualaikum wr.wb

Kali ini apa yang akan kita bahas? HTML-CSS
Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
Sama halnya styles dalam aplikasi pengolahan kata seperti Ms.word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas. Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.

CSS dapat mengatur ukuran gambar,warna, bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa stylesheet yang digunakan untuk mengatur tampilan dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Fungsi CSS ... ?
fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.

Beberapa Contoh penerapan CSS :

1. Teks Berwarna

2. Teks berwarna dan background

3. Membedakan Judul dan paragraf , dengan warna dan jenis tulisan

4. Membedakan Judul dan paragraf dengan menggunakan border

5. Menggunakan Padding dan border

6. Menggunakan border danMargin

7. Membedakan tulisan yang berada pada paragraf

Terimakasih, semoga bermanfaat untuk menambah pengetahuan teman-teman .
Wassalamualaikum wr.wb

Referensi :

http://imaniania5.blogspot.co.id/2013/10/pengertiandefinisi-dan-fungsi-dari-css.html
https://id.wikipedia.org/wiki/Cascading_Style_Sheets

Wassalamualaikum Wr.Wb

0 Comments

Program Kerja

By : fadly injoker

Program Kerja Prakerin

Jurusan Rekayasa Perangkat Lunak
HTML Dasar

BLC Telkom - KPLI Klaten

Assalamualaikum wr.wb

Kali ini saya akan membahas Program kerja yang ada di Tempat prakerin saya di BLC Telkom - KPLI Klaten.

1. Latar Belakang
Program kerja merupakan Suatu rencana yang mempunyai tujuan dan sasaran kedepannya dalam arti ada gambaran untuk mewujudkan sesuatu yang memperoleh hasil. di tempat Prakerin BLC Telkom- KPLI klaten setiap peserta prakerin dituntut untuk mempunyai program kerja setiap minggunya. dan dan pada akhir minggu program kerja itu dipresentasikan untuk dievaluasi supaya lebih baik kedepannya .

2.Tujuan
Tujuan dari diadakannya program kerja adalah agar peserta prakerin memiliki target yang baik dalam melakukan pekerjaan setiap harinya

3.Tahap Pelaksanaan

Pembuatan Program Kerja dan Pelaksanannya
Presentasi dan Evaluasi Program Kerja

A. Pembuatan Program Kerja Dan Pelaksanaanya
1. Langkah - Langkah

Membuat Perencanaan Program Kerja

Program Kerja memiliki jangka wajtu setiap Minggu, Apa yang kita pelajari selama 1 minggu tersebut merupakan patokan kita dalam membuat program kerja . Misalkan saya minggu pertama ini mempelajari HTML Dasar . saya akan membuat program kerja yang merupakan implementasi dari HTML dasar tersebut. misalkan lagi webite yang menerapkan tentang tabel , style text, gambar, video dll. Selain menyiapkan apa yang akan kita buat kita juga harus menyiapkan Alat dan Bahannya .

Menyiapkan Alat dan Bahan

Membuat Website Informasi Jurusan :
a. Laptop
b. Text editor (gedit/notepad/sublime)
c. Web browser

4. Pelaksanaan Pembuatan
     a. Tahap awal
     * Mempelajari HTML dasar
        a. Membuat Halaman HTML,Menyumpan dan membuka di Browser
        b. Membuat Tabel
        c. Style Tulisan
        d. HTML Frameset
     Bisa teman - teman Pelajari di sini :
http://fadly-aar.blogspot.co.id/
   http://www.w3schools.com/

      *Membuat Rencana Kerangka Website
        a. Header
      b. Footer
        c. Sidebar
      d. Utama / untuk isi

      b. Tahap Proses Pembuatan
         a. Membuat VYM dan Manajemen restra
              *VYM ( View Your Mind ) berisi :
               - Perlengkapan
               - Tahap Pelaksanaan
               - Permasalahan
               - Target
               - Tanggung Jawab


1.1 VYM Website Informasi Jurusan

                 * Manajemen Restra ( Tabel rencana kegiatan ) , berisi :
                    a. Nama Kegiatan
                    b. Uraian kegiatan
                    c. Target
                    d. Pelaksanaan
                    e. Penanggung jawab
                    f. Jadwal rencana kegiatan


1.2 Manajemen restra a

   *Menentukan Konten atau Isi Website
      - Tentang Jurusan yang ada di Sekolah
      - Mencari Informasi melalui majalah
      - Mencari Informasi dengan wawancara

                * Membuat kerangka dan tampilan Website
                - Desain Template
                    Membagi :Menggunakan tabel <table></table> dan warna
      - Penyusunan kerangka
        Header,footer,sidebar,bagian utama
   * Mengisi Halaman
          Halaman tersebut diisi dari hasil pencarian informasi

5. Tahap akhir Penyelesaian
      - Mengecek hubungan setiap halaman
      Hubungan/ Relasi itu ada karena adanya link yang menghubungkan antar halaman dari sintaks <a href=""></halaman>. jika kita tidak dapat menampilkan halaman yang dilink-kan kemungkinan ada kesalahan pada penulisan halaman tersebut.
- Evaluasi
   Evaluasi bertujuan untuk mengetahui penyelesaian dari masalah yang menimpa kita saat membuat proyek tersebut. pada evaluasi tersebut kita dapat sharing dengan teman - teman atau senior yang bisa membantu.

6. Permasalahan
   Pada setiap kegiatan atau proyek pasti kita menemukan permasalahan yang sedikit atau besar yang dapat kita selesaikan pada saat evaluasi ,
pada saat kelompok saya ini membuat proyek program kerja Website Informasi jurusan kami mendapat masalah seperti ini :
- Sulitnya mencari Informasi tentang Jurusan yang ada pada sekolah kami sehingga mengahambat keefisienan waktu pengerjaan
Solusinya :
      Kami berbagi tugas untuk mencari Informasi melalui siapa saja dan melalui
      media informasi apa saja yang ada.
- Terjadinya Eror saat Coding, merupakan hal biasa pada saat membuat program tetapi jika keroran tersebut susah untuk ditemukan penyebabnya itu menjadi kesulitan yang sangat menjengkelkan .
Solusinya :
    Membuat Script yang tertata agar mudah diteliti , sabar menghadapi keeroran , dan teliti

7. Target
    Dengan dibuatnya program ini berharap agar lebih paham dengan HTML karna HTML, merupakan dasar dari bahasa pemograman
     Dengan dibuatnya Program website ini , berharap agar bisa lebih dikembangkan menjadi media informasi yang bermanfaat dan menjadikan informasi mudah tersampaikan kepada masyarakat.

0 Comments

Learn HTML Vol.3 - HTML Style

By : fadly injoker

BLC Telkom

Assalamualaikum Wr. Wb

Kembali lagi kita Belajar HTML, Setelah Sebelumnya kita Belajar tentang bagaimana membuat dan menyimpan halaman HTML ,
selanjutnya kita akan membahas seterusnya tentang HTMLmengenai style dan atribut HTML

Semua dokumen HTML harus memulai dengan deklarasi tipe dokumen: <! DOCTYPE html>.

Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </ html>.

Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </ body>.

Saat ini kita akan belajar bagaimana membuat halaman dengan berbagai Style dan Atribut pada HTML

Style dan Atribut HTML

1. Background Color (Warna Latar Belakang)

Properti background-color mendefinisikan warna latar belakang untuk elemen HTML. Contoh dibawah ini menerapkan warna background lightgreen untuk halaman :

<body style="background-color:lightgreen;">

<h1>Ini adalah heading</h1>
<p>Ini adalah paragraf</p></body>

2. Text Color (Warna Teks) : Properti color mendefinisikanwarna teks untuk elemen HTML.
Contoh :

<h1 style="color:blue;">Ini adalah heading</h1>
<p style="color:red;">Ini adalah paragraf</p>

3. Font (Jenis Huruf) : font-family mendefinisikan font yang akan digunakan untuk elemen HTML. Contoh :

<h1 style="font-family:verdana;">Ini adalah heading</h1>
<p style="font-family:courier;">Ini adalah paragraf</p>

4. Text Size (Ukuran Teks) : font-size mendefinisikan ukuran teks untuk elemen HTML. Contoh :

<h1 style="font-size:300%;">Ini adalah heading</h1>
<p style="font-size:160%;">Ini adalah paragraf</p>

5. Text Alignment : text-align mendefinisikan perataan teks horisontal untuk elemen HTML. Contoh

<h1 style="text-align:center;">Header rata tengah</h1>

<h1 style="text-align:left;">Header rata kiri</h1>

<h1 style="text-align:right;">Header rata kanan</h1>

<h1 style="text-align:justify;">Header rata kanan-kiri</h1>

6. Pindah ke lain baris :

contoh :

<p>Aku<br>anak<br>RPL

HTML Text Formating Format-format yang dirancang untuk menampilkan jenis huruf dari teks :

<b>...</b> - mendefinisikan text bold
<strong>...</strong> - mendefinisikan teks kuat
<i>...</i> - mendefinisikan teks miring
<em>...</em> - mendefinisikan teks ditekankan
<mark>...</mark> - mendefinisikan teks ditandai
<small>...</small> - mendefinisikan teks kecil
<del>...</del> - mendefinisikan teks dihapus
<ins>...<ins> - mendefinisikan teks dimasukkan
<sub>...</sub> - mendefinisikan teks subscript
<sup>...</sup> - mendefinisikan teks superscript

7. Mengatur ukuran Gambar
Mengatur Ukuran Panjang dan tinggi bisa menggunakan persentase atau menggunakan px (pixel)

8. Atribut
HTML Attributes atau atribut HTML adalah suatu informasi tambahan yang bisa disertakan pada suatu elemen HTML. Suatu elemen dapat memiliki atribut. Atribut ini memberikan informasi tambahan tentang elemen yang bersangkutan. Atribut selalu digunakan pada awal tag / start tag. Cara mendefinisikan atribut dengan memberikan informasi name dan value dari suatu elemen, seperti name=”value”.
Contoh Atribut :
Link HTML atau HTML Links didefinisikan dengan tag <a>. Alamat link inilah yang merupakan atribut.

Nilai suatu atribut harus selalu dimulai dan diakhiri dengan tanda petik. Biasanya menggunakan tanda petik (“…”). Tanda petik ini mengapit petikan langsung dari suatu nilai elemen. Tanda petik tunggal juga diperlehkan untuk digunakan walaupun dalam keadaan tertentu nilai suatu atribut bisa berisi tanda kutip, untuk itu di pergunakan tanda kutip tunggal yang mengapit petikan yang tersusun di dalam petikan lain.
Contoh :
name=’Kelompok “Pelajar” Indonesia

Referensi :

http://sharingilmu.web.id/mengatur-ukuran-warna-dan-jenis-huruf-pada-html/
http://web.pemrograman.org/html/atribut-html/

Sekian Terima Kasih
Wassalamualaikum Wr.Wb

0 Comments

cara install Vym

By : fadly injoker

Langkah - Langkah Instal VYM (View Your Mind) di Linux Mint

Assalamualaikum Wr. Wb.

Selamat malam teman, nikmatilah harimu dengan penuh rasa syukur. Setelah itu marilah kita rangkai atau kita gambarkan mimpi-mipi kita, cita-cita kita, dengan menggunakan VYM (View your Mind). Apa itu VYM ? untuk lebih jelasnya silahkan simak berikut ini.

PENGERTIAN

Sobat pasti bertanya-tanya apa itu VYM ? VYM adalah sebuah software atau perangkat lunak yang ada di linux yang berfungsi untuk menggambar. Bukan hanya sekedar menggambar tapi juga bisa menggamarkan cita-cita kita atau target-target kita selama beberapa hari kedepan bahkan sampai beberapa tahun kedepan. Bahkan kita juga bisa membuat Proker atau program kerja kita jika kita berada di sebuah instansi.

LATAR BELAKANG

Karena suatu rancangan atau rencana jika kita ucapkan saja maka akan lupa, sebaiknya kita tulis hal-hal penting tersebut dalam sebuah buku atau media untuk mencatat. Agar setiap kita melihat catatan tersebut dapat membangkitkan rasa semangat kita.

MAKSUD & TUJUAN

Mempermudah dalam mengatur program kerja kita atau rencana kita selama beberapa hari kedepan bahkan sampai beberapa tahun kedepan.

ALAT & BAHAN

PC/Laptop OS Linux Mint
Koneksi Internet

LANGKAH KERJA

Pertama kita buka terminal terlebih dahulu dengan cara "Klik kanan pada Desktop-Open in Terminal" atau bisa juga dengan tekan tombol "Ctrl+Alt+T".

Setelah itu masuk sebagai super user, dengan cara "sudo su" masukkan password super user anda.

Selanjutnya masukkan perintah : #apt-get install vym

Setelah itu tunggu proses instalasinya hingga selesai.

Jika proses instalasinya sudah selesai. Kita coba untuk membuka aplikasi tersebut lewat terminal. Caranya masukkan perintah : #vym

Jika instalasinya berhasil maka otomatis aplikasi tersebut bisa dibuka. Hasilnya seperti gambar di bawah ini.

Mungkin cukup itu saja yang bisa saya sampaikan, kurang lebihnya mohon maaf ^^

Wassalamualaikum Wr. Wb.

REFERENSI

http://nurhidayahtkj.blogspot.co.id/2017/02/assalamualaikum-wr_21.html

0 Comments

learn HTML vol.2 - Elemen HTML

By : fadly injoker

LEARN HTML Vol.2 - Elemen HTML

BLC Telkom-KPLI Klaten

Setelah kita kemarin belajar HTML Dasar dengan mengenal pengertian , kegunaan dasar - dasarnya dan sedikit gambaran tentang scriptnya .

Saat ini yang kita bahas adalah Pengenalan Lanjut HTML , agar lebih paham dengan HTML .

HTML adalah nama elemen dikelilingi oleh sudut kurung. Yang Kemudian bersangkutan dengan Web browser. Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.
Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen.

Struktur penulisan sintak pada HTML

Strukture HTML

Perintah atau elemen pada HTML ,

<! DOCTYPE> deklarasi mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar Ini harus hanya muncul sekali, di bagian atas halaman (sebelum tag HTML).
<! DOCTYPE> deklarasi tidak sensitif huruf.yang mendeklarasikan mendefinisikan dokumen ini menjadi HTML5
<Html> elemen adalah elemen root dari halaman HTML
<Head> elemen berisi informasi meta tentang dokumen
<Title> elemen menentukan judul untuk dokumen
<Body> elemen berisi konten halaman yang terlihat
<H1> mendefinisikan judul besar
The <p> mendefinisikan sebuah paragraf

Selain itu juga masih ada perintah – perintah yang berhubungan dengan HTML,
Berikut ini adalah perintah-perintah HTML untuk penanganan TEKS.

1. <H1> Sampai <H6>
        fungsi : untuk membuat (memilih) ukuran teks.
      Sintak : <H1>             </H1>
        Contoh :
         Jika kita memasukan perintah pada Sublime atau Notepad seperti gambar
         dibawah ini ,


1.1 Mengatur ukuran Text