Category Archive PHP dan MYSQL

Sublime Text editor pembuat aplikasi website yang handal

Apa sih itu Sublime Text 3 ?? Mungkin itulah yang akan terlintas di pikiran anda bagi yang terbiasa menggunakan Notepad++ untuk membuat sebuah web development. Sublime text merupakan sebuah teks editor berbasis Phyton yang mempunyai banyak fitur – fitur. Sublime text juga mendukung banyak bahasa pemrograman diantaranya C++, C#, CSS, PHP, HTML, Javascript, ASP, dan masih banyak lagi. Sublime text mempunyai beberapa kenggulan – keunggulan yang dapat membantu pengguna dalam membuat sebuah web development.

Dan berikut beberapa keunggulan – keunggulan fitur yang dimiliki oleh Sublime Text 3 , diantaranya adalah :

1. Multiple Selection Multiple selection mempunyai fungsi untuk membuat perubahan pada sebuah kode pada waktu yang sama dan dalam baris yang berbeda. Multiple selection ini juga merupakan salah satu fitur unggulan dari Sublime Text 3. Kita dapat meletakkan kursor pada kode yang akan di ubah / edit, lalu tekan Ctrl + click atau blok kode yang akan diubah kemudian Ctrl + D setelah itu kita dapat merubah kode secara bersamaan.

2. Command Pallete Command pallete mempunyai fungsi yang berguna untuk mengakses file shortcut dengan mudah. Untuk mencari file tersebut kita dapat tekan Ctrl + Shift + P , kemudian cari perintah yang akan kita inginkan.

3. Distraction Free Mode Fitur ini mempunyai fungsi untuk merubah tampilan layar menjadi penuh dengan menekan SHIFT + F11. Fitur ini sangat dibutuhkan ketika pengguna ingin fokus pada pekerjaan yang sedang di kerjakan nya.

4. Find in Project Dalam fitur ini kita dapat mencari dan membuka file di dalam sebuah project dengan cepat dan mudah. Hanya dengan menekan Ctrl + P anda dapat mencari file yang diingikan.

5. Plugin API Switch Sublime text mempunyai keunggulan dengan plugin yang berbasis Python Plugin API. Teks editor ini juga mempunyai plugin yang sangat beragam , dan ini dapat memudahkan pengguna dalam mengembangkan software nya.

6. Drag & Drop Dalam teks editor ini pengguna dapat menyeret dan melepas file teks ke dala editor yang akan membuka tab baru secara otomatis.

7. Split Editing Di dalam fitur ini pengguna dapat mengedit file secara berdampingan dengan klik File > New menu into file.

8. Multi Platform Sublime text juga mempunyai keunggulan dalam bagian platform. Sublime text sendiri sudah tersedia dalam berbagai platform sistem operasi, yaitu Windows, Linux, dan MacOS.

9.Tersedia banyak Kode snippet yang bisa mempercepat proses koding hanya dengan sekali enter

10. Dapat membuat fungsi sendiri atau kode snippet sendiri

Setelah membaca beberapa keunggulan – keunggulan dari Sublime Text 3 ini dapat disimpulkan bahwa teks editor ini merupakan teks editor yang mempunyai banyak keunggulan dan membuat para pengguna teks editor ini mudah saat pembuatan sebuah aplikasi maupun sebuah web. Dan ternyata Sublime Text 3 ini juga mempunyai kelemahan yaitu terdapat beberapa plugin yang ada di dalam Notepad++ yang belum ada di dalam Sublime Text 3.

Mendesain Form Login Daftar dan lupa password Menggunakan popup Modal dari Bootstrap

Selamat berjumpa kembali di tutorial tips dan trik pemrograman komputer naura, kali ini kita akan merancang halaman login, pendaftaran, dan lupa password menggunakan modal pada bootstrap , dimana fitur ini sering kita jumpai pada website website umumnya, nah pertama tama kita siapkan bahan bahannya terlebih dahulu bisa di download dengan menekan tautan di bawah ini :
  1. Bootstrap
  2. Jquery

Namun bagi anda yang terkoneksi internet bisa menggunakan CDN dari bootstrap

nah sekarang kita buat struktur kode awalnya terlebih dahulu

Step 1

Nah untuk lebih lengkapnya silahkan download hasilnya di bawah ini

Download

 

Apa Itu Desain Grafis?

Ada banyak software desain grafis yang bisa kamu gunakan untuk mulai belajar desain. Yang terpopuler dan bahkan sudah menjadi standar dalam industri desain grafis saat ini kebanyakan adalah produk-produk keluaran dari perusahaan Adobe. Sebut saja Photoshop, yang kehebatannya tidak perlu diragukan lagi untuk urusan manipulasi foto.

