Belajar PHP

Belajar coding PHP dari dasar,

Salam

 Bertemu lagi sobat untuk melanjutkan materi belajar kita yang sebelumnya kita pernah bahas tentang perbedaan website dengan web system programing.sekarang kita coba pahami dulu mengenai PHP ,kita tau selama ini sobat sering bahkan tiap hari membuka website untuk mencari refrensi ,berita,bahkan melakukan transaksi jual beli melalui website, terlepas dari itu peran php sangatlah penting banyak aplikasi berbasis web yang dikelola dengan bahasa pemrograman yaitu PHP kenapa karena kita akan fokus belajar php.

   kenapa php? Karena menguasai php itu sangat  penting agar website yang kita bikin lebih baik dan adapat berinteraksi dengan user tentunya.

Sekilas tentang PHP.

Banyak ulasan tentang PHP bergelimpangan di internet,tapi tidak ada salahnya saya ulas kembali agar lebih ingat.

PHP salah satu bahasa pemrograman yang memungkinkan para pengembang atau developer tentunya website untuk membut aplikasi yang dinamis,dengan gampang. PHP(Personal Home Page) atau hypertext preprocessor dirintis pada tahun 1994 oleh rasmus lerdorf.

         PHP adalah bahasa server side scripting yang bisa disatukan dengan tag tag html .PHP tugasnya sebagai bahsa pemerograman yang menjalankan suatu perintah tertentu.sedangkan html berfungsi sebagai struktur dalam halaman website,contohnya ketika anda membuka https:sahabatjawara.co.id yang terjadi adalah server memproses semua perintah PHP sedangkan pungsi html disini adalah untuk menampilkan hasil pada format html,sehingga yang sobat lihat di tampilan website hanya tampilan desain dari html saja sedangkan PHP sendiri berada di belakang  atau didalamnya.

  Perlu diketahui bahwa PHP bisa berjalan di semua aplikasi berbasis web,dan mempunyai kelebihan untuk koneksi databasenya karena php juga disebut cross plartform karena bisa berjalan di sistem operasi seperti  linux, os,mac.

 windows.

  Biasanya masalah database biasanya kita dengar atau yang paling sering dipakai pada database menggunakan MYSQL,dBase,postgresSQL, ,Oracle, dll terserah anda tapi saya sarankan untuk menggunakan mysql setandar bagi pembuatan website  dinamis menggunakan php .

 Untuk menjalankan PHP disarankan untuk download xampp atau wampserver dulu saya pikir sobat  sudah punya aplikasinya agar mudah kita belajar.

   

    Namun sebelum mulai ngoding terlebih dahulu anda aktifkan Apache dan mysql, biasanya shortcut xampp atau wampserver berada di dekstop double klik xampp control panel sehingga terlihat pada gambar dibawah ini, ini disaat Apache dan mysql belum di centang bentuknya seperti ini.

   Tugas anda sekarang adalah mengaktipkan atau centang start pada Apache dan start pada mysql sehingga kalau sudah aktif maka akan berubah warna seperti gambar berikut.

    Biasanya setelah mengaktipan akan muncul Runing berarti kita sudah bisa mengaktipkan atau bisa mengakses file php yang kita buat,mungkin sobat bertanya seandainya di centang phpnya saja apakah bisa runing atau menamplilkan hasil maka jawabannya bisa, karena Apache adalah bagian dari webserver tempat kita meletakkan atau menyimpat semua file atau data kita, sedangkan mysql adalah bagian dari pengolahan data yang kita rancang ,jadi jangan lupa centang keduanya bila nanti membuat file dan banyak data.

Tunggu materi selanjutnya.

Cara instal xampp simpel

Trik instal xampp

   Sebelum kita mulai instalasi kita bahas dikit saja biar lancar untuk selanjutnya,oke sob, xampp sendiri suatu tools aplikasi web server instan kata lainya web server cepat saji,tanpa kita harus banyak mikir ngluarin biaya banyak untuk membangun web server berbasis web,karena xampp sendiri berdiri sendiri(localhost).Xampp singkatan dari x = xcross platform,Apache,mysql dan perl.program ini tersedia dalam lisensi GNU yang tentunya gratis sob.

Karena xampp gratis mudah di dapat,gampang  diinstal maka kita tidak perlu instal aplikasi lainnya,seperti Apache,mysql,phpmyadmin,perl,filezilla,mercury mail sytem,karena udah menjadi satu ,

  Instal satu dapat seribu hahaa canda sob,sekilas buat nambah ilmu buat saya dan mungkin anda yang mau belajar,.

