Ionic Modul

MEMBUAT KONEKSI KE DATABASE DENGAN PHP & MYSQL Pertama anda mesti menghasilkan database nya apalagi dulu , aku anggap anda sudah mengetahui cara menghasilkan database. Oke di sini aku punya database berjulukan db_employee dengan beberapa tabel di dalamnya. Setelah menghasilkan database kita eksklusif ke Code PHP nya , amati instruksi di bawah ini. Penjelasan : 1. Pada baris code ke 3 yaitu baris dimana kita mengkoneksikan ke database. variabel $koneksi berfungsi memuat fungsi mysqli_connect("localhost" ,"root" ,"");   yang berfungsi mengkoneksikan ke database. 2. Baris code ke 5 yaitu baris dimana kita memutuskan database yang sudah di buat , dan fungsi mysqli_error($koneksi); berfungsi mendeteksi apabila ada kesalahan/error. Sekian panduan dari aku agar berfaedah :))

MEMBUAT CRUD DENGAN CODEIGNITER Supaya cepat dan tutorialnya tidak panjang lebar di sini aku menilai anda telah dapat menghasilkan database. Oke , di sini aku menghasilkan database Kontak dengan tabel tbl_data . Nama database Dan ini struktur tabelnya. Struktur tabel Langkah pertama saat anda menghasilkan crud di codeigniter , anda mesti telah punya codeigniter nya. Jika belum anda dapat mendownload di sini  https://codeigniter.com/ Dan jikalau telah punya atau telah di download silahkan extract file zip codeigniter nya ke dalam folder htdocs C:\xampp\htdocs\ kemudian rename menjadi Kontak. Kemudian anda atur configurasi , berikut langkah-langkahnya : 1. File autoload.php , letaknya di application/config/autoload.php $autoload['libraries'] = array(''); ubah menjadi ->  $autoload['libraries'] = array('database'); $autoload['helper'] = array(''); ubah menjadi ->  $autoload['helper'] = array('url'); 2. File config.php...

CRUD DENGAN PHP DAN JQUERY AJAX Haii iam comeback cieee wkwkwk gaje ya :D kali ini aku akan membuatkan pengalaman bagaimana cara menghasilkan CRUD dengan PHP dan Jquery Ajax. Sebelum anda menghasilkan CRUD dengan PHP dan Jquery Ajax , anda mesti merencanakan bahannya apalagi dulu diantaranya : 1. XAMPP atau WAMPserver 2. Jquery (  http://jquery.com/  ) Setelah anda mendownload XAMPP atau WAMPserver silahkan instal menyerupai menginstal aplikasi umumnya kemudian simpan di C:\ , jikalau anda menggunakan XAMPP silahkan buat folder lat_ajax di C:\xampp\htdocts , sedangakan d wampserver anda menghasilkan foldernya di C:\wamp64\www. kemudian copy atau cut file jquery yang sudah anda download ke dalam folder lat_ajax  tadi. Kemudian anda buat database (saya anggap anda sudah dapat menghasilkan database sendiri mudah-mudahan ga terlalu panjang lebar wkwkw) , di sini aku menghasilkan database orang dengan nama tabel biodata -> field nya nama dan alamat (tanpa primary key) , sedikit ya? wkw...

MENAMPILKAN MODAL KETIKA HALAMAN DI RELOAD Bagaimana cara memperlihatkan modal dikala halaman di reload? mudah saja kalian siapkan apalagi dulu : 1. Bootstrap (  https://getbootstrap.com/  ) 2. file jquery (  http://jquery.com/  ) Setelah anda mendownload keduanya , silahkan buat folder modal simpan di mana aja (saya menyimpan nya di drive C). Kemudian extract bootstrap yang sudah di download tadi , simpan di dalam folder modal yang tadi di buat. Jangan lupa juga simpan file jquery nya di dalam folder bootstrap/js. Jika sudah kita pribadi saja ke coding nya , cukup simple dan insha allah mudah di pahami. Hasilnya menyerupai ini Bila Penjelasan ihwal modal nya kurang terang , dapat kalian baca di postingan aku sebelumnya. Terima Kasih biar berharga :))

MEMBUAT ANIMASI ZOOM IN DENGAN CSS Hai kembali lagi di blog ane , telah usang nih ane ga bikin postingan (agak sedikit males) :v Sekarang ane akan membagikan pengalaman ane menghasilkan animasi zoom in sederhana dengan css , teman-teman dapat mengikuti langkah-langkahnya. Tapi sebelumnya ane ngasih tau ane di sini menggunakan eksternal css (css dengan html nya tidak satu file) jadi kita mesti mengundang file css nya di file html , bagi teman-teman yang sudah biasa dengan internal css juga dapat (css dengan html nya satu file) tinggal menyesuaikan saja. Oke pribadi saja kita implement , berikut langkah-langkahnya : 1. buat file dengan nama style.css Teman-teman bebas menyimpanya dimana saja asalkan file html dan file css nya satu folder agar gampang pas pemanggilan file css nya. 2. buat file dengan nama index.html Bagaimana? mudahkan membuatnya?:) Sederhana sekali ya? ane sengaja buat sederhana mudah-mudahan teman-teman gampang memahaminya. Hasilnya dapat teman-teman uji coba sendiri , ...

ROTATING MENU CIRCLE DENGAN CSS hai semua , kali ini aku akan membahas tentang cara menghasilkan rotating hidangan dengan css. Cukup sederhana dan mudah di ketahui dan yang niscaya insha allah berharga hehe. Oke pribadi saja kita ke coding , pertama kita buat dahulu folder buat menyimpan file css dan html nya , terserah teman-teman nama foldernya apa dan di simpan dimana , yang penting file css dan html nya berada di satu folder. 1. Buat file index.html 2. Buat file style.css Hasilnya akan seumpama ini : Jika teman-teman mengarahkan kursor ke setiap abjad di atas circle , circle akan berputar ke arah jam 12 atau jadi paling atas sesuai abjad yang teman-teman pilih di atas circle. Oh ya , teman-teman dapat ubah hurufnya tidak mesti did-x bisa juga di ganti dengan angkat asal ada 5 huruf. Semoga berharga :)

