Belajar HTML Membuat Text Box Password

Posted by Yogo Prestiyanto on Friday, November 30, 2012

Dalam artikel saya sebelumnya pernah saya bahas tentang "Belajar HTML Membuat Text Box", kali ini saya akan contohkan membuat text box yang digunakan untuk input data rahasia seperti password. Text box ini sering digunakan untuk keperluan login, seperti ketika anda login ke akun Blogger anda atau Email anda pasti untuk data pasword tulisan menjadi bentuk simbol. Itu karena text bersifat rahasia jadi hanya berupa simbol saja yang terlihat.

Berikut saya akan contohkan membuat text box password.



Untuk membuat inputan password berikut tag-nya :
<input type="password" name="passwordgue"/>

Untuk tampilannya setelah dijalankan di Mozilla Firefox sebagai berikut :


Belajar HTML Membuat Text Box Password




















Mudah bukan membuat text box di HTML. Semoga artikel ini bermanfaat !!!
Baca Selengkapnya

   

Belajar HTML Membuat Text Box

Posted by Yogo Prestiyanto

Belajar HTML Membuat Text Box





















Pernahkah anda melihat tampilan seperti gambar diatas? Namanya adalah text box, kadang ini dipakai dalam membuat form seperti untuk pendaftaran atau memasukkan suatu data. Daripada berbasa-basi langsung saya akan contohkan cara membuat text box sederhana.



Simpan script diatas dengan nama index.html atau terserah anda yang penting ekstensi harus .html. Jalankan pada browser pilihan anda, saya memakai Mozilla Firefox versi terbaru.
Untuk tampilannya sebagai berikut :

Belajar HTML Membuat Text Box



Komponen text box dibuat dengan menuliskan tag berikut :
<input type="text" name="namakomponen"/>
Dengan atribut name diisi dengan nama komponen yang sesuai dengan data isian. Nama komponen harus dituliskan karena akan digunakan pada script pengolah data nantinya.


Untuk membuat tombol kirim berikut tag-nya :
<input type="submit" name="submit" value="Kirim"/>
Tombol ini nantinya akan digunakan untuk mengirim data ke script pengolah data.


Untuk mengatur lebar field text box yaitu dengan menambahkan atribut size="nilai", nilai disini adalah bilangan integer atau angka.
Berikut contohnya :
<input type="text" name="nama" size="40"/>

Atribut lain yang harus dipahami adalah value="nilai". Atribut ini digunakan untuk menampilkan nilai ke dalam text box.
Berikut contohnya :
<input type="text" name="nama" size="40" value="Yogo Prestiyanto"/>
Jika anda menambahkan atribut value seperti contoh diatas, maka akan menjadi seperti ini :

Belajar HTML Membuat Text Box


















Semoga artikel ini bermanfaat !!!


Baca Selengkapnya

   

Belajar HTML Membuat Radio Button

Posted by Yogo Prestiyanto on Thursday, November 29, 2012

Pernahkah anda melihat sebuah halaman web yang isinya menampilkan sebuah pilihan yang bisa kita pilih salah satunya. Namanya adalah "Radio Button". Fungsinya yaitu digunakan untuk input data yang sifatnya optional atau pilihan.
Berikut contoh dari radio button sederhana yang telah saya buat.

Untuk script HTML-nya dibawah ini :



Simpan script diatas dengan nama index.html atau terserah anda yang penting ektensi harus .html.
Kemudian jalankan pada browser yang anda sukai, kali ini saya memakai Mozilla Firefox.

Untuk tampilannya adalah sebagai berikut :

Belajar HTML Membuat Radio Button


















Penjelasan :
Dari setiap tag diatas, setiap komponen radio button memiliki nama komponen yang sama yaitu name="jk". Karena ketiga kelompok ini masuk kedalam satu kelompok yaitu jk yang sama, yang nantinya akan dipilih.

Semoga bermanfaat !!!
Baca Selengkapnya

   

Penyebab Demam Berdarah

Posted by Yogo Prestiyanto on Wednesday, November 28, 2012

Penyebab Demam Berdarah
Musim hujan sudah tiba, itu artinya akan banyak genangan-genangan air dimana-mana. Hati-hati karena akan banyak nyamuk yang mencari tempat untuk bertelur, terutama nyamuk penyebab demam berdarah yaitu nyamuk aedes aegypti. Ada juga ternyata nyamuk yang lain yaitu nyamuk aedes albopictus. Demam berdarah adalah penyakit berbahaya dan bisa menyerang siapa saja. Penyakit ini disebabkan oleh virus dengue selanjutnya ditularkan melalui gigitan nyamuk aedes aegypti dan aedes albobictus.
Nyamuk ini bisa menggigit siapa saja, akan tetapi jika kita mampu menjaga kebersihan lungkungan dan mengurangi perkembangbiakan dari si nyamuk itu maka Insya Allah kita akan aman dari gigitan nyamuk yang mengakibatkan demam berdarah.
Mari kita selalu mengecek apakah tempat-tempat yang berpotensi untuk sarang nyamuk dapat kita cegah perkembangbiakannya. Contoh tempat-tempat yang bisa untuk sarang nyamuk antara lain bak penampungan air, bak mandi, kaleng bekas, bungkus plastik, dll. Perlu diketahui bahwa nyamuk aedes aegypti ini sangat suka dengan air yang jernih.

Gejala-gejala terkena demam berdarah :
  • Mendadak badan panas tinggi selama 2 sampai 7 hari
  • Terlihat lemah dan lesu
  • Timbul bintik-bintik merah pada kulit
  • Merasakan nyeri di ulu hati
  • Terjadi pendarahan di hidung atau mimisan
  • Terjadi muntah darah dan berak darah
Agar tidak terlalu parah kenali gejala-gejala demam berdarah diatas, supaya kita mampu mencegahnya dan mungkin akan menyelamatkan nyawa orang yang kita cintai. 
Apabila sudah parah penderita merasa gelisah, tangan dan kaki dingin serta berkeringat. Segeralah tolong mereka yang merasakan gejala-gejala ini ke rumah sakit terdekat.

Berikut pertolongan jika anda melihat langsung penderita gejala demam berdarah :
- Beri minum sebanyak-banyaknya
- Kompres agar panasnya turun
- Berikan obat penurun panas seperti paracetamol
- Segera antarkan ke Puskesmas, atau Rumah Sakit terdekat