Selain Photoshop yang biasa digunakan untuk editing foto, masih ada lagi software desain grafis untuk urusan membuat desain vektor. Contoh software desain yang biasa digunakan dalam kategori vektor ini adalah Adobe Ilustrator dan Corel DRAW. Kamu bisa membuat logo, karakter animasi, desain brosur, kalender, poster, dan masih banyak lagi.

Berikut software-software atau program aplikasi yang biasa digunakan dalam industri desain grafis oleh para profesional:

  1. Adobe Photoshop

Photoshop sudah menjadi standar dalam industri desain grafis saat ini. Banyak kalangan profesional menghasilkan karya editing dan manipulasi foto yang luar biasa dengan bantuan Photoshop tersebut.

Mengganti background, manipulasi foto, membuat antarmuka desain suatu program (user interface), membuat rancangan desain web, gambar 3D, dan masih banyak lagi dapat dilakukan dengan menggunakan Photoshop.

 

Ilustrator dirancang khusus untuk membuat desain vektor. Kamu bisa membuat logo, karakter animasi, atau apapun itu yang menyangkut ilustrasi desain vektor.

Membuat berbagai bentuk (shape) dari karakter yang akan kamu buat nantinya akan semakin mudah dilakukan dengan bantuan software Adobe Ilustrator tersebut. Asyiknya, kamu akan bisa memadukannya dengan Photoshop untuk mempercantik efek visual, misalnya dalam segi pewarnaan untuk memberi efek-efek warna atau style tertentu.

CorelDRAW adalah software desain grafis untuk editing dan membuat gambar vektor seperti halnya Adobe Ilustrator. Bedanya, CorelDRAW dibuat oleh perusahaan Corel Corporation dengan fitur khas mereka sendiri.

CorelDRAW bisa digunakan untuk membuat logo, karakter animasi vektor, membuat brosur, desain kalender, poster, sketsa foto, dan hal-hal yang berkaitan dengan desain vektor lainnya. CorelDraw juga menyediakan template khusus yang memudahkan pengguna untuk membuat desain tertentu sesuai kebutuhan.

Apa itu Vektor?

Gambar vektor adalah format file grafis berdasarkan ekspresi matematika yang terdiri dari titik (point), garis (line), dan bentuk (shape).

Gambar vektor juga punya istilah yang biasa disebut dengan point. Maksudnya point adalah setiap titik (node) yang saling dihubungkan untuk membuat bentuk-bentuk tertentu. Point tersebut bisa ditambahkan, dihapus, atau dipindahkan jalur garisnya untuk membuat bentuk-bentuk tertentu sesuai keinginan.

Gambar vektor tidak akan blur atau pecah ketika diperbesar. Ukuran aslinya akan tetap terjaga tanpa ada penurunan kualitas sedikitpun.

 

Raster (Bitmap)

Gambar bitmap disusun oleh objek yang disebut pixel. Kerapatan ribuan hingga jutaan kotak-kotak warna (pixel) yang tersusun hingga membentuk sebuah gambar tersebut dinamakan resolution (resolusi).

Gambar bitmap memang tidak akan pecah jika ukurannya diperkecil, namun akan terlihat buram dan pecah jika ukurannya semakin diperbesar dari ukuran aslinya.

Gambar bitmap juga membutuhkan resolusi yang tinggi jika kamu ingin mencetaknya (print). Jika tidak, maka gambar akan terlihat buram atau pecah-pecah dalam hasil cetaknya. Hal ini jugalah yang menjadikan ukuran file gambar bitmap akan lebih besar bila dibandingkan dengan ukuran file dari gambar vektor.

Namun, gambar bitmap sangat tepat digunakan bila gambar tersebut memiliki banyak gradasi warna yang rumit dan juga adanya bayangan pada gambar. Gambar bitmap akan terlihat sangat halus untuk menampilkan perpaduan banyak warna. Misalnya pada sebuah foto, atau lukisan digital.

Selain itu, karena layar komputer menampilkan gambar dengan resolusi dalam satuan pixel, maka gambar yang akan ditampilkan adalah gambar bertipe bitmap. Tentunya tipe gambar ini memang yang paling populer digunakan dalam dunia digital.