Yuxx sob kita intip caranya kebetulan disini masih pake wind 32.1.7.2 akan tetapi walaupun pake terbaru masih bisa dan jalurnya sama andaipun download di versi terbaru Cuma nambah fitur ,instal exampp versi berapa aja, double klik gambar  yang berlogo xampp.

Setelah itu akan muncul isikan /c pada kotak tujuan folder ini adalah tempat kita instal xampp,lihat gambar>>>>

lanjut klik tombol instal,abaikan C/ langsung klik instal aja berbagai berkas file yang di perlukan akan dimuat kedalam komputer   tunggu sampai file terinstal.

,

Terahir akan muncur congratulation ahirnya anda selesai instal .

kita akan lanjut masih ada lagi yang lebih seru tujuan kita instal xampp akan kita mulai belajar PHP HTML CSS nanti.

Baca juga tentang  

Belajar PHP

Belajar HTML

Belajar mengenal perbedaan web programing dengan system programing.

Apa perbedaan web programing dengan system programing.

      Ketemu lagi sob pada kesempatan kali ini akan kita mengenl lebih dalam lagi tentang  perbedaan website programing dengan system programing.

    Pembuatan aplikasi berbasis web ternyata ada perbedaan dengan pembuatan aplikasi berbasis dekstop ,windows( visual programing), kalau aplikasi berbasis dekstop sendiri menggunakan bahasa VB (Visual Basic) c# ,c++ dan banyak lagi lainnya,nah dalam pemerograman visual biasanya yang kita perhatikan adalah kecepatan,optimasi yang tentunya berhubungan dengan memory,manajmen proses input maupun output.

  

   Biasanya para programer disaat mengerjakan projek mereka selalu mempertimbangkan hal itu, karena pada pc satu dengan pc lain belum tentu support atau butuh memory yang lebih tinggi agar aplikasi tersebut bisa dijalankan, nah sedangkan aplikasi berbasis web beda lagi,yang perlu diperhatikan adalah kecepatan akses database dan kecepatan akses internet,semakin banyak data semakin berat aksesnya lebih lebih anda mau buat web di blog misalnya dianjurkan memasang widget seperlunya saja agar disaat di akses oleh user tidak lola alias loding lama.

dan yang selanjutnya pada aplikasi dekstop biasanya dibangun dengan menggunakan beberpa tools tertentu  kemudian dikompilasi agar bisa digunakan dalam komputer langsung, sedangkan aplikasi berbasis tadi tidak bisa berjalan langsung karena membutuhkan engine tertentu seperti, teknologi server sidedi antaranya  php yang nantinya kita akan bahas untuk belajar phpnya.selain php banyak lgi bahsa pemograman web ada html,css jss, Asp dll.

 sekian dulu sob moga bermapaat

  

Salam.

Konsep Multi Tier Application

Aplikasi internet berbasis web

Salam sobat.

      Ketemu lagi sob kali ini saya mau bahas sedikit tentang konsep multi tier ,sebelum kita nanti masuk untuk belajar PHP.karena bahasa pemograman php, html, css, dll, itu adalah bagian yang digunakan untuk membuat website,bagaimana siklus atau alur atau bagian-bagiannya yang terdapat didalamnya.

Bagaimana bisa ditampilkan ,sebelum kita melangkah jauh saya akan bahas dulu dari awal cara kerjanya sehingga sobat bisa tau dan tidak bingung.

  Banyak yang ingin jadi master coding tapi hal yang dasar dilupakan,bahkan ogah untuk dipelajarinya,alhasil ditengah  jalan harus bagaimana melangkah ,karena bahasa pemograman adalah bahasa logika,jadi kalau logika kita kurang ya bingung juga ,perlu wawasan yang lebih luas.

Sebagai awal pembuka saya bahas mengenai beberapa hal .tentang website.

Sekedar pengenalan saja, aplikasi internet berbasis web adalah salah satu penerapan muliti tier application.

  Apa itu muliti tier application? Yuk kita bahas dulu sob ,saya singkat MTA aja yah ,yaitu aplikasi yang dibagi beberapa bagian untuk menjalankan fungsi nya masing-masing ,terdapat ada 3 bagian utama dari multi tier apliccation .

1 Client side presentation.

2.Server side business lgic.

3.Backend storage.