Berantas jentik nyamuk dan hindari gigitan nyamuk Demam Berdarah dengan cara 3M Plus, yaitu :
  • Menguras tempat-tempat penampungan air (bak mandi/WC, tempayan, ember, vas bunga, dsb) seminggu sekali.
  • Menutup rapat semua tempat penampungan air seperti ember,gentong, dan drum.
  • Mengubur barang-barang bekas yang ada di sekitar atau di luar rumah yang dapat menampung air hujan. Seperti kaleng bekas, botol, plastik, dan tempurung kelapa.
  • Menaburkan bubuk abate atau altosid 2-3 bulan sekali di tempat air yang sulit dikuras atau tempat sulit air.
  • Memelihara ikan pemakan jentik nyamuk.
  • Cegah gigitan nyamuk dengan menggunakan obat nyamuk, memakai obat repelant, memasang kawat kasa pada jendela dan ventilasi, dsb.
Dikutip dari Brosur WASPADA DEMAM BERDARAH CEGAH DENGAN 3M PLUS! oleh : Pusat Komunikasi Publik Setjend Depkes RI

Semoga artikel diatas dapat bermanfaat bagi kita semua. Ingat "mencegah lebih baik daripada mengobati". Sehatlah selalu dengan memperhatikan kesehatan dan kebersihan lingkungan sekitar.
Baca Selengkapnya

   

Tipe Data dan Variabel Pada Javascript

Posted by Yogo Prestiyanto on Monday, November 26, 2012

Artikel saya tentang "Javascript" sebelumnya sudah pernah saya contohkan tentang Menampilkan Javascript Pada HTML , Penulisan Javascript. Lanjut yukk, biar semakin paham dengan javascript, tak kenal maka tak sayang, kata pepatah. Hehehe.
Dalam artikel ini saya memakai judul Tipe Data Variabel Pada Javascript. Mari akan saya bahas biar lebih jelasnya.
Variabel digunakan untuk menyimpan data atau informasi. Sebuah nilai variabel dapat diubah. Ketentuan nama variabel dalam javacript adalah sebagai berikut :
  • Variabel harus terdiri dari rangkaian huruf, angka, dan underscore.
  • case sensitive, artinya membedakan huruf kecil dan besar.
  • Harus diawali dengan huruf.
  • Tidak harus deklarasi variabel dan tercipta sendiri ketika pertama kali digunakan.
  • Berbentuk varian (tidak terikat pada satu tipe data, tetapi dapat diisi oleh tipe data yang berbeda dengan awalnya ketika pertama kali digunakan).
Berikut contoh mendeklarasikan variabel pada javascript :
Variabel diawali dengan var.
Contoh :
var strname=nilai;

Variabel juga bisa dibuat tanpa harus menggunakan var.
Contoh :
strname=nilai;

Javascript mempunyai tiga tipe data :
  • strings
  • numbers
  • booleans : true false
Contoh :
var strname = "Yogo";
atau bisa ditulis, strname="Yogo";
Contoh diatas adalah memberikan nilai "Yogo" pada variabel strname.

Saya akan berikan contoh penggunaan variabel agar lebih jelasnya :



Seperti contoh yang lain di artikel saya. Ketik script diatas simpan dengan nama index.html. Kemudian jalankan pada browser kesayangan anda.

Untuk tampilannya akan seperti ini :

Tipe Data dan Variabel Pada Javascript















Variabel p=1000 dipanggil untuk ditampilkan di panjang adalah=
Variabel l=200 dipanggil untuk ditampilkan di lebar adalah=




Semoga bermanfaat !!
Baca Selengkapnya

   

Penulisan Javascript

Posted by Yogo Prestiyanto on Sunday, November 25, 2012

Dalam artikel saya sebelumnya pernah saya bahas tentang Menampilkan Javacript Pada HTML. Kali ini saya akan menjelaskan penulisan javascript di HTML.
Ada 3 cara untuk menuliskan Javascript :

  1. Diletakkan diantara tag <head></head>
  2. Diletakkan didalam <body></body>
  3. Eksternal

1. Script diantara tag <head></head>

