Kolaborasi React.js dengan Odoo

      , ,      No comments   

Kita kenal Odoo sudah cukup lama ya. Aplikasi yang menyediakan segudang fitur yang bisa digunakan. 

Nah kita coba membuat aplikasi interface nya dengan react js, agar user lebih mudah untuk menggunakanya.

Dengan perantara React.js -> Golang -> API Odoo. Kita bisa mengunakan Odoo lebih maksimal

Kita akan bahas nanti satu persatu.
1. React js akan kita gunakan sebagai frontend
2. Golang akan kita gunakan sebagai backend
3. API Odoo backend odonya sendiri

Project Dengan React.js Dan Golang sebagai penyedia API

           No comments   

Beralih kebiasaan Dari CI to React.js

Pendahuluan

Sebagai seorang freelancer yang terbiasa menggunakan CodeIgniter untuk membangun aplikasi berbasis web, saya tertarik untuk memperluas keahlian saya ke React.js sebagai frontend dan Golang sebagai backend. Artikel ini akan membahas pengalaman saya dalam membangun project dengan kombinasi teknologi ini serta bagaimana perbedaannya dibandingkan dengan CodeIgniter.

Mengapa Beralih ke React.js dan Golang?

CodeIgniter adalah framework PHP yang sangat ringan dan cepat untuk membangun aplikasi berbasis MVC (Model-View-Controller). Namun, dengan kebutuhan aplikasi yang lebih interaktif dan real-time, saya mulai mencari solusi yang lebih modern.

  • React.js memungkinkan saya membangun UI yang lebih dinamis dengan pendekatan komponen.
  • Golang menawarkan kecepatan dan efisiensi dalam menangani backend API, terutama dengan goroutine yang sangat cocok untuk proses concurrent.

Perbedaan CodeIgniter vs. React.js + Golang

Saat masih menggunakan CodeIgniter, saya terbiasa dengan:
✅ Full-stack dalam satu tempat: CodeIgniter menangani backend dan frontend sekaligus dengan template view.
✅ Routing sederhana: Menggunakan Controller dan method untuk menangani request.
✅ PHP sebagai bahasa utama: Semua logika bisnis ditulis dalam PHP, termasuk query database dengan Query Builder atau ORM.

Namun, setelah beralih ke React.js dan Golang sebagai penyedia API, ada beberapa perubahan besar:
🚀 Frontend dan backend terpisah: React.js hanya menangani tampilan, sedangkan Golang bertindak sebagai API provider.
🚀 State Management: Dengan React, saya mulai menggunakan Redux atau Context API untuk mengelola data, berbeda dengan CodeIgniter yang hanya mengandalkan session dan database query.
🚀 Routing di Frontend: React menggunakan React Router untuk navigasi, sementara CodeIgniter menggunakan routing berbasis controller.

Aplikasi Approval/Persetujuan pengadaan barang

      No comments   

Rilis Aplikasi persetujuan(approval) pengadaan barang Dan jasa, aplikasi bisa digunakan di bidang apapun, dimana disitu ada pengadaan barang ataupun jasa, walaupun saat ini aplikasi berjalan di Universitas. Rule aplikasi sebagai berikut

1. Input Master barang
2. Input Master supplier
3. Input Master Satuan
4. Input Master Unit
5. Input Master Karyawan
6. Karyawan dengan usrrnya menginput permintaan barang sesuai master barang yang diinput atau barang baru
7. Aplikasi mengirim otomatis Notif Wa ke atasan bahwa ada karyawan yang melakukan pengajuan pembelian barang
8. Atasan unit akan melihat detail permintaan Dan kemudian melakukan persetujuan dengan klik button Approve
9. Aplikasi mengirim notif ke bagian umum bahwa ada unit yang melakukan permintaan barang
10. Selanjutnya bagian umum melakukan approve. Aplikasi mengirim notif ke bagian keuangan
11. Keuangan melakukan approve selanjutnya bagian umum melakukan pembelian
12. Bagian umum melakukan distribusi barang ketika barang diterima

Cara agar website mudah di cari oleh google

           No comments   

Berikut sedikit cara membuat website mudah di cari oleh mensin pencari.
Edit file utama web Anda

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<?= isset($metaDescription) ? $metaDescription : 'Default description untuk website Anda'; ?>">
    <title><?= isset($title) ? $title : 'Judul Default'; ?></title>
</head>
<body>
    <?= $this->renderSection('content') ?>
</body>
</html>

Tambahkan pada controller untuk mengirim data

public function index()
{
    $data = [
        'title' => 'Home - Supplier Kabel Rem Sepeda Motor',
        'metaDescription' => 'Kami adalah supplier kabel rem sepeda motor terbaik yang menyediakan produk berkualitas tinggi untuk kebutuhan otomotif Anda.'
    ];
    
    return view('home', $data);
}

Cara Simpan Session Codeigniter di database

      ,      No comments   

 

Buka file Config.php di folder Config, sesuaikan code lama dengan code ini

$config['sess_driver'] = 'database';  

$config['sess_save_path'] = 'ci_sessions';

$config['sess_cookie_name'] = 'ci_session';

$config['sess_expiration'] = 604800;

$config['sess_match_ip'] = FALSE;

$config['sess_time_to_update'] = 300;

$config['sess_regenerate_destroy'] = FALSE;


dan buat tabel ini

CREATE TABLE IF NOT EXISTS `ci_sessions` (

    `session_id` varchar(40) NOT NULL,

    `ip_address` varchar(45) NOT NULL,

    `user_agent` varchar(120) NOT NULL,

    `last_activity` int(10) unsigned NOT NULL,

    `user_data` text NOT NULL,

    PRIMARY KEY (`session_id`),

    KEY `last_activity_idx` (`last_activity`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;


Aplikasi Measuring

      , , ,      No comments   

Telah rilis Aplikasi Quality Control untuk mencatat dimensi Dari produk yang di produksi.
Aplikasi mencatat standart quality produksi sehingga menjaga jualitas Dari produk yang di produksi.

Aplikasi ini mencakup
1. Data karyawan
2. Data master shift
3. Data master proses 
4. Data master part
5. Data master standart
6  Proses Input
7. Display CP CPK
8. Report data Rijeka
9. Plann produksi

Aplikasi Manajemen Klinik

DF - Alhamdulillah Dafi Sofware lounching aplikasi manajemen klinik, aplikasi ini mencatat semua operasional klinik, memberikan kemudahan d...

Popular Posts

Search This Blog
Powered by Blogger.

Total Pageviews

Popular Posts