Kita akan bahas satu persatu dulu sob.

  A.Client side presentation, ini fungsinya mengatur bagaimana aplikasi berinteraksi dengan user,maksudnya berinteraksi disini adalah  bagaimana data ditampilkan sehingga kita bisa pahami,dan mengerti maksud dan tujuannya.serta fitur-fitur yang ditampilkan,dalam aplikasi berbasis web client side presentation dibuat dengan bahasa html, css dan java script,beberapa tools yang digunakan untuk membuat client side presentation diantaranya adalah, microsoft frontpage,Dreamweaver dan lain lain.

    B.Server side business logic

Mari kita bahas yang kedua ini , server side business logic sering kita dengar juga middle tier, yaitu ini yang bertanggung jawab atas cara kerjanya aplikasi yang kita bangun ,sehingga didalam aplikasi tersebut terdapat fitur-apa saja yang ada sehingga nantinya dapat bekerja dengan baik.didalam aplikasi berbasis web ada beberapa alternatrip yang dapat digunakan yang ditentuksn oleh jenis platform yang digunakan akan kita bahas selanjutnya mengenai detailnya nanti.

     C.Bac kend storage

Pada bagian ini adalah fungsinya mengatur bagian penyimpanan data, penyimpanan data merupakan hal yang sedikit rumit, disebabkan karena kecepatan dan keutuhan ,dan keamanan data yang paling kritis tau apalah ya,karena kita dengar banyak oknum yang tidak bertanggung jawab meretas ,melihat atau mencuri data kita.ada beberapa database yang tersedia pada umumnya yaitu bertipe RDBMS(Relation Database Management System)manajment pada data dilakukan dengan bahasa SQL(Standard Query Language).

Jadi kesimpulannya adalah:

Aplikasi berbasis web dikembangkan dalam penerapan multi tier aplication, yang terdiri dari Client side presentation,Server side business logic,backend storage,sehingga web yang kita kelola nanti mempunya unsur-unsur yang telah ditentukan diatas .

Sekian dulu mengenai pembahasan kita mengenai Multi tier Application.

 Salam 

Belajar tag style simpel dengan Html

Tag style pada html

       Salam kembali dan bertemu lagi sob dengan materi kita kali ini kita bahas tentang tag style pada html

Pungsi dari tag style sendiri adalah untuk mengatur format text yang sobat bikin berupa text miring,tebal,,underline,

Berikut beberapa contoh style :

Untuk membuat text miring maka harus menggunakan style <EM>

Untuk membuat text tebal maka harus menggunakan style <STRONG>

Untuk membuat garis bawah maka harus menggunakan style <U>

Mari kita praktekan lagi dan kembangkan lagi agar lebih bersemangat sobat belajar html.

<Html>

<Body>

Belajar html dengan

<strong> simpel </strong> <p>

menggunakan tag style,agar saya menjadi <em>pintar</em></p>

 maka harus giat <u> belajar </u>

stiap saat.

</body>

</html>

Maka hasilnya terlihat seperti dibawah ini.

Coba sobat perhatikan ada 3 hal yang perlu diingat kalau kita melihat text diatas yaitu,

Simpel=    >>>  …<strong> simpel </strong>

Pintar=   >>> … <em>pintar</em>

Belajar    >>>…<u> belajar </u>

Ada apa dengannya yah itu dia karena sobat udah membaca materi diatas maka jawabannya tidak akan bingung lagi.

Oiya saya sisipkan tag <p> atau paragrap ,</p> biar textnya  gak memanjang biar enak dipandang

Okeh sobat sekian dulu selamat belajar.

Tunggu artikel biar sempurna belajar htmlnya.

Mohon kritik dan sarannya ya sob.Salam

belajar html membuat tag heading

Cara simpel belajar html membuat tag heading……

         Kali ini kita lanjut  belajar  membuat tag heading(judul),biasanya kita jumpai sebuah makalah atau materi dikampus atau disekolah selalumenjumpai dengan judul pelajaran ,nah dari judul tersebut yang kita bahas dalam html adalah pada bagian cara penulisannya.

    Adapun penulisan tag heading selalu diawali dengan <H> ini maksudnya singkatan dari Heading,besarnya judul teks atau apapun itu tergantung pada pemberian nilai pata tag headingnya.

    Contoh <H1> <H2>  <H3> <H4>dan seterusnya.nilai pada penulisa tag seperti diatas menunjukkan bahwa jika nilainya semakin tinggi maka ukuran heading akan semakin mengecil,begitu sebaliknya.mari kita coba praktik agar lebih gampang kita pelajari.

Saya akan coba membuat hasil yang kira kira tampilannya seperti ini di browser

Judul 1

Judul 2