Script diantara tag <head></head> akan dieksekusi ketika dipanggil (berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Meletakkan script didalam <head> script otomatis akan di load terlebih dahulu sebelum digunakan/dipanggil.
Berikut contoh untuk meletakkan Javascript didalam <head> :



Simpan script diatas dengan ektensi .html. Jalankan pada browser kesayangan anda. Maka untuk tampilannya seperti ini :

Penulisan Javascript














2. Script didalam <body></body>

Javascript akan dieksekusi saat halaman di load sampai pada bagian <body>. Saat menuliskan script didalam <body> maka antara isi halaman dan script javascript dijadikan satu bagian.
Daripada bingung langsung saya kasih contoh javascript didalam <body>.



Simpan script diatas dengan ektensi .html. Jalankan pada browser dan untuk tampilannya akan seperti dibawah ini :

Penulisan Javascript

















3. Eksternal

Fungsi dari cara eksternal adalah jika ingin menjalankan javascript yang sama dalam beberapa kali pada halaman yang berbeda. Daripada harus menulis ulang script yang ingin dibuat di setiap halaman.
Menggunakan cara ini berarti script javascript dan html akan terpisah. Langsung saya suka memberi contoh daripada banyak teori.
Script dibawah ini adalah javascript yang akan digunakan.



Simpan script diatas dengan nama contoh.js
Kemudian membuat halaman html seperti dibawah ini.



Simpan script diatas dengan nama index.html, buat satu folder bersama file contoh.js. Kemudian jalankan index.html pada browser, untuk tampilannya sebagai berikut :

Penulisan Javascript















Sudahkah anda paham dengan penjelasan dan contoh penulisan pada javascript diatas? Jika belum paham silahkan jangan ragu dan malu untuk bertanya dan berkomentar.
Semoga bermanfaat!!!
Baca Selengkapnya

   

Manfaat Kopi Bagi Kesehatan

Posted by Yogo Prestiyanto on Saturday, November 24, 2012

Manfaat Kopi Bagi Kesehatan

















Taukah anda tentang minuman yang berwarna hitam, beraroma khas dan jika diminum terasa nikmat di mulut. Jawabannya adalah "Kopi". Kopi merupakan suatu jenis minuman berwarna hitam pekat yang mampu memberikan cita rasa unik bagi yang meminumnya. Bahkan tidak sedikit orang menjadi kecanduan karena cita rasa kopi karena adanya kandungan kafein yang terdapat dalam kopi. Kafein adalah senyawa kimia alkaloid yang dikenal sebagai trimetilsantin dengan rumus molekul C8H10N4O2. Jumlah kandungan zat kafein yang terdapat dalam kopi adalah antara 1 hingga 1,5%. Wow
Saya adalah pecinta kopi, apakah sobat juga ada yang pecinta kopi seperti saya?
Dari berbagai penelitian oleh ilmuwan-ilmuwan di dunia bahwa ternyata kopi dapat mencegah berbagai penyakit dalam tubuh kita. Meminum kopi satu cangkir atau dua cangkir sehari sebenarnya tidak berbahaya bagi kesehatan. Akan tetapi palah dianjurkan.
Berikut hasil penelitian para ilmuwan tentang kopi :
  • Kopi dapat mencegah timbulnya penyakit jantung dan stroke
  • Bermanfaat mencegah penyakit diabetes dan kanker
  • Kopi mencegah kaker mulut
  • Kopi memberi manfaat untuk melindungi gigi
  • Kopi sebagai penambah energi
  • Kopi mampu mengurangi rasa depresi seseorang
  • Dapat mengurangi sakit kepala seseorang
Dari manfaat diatas tentu saja ada sisi negatifnya kopi bagi kesehatan kita. Seperti kasus Mbah Surip jaman dulu itu yang katanya terlalu banyak mengkonsumsi kopi setiap harinya. Kopi selalu disajikan bersama gula, jika gula terlalu banyak yang kita minum akan berat untuk ginjal kita dalam mengolahnya dan akan menimbulkan berbagai penyakit kemudian. Untuk itu agar kita selalu sehat minumlah kopi sewajarnya saja agar kita selalu sehat nantinya.

Semoga bermanfaat bagi sobat semuanya !!



Baca Selengkapnya

   

Perbedaan ID dengan CLASS

Posted by Yogo Prestiyanto

Perbedaan ID dengan CLASS

1. id
ID adalah sebuah identitas untuk sebuah elemen maka dari itu ID bersifat unik, jadi dalam satu document tidak boleh ada lebih dari 1 ID.
Contoh :
<div id=”wrapper”>
            <div id=”konten”> isi konten </div>
<div id=”sidebar”> isi sidebar </div>
</div>

2. class
Berbeda dengan ID, CLASS dapat dipakai untuk lebih dari 1 elemen.
Contoh :
<h1>Header 1</h1>
<p class=”rata-kiri”> Paragraf pertama rata kiri </p>
<h2>Header 2</h2>
<p class=”rata-kiri”> Paragraf kedua rata kiri </p>
Baca Selengkapnya

   

Pengertian PHP

Posted by Yogo Prestiyanto


Dalam artikel kali ini saya ingin share tentang sedikit pengertian dari PHP. PHP merupakan bahasa berbentuk script yang ditempatkan didalam dan diproses server kemudian hasilnya akan dikirim ke client menggunakan browser.
Secara khusus PHP dibuat untuk membuat sebuah web dinamis. PHP mempunyai fungsi yang sama dengan script-script seperti Active Server Page (ASP), Cold Fusion, dan Perl.
PHP bersaing dengan VB (Visual Basic) dan C++ untuk posisi ketiga sebagai bahasa pemrograman paling populer setelah Java dan C.
PHP adalah bahasa open source dan dinyatakan sebagai software gratis oleh Free Software Foundation.

Berikut ini sistem database yang didukung oleh PHP :

  1. Oracle
  2. Sybase
  3. mSQL
  4. MySQL
  5. Solid
  6. Generic ODBC
  7. Postgres SQL
Sekian semoga artikel sederhana tentang PHP ini bermanfaat bagi kita semua.
Baca Selengkapnya

   

Membuat Dropdown Menu Dengan CSS

Posted by Yogo Prestiyanto on Friday, November 23, 2012

Pada artikel kali ini saya ingin mencontohkan membuat dropdown menu dengan css.
Fungsi dari dropdown menu sendiri adalah untuk menghemat ruang pada web kita karena terlalu banyaknya link atau teks yang ditampilkan di halaman web.
Langsung saja saya suka memberi contoh daripada bertele-tele dengan tulisan.
Lihat contoh dibawah ini kalau perlu praktekkan sendiri :

Persiapan, saya akan membuat 2 file yaitu terdiri dari file index.html. Untuk file css nya akan terpisah dengan nama file style.css.

Untuk file index.html berikut scriptnya :



Untuk file style.css berikut scriptnya :



Untuk hasil, simpan kedua file tersebut kedalam satu folder. Jalankan index.html pada browser kesayangan anda. Tampilannya seperti berikut ini :
Membuat Dropdown Menu Dengan CSS

















File style.css hanya memberikan efek warna supaya tampilan dari dropdown menu agar lebih menarik.
Jika anda mungkin malas mencoba file diatas berikut saya akan berikan file index.html dan style.css secara gratis.






Baca Selengkapnya

   

Belajar Format Teks di HTML

Posted by Yogo Prestiyanto on Thursday, November 22, 2012

Dalam artikel saya sebelumnya pernah saya contohkan membuat sebuah paragraf di HTML "Belajar Membuat Paragraf,Link,& Heading di HMTL". Kali ini saya akan memberi contoh cara menulis format teks di HTML. Contoh dari format teks yang sering digunakan antara lain cetak tebal,huruf miring,dll.

Daripada berteori langsung saja saya praktekkan :D

Lihat script dibawah ini :



Maka untuk tampilannya akan seperti ini :



Saya hanya mencontohkan tag yang sering dipakai dan populer dalam penulisan sebuah teks saja. Untuk tag-tag lainnya mungkin anda bisa bereksperimen sendiri agar lebih bisa menguasainya.
Dibawah ini adalah contoh-contoh tag yang berfungsi untuk pemformatan teks pada HTML :

Format Teks Pada HTML

TagFungsi
<b></b> atau <strong></strong>Berfungsi untuk membuat teks tebal
<u></u> Berfungsi untuk membuat teks underline atau garis bawah
<i></i> atau <em></em>Berfungsi untuk membuat cetak miring
<strike></strike>Membuat teks bergaris
<small></small>Mendefinisikan teks kecil
<sub></sub>Mendefinisikan teks subscript
<sup></sup>Mendefinisikan teks superscript
<ins></ins>Mendefinisikan teks yang disisipkan
<del></del>Mendefinisikan teks yang dihapus

Tag Output Komputer Pada HTML

TagFungsi
<code>Mendefinisikan sebuah teks pada komputer
<kbd>Mendefinisikan teks keyboard
<samp>Mendefinisikan sampel pada komputer
<var>Mendefinisikan variabel
<pre>Mendefinisikan teks terformat

Tag Definisi dan Kutipan Pada HTML

TagFungsi
<abbr>Mendefinisikan singkatan atau akronim
<address>Mendefinisikan kontak penulis atau pemilik dokumen
<bdo>Mendefinisikan arah teks
<dfn>Mendefinisikan sebuah definisi
<cite>Mendefinisikan judul karya
<q>Mendefinisikan kutipan pendek atau inline
<blockquote>Mendefinisikan bagian yang dikutip dari sumber lain

Selamat mencoba !!
Baca Selengkapnya

   

Belajar Membuat Paragraf,Link, & Heading di HTML

Posted by Yogo Prestiyanto

Paragraf

Sebuah halaman web sangat membutuhkan yang namanya paragraf. Tanpa paragraf bagaimana akan menulis sebuah dokumen untuk dibaca oleh user. Misal saja sebuah web berita pastinya membutuhkan sebuah paragraf, walaupun ada video dan gambar tetap saja paragraf dibutuhkan untuk menyampaiakan informasi ke user supaya lebih jelas.
Langsung saja saya beri contoh tata cara penulisan paragraf di HTML. Contoh ini adalah dasar banget untuk mengenal HTML.



Sebuah paragraf di HTML ditulis diantara tag <p> .. </p>

Ketik script diatas simpan dengan nama index.html jalankan di browser kesayangan anda dan untuk tampilannya sebagai berikut :
















Link

Pengertian dari link adalah sesuatu yang bisa menghubungkan ke suatu halaman web itu sendiri atau ke web yang lain.
Link di HTML didefinisikan diantara tag <a>..</a>

Saya akan memberi contoh :

<a href="http://creativitywhitoutlimits.blogspot.com">Ini Adalah Link</a>. Maka kalimat Ini Adalah Link akan menuju ke halaman http://creativitywhitoutlimits.blogspot.com.

Heading

Pengertian heading adalah kepala. Lhoh kok kepala?? artinya disini adalah untuk membuat sebuah judul.
Tag Heading <h1> </h1> sampai <h6> </h6>

Untuk contoh sebagai berikut :



Tampilan dari contoh heading adalah :



















Gambar

Untuk menampilkan sebuah gambar pada HTML sudah pernah saya tulis dalam artikel saya sebelumnya dengan judul Menampilkan Gambar di HTML. Karena saya males untuk nulis ulang :D
Baca Selengkapnya

   

Belajar CSS Menggunakan Padding

Posted by Yogo Prestiyanto

Padding adalah jarak dalam. Masih bingung mungkin dari pengertian padding. Sebagai contoh saya mempunyai sebuah kaos, setelah saya pakai terdapatlah sebuah jarak antara badan saya dengan kaos tadi. Begitu kira-kira yang dimaksud dengan padding.
Apakah juga masih bingung pengertiannya?
Mending langsung saja saya akan memberikan contoh dari kasus padding ini.

Berikut contoh script padding :



Untuk tampilannya adalah sebagai berikut :


Maka akan terlihat jika paragraf yang diatas tidak menggunakan padding sedangkan yang bawah menggunakan padding.

Pada bagian ini anda bisa melihat perbedaanya :

<style>
p
{
background-color:pink;
}
p.padding
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
</style>
<body>
<p>Disini adalah sebuah paragraf yang tidak menggunakan padding</p>
<p class="padding">Paragraf ini menggunakan padding, dan terlihat bedanya top=atas,bottom=bawah,right=kanan,left=kiri</p>










Baca Selengkapnya

   

Membuat Bayangan Kotak dengan CSS

Posted by Yogo Prestiyanto on Wednesday, November 21, 2012

Dalam artikel sederhana saya sebelumnya membahas tentang Belajar Border Radius di CSS , kali ini saya akan mencoba membuat sebuah bayangan kotak dengan CSS.
Wahh pasti sangat kerenn nihh !! :D
Mari kita praktekkan bersama-sama.

Tulis script dibawah ini :



Simpan dengan nama file index.html, kemudian jalankan pada browser favorit anda. Maka tampilannya seperti berikut :














Kenapa bisa muncul bayangan??
Berikut penjelasannya :

width:300px; = adalah panjang objek yang kita buat
height:100px; = lebar objek yang kita buat
background-color:blue; = warna latar belakang
-moz-box-shadow: 10px 10px 5px #888888; = bayangan untuk browser Mozilla Firefox
box-shadow: 10px 10px 5px #888888; = bayangan, #888888 = adalah warna dari bayangan


Sebenarnya box-shadow sudah compatible disemua browser yang ada sekarang ini.
Selamat mencoba !!
Baca Selengkapnya

   

Belajar Border Radius di CSS

Posted by Yogo Prestiyanto

Border radius adalah membuat sudut bulat di CSS. Border radius semakin memudahkan kita dalam membuat desain yang menarik untuk halaman web.
Properti border radius mudah digunakan dan mendukung untuk semua browser walaupun dengan beberapa perbedaan.

Langsung saja, saya lebih suka memberi contoh daripada ber-teori.

 Tulis script dibawah ini dengan text editor simpan dengan nama file index.html



Untuk tampilannya gunakan Mozilla Firefox atau browser lainnya, jalankan file index.html.

Priview dari script diatas adalah seperti ini :
Belajar Border Radius di CSS















Maka bentuk akan menjadi lebih menarik dengan garis lengkung di setiap sudutnya.
Tertarik untuk belajar lagi silahkan anda kembangkan sendiri script diatas untuk lebih jelasnya.

Baca Selengkapnya

   

Membuat Template Sederhana dengan CSS

Posted by Yogo Prestiyanto on Tuesday, November 20, 2012

Template sederhana ini adalah buatan saya ketika masih berkenalan pertama kali dengan CSS. Agar dapat menginspirasi banyak orang akhirnya saya buat saja artikel tutorial mengenai Membuat Template Sederhana dengan CSS. Semoga bermanfaat nantinya !! :D

Hal pertama yang harus disiapkan tentu saja text editor, saya sering memakai Notepad++.
Kedua adalah web browser, saya memakai Mozilla Firefox versi terbaru.

Disini saya menggunakan cara Eksternal CSS, yaitu memanggil file .css untuk ditampilkan di HTML. Cara ini sudah saya tulis di artikel sebelumnya yang berjudul Belajar CSS dimana terdapat cara-cara pemakaian CSS untuk mempercantik halaman web.

Langsung saja, tulis script dibawah ini dan simpan didalam satu folder (terserah anda) dengan nama style.css :



Setelah anda menulis script diatas, kemudian buka lembar kerja baru kemudia tulis script seperti dibawah ini :



Simpan script diatas dengan nama index.html dan harus satu folder bersama file style.css tadi.
Jalankan file index.html di Mozilla Firefox!!!
Jika tidak ada kesalahan maka tampilannya akan seperti berikut ini :

Membuat Template Sederhana dengan CSS























Taraaaaa !!!! anda sudah memiliki sebuah template sederhana menggunakan CSS. kabari teman-teman anda jika anda berhasil :D, sekian terima kasih.
Mungkin dari artikel diatas masih banyak yang belum jelas janganlah ragu untuk bertanya ke saya. Mari kita belajar bareng :D
Baca Selengkapnya

   

Menampilkan Javacript pada HTML

Posted by Yogo Prestiyanto

Contoh berikut ini adalah membuat halaman HTML yang didalamnya terkandung Javascript :



Jika anda ingin mencobanya, ketik script diatas menggunakan text editor kesukaan anda (saya lebih suka memakai Notepad++). Kemudian simpan dengan nama index.html. Jalankan pada browser anda seperti Mozilla Firefox, saya sendiri lebih suka menggunakan Mozilla Firefox versi terbaru.

Untuk tampilan dari script diatas adalah :

Menampilkan Javacript pada HTML












Penjelasan :
      document:write = untuk menampilkan teks di halaman HTML
Teks yang ingin ditampilkan dapat dimasukkan ke dalam tag HTML. Tag akan diekseskusi oleh browser ketika teks ditampilkan.

Untuk tutorial selanjutnya mungkin saya akan menulis tentang tata cara penulisan Javascript. Yah, karena keterbatasan waktu saya cukupkan semoga artikel ini bermanfaat bagi semua.


Baca Selengkapnya

   

Belajar Fitur Baru HTML 5

Posted by Yogo Prestiyanto on Monday, November 19, 2012

Mari kenal lebih jauh dengan HTML 5 dan mempelajari fitur-fitur terbaru dari HTML 5.
Berikut fitur baru yang ada pada HTML 5 :
  • Elemen <canvas> berguna untuk menggambar 2D
  • Elemen <video> dan <audio> untuk media pemutaran video dan audio
  • Dukungan untuk penyimpanan lokal
  • Konten spesifik seperti elemen <article>, <footer>, <header>, <nav>, <section>
  • Kontrol bentuk baru, seperti kalender, tanggal, waktu, email, url, pencarian
Agar lebih jelasnya saya berikan tabel penjelasan elemen baru di HTML.

Elemen baru

TagPenjelasan
<article>untuk konten eksternal, sperti teks dari artikel berita,blog,forum,atau konten lainnya dari sumber eksternal
<aside>untuk konten selain konten itu ditempatkan disamping konten yang masuk harus berkaitan dengan isi sekitarnya
<command>sebuah tombol atau radio button, kotak centang
<details>untuk rincian menggambarkan tentang sebuah dokumen atau bagian dari dokumen
<summary>sebuah keterangan atau ringkasan dalam rincian elemen
<figure>untuk pengelompokan bagian dari konten berdiri sendiri, bisa video
<figcaption>keterangan dari tokoh bagian
<footer>untuk footer dari dokumen atau bagian, dapat meliputi nama penulis, tanggal dokumen, informasi kontak, atau informasi hak cipta
<header>untuk penerapan suatu dokumen atau bagian, dapat mencakup navigasi
<hgroup>untuk bagian dari pos, menggunakan <h1> untuk <h6>, dimana yang terbesar adalah pos utama bagian tersebut dan yang lainnya sub judul
<mark>untuk teks yang harus disorot
<meter>untuk pengukuran, digunakan hanya jika nilai-nilai maksimum dan minimum diketahui
<nav>untuk bagian navigasi atau menu
<progress>keadaan pekerjaan berlangsung
<ruby>untuk penjelasan tentang penjelasan ruby
<rp>untuk menunjukkan browser yang tidak mendukung elemen ruby
<section>untuk bagian dalam dokumen seperti bab,header,footer, atau bagian lain dari dokumen
<time>untuk menentukan waktu atau tanggal atau keduanya

Elemen media

TagPenjelasan
<audio>untuk konten multimedia, suara, musik, atau streaming audio lainnya
<video>untuk konten video, seperti klik film atau streaming video lainnya
<source>untuk sumber suatu media pada elemen media, menjelaskan didalam video atau media audio
<embed>untuk mengisi embedded, contohnya seperti plug-in atau mengambil video dari Youtube 

Elemen Canvas

TagPenjelasan
<canvas>untuk membuat gambar pada halaman web

Elemen Form

TagPenjelasan
<datalist>daftar pilihan untuk nilai input
<keygen>hasilkan kunci untuk mengotentikasi pengguna
<output>untuk berbagai jenis output seperti output yang ditulis oleh script

Atribut Tipe Input

TipePenjelasan
telnilai input untuk nomor telepon
searchuntuk bidang pencarian
urlnilai input untuk memasukkan URL
emailuntuk mengisi email atau lebih dari satu email
datetimeuntuk pengisian waktu dan tanggal
dateuntuk pengisian tanggal
monthuntuk pengisian bulan
weekuntuk pengisian minggu
timeuntuk pengisian waktu
datetime-localuntuk pengisian lokal waktu/tanggal
numberuntuk pengisian nomer
rangeuntuk pengisian rentang waktu
coloruntuk pengisian heksadesimal sebuah warna

Semoga artikel ini bermanfaat !!
Baca Selengkapnya

   

Mengenal HTML 5

Posted by Yogo Prestiyanto

HTML 5

Apa itu HTML 5?
Apa kegunaan HTML 5?
Apa perbedaan dengan HTML sebelumnya?

Mungkin pertanyaan seperti ini akan muncul ketika anda mendengar pertama kali istilah HTML 5. Disini penulis ingin mencoba menjelaskan sedikit pengertian HTML 5 dan fitur-fitur terbaru daripada HTML sebelumnya.

HTML 5 adalah merupakan perkembangan dari versi HTML sebelumnya, yaitu HTML 4 atau XHTML 1.0. HTML 5 mempunyai banyak kelebihan dari versi sebelumnya yang hadir di tahun 1999.

HTML 5 telah diluncurkan oleh W3C atau Word Wide Web Consortium pada bulan Februari 2011. Direncanakan akan diresmikan pada bulan Juli 2014, dimana HTML5 akan dijadikan sebagai rekomendasi resmi dalam web standard.
Nah, lo. Apakah anda sia-sia kalau hari ini sedang mempelajari versi HTML sebelumnya. Tidak usah khawatir karena HTML 5 tidak jauh berbeda dengan HTML sebelumnya yang dimana terdapat attribut dan tag baru saja didalamnya. Selebihnya bisa dikatakan mirip.

Langsung saja saya akan memberikan contoh untuk script sederhana HTML 5 :



HTML 5 menggunakan <!DOCTYPE> untuk mendeklarasikannya.
Simpan halaman diatas, dan jangan lupa beri extensi .html. Jalankan pada browser anda! disini saya memakai Mozilla Firefox versi terbaru.
Berikut untuk tampilannya :

HTML 5












HTML 5 belum menjadi standar resmi dan belum ada browser yang memiliki dukungan penuh terhadap HTML 5. Akan tetapi semua browser utama seperti Safari, Chrome, Firefox, Opera, IE terus menambahkan fitur HTML 5 untuk versi terbaru mereka.
Untuk mengenal fitur-fitur terbaru dari HTML 5 anda bisa membaca artikel saya selanjutnya Belajar Fitur Baru HTML 5

Semoga memberi manfaat !!










Baca Selengkapnya

   

Membuat Tabel di HTML

Posted by Yogo Prestiyanto

Pernahkah anda melihat sebuah halaman web yang didalamnya terdapat sebuah tabel. Bagaimana cara membuatnya? Kali ini saya ingin mempraktekkan dan memberikan pengertian tentang tag yang berfungsi dalam pembuatan tabel. Fungsi dari tabel sendiri adalah untuk mengatur agar informasi dari halaman web dapat disajikan dengan tampilan yang baik untuk dibaca.

Berikut yang harus anda pahami tag yang berfungsi untuk pembuatan sebuah tabel:

Tag
Fungsi
<table>...</table> Tag harus ditulis yang berguna sebagai pembuka dan penutup sebuah tabel
<caption>...</caption>Membuat judul tabel
<th>...</th>Membuat judul kolom
<tr>...</tr>Menentukan sebuah baris dalam tabel
<td>...</td>Membuat sel data

Setelah anda mengerti tag diatas, langsung saja yukk kita praktekkan !!
  1. Siapkan Text Editor (Notepad++,Adobe Dreamweaver, dll). Disini saya memakai Notepad++
  2. Siapkan Browser (Mozilla Firefox, Google Chrome, dll). 
  3. Segelas Kopi atau camilan biar anda semangat :D

Membuat Tabel Sederhana dengan HTML

Berikut source code membuat tabel sederhana :



Setelah anda mengetik source code diatas, kemudian simpan dengan nama file membuattabel.html.
Jalankan file membuattabel.html klik 2x file tersebut.

Maka untuk tampilan adalah berikut ini :

Membuat Tabel di HTML














Memberi Garis dan Warna Background Tabel

Dari contoh diatas yang sudah saya praktekkan tabel belum memiliki garis. Untuk membuat sebuah garis anda bisa menggunakan atribut border pada tag <table>, contoh sebagai berikut :
<table border="bilangan untuk border">
Masih menggunakan file index.html yang telah dibuat tadi. Kemudian disini saya akan setting garis dengan angka 1, maka yang harus dilakukan hanya menambahkan pada tag <table> menjadi seperti berikut :
<table border="1">



Setelah anda edit kemudian save kembali pekerjaanya. Jalankan kembali file membuattabel.html ke web browser anda. Maka tampilan akan menjadi seperti ini :

Membuat Tabel di HTML













Mudah bukan? Setelah anda mampu membuat sebuah garis di tabel. Ilmu selanjutnya adalah pemberian warna latar belakang di tabel. Caranya hanya menambahkan atribut bgcolor pada tag <table>.
<table border="1" bgcolor="yellow">
Masih menggunakan file membuattabel.html yang telah dibuat tadi. Tambahkan atribut bgcolor pada tag <table> seperti diatas. 



Simpan dan jalankan file membuattabel.html di web browser anda. Jadilah untuk tampilan setelah diberi warna latar belakang adalah sebagai berikut :

Membuat Tabel di HTML














Mudah bukan dalam membuat tabel dalam HTML? Mudah-mudahan apa yang telah saya berikan kali ini bermanfaat bagi pembaca. Terima kasih !!
Baca Selengkapnya

   

Belajar CSS

Posted by Yogo Prestiyanto on Sunday, November 18, 2012

Apa itu CSS? dan apa kegunaanya?. Pernahkah anda melihat sebuah halaman web dengan bentuk yang rapi, warna-warna yang indah. Itulah yang disebut dengan CSS(Cascading Style Sheet). Penggunaan CSS dilakukan untuk mempercantik tampilan web. Kode CSS ditulis didalam tag <style> </style>.
Ada 3 cara untuk membuat CSS bisa diterapkan ke dalam HTML :
  • Inline CSS
  • Embedded CSS
  • External CSS
Untuk bisa belajar CSS yang harus disiapkan adalah :
  1. Text Editor (Notepad, Adobe Dreamweaver, dll), disini penulis lebih senang menggunakan text editor Notepad++
  2. Browser seperti Mozilla Firefox, Google Chrome,Opera, dll

Inline

Inline CSS digunakan pada tag HTML-nya
Sebagai contoh, ketikkan source code berikut :



Simpan file CSS diatas dengan nama terserahanda.html, kemudian jalankan di Mozilla Firefox atau Browser lainnya. Disini sebagai contoh adalah akan membuat tag header <h1> </h1> yang akan dibuat menjadi warna merah. Untuk tampilannya seperti berikut :












Embedded CSS

CSS ini menempel diantara tag <head> .. </head>
Sebagai contoh :


Simpan file CSS diatas dengan nama terserahanda.html, kemudian jalankan di Mozilla Firefox atau Browser lainnya.

<style type="text/css">
p {
color:red;
}
</style>
Source kode diatas adalah tag untuk CSS yang akan membuat tag yang didalam paragraf <p> </p> berubah menjadi warna merah.

Untuk tampilannya sebagai berikut :











External CSS

External CSS adalah cara dimana kita nantinya akan membuat file.css sendiri, kemudian memanggilnya dengan link dari tag HTML. Langsung saja saya contohkan dari External CSS.
Pertama buatlah satu Folder. Buatlah halaman dengan nama style.css simpan kedalam folder yang anda buat tadi, kemudian ketik source code dibawah :


#kotak1 {
background-color:red;
width:200px;
height:200px;
float:left;
}
Pengertian source code diatas adalah :
#kotak1 = nama id
background-color:red; = membuat background menjadi warna merah
width:200px; = membuat panjang dengan ukuran 200px
height:200px; = membuat lebar kebawah dengan ukuran 200px
float:left; = posisi objek berada di kiri