Format file gambar bitmap:

  • PSD (“PhotoShop Document”):Standar format untuk software Photoshop dengan dukungan layer.
  • TIFF (“Tagged Image File Format”):Memungkinkan kompresi gambar tanpa kehilangan kualitas. Digunakan juga sebagai alternatif PSD dengan ukuran yang lebih kecil.
  • JPEG (“Joint Photographic Expert Group”):Sebuah sistem kompresi gambar yang sangat populer dalam dunia digital komputer.
  • PDF (“Portable Document Format”):Memungkinkan untuk menyimpan gambar vektor dan bitmap. Sangat berguna untuk file yang akan dicetak.
  • GIF (“Graphics Interchange Format”):Umumnya digunakan sebagai gambar bergerak dengan menggunakan 256 warna untuk menghasilkan lapisan (layer) animasi.
  • PNG (“Portable Network Graphics”):Menggunakan sistem kompresi yang memungkinkan transparansi pada gambar. PNG ini memiliki penggunaan yang sama seperti file GIF, tetapi dengan kualitas yang lebih baik. PNG juga populer digunakan untuk desain komponen user interface pada website atau program.
  • RAW (“Right Angle Weave”):Dikenal sebagai digital negative. Yang populer digunakan dalam dunia fotografi.

 

Vektor

Gambar vektor memungkinkan pengguna untuk menjaga kualitas desain mereka di berbagai format dan resolusi. Dalam file vektor, masing-masing titik, garis, dan bentuk diciptakan sepenuhnya secara terukur.

Gambar vektor tidak akan buram atau pecah, baik ketika diperkecil ataupun diperbesar, ukuran dan kualitasnya akan tetap terjaga dengan baik.

Dalam desain grafis, vektor biasa digunakan untuk membuat:

  • Logo
  • Icon
  • Illustrasi
  • Infografik
  • Font
  • Pattern
  • Element pada halaman website
  • Kartu nama, brosur, poster, dsb

 

Gambar vektor sangat tepat digunakan untuk media cetak (print), karena kualitas warna tampilannya di layar komputer akan tetap sama ketika dicetak dengan printer (di kertas, buku, atau media cetak lainnya).

 

Software yang biasa digunakan untuk desain vektor adalah:

  • Adobe Ilustrator(berbayar – terbaik dan paling populer digunakan, bisa dikombinasikan dengan Photoshop)
  • CorelDRAW(berbayar – alternatif paling populer)
  • Inkscape(gratis – tersedia untuk Windows, Linux, dan Mac OSX)
  • Sketch(berbayar – khusus untuk OS Apple Macintosh)
  • Affinity(berbayar – khusus untuk OS Apple Macintosh)

Format file gambar vektor:

  • AI – Format file dari Adobe Ilustrator
  • EPS – (Encapsulated PostScript) yang juga milik dari Adobe
  • SVG – (Scalable Vector Graphics) yakni standar file vektor dari organisasi W3C untuk kebutuhan website
  • DXF – (Drawing eXchange Format) yakni standar format file dari program AutoCAD milik perusahaan Autodesk

 

Kursus Desain Grafis

Tidak dipungkiri lagi,dalam sisi marketing, desain kemasan ataupun brosur sangat mempengaruhi dealnya sebuah transaksi,atau membangun gairah calon pembeli,singkat kata bisa dibilang desain seperti meniupkan ruh dalam setiap suguhan produk,jika anda benar benar kursus design grafis pada ahlinya,maka anda akan menemukan diri anda yang berharga bersama hobby anda dalam belajar desain grafis

Silabus Kursus Design Grafis

Kursus Web Desain

Kursus Webmaster adalah kursus membuat website meliputi banyak hal didalamnya dari mulai desain layout website dengan html dan css kemudian dilanjutkan dengan belajar penggunaan css framework bootstrap.disisi programming akan belajar php dan mysqli ditambah dengan pembuatan crud dengan ajax dan jquery dan banyak lagi yang akan dipelajari dan semua menyesuaikan dengan teknologi web terbaru

Silabus Kursus Webmaster :

SILABUS KURSUS PHP DAN MYSQL

 

Langkah awal belajar php

  • Install server php
  • Menjalankan server php /xampp
  • Instalasi web editor
  • Configurasi project
  • Mengenal struktur html
  • Heading
  • Paragraph
  • Blocquote
  • Perporma text
  • Background
  • Break
  • Font
  • Link
  • List
  • Gambar
  • Latihan 1 (membuat web artikel dengan html)
  • Membuat table
  • Header table
  • Table colspan
  • Table rowspan
  • Internal frame
  • Frame atas bawah
  • Form

Belajar sintak html

  1. Mengenal struktur html
  2. Heading
  3. Paragraph
  4. Blocquote
  5. Perporma text
  6. Background
  7. Break
  8. Font
  9. Link
  10. List
  11. Gambar
  12. Latihan 1 (membuat web artikel dengan html)
  13. Membuat table
  14. Header table
  15. Table colspan
  16. Table rowspan
  17. Internal frame
  18. Frame atas bawah
  19. Form