Judul 3

Judul 4

Kira kira format penulisannya kayak apa yah,perlu di ingat pemberian tag heading selalu diawali dengan tag <H…nilai> dan di tutup dengan </H…nilai yang terdapat pada pembuka>. Contoh     buka <H1>  Judul      tutup </H1>

Mari buka notepad kita mulai coba

<html>

<head>

<body>

<H1> Judul 1 </H1>

<H2> Judul 1 </H1>

<H3> Judul 1 </H1>

<H4> Judul 1 </H1>

</body>

</html>

Maka hasilnya akan terlihat pada gambar berikut:

Mudah kan..

Coba sekarang anda balik tulisan nya dari atas kecil dan kebawah lebih besar, saya pikir anda sudah tau cara penulisanya…

Belajar html dasar tag pada body

Belajar html dasar tag pada body

Kembai,lagi sob kita bahas sampai tuntas belajar htmlnya yah,biar belajar dari awal sampai ahirnya nanti kita gampang untung membuat web tanpilan serta bentuk huruf dan sebagainya, di sesi kali ini kita bahas mengenai beberapa tag  yaitu tag body,atribut bgcolour,atribut left margin,atribut link,Alink, dan vlink.

Okeh sob kita mulai dengan

        tag BODY.

Tag body ini sebenarnya punya atribut yang berguna untuk mengatur body atau tubuh dari suatun dokumen html,dengan kita memampaatkan atribut yang terdapat pada body,misalnya kita bisa memberikan warna background,(latar belakang)mengatur margin,dan lain sebagainya,sebagai langkah awlanya kita akan ulas beberapa atribut dasar yang pada umumnya kita jumpai pada html.

Adapun atribut dasar tag body diantaaranya adalah:

Bgcolour                       à wrna background pada dokumen.

Leftmargin                   à ukuran margin dari kiri dokumen.

Rightmargin                à ukuran margin dari kanan dokumen.

Topmagin                    à ukuran margin atas dokumen.

Bottommargin             à ukuran bawah dokumen.

Limk,vlink,alink          à warna link, aktif link dan kink yang sudah dikunjungi pada  dokumen.

Yang perlu sobat ingat aadalah fungsi atribut itu  sebagai  pendukung yang berguna untuk mengatur tampilan suatu tag,jadi dengan memamfaatkan atribut pada tag kita bisa mengatur tampilan dokumen sesuai selera kita ,perlu diingat juga tiap tag html memiliki atribut yang berbeda namun ada pula html yang tidak memiliki atribut.oke sob ,dari enam atribut adasar diatas kita bahas satu persatu biar tidak kelamaan, mari kita mulai bahas.

