Kamis, 06 Januari 2022

Aplikasi Penjualan Berbasis Web Dengan PHP dan MySQL Gratis Terbaru 2022

 Pada kesempatan kali ini blog saya akan share aplikasi Penjualan yang berbasis web dan codeiginiter dengan gratis untuk belajar buat kita semua. Source code aplikasi penjualan atau bisa kita sebut dengan aplikasi kasir ini dibuat dan dirancang menggunakan framework codeigniter versi 3.1.0 yang mana tentunya dengan menggunakan framework ini aplikasi dapat berjalan dengan cukup powerful.

Berikut fitur-fitur yang lengkap pada aplikasi penjualan ini antara lain :
1.      Multi User (Admin, Kasir, Gudang, Keuangan, Satpam, dan Staf)
2.      Ajax-Based serta menggunakan Ajax-Datatables.
3.      Menggunakan tampilan yang user friendly dengan bootstrap
4.      Proses penjualan yang mudah dan cepat dengan kontrol keyboard.
5.      Cetak Struk

6.      Laporan Penjualan
7.      Manajemen Data Barang (Merk, Kategori)
8.      Manajemen Pelanggan
9.      Manajemen Supllier
10.  Manajemen kategori
11.  Manajemen Transaksi Pembelian Barang ke Supplier
12. Login/ Logout
     
        Berikut Tampilan SC.an untuk aplikasinya :














     Sumber : Aplikasi By Github github.com/andihoerudin24
     Berikut untuk Download ini SourceCodenya Gratis langsung sedot codenya di bawah ini :

Label: ,

diposting oleh okeaza @ Januari 06, 2022   0 Komentar

Rabu, 05 Januari 2022

Instalasi Laravel Di Windows XAMPP Terbaru

Ok sob, guys, bro atau apalah itu. Mengenal sedikit tentang apa itu laravel.? laravel adalah salah satu framework php. Faktanya, framework php itu banyak sekali, kalo saya bahas satu satu engga cukup waktu dan memang saya engga ngerti semua framewok itu, yang penting setiap framewok pastinya memiliki metode MVC (Model View Controller).

Bicara soal framework di php, jenisnya banyak banget dan bukan hanya laravel. Sebut saja codeigniter, FuelPHP, CakePHP, PhalconPHP, Symfoni, Yii, Lumen dan zenframework. Padahal masih banyak sih, tapi saya cuma tau itu aja. hihi.

Oke guys, bro, sis, sob and other. Engga akan basa basi lagi, berikut adalah cara instal laravel via create project yang dijalankan pada windows.

Instal Xampp & Composer

Cara pertama adalah instalasi composer, nah loh apa itu composer.? lebih lanjutnya anda bisa menggunakan fitur google.com untuk mencari informasi tentang composer.

Intinya, composer adalah sebagai dependency manager PHP. Bukan cuma buat laravel doang loh, anda juga bisa menggunakan untuk menginstal framework lainnya.

Untuk menginstal composer, anda bisa unduh dilaman resminya di https://getcomposer.org/.

Karna ane pake OS windows, caranya mudah banget guys, cuma klik yang udah ane garis merahin dibawah.

unduh composer

Eitttt… sebelum instal, komputer anda harus sudah ada server php nya, biar lebih gampang. Ane saranin pake Xampp aja.. Donwload langsung guys di https://www.apachefriends.org/index.html

berhubung kita pake windows, klik aja bang yang ada tulisan windows :

xampp untuk windows

nah, kalo udah unduh, anda tinggal instal xampp tersebut, gimana sih caranya.? ente tinggal klik next aja sampe selesai. sampe muncul tampilan kek gini.

xampp udah beres

alhamdulillah udah beres.. lanjut guys ke tahap instal composer. Gimane caranya sih instal composer.?

Tadi kan udah unduh yah composernya, sekarang ente tinggal klik aja composer hasil unduhan tadi. ikutin langkah ane,

klik next

instal composer