Untuk bisa menampilkan kita harus memanggil file .css yang telah dibuat tadi. Buatlah satu file dengan nama index.html. Kemudian tuliskan source code dibawah ini :




<link rel="stylesheet" href="style.css" type="text/css">  = memamnggil file style.css

Masukkan kedua file tersebut ke dalam satu folder. Jika file style.css dan index.html sudah ada di dalam satu folder langkah selanjutnya adalah jalankan file index.html di Mozilla Firefox atau Browser lainnya.

Untuk tampilannya sebagai berikut :















Artikel diatas hanyalah dasar dari membuat CSS yang saya ketahui. Jika ada kekurangan dari penulisan harap dimaafkan.
Baca Selengkapnya

   

Menampilkan Gambar di HTML

Posted by Yogo Prestiyanto

Gambar merupakan elemen yang sangat penting dalam halaman web. Tanpa gambar kita mungkin akan kembali pada jaman web 1.0 dimana halaman web hanya berupa text atau tulisan saja.
Kali ini saya akan memberikan tutorial menampilkan gambar pada halaman web.

  1. Pertama yang harus disiapkan adalah tentu saja file gambar, bisa berupa .jpg, .gif, dll. Gambar yang akan saya gunakan kali ini berformat .jpg dengan nama gambar yaitu gambar1.jpg. Supaya lebih semangat dalam berlatihnya saya menggunakan contoh gambar yang bikin tambah fresh dalam coding :D. 
  2. Buatlah satu folder bernama image, atau terserah anda.
  3. Siapkan Text Editor HTML, disini saya memakai Notepad++
  4. Tag HTML yang harus anda mengerti kali ini adalah tag <img>