Assalamu'alaikum Wr Wb 1.Pengenalan Kali ini aku akan membahas IONIC framework , apa itu IONIC? IONIC yakni sebuah framework untuk menghasilkan sebuah aplikasi mobile hybrid , menggunakan HTML , CSS , JS (JavaScript) dan menggunakan teknologi CORDOVA. Sebenarnya bukan cuma CORDOVA , ionic juga dapat menggunakan CAPACITOR , cuma saja kalau CAPACITOR ini belum stabil , tidak menyerupai CORDOVA. 2. Installasi di panduan ini kita menginstall ionic v4+ (versi modern dari ionic). Bahan-bahan untuk menggunakan IONIC sebenanya cuma node js , tetapi jikalau teman-teman ingin membuild nya menjadi bentuk apk maka teman-teman membutuhkan: - node js (saran aku minimal model 6 dan pilih yang LTS) download disini - JDK (saran aku minimal model 8) download  disini - Android Studio (sudah sepaket dengan SDK android jikalau teman-teman install Android Studio) download disini jika teman-teman sudah download dan install , maka selanjutnya mengendalikan environment variable nya , kebetulan di panduan ...

Assalamu'alaikum Wr Wb Tutorial ini kelanjutan dari panduan sebelumnya Installasi Ionic , dan kali ini aku akan menerangkan tahap permulaan memainkan ionic framework ini , berhubung project ionic kita menggunakan angular jadi semua berawal dari file app-routing.module.ts yang terletak di folder  myApp\src\app , jikalau kita buka file app-routing.module.ts ini kita akan menyaksikan code menyerupai ini kita lihat line 5 itu ada code path: ''   artinya itu selaku route/rute root atau rute permulaan atau rute pertama , kemudian amati code berikutnya ada redirectTo: 'home' artinya route/rute dengan path: 'home' (di line 6)   akan jadi route/rute utama yang hendak di laksanakan pertama kali project kita di load/di run. Lalu kita lihat juga code berikutnya (di line 6) ada code loadChildren: './home/home.module#HomePageModule' artinya route/rute dengan path: 'home' akan melaksanakan code home.module.ts di folder myApp\src\app\home , adapun isi...

Assalamu'alaikum Wr Wb Oke teman-teman melanjutkan bimbingan sebelumnya di part 2 , kali ini kita masuk ke tahap pengerjaan layout. Disini aku akan mencontohkan cara menghasilkan layout login sederhana dengan ionic framework , masih melanjutkan dengan project sebelumnya yang kita buat di bimbingan part 1 , jadi bagi yang belum atau tidak mengikuti bimbingan ini dari permulaan harap datangi bimbingan part 1 hehe , amati langkah-langkahnya ya , namun sebelumnya buka dahulu project ionic kita di editor , aku di sini menggunakan visual studio code , bagi yang menggunakan VS code teman-teman dapat buka terminal atau bagi yang tidak menggunakan VS code dapat menggunakan CMD namun arahkan dahulu ke folder project. 1. kita buat page gres dengan cara mengetikkan perintah di terminal/di CMD : ionic generate page login , tunggu hingga selesai. 2. bila telah , kita buka file app-routing.module.ts kemudian edit menyerupai ini : sebenarnya kita cuma mengubah route/rute permulaan saja dari re...

Installasi Svelte Js Assalamu'alaikum wr wb. Hallo semua sudah usang nih ga ngeblog (karena malas wkwkw). Kali ini aku akan menghasilkan panduan svelte js , apa itu svelte js? Svelte Js merupakan salah satu framework javascript gres setelah boomingnya kehadiran angular , react js dan vue js. Lebih jelasnya ihwal svelte js dapat lihat disini . Oke , setelah teman-teman berkenalan dengan apa itu svelte js pribadi saja kita ke bab berikutnya yakni installasi : 1. Kita butuh yang namanya node js , silahkan download disini . Saya sarankan install node js model 8+ yang LTS. 2. Setelah download & install di PC masing-masing , berikutnya buat/create project svelte js. Terserah mau create di drive mana saja , jikalau di panduan ini aku create project di drive C folder belajarSvelte. 3. Silahkan buka CMD masing-masing kemudian masuk ke folder yang akan kita create project svelte js (di panduan ini letak foldernya C:\belajarSvelte ). 4. Ketikan perintah  npx degit sveltejs/template appku ...