browse dan cari php.exe (sesuai dimana ente nginstal xampp, defaultnya di C:\Xampp\php\php.exe.. lanjut,,, klik next

instal composer

next aja, kecuali ente mau nyeting proxy url nya.

instal composer

harap diingat.. ente harus punya koneksi internet yah untuk proses ini,, sebentar kok, gak akan ngabisin kuota.

instal composer

beres nih, klik next aja

instal composer

klik finish bro

instal udah beres

kita cek dulu bro, composer berhasil di instal kagak!. buka cmd, lalu ketikan composer.. dan taraaa….. kalo udah kaya gambar dibawah, berarti ente udah berhasil instal composer :

cek composer udah ke instal apa belom

Instal Laravel

cukup panjang juga yah, kabar baiknya, ente udah bisa instal xampp dan composer.. dan finally, ente tinggal instal laravel..

Ada 2 cara, yang pertama pake laravel installer, yang kedua pake metode create project. Ane juga engga terlalu paham, kapan kita harus pake installer atau pake create project. Tapi, dari kedua cara instal tersebut, lebih mudah yang create project. Lebih lanjutnya, cekidot.

eittt.. untuk instalasi laravel, koneksi internet harus ada yah. Secara, kita akan mendownload file mentahan laravel via composer.

buka cmd, arahin ke folder htdocs di xampp. kalo udah, paste script dibawah ini.

composer create-project --prefer-dist laravel/laravel blog

catatan :

blog = itu optional, anda bisa mengubah sesuai nama project anda. Kalopun dikosongkan, nama projectnya default atau jadi ‘laravel’. Kemudian klik enter..

instal laravel lumayan lama

instalnya lumayan lama, tapi lebih cepet ketimbang nungguin balasan chat sidia. haha (cepat atau engganya sesuai koneksi anda). Kalo udah beres, akan muncul tampilan sebagai berikut :

alhamdulillah laravel berhasil di instal

bener engga udah keinstal.? kita cek langsung di folder XAMPP/Htdocs

cek laravel di folder htdocs

sekian,, sekarang anda udah berhasil instal laravelnya.. gimana sih cara ngejalaninya.? cekidot.

Cara Menjalankan Laravel

cara ngejalaninnya pun gampang, pertama, anda buka xampp control panel.

nyari xampp control panel

kalo udah ketemu, klik kemudian akan tampil sebagai berikut :

xampp control panel

anda bisa menghidupkan apache sama mysql. Sebenernya meski apache doang juga udah bisa jalan, tapi, berhubung laravel yang anda miliki tentu saja akan ada sangkut pautnya dengan database, yah anda bisa start mysql nya.

kalo udah mengaktifkan apache sama mysql nya. Anda buka browser, lalu ketikan localhost/blog

catatan :

  • Blog = sesuai nama folder laravel yang anda instal.
kok laravel gini.?

kok jadi gini yah.? folder root nya ada di public, klik aja folder public.. dan tara…

laravel udah berhasil ke instal

horee.. emak.. saya udah bisa instal laravel.. etsss.. gimana caranya agar langsung kebuka tanpa harus klik public dulu.?

caranya gampang kok. buka cmd, terus arahkan ke folder laravel anda, setelah itu ketikkan php artisan serve

php artisan serve

anda tinggal buka tab baru pada browser, masukkan alamat http://127.0.0.1:8000 kalo ribet mah tinggal masukin localhost:8000. taraaaaa.. udah langsung buka tulisan laravelnya kan.?ok sekian dan terimakasih.

Label: ,

diposting oleh okeaza @ Januari 05, 2022   0 Komentar

Cara membuat Widget Slider di blog Terbaru

Postingan kali ini Admin akan membagikan Tutorial bagaimana cara membuat widget gambar slider di blog.


Widget ini sangat tepat untuk kalian gunakan untuk memperindah blog  dengan gambar-gambar menarik dengan efek slider yang sangat keren sekali menurut Admin.

Kalian bebas meletakan gambar yang kalian suka.Tak perlu khawatir widget ini sudah fully responsive jadi tidak masalah jika tampil di device yang berbeda karena akan menyesuaikan ukuran layar.

Tentunya tidak hanya gambar yang bisa kalian letakan melainkan video juga bisa Nah untuk lebih lengkapnya,berikut beberapa keunggulan widget gambar slider ini.

See the Pen Untitled by Andri Rahmadani (@andri-rahmadani) on CodePen.

Lihat langsung,tekan tombol demo dibawah

Fitur-fitur :
  1. FULLY RESPONSIVE
  2. Tidak hanya gambar tapi jika video bisa diletakkan
  3. Gambar akan menyesuaikan dengan kotak slider.
  4. Berbagai macam efek Transisi (pergantian Gambar) yang keren.
  5. Jika ukuran gambar lebih besar daripada box slider / container ,maka gambar akan tercrop otomatis dari tengah.
  6. Support HTML 5
  7. Kustom jQuery Mobile untuk kompatibilitas perangkat seluler.
Cara Membuat :

  1. Buka Blog sobat.
  2. Pilih Menu Tata Letak >> Tambah Gadget Baru (Admin sarankan  letakan diside bar).
  3. Pilih Html/Javascript
  4. Salin Script yang ada dibawah  Scrilalu Letakan ke dalam kolom seperti digambar
Berikut Scriptnya ,:



<!---------------------------------------------

    Blogger Slideshow Widget by

    http://imagesliderforblogger.blogspot.com/

    org. by dimpost.com 

----------------------------------------------->

<!--  Camera_Slideshow Styles  -->

<link rel="stylesheet" id="camera-css" href="http://project.dimpost.com/camera-slideshow/css/camera.css" type="text/css" media="all" />

<!-- Camera Slideshow Scripts -->

<script type='text/javascript' src='https://code.jquery.com/jquery-2.1.4.min.js'></script>

<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/jquery.mobile.customized.min.js'></script>

<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js'></script>

<script type='text/javascript' src='http://project.dimpost.com/camera-slideshow/scripts/camera.min.js'></script>

<script type='text/javascript'>

jQuery(function() {

    jQuery('#camera_wrap_1').camera({

        time: 2500, // milliseconds between the end of the sliding effect and the start of the nex one

        transPeriod: 1200, // length of the sliding effect in milliseconds

        thumbnails: false, // thumnails & tooltip is controlled by it

        pagination: true, // only when "pagination" is set to "false" thumbnails will be visible

        fx: 'curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight, scrollLeft, scrollRight, scrollHorz, scrollBottom, scrollTop', // transition effects

        hover: false, // Pause on hover

        height: '50%' // slideshow height (50% is default)

    });

});

</script>

<style type="text/css">

.fluid_container {

    margin: 0 auto;

    /* aling centered */

    width: 100%;

    max-width: 900px;

    overflow: hidden;

}


/* Blogger CSS Conflict Fix */


.camera_pag_ul {

    border: none !important;

    background: none !important;

}


.camera_pag_ul li {

    float: inherit !important;

    padding: inherit !important;

}


.camera_pag_ul {

    margin: 0 !important;

    border: 0 !important;

}

</style>

<div class="fluid_container">

    <!-- camera_slideshow camera_wrap-->

    <div class="camera_wrap" id="camera_wrap_1">

        <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/1.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/1.jpg">

            <div class="camera_caption fadeFromBottom">

                Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em>

            </div>

        </div>

        <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/2.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/2.jpg">

            <div class="camera_caption fadeFromBottom">

                It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em>

            </div>

        </div>

        <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/3.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/3.jpg">

            <div class="camera_caption fadeFromBottom">

                <em>It's completely free</em> (even though a donation is appreciated)

            </div>

        </div>

        <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/4.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/4.jpg">

            <div class="camera_caption fadeFromBottom">

                Camera slideshow provides many options <em>to customize your project</em> as more as possible

            </div>

        </div>

        <div data-link="http://www.dimpost.com/" data-thumb="http://project.dimpost.com/camera-slideshow/images/slides/thumbs/5.jpg" data-src="http://project.dimpost.com/camera-slideshow/images/slides/5.jpg">

            <div class="camera_caption fadeFromBottom">

                It supports captions, HTML elements and videos.

            </div>

        </div>

    </div>

    <!-- #camera_wrap_1 -->

</div>

<!-- .fluid_container -->

Untuk Mengubah Gambar Cari Code data-src="Url Gambar Kalian"

Label: ,

diposting oleh okeaza @ Januari 05, 2022   0 Komentar

Cara Membuat Website dengan Mudah dan Cepat untuk Sekolah

Seiring perkembangan internet yang semakin maju, Internet memberikan dampak perubahan terhadap berbagai bidang dalam kehidupan. Salah satunya adalah bidang pendidikan yang sekarang semua kegiatannya dapat dilakukan melalui internet. Kegiatan-kegiatan sekolah yang sekarang dilakukan dengan menggunakan internet seperti PPDB online, ujian online, dan bahkan pembelajaran online. Tentu hal ini membuat kegiatan-kegiatan lebih efektif dan efisien.

Pada waktu pandemi ini bahkan semua kegiatan sekolah dilaksanakan melalui via internet. Pembelajaran yang diharuskan tatap muka dilakukan melalui aplikasi web conferences. Bahkan, PPDB online pun dilakukan melalui website sekolah. Para calon siswa diharuskan mendaftar pada bio pendaftaran yang ada di website. Jika dilihat dari contoh tersebut maka peran sekolah untuk hadir melalui media internet sangatlah diperlukan.

Salah satu cara sekolah dan madrasah hadir melalui internet adalah dengan membuat website. Website ini nantinya dapat dipergunakan sebagai pusat informasi sekolah untuk lebih dikenal oleh masyarakat. Lalu bagaimana cara membuat sekolah dengan cepat dan mudah? Berikut akan dijelaskan dalam artikel ini cara membuat website sekolah dengan mudah dan cepat.

Tips-Tips Membuat Website Sekolah

Sebelum masuk ke dalam penjelasan bagaimana cara membuat website sekolah. Ada beberapa hal yang perlu diperhatikan seperti menentukan konten website, domain, web hosting, dan platform website. Hal ini penting untuk disiapkan pada awal sebelum melakukan eksekusi membuat website. Berikut ini adalah tips-tips membuat website sekolah yang bisa dicoba dan diterapkan :

  1. Menentukan Konten WebsiteMenentukan konten website sekolah sangat lah penting. Hal ini dikarenakan nantinya konten ini akan dilihat oleh para pengunjung website sekolah. Situs web sekolah yang baik diharapkan mencakup beragam konten berkualitas. Beberapa hal yang harus dimuat di website sekolah untuk menambahkan informasi dasar seperti detail kontak, pesan sambutan, nilai sekolah dan gambar ke beranda diikuti oleh sumber belajar, informasi kurikulum, berita, kalender acara dan informasi sekolah lainnya.
     Dengan konten yang berkualitas dan bagus hal ini akan berpengaruh kepada keefektifan website sekolah. Manfaat memiliki website sekolah yang berkualitas akan membantu komunikasi, hubungan antara siswa, bahkan orang tua, dan meningkat reputasi sekolah di masyarakat.
  2. Membuat Domain Website SekolahDalam pembuatan website penting sekali untuk memberikan perhatian lebih terhadap pemilihan nama untuk domain. Domain sendiri diibaratkan seperti alamat yang nantinya akan digunakan oleh pencari untuk mengenali website tersebut. Struktur domain terdiri dari beberapa macam. Pada umumnya terdiri dari dua yaitu nama domain dan ekstensinya. Contoh seperti idcloudhost.co.id, idcloudhost adalah nama domain sedangkan .co.id adalah ekstensinya. Untuk website sekolah sendiri selalu identik dengan ekstensi .sch.id, ekstensi yang digunakan ini sebagai identitas umum bahwa website tersebut merupakan website sekolah atau madrasah.
     Dalam membuat nama domainnya disarankan sesuai dengan nama sekolah itu sendiri agar lebih mudah diingat dan diketik dalam mesin pencarian. Cara mendaftarkan domain website bisa langsung dilakukan di registrar domain. Untuk ekstensi .sch.id sendiri memiliki persyaratan khusus yaitu harus menyertakan scan KTP penanggung jawab, scan surat permohonan kepala sekolah, scan surat kuasa kepala sekolah kepada penanggung jawab untuk pendaftaran nama domain.
  3. Menentukan Web Hosting Untuk WebsiteTips selanjutnya adalah menentukan web hosting yang tepat sesuai dengan kebutuhan website. Dalam menentukan web hosting ini juga harus dilakukan dengan teliti. Web hosting sendiri dikenal sebagai wadah dari sebuah website. Spesifikasi dari sebuah web hosting yang tepat akan berdampak baik bagi kinerja sebuah website. Selain itu, dalam menentukan web hosting jangan terlalu tergiur dengan harga yang murah.
  4. Memilih Platform untuk WebsiteMemilih platform yang tepat untuk membuat website sekolah dengan cepat dan mudah bahkan dengan biaya yang murah bisa dilakukan. Bagaimana cara membuat website yang gratis? Dengan menggunakan WordPress. WordPress adalah salah satu Content Management System yang paling populer di dunia sekarang. Beragam fitur yang diberikan WordPress sangatlah lengkap mulai dari memilih template website, mengelola halaman website, dan lain-lain.
     Kelebihan WordPress lainnya adalah fitur-fitur yang diberikan gratis. Terlebih lagi banyak sekali referensi di internet yang berkaitan dengan penggunaan WordPress ini. Meskipun gratis website yang dihasilkan WordPress tidak kalah bagus dengan website yang dikembangkan sendiri. Jadi, pada artikel akan dijelaskan tentang cara membuat website sekolah dengan menggunakan CMS WordPress.

Cara Membuat Website Sekolah dengan WordPress

Cara Membuat Website dengan Mudah dan Cepat untuk Sekolah dan Madrasah

Untuk cara membuat website dengan menggunakan WordPress sangatlah mudah. Bahkan, untuk pembuatan website sekolah dengan WordPress bisa dilakukan dalam hitungan menit saja. Hal ini didukung karena fitur-fitur untuk membangun website di WordPress lengkap sekali. Mengelola website menggunakan WordPress untuk instansi sekolah merupakan salah satu pilihan yang terbaik. Berikut adalah langkah-langkah cara membuat website sekolah dengan WordPress.

  1. Masuk Ke Dalam Control PanelHal pertama yang harus dilakukan adalah masuk ke dalam control panel website. Masuk ke dalam control panel dapat dilakukan berbagai cara. Dapat dilakukan melalui penyedia layanan hosting atau mengetikkan (namadomain.com)/cpanel. Jika sudah muncul tampilan login. Ketikkan username dan password control panel.
    Control panel sendiri adalah pusat pengelolaan dari sebuah website. Di dalam control panel ini sebuah website dibuat, dikelola, dan dihapus. Dalam pembuatan website menggunakan wordpress ini langkah selanjutnya adalah mencari kolom Softacolous Apps Installer. Apabila sudah klik WordPress.
  2. Melakukan Instalasi WordPressTahap selanjutnya adalah melakukan instalasi WordPress. Melakukan Instalasi WordPress tidak memerlukan waktu yang lama. Setelah mengklik WordPress akan dilampirkan sebuah halaman dimana Instalasi akan dimulai. Klik pada halaman tersebut Install Now. Selanjutnya sebelum instalasi WordPress di jalankan, berapa hal seperti url yang digunakan, nama situs website, deskripsi wajib diisi terlebih dahulu.
     Selain itu, username dan password yang digunakan untuk masuk ke dalam dashboard nantinya juga diisi dalam halaman ini. Jika sudah mengisi semua hal-hal diatas. Klik Install pada bagian yang paling bawah. Instalasi WordPress akan berjalan, instalasi ini berjalan sekian menit saja. Apabila instalasi WordPress sudah selesai maka akan muncul tampilan yang menyatakan bahwa WordPress telah berhasil di instal.
  3. Mengatur Konfigurasi WordPressLangkah selanjutnya adalah melakukan konfigurasi pada website WordPress sekolah yang akan ditampilkan. Untuk melakukannya hal pertama yang perlu dilakukan adalah membuka (namasitus(dotcom)/wp-admin. Setelah mengetikkannya maka halaman yang dilampirkan adalah dashboard dari WordPress. Selanjutnya langkah yang harus dilakukan adalah memilih template website yang akan dipakai untuk website sekolah. Klik Costumize Your Site, setelah itu halaman untuk memilih dan mengatur template terbuka.
     Di halaman ini template juga dapat diedit sesuai dengan kebutuhan website. Mulai dari menuliskan nama sekolah, mencantumkan logo, dan membuat homepage awal website. Menu-menu tempat untuk mengedit hal tersebut terletak di sebelah kiri. Apabila sudah selesai mengedit tampilan sesuai dengan kebutuhan website sekolah, maka untuk mempublikasikannya tinggal mengklik tombol publish. Website sekolah sudah selesai dan dapat digunakan. Tahap selanjutnya yang perlu dilakukan adalah pengembangan website tersebut sesuai dengan konten apa saja yang ingin ditambahkan.

Kesimpulan dan Penutup

Itulah tadi langkah-langkah untuk membuat website sekolah dengan mudah dan cepat bahkan tanpa perlu biaya. Website sekolah sangat diperlukan di zaman sekarang. Website sekolah sudah menjadi tuntutan bagi sekolah. Hal ini sebanding dengan manfaat yang diberikan website terhadap sekolah sebagai media informasi terhadap masyarakat luas dan saran meningkatkan reputasi sekolah di mata mereka dan masih banyak lagi.

Hal yang perlu diingat adalah dalam pembuatan website sekolah ini juga perlu dilakukan dengan runtut. Agar nantinya website yang dihasilkan dapat memberikan hasil yang terbaik dan membantu apa saja proses pembelajaran. Demikianlah artikel tentang cara membuat website dengan mudah dan cepat untuk sekolah dan madrasah. Semoga artikel ini dapat membantu sekolah dan madrasah yang ada di Indonesia.

Label: ,

diposting oleh okeaza @ Januari 05, 2022   0 Komentar