Source Code :


Kemudian silahkan simpan dengan nama index.html kedalam folder image

Keterangan :
  • <img src="gambar1.jpg" = Pemanggilan gambar. Jika file index.html disimpan di luar folder images, maka pemanggilannya menjadi <image src="images/gambar1.jpg"
  • align="left"> = posisi gambar
Berikut untuk priviewnya dengan menggunakan browser Mozilla Firefox:






















Jika kita sudah mendapat ilmu tentang menampilkan gambar dengan HTML, berikutnya kita akan mengatur ukuran gambar yang akan kita tampilkan.
Kita bisa mengaturnya melalui atribut pada tag <img> yang bernama height dan width.

  • Height = Untuk mengatur tinggi gambar
  • Width = Untuk mengatur lebar gambar
Berikut source code setelah dirubah untuk mengatur ukuran gambar :



Dalam hal ini yang sering digunakan satuannya adalah pixel yang disingkat menjadi px.
Berikut priview dari index.html yang telah ditambahkan pengaturan ukurannya. 





















Akan terlihat gambar yang sebelah kanan adalah gambar yang belum disetting ukurannya sehingga tampak memenuhi tampilan di browser.Sedangkan gambar yang sebelah kiri adalah gambar yang sudah disetting ukurannya. Gambar yang kecil adalah gambar yang telah dirubah ukurannya menjadi height="500px" dan width="400px".