Html lanjutan

  1. Membuat table
  2. Header table
  3. Table colspan
  4. Table rowspan
  5. Internal frame
  6. Frame atas bawah
  7. Form
  8. Latihan 2 (membuat data pendaftaran dengan table dan membuat form input)

Belajar css

 

  1. Pengertian css
  2. Versi css
  3. Jenis penuliusan css
  4. Css sintax
  5. Css styling
  6. Latihan 3 (membuat template took online dengan html dan css)
  7. Sintax dasar javascript
  8. Mengenal operator matematika pada javascript
  9. Mengenal fungsi if pada javascript
  10. Mengenal fungsi switch pada javascript
  11. Menampilkan tanggal dengan javascript
  12. Validasi data input form dengan javascript
  13. Latihan 3 (membuat form input dengan validasi javascript)

JAVASCRIPT (JQUERY)

  1. Sintax dasar javascript
  2. Mengenal operator matematika pada javascript
  3. Mengenal fungsi if pada javascript
  4. Mengenal fungsi switch pada javascript
  5. Menampilkan tanggal dengan javascript
  6. Validasi data input form dengan javascript
  7. Latihan 3 (membuat form input dengan validasi javascript)

PHP

 

  1. Pengenalan php
  2. Sintax dasar php
  3. Pengenalan variable dalam php
  4. Mengenal fungsi string dalam php
  5. Operator matematika dalam php
  6. Fungsi if dalam php
  7. Latihan membuat kalkulator dengan php
  8. Fungsi switch dalam php
  9. Latihan 4 (membuat kalkulator dengan fungsi if dan switch)
  10. Mengenal data array
  11. Array satu dimensi
  12. Array multi dimensi
  13. Mengenal perulangan dalam php
  14. Membuat database di mysql
  15. Membuat koneksi php ke mysql
  16. Menampilkan data dari mysql dengan php
  17. Input data dari form ke database mysql dengn php
  18. Ubah data di database mysql dengan php
  19. Menghapus data di database mysql dengan php
  20. Membuat form login
  21. Membuat skrip logout
  22. Membuat penomoran halaman (pagination) dengan php
  23. Latihan 5 (menampilkan data dari database dengan pagination)
  24. Membuat validasi input data dengan javascript dan php
  25. Latihan 6 (Membuat keranjang belanja toko online)
  26. Membuat skrip pencarian data di php
  27. Membuat skrip login dengan md5 (enkripsi password login)
  28. Membuat managemen user dan database
  29. Membuat manajemen gallery dan database
  30. Membuat list user

 

  1. Membuat list gallery product
  2. Membuat print data ke pdf dengan javascript
  3. Membuat export data k ems excel
  4. Latihan (membuat export data product dan user kedalam bentuk pdf dan excel berdasarkan tanggal)

Bonus

  1. upload website ke hosting
  2. belajar seo untuk pemula
  3. belajar membuat template dengan bootstrap
  4. video tutorial programming dengan php mysqli membuat ecommerce

berikut contoh beberapa hasil desain karya siswa kami

Contoh web Startup

Contoh web Startup

Contoh web toko online

desain web Toko online

Contoh Halaman CMS

Desain halaman login

Web CMS Naura

Contoh web Travel

Contoh web Travel

 

Nah tunggu apalagi,ayo daftar,,biar bisa bikin web kayak teman teman yang lain …

 

No Program Kursus
Biaya Jumlah Pertemuan Jadwal
2 Web Master Rp. 2.000.000 16 x pertemuan @ 2 jam call admin

 

Kursus Microsoft Office

suatu hal yang pasti anda temukan dalam bergumul dengan pekerjaan kantor pasti anda sangat mengenal aplikasi yang satu ini,ya microsoft office,jika anda sudah terbiasa dengan word,excel dan powerpoint maka,akan semakin mudah anda menyelesaikan pekerjaan anda,berimbas akan semakin baiknya karir anda,karena penghargaan bukan hal sulit bagi orang yang menikmati proses dari belajar itu sendiri

Silabus Kursus Microsoft Office

Micorosoft Word

 

Langkah Menjalankan Komputer Dengan Benar