Atribut bgcolouur ,berikut ini ketentuan aturan penulisan nomer hexa(ingat jangan lupa berikan tanda à”#”sebelu angka desimal ) contoh #rrggbb.

Apa itu maksudnya #RRGGBB tenang saya akan jelaskan biar tidak penasarasan.

 Rr à ini untuk memberikan warna merah pada dokumen.rr diganti dengan angka 00-ff

ggà ini untuk memberikan warna hijau  pada dokumen gg diganti dengan angka 00-ff

bbà ini untuk memberikan warna biru   pada dokumen gg diganti dengan angka 00-ff.

contohnya kita mau bikin dokumen dengan warna  biru pada latyar belakang dokumen kita pada html maka kita cukup mengetikkan bgcolour=blue pda tab body seperti ini,

<body bgcolour=”blue”>,

      Atau

<body bgcolour=”#000ff”>

SEPERTI IT sob kita lanjut pada baris kedua pada tag body distas yaitu

Leftmargin,rightmargin,topmargin,dan bottommargin,

Nilai yang diberikan pada margin terdqAapat suatu pixxel agar nanti hasilnya akan sesuai setingan resolusi pada monitor yang membuka atau menampilkan dokumen berikut contoh penulisannya.

<body leftmargin=”25” right=”25”topmargin=”20”bottommargin=”30”>

Begitu contoh penulisaanya ,

Yang terahir yaitu.

Atribut link alink dan vlink.

Memberikan settingan wrna pada link yang kita buat.

Link. fungsinya memberikan settingan pada semua link yang kita buat.

Vlink  fungsinya memberikan settingan warna pada pada semua visited link pada dokumen.

Alink fungsinya memberikan settingan warna pada semua active link pada dokumen kita.

Perlu diketahui standard resolusi ukuran dalam membuat dokumen dalah 800x600.

 Paada vlink ini adalah link yang pernah dikunjungi

Alink (acctive link ) maksudnya link yang sedang aktif atau link aktif saat kursor kita tempatkan.

Berikut contoh penulisannya

Ktik di notepad lalu simpan type .html jangan lupa yah.

<html>

<head>

<title> latihan kedua </title>

</head>

<body bgcolor=”yellow” link=”fuchsia” alink=”white” vlink=”silver”  leftmargin=”25” rightmargin=”25” topmargin=”30” bottommargin="30" >

Dokumen pada are body yang terlihat  <br>

<a href=”latihan1.htm” > link ke dokumen latihan 1</a> </br>

<a href=> ini link ke 2 <a/>

</body>

</html>

Anda bisa berkreasi sendiri dengan membuat contoh dan ide sesuai keinginan anda.selamat mencoba.

,

Belajar html tag tittle dan atribut dasar tag body

Tag tittle

Ketemu lagi sob disini kita bahas mengenai tag TITTLE.

Tag tittle mempunyai pengaruh tampilan judul dari dokumen kita yang ada pada tittle bar browser .biasanya tag tittle ditulis dibagin head atau kepala,langsung saja sob kita kasi contoh biar gak bingung bagaimana penulisan dan penggunaannya.

<html>

<head>

<tittle> latihan 1 </tittle>

</head>

<body>

…teks dokumen pertama ini ditulis diarea body

</body>

</html>

Coba anda ktik di notepad lalu save  dengan type.html lalu buka browser anda . akan terlihat di tittle browser latihan 1.

Belajar tag head dan body pada html

Belajar tag < head> dan<body>

Sebelumnya kita telah belajar mengenai tag dasar sekarang kita lanjut dengan <head> dan <body>.

Dokumen HTML terdiri dari dua bagian yaitu head (bagian kepala) sedangkan body (bagian tubuh) kita bahas satu satu dulu sob.secara umum bagian head ini berisi informasi umum bagian dokumen yang kita buat terus bagian body nih biasanya berisi dokumen yang ada kaitan dengan  informasi yang ada di bagian head tadi.

Berikut contoh penulisan tag <head>dan <body>.

<html>

<head>

Disini adalah bagian atau area head yang kita bikin kalau sudah selsai bikin  head jgn lupa tutup dengan

</head>

<body>

Disini berisi teks dokumen yang kita tulis sesuai kebutuhan anda jangan lupa tutup dengan tag

</body>

</html>

Bagaimana anda bisa berkereasi sesuka hati anda bikin sendiri latihan dan latihan itu yang perlu.

!!ingat area head (area yang dibatasi oleh tag <head>dan </head> sebiknya diisi dengan informasi umum saja..

Selanjutnya pelajarn  tag <tittle>

Belajar html dan css simpel

Assalamualaikum WR.WB. salam sejahtera bagi kawan semua mari kita bahas satu persatu yaitu html sebelum kita bahas css untuk selanjutnya

Mengenal apa itu tag html?

Berikut ini sobat kita bahas mengenai tag yang biasanya kita jumpai kalau kita belajar html    dan pungsi serta contah contoh yang kita ulas bersama.tag html= penand yang terdapat pada html biasanya tag dimulai dengan tanda “<”dan  ditutup dengan tag atau tanda seperti ini “>” 

contoh:

<Html> dan</html>

<Head> dan </head>

<body> dan </body>

<br>

<p>

Nah diatas adalah tag atau penanda yang kita jumpai disaat kita ktik kode html.

Untuk dokumen html sangat gampang tidak perlu menggunakan editor husus cukup anda ktik di notepad lalu simpan dengan extension  html. Contoh anda mengetikkan sebuah dokumen setelah selesai tentunya anda menyimpan dengan type htm pada bagian save as type pilihà all file( nama dokumen.html) okehh begitu caraa menyimpan file sebelum kita mulai memulai lebih jauh.kita sekarang kita coba latihan menulis tag html yang sederhana dulu.

<html>

Ini dokumen html untuk latihan pertama isi terserah anda isi apa saja disini

</html>

Lalu anda simpan dengan latihan pertama.html.

!! ingat untuk menutup tag yang kita gunakan dengan tanda slash (/) harus sesuai dengan tag sebelumya. Seperti ini <html> ini untuk buka maka ditutup dengn </html>.

Namun perlu diperhatikan bahwa ada beberapa tag yang tidak perlu ditutup dengan tanda slah(/)  seperti (<br> dan <p>).

Selanjutnya kita lanjutkan belajar dengan tag <head> dan</body>.