Selamat mencoba !!!








Baca Selengkapnya

   

Membuat Halaman Web Pertama Saya

Posted by Yogo Prestiyanto

Pernahkah anda membuat sebuah halaman web. Pernahkah anda berpikir dari mana dan awal bisa tampilnya halaman web ke layar monitor kita. Tentu saja kita melihat halaman web dari web browser. Contoh web browser sendiri adalah seperti Mozilla Firefox, Google Chrome, Safari, dll.

Di artikel ini saya tidak akan membahas lebih detail apa itu HTML, bagaimana HTML bisa tampil dalam Web Browser kita. Karena sudah banyak orang yang share artikel mengenai pengertian-pengertian diatas tadi.

Saya hanya ingin memberikan tutorial kepada anda membuat sebuah halaman web sederhana. Harapan saya setiap tutorial dapat dipraktekkan langsung dan anda akan mengerti dan lebih paham akhirnya, daripada anda membaca dan sekedar melihatnya.
Langsung saja kita mempersiapkan apa saja yang dibutuhkan :


  1. Text Editor
  2. Web Browser
Text Editor, mengapa kita membutuhkan ini? Fungsi dari text editor adalah untuk menyusun tag HTML yang akan kita tulis nantinya. Banyak text editor HTML profesional, akan tetapi saya menyarankan anda memakai text editor yang lebih sederhana seperti Notepad, Notepad++,dll. Suapaya anda lebih mudah untuk paham daripada menggunakan text editor HTML yang seperti Dreamweaver dan lainnya, akan membuat anda sedikit manja akhirnya.
Web Browser berfungsi tentu saja untuk menampilkan halaman web yang sudah dirancang di text editor.