Pengenalan Microsoft Word

  1. Element dasar Microsoft word
  2. Mengakhiri program Microsoft word
  3. Membuat dokumen baru
  4. Menyimpan dokumen
  5. Toolbar formatting
  6. Latihan 1 membuat dokumen baru,menyimpan dan membuka dokumen lama)
  7. Membuka dokumen lama
  8. Menyimpan dokumen dengan nama yang lain
  9. Menghapus,menyalin dan memindahkan teks
  10. Format font
  11. Latihan 2 (membuat dokumen artikel)
  12. Pengaturan halaman dokumen
  13. Nomor halaman
  14. Mengatur indentasi
  15. Bullets dan numbering
  16. Mengatur kolom
  17. Latihan 3 (membuat soal piliha berganda)
  18. Menyisipkan gambar
  19. Insert symbol
  20. Insert rumus rumus equation symbol
  21. Latihan 4
  22. Mengelola dan menempatkan table
  23. Latihan 5
  24. Mencetak dokumen
  25. Menempatkan hasil cetakan dilayar monitor
  26. Latihan 6

Mirosoft Excel

 

Pengenalan sheet

 

  1. Langkah awal memulai Microsoft excel
  2. Menginput data dalam
  3. Memformat kolom dalam baris
  4. Sheet lembar kerja
  5. Mengelola file
  6. Latihan 1

Memformat cell

 

  1. Mengcopy dan memindahkan isi cell / kolom
  2. Membuat nomor berurut atau bulan berurut otomatis
  3. Menggabungkan kolom
  4. Mengetengahkan teks
  5. Mengatur tata letak teks
  6. Membuat garis table
  7. Membuat symbol mata uang
  8. Membuat nama satuan dan penulisan angka
  9. Latihan 2

Fungsi perhitungan

 

  1. Operator matematika
  2. Fungsi sum
  3. Fungsi product
  4. Fungsi Max
  5. Fungsi min
  6. Fungsi count
  7. Fungsi round
  8. Fungsi sqrt ( akar kuadrat)
  9. Fungsi power (menghitung bilangan berpangkat)
  10. Fungsis sumsq (bilangan berpangkat)
  11. Fungsi average (nilai rata rata)
  12. Fungsi rank (membuat ranking otomatis)
  13. Latihan 3 ( membuat pembukuan barang warung sederhana )
  14. Fungsi left ( mengambil karakter dari kiri)
  15. Fungsi mid ( mengambil karakter dari tengah)
  16. Fungsi right ( mengambil karakter dari kanan)
  17. Data sort ( menyortir data berdasarkan kriteria tertentu)
  18. Data filter (menyaring data berdasarkan kriteria tertentu)
  19. Latihan 4 ( memotong kata dengan fungsi format karakter )

Format karakter

  1. Fungsi left ( mengambil karakter dari kiri)
  2. Fungsi mid ( mengambil karakter dari tengah)
  3. Fungsi right ( mengambil karakter dari kanan)
  4. Data sort ( menyortir data berdasarkan kriteria tertentu)
  5. Data filter (menyaring data berdasarkan kriteria tertentu)
  6. Latihan 4 ( memotong kata dengan fungsi format karakter )

Fungsi logika

 

  1. Fungsi if tunggal
  2. Fungsi if jamak (lebih dari satu)
  3. Latihan 5 ( mengolah data siswa berdasarkan Kode)

Membua Grafik

 

  1. Grafik kolom /batang
  2. Grafik pie / bulat
  3. Latihan 6 (mengubah table data ke bentuk grafik)

Fungsi lookup

 

  1. Fungsi Vlookup
  2. Fungsi hlookup
  3. Latihan 7( mengolah data ujian siswa)

 

Microsoft Power point

 

Memulai Microsoft power point

  1. Menyimpan,membuka dan menutup file presentasi
  2. Membuat dokumen baru
  3. Menyimpan dan meutup dokmen baru
  4. Membuka file baru yang sudah disimpan
  5. Kreasi presentasi
  6. Menggunakan template
  7. Mengatur tampilan kerja
  8. Bekerja dengan tampilan area outline
  9. Bekerja dengan tampilan area slide
  10. Bekerja dengan tampilan slide sorter
  11. Latihan 1 (membuat presentasi tentang computer)

Mengatur layout dan tema

 

  1. Menggunakan layout
  2. Menggunakan tema slide
  3. Menggunakan efek animasi,transisi,sound dan video pada presentasi
  4. Latihan 2 (membuat presentasi dengan efek animasi,transisi,sound dan video)

Menyisipkan table dan gambar

  1. Menggunakan efek animasi,transisi,sound dan video pada presentasi
  2. Latihan 2 (membuat presentasi dengan efek animasi,transisi,sound dan video)

 

No Program Kursus
Biaya Jumlah Pertemuan Jadwal
1 Microsoft Office untuk Pemula Rp. 600.000 10 x pertemuan @ 2jam call admin