Langsung kita buka Notepad++, disini saya menggunakan Notepad++ karena sangat nyaman untuk berlatih coding. Notepad++ adalah software opensource dan anda bisa mendownloadnya coba googling pasti banyak.

1. Langkah pertama buka Notepad++, setelah itu ketikkan sama seperti gambar dibawah ini :


















Penjelasan :
<h1> Header Pertama Saya </h1> artinya kita akan membuat sebuah Header
<p> Paragraf Pertama Saya </p> artinya kita akan membuat sebuah paragraf. Silahkan diisi sesuka anda dalam tag <p>paragraf yang ingin anda buat</p>

2. Kemudian Klik Berkas - Simpan Sebagai...

Di Notepad++ sendiri ada pilihan Bahasa pemrograman yang bisa kita pilih. Jika kita memilih bahasa HTML saat kita pilih Simpan Sebagai... , maka file ektensi akan otomatis menjadi .html
Sekarang simpan halaman dengan nama index.html dan buat satu folder taruh index.html didalamnya atau di luar folder juga bisa sebenarnya.

3. Jika sudah di simpan maka kita sudah mempunyai file halaman web sendiri. Sekarang double klik file index.html. Atau dari Notepad++ kita bisa memilih menu Jalankan - Launch in Chrome (karena saya memakai browser Chrome).

4. Tampilan dari halaman yang sudah kita buat adalah seperti berikut ini :












Semoga artikel ini bermanfaat bagi kita semua, jika ingin copas silahkan dan jangan lupa menyertakan link saya. Terima kasih. 




Baca Selengkapnya

   

Merangkai Puzzle

Posted by Yogo Prestiyanto on Friday, November 16, 2012

Merangkai Puzzle
Merangkai Puzzle, kegiatan ini sangat menarik untuk dimainkan. Bahkan jika dilakukan bersama-sama akan lebih menarik lagi. Jika bermain sendiri mungkin akan membosankan, dan jika dilakukan bersama-sama membutuhkan kekompakan bersama untuk dapat merangkai puzzle.
Anak-anak sangat antusias jika bertemu dengan permainan seperti ini. Permainan ini bisa dilakukan oleh banyak anak. Bisa juga merangkai susunan puzzle dengan gambar yang sama dibagi dua kelompok dengan 4 anak setiap kelompoknya. Siapa yang menang nantinya ditentukan oleh kelompok mana yang paling cepat dalam merangkai puzzle itu. Sangat dibutuhkan kekompakan setiap kelompok dan jika tidak kompak alhasil hanya akan memperlambat waktu dalam penyusunan puzzlenya.
Merangkai Puzzle


















Bagaimana? apakah anda tertarik untuk mencoba memainkannya. Apakah ingin sendiri atau bermain dengan teman-teman anda, saudara, pacar, pastinya sangat mengasyikkan.
Baca Selengkapnya

   

Tips Membuat Proposal PKMK

Posted by Yogo Prestiyanto on Thursday, November 15, 2012

Dalam artikel ini saya ingin membagi sedikit pengalaman saya ketika mampu lolos PKM tahun 2011 yang didanai tahun 2012. Saya adalah mahasiswa UTY (Universitas Teknologi Yogyakarta) angkatan 2009, saat itu saya tidak tahu apa itu PKM. Saya tahu dari dosen saya bernama Pak Joko Sutopo, dia adalah dosen Kewirausahaan di UTY. Saat itu saya memang sedang mengambil mata kuliah Kewirausahaan, dan ada tugas untuk membuat proposal PKM.

Pengertian tentang PKM
PKM sendiri adalah kepanjangan dari Program Kreativitas Mahasiswa. Program ini adalah kegiatan yang diadakan oleh Ditjen Dikti (Direktorat Jenderal Pendidikan Tinggi) setiap tahunnya guna memacu kreativitas Mahasiswa di Indonesia. PKM dilaksanakan pertama kali tahun 2001. PKM dikembangkan untuk mengantar mahasiswa dalam melakukan kreativitas dan inovasi. Mahasiswa diberi peluang untuk mengimplementasikan kemampuan, keahlian, sikap tanggung jawab, membangun kerjasama tim, dan membangun kemandirian melalui kegiatan yang kreatif dalam bidang ilmu yang ditekuni.
Ada 6 jenis PKM :

  1. PKMP (PKM Penelitian)
  2. PKMK (PKM Kewirausahaan)
  3. PKMM (PKM Pengabdian Masyarakat)
  4. PKMT (PKM Penerapan Teknologi)
  5. PKM GT (PKM Gagasan Tertulis)
  6. PKM AI (PKM Artikel Ilmiah)
Tentu saja saya tidak akan membahas satu persatu dari enam macam PKM diatas. Saya hanya ingin memberikan tips dan cara agar lolos proposalnya. Kenapa proposal? karena pengajuan PKM pertama kali adalah proposal, selanjutnya jika lolos maka proposal akan didanai 100% sesuai yang tertulis dalam proposal. Dana ini tentu saja dari Ditjen Dikti dan amanah untuk kita jika lolos proposalnya. Setelah dana cair mahasiswa dituntut untuk merealisasikan apa yang akan dilaksanakan dalam proposal itu. Selanjutnya adalah Monev (monitoring dan evaluasi), dan laporan sementara dibutuhkan saat monitoring dan evaluasi. Saat monev inilah yang akan menentukan kita maju ke PIMNAS (Pekan Ilmiah Mahasiswa Nasional) atau tidak. Mahasiswa diberikan waktu untuk presentasi saat monev dan ada tim juri yang akan menilai sejauh mana langkah kita dalam mewujudkan kegiatan yang sudah didanai itu. Jika monev mendapat nilai yang bagus langkah selanjuntnya kita disuruh untuk membuat laporan akhir. Laporan akhir ternyata juga akan menetukan kita untuk menuju PIMNAS. Karena waktu itu saya hanya maju ke tingkat monev, maka saya hanya bisa memberikan tips sampai monev saja. Untuk lebih detail dalam pelaksanaa PKM saya sarankan melihat panduan PKM yang biasanya ada di situs web Dikti, karena setiap tahunnya berbeda peraturannya.

Oke langsung saja saya kasih tips untuk bisa sukses di PKM. Saya mengambil PKMK (PKM Kewirausahaan), berikut tips suksesnya :
1. Buatlah judul proposal yang semenarik mungkin, jika perlu buatlah judul yang belum pernah ada. Contoh dari saya mengambil judul "Inovasi Kreatif Tenun Kain Lurik Guna Membangkitkan Usaha Tenun Lurik". Judul ini belum pernah ada sebelumnya.



2. Jika sudah membuat judul yang baik kemudian buatlah proposal. Yakinkan orang lain jika membaca proposal anda akan mudah paham apa yang akan anda buat. Misal jika anda ingin membuat sepatu dari ban bekas gambarkanlah sedetail mungkin sepatu itu seperti anda membuat sketsa tetapi yang jelas.
3. Untuk rincian pengajuan dana itu terserah anda, yang penting jelas dana itu akan dibuat apa dan untuk apa.
4. Carilah kelompok yang solid. Karena PKM mengharuskan berkelompok dan diantaranya ada angkatan yang berbeda. Kalau saya waktu itu mengajak teman saya yang pandai ngomong karena ini dibutuhkan saat kita berpresentasi, intinya carilah kelompok yang sudah anda kenal saja. Jangan lupa leader sangat dibutuhkan untuk kekompakan kelompok PKM

Anda bisa download file Proposal PKMK saya disini

Mungkin itu saja saya bisa memberikan tips sukses di PKMK. Jika anda benar-benar ingin belajar untuk menjadi wirausahawan mulailah sejak sekarang karena jalan sangat banyak.
Jika ada kekurangan dalam penulisan artikel ini mohon komentarnya. Apabila ada yang ingin ditanyakan silahkan komentar pada postingan ini. Salam sukses !!

Baca Selengkapnya