Difference between revisions of "Others Application"

From InfiniteERP Wiki
Jump to: navigation, search
(Integrasi Infinite ERP dengan Budibase dengan API)
(Implementasi API Approval)
 
(27 intermediate revisions by the same user not shown)
Line 100: Line 100:
 
===Introduction===
 
===Introduction===
 
Budibase adalah platform pengembangan yang dirancang untuk kecepatan dan produktivitas. Dengan Budibase, pengembang tidak lagi mengalami pengulangan, siklus pengembangan yang panjang, dan frustrasi. Sebaliknya, pengembang lebih produktif, lebih bahagia, dan dapat menghadirkan aplikasi yang mereka banggakan dalam hitungan menit.
 
Budibase adalah platform pengembangan yang dirancang untuk kecepatan dan produktivitas. Dengan Budibase, pengembang tidak lagi mengalami pengulangan, siklus pengembangan yang panjang, dan frustrasi. Sebaliknya, pengembang lebih produktif, lebih bahagia, dan dapat menghadirkan aplikasi yang mereka banggakan dalam hitungan menit.
=== How To ===
+
=== Integrasi Infinite ERP dengan Budibase dengan API ===
==== Setup API ====
+
==== [[Setup API]] ====
 
Dalam artikel ini akan dijelaskan bagimana mengintegrasikan Infinite ERP dengan budibase menggunakan API, sehingga data dapat di kelola menggunakan aplikasi yang di buat dari budibase.
 
Dalam artikel ini akan dijelaskan bagimana mengintegrasikan Infinite ERP dengan budibase menggunakan API, sehingga data dapat di kelola menggunakan aplikasi yang di buat dari budibase.
  
Line 107: Line 107:
 
* Rest API
 
* Rest API
 
* buat Authentication untuk mengakses API Infinite ERP sesuai dengan akun yang telah di buat di infinite ERP
 
* buat Authentication untuk mengakses API Infinite ERP sesuai dengan akun yang telah di buat di infinite ERP
 +
==== [[Membuat Query]] ====
 
* Kemudian add Query
 
* Kemudian add Query
 
* Pada bagian ini tentukan endpoint dan metode yang akan digunakan, dalam contoh ini akan menggunakan API Purchase Order infinite ERP dan metode yang digunakan adalah 'get' [[file: budibase1.png|800px]]<br>
 
* Pada bagian ini tentukan endpoint dan metode yang akan digunakan, dalam contoh ini akan menggunakan API Purchase Order infinite ERP dan metode yang digunakan adalah 'get' [[file: budibase1.png|800px]]<br>
Line 114: Line 115:
 
# Pada bagian tab Transformer ganti code dengan code berikut ini <pre>return data.response.data</pre> fungsi ini untuk menampilkan response JSON menjadi schema atau kolom, sihingga data dapat di tampilkan pada table atau data provider budibase
 
# Pada bagian tab Transformer ganti code dengan code berikut ini <pre>return data.response.data</pre> fungsi ini untuk menampilkan response JSON menjadi schema atau kolom, sihingga data dapat di tampilkan pada table atau data provider budibase
 
# Pilih Save untuk menyimpan perubahan
 
# Pilih Save untuk menyimpan perubahan
 +
==== [[Test API]]  ====
 
# Kemudian klik tombol send untuk mencoba, jika berhasil akan menampilkan result seperti berikut ini [[file: result respons API.png|800px]]<br>  
 
# Kemudian klik tombol send untuk mencoba, jika berhasil akan menampilkan result seperti berikut ini [[file: result respons API.png|800px]]<br>  
 +
# Berikut ini merupakan tampilan schema yang nantinya akan di tampilkan pada table view [[file: Reponse schema.png|800px]]<br>
 +
 +
=== Membuat aplikasi dengan Budibase ===
 +
==== [[Design]] ====
 +
# Masih di halaman yang sama, pilih tab Design
 +
# Pilih add screen
 +
# Pilih Blank screen, lalu continue
 +
# Pada bagian Screen details, isikan nama screen dan continue lagi
 +
# Pada bagian Autogenerated screens, pilih basic saja kemudian done
 +
==== [[Menambahkan nama menu ke navigation]] ====
 +
[[file: membuat menu baru.png|800px]]<br>
 +
# Pilih Navigation
 +
# Pilih Configure Links
 +
# Add link
 +
# Isikan Nama Menu
 +
# Pilih URL
 +
# Kemudian pilih Save
 +
 +
==== [[Menampilkan data di table View]] ====
 +
* Pastikan aktif pada menu screen yang telah di buat
 +
* Add component
 +
* Pilih Container
 +
* Kemudian add component lagi
 +
* Pilih data provider
 +
* Lalu add component lagi
 +
* Pilih New table
 +
jika di lihat pada susunan component akan tampak seperti pada gambar berikut ini :
 +
[[file: component.png|800px]]<br>
 +
 +
==== [[Custom Kolom table View]] ====
 +
[[file: configure_column.png|800px]]<br>
 +
# Pilih component table
 +
# Configure Columns
 +
# Add All Columns
 +
 +
[[file: configure_columns1.png|800px]]<br>
 +
* Pada bagian ini pengguna dapat menghapus column yang tidak di perlu di tampilkan, cara nya dengan meng click tanda silang.
 +
* Label : Pengguna juga dapat meng edit nama column sesuai dengan yang di inginkan
 +
* Jika sudah click Save
 +
 +
==== [[Filter Data pada Table View]] ====
 +
 +
[[file: define_filter.png|800px]]<br>
 +
* Pilih Data Provider
 +
* Define Filters
 +
* Pilih Column yang akan menjadi parameter lalu
 +
* Isikan Value dan
 +
* Save
 +
 +
Pengguna dapat menambahkan beberapa filter sesuai dengan kebutuhan.
 +
Mirip dengan pengurutan, pemfilteran akan dilakukan di sisi server untuk sumber data SQL dan DB Budibase internal, namun untuk kueri khusus, pemfilteran akan dilakukan di sisi klien. Jadi saat menggunakan kueri khusus, Anda disarankan untuk memberikan filter apa pun dalam kueri.
 +
 +
==== [[Implementasi API Approval]] ====
 +
Pada implementasi API Approval teknik yang digunakan adalah Bindings
 +
Budibase fokus membangun aplikasi yang berpusat pada data - untuk dapat melakukan hal tersebut diperlukan suatu cara untuk memanipulasi data. Untuk melakukan ini, Budibase memiliki kemampuan untuk bind data ke dalam elemen desain atau otomasi apa pun melalui penggunaan sintaks Handlebars atau JavaScript.
 +
 +
===== [[Tips dan Trik]] =====
 +
Penting untuk diingat bahwa Handlebars memungkinkan pernyataan yang cukup rumit, yang dapat menggunakan logika komparatif (terutama dengan pembantu perbandingan kami). Di bawah ini kami telah merinci beberapa tip yang akan membantu Anda memulai dengan sintaks binding dan Handlebars.
 
</p>
 
</p>

Latest revision as of 14:05, 28 February 2023

Warning.png   This document is still a work in progress. It may contain inaccuracies or errors.

Introduction

InfiniteERP memiliki beberapa aplikasi lain yang mendukung fungsi operasional bisnis, dapat berupa dekstop application ataupun module tambahan berupa aplikasi berbasis web. Tidak menutup kemungkinan, aplikasi ini didesain secara specific untuk client perusahaan tertentu karena kebutuhan khusus.

Daftar aplikasi pendukung

Daftar semua aplikasi yang dibuat untuk mensupport InfiniteERP:

Attendance Synchronization

Aplikasi ini berfungsi untuk menarik data absen karyawan dari mesin absen kemudian di upload ke window Attendance Entry.

Terdapat 2 jenis aplikasi untuk memenuhi kebutuhan pelanggan agar proses otomasi penarikan data absensi karyawan dari mesin dapat dilakukan dengan baik.

  1. Aplikasi Desktop yang diinstall didalam jaringan komputer pada perusahaan klien.
  2. Aplikasi server

Production and Shipping apps

Infinte ERP Apps

Infinte ERP Apps Content

  1. POS
  2. Shipment
  3. Inventory

InfiniteERP Apps Address

Infinte ERP Apps Setup

  • Login user erpadmin
    • After Login change Organization used to desired Organization
  • Go To Menu Administrator
    • Admnistartor.jpg
  • Define Organization
    • Organization is refer to ERP Organization
  • Define Role & User
  • Role is not Linked to ERP, only User is linked to ERP
  • Please ensure Role at ERP on the user have been granted

500px

  • Define Access related to User
  • Done


User Guide

Manage Infinite Apps ERP at pm2

Introduction

To manage application at pm2 we using software Putty.
Once login, please select hostxx.infinite-erp.co.id at PuTTy configuration.
PuTTy configuration.jpg
Following command is to enter the root

''sudo su''


Following command is to know the list application on pm2 in tablet

pm2 list

Start & Stop

To Stop

pm2 stop <name> 


To Start

pm2 start <name>


Additional command if any error on the status you can check the log

pm2 logs <name>

Delete & Add Apps

To Delete

pm2 delete <name>


To Add
Following are several sequence command to type

cd appl←
ls←
cd infinteerp-v2←
ls←
cd dev←
ls←
cd infiniteapps←
ls←
nano pm2-apps-prod.json←
pm2 start pm2-apps-prod.json←


Additional command to check database configuration

nano .env

Budibase

Introduction

Budibase adalah platform pengembangan yang dirancang untuk kecepatan dan produktivitas. Dengan Budibase, pengembang tidak lagi mengalami pengulangan, siklus pengembangan yang panjang, dan frustrasi. Sebaliknya, pengembang lebih produktif, lebih bahagia, dan dapat menghadirkan aplikasi yang mereka banggakan dalam hitungan menit.

Integrasi Infinite ERP dengan Budibase dengan API

Setup API

Dalam artikel ini akan dijelaskan bagimana mengintegrasikan Infinite ERP dengan budibase menggunakan API, sehingga data dapat di kelola menggunakan aplikasi yang di buat dari budibase.

  • Add Source kemudian pilih
  • Rest API
  • buat Authentication untuk mengakses API Infinite ERP sesuai dengan akun yang telah di buat di infinite ERP

Membuat Query

  • Kemudian add Query
  • Pada bagian ini tentukan endpoint dan metode yang akan digunakan, dalam contoh ini akan menggunakan API Purchase Order infinite ERP dan metode yang digunakan adalah 'get' Budibase1.png
  1. Pilih metode dalam hal ini adalah
    get
  2. Isikan endpoint dalam hal ini
    https://my.infinite-erp.co.id/infinite/org.openbravo.service.json.jsonrest/Order
  3. Pilih Authentication
  4. Pada bagian tab Transformer ganti code dengan code berikut ini
    return data.response.data
    fungsi ini untuk menampilkan response JSON menjadi schema atau kolom, sihingga data dapat di tampilkan pada table atau data provider budibase
  5. Pilih Save untuk menyimpan perubahan

Test API

  1. Kemudian klik tombol send untuk mencoba, jika berhasil akan menampilkan result seperti berikut ini Result respons API.png
  2. Berikut ini merupakan tampilan schema yang nantinya akan di tampilkan pada table view Reponse schema.png

Membuat aplikasi dengan Budibase

Design

  1. Masih di halaman yang sama, pilih tab Design
  2. Pilih add screen
  3. Pilih Blank screen, lalu continue
  4. Pada bagian Screen details, isikan nama screen dan continue lagi
  5. Pada bagian Autogenerated screens, pilih basic saja kemudian done

Menambahkan nama menu ke navigation

Membuat menu baru.png

  1. Pilih Navigation
  2. Pilih Configure Links
  3. Add link
  4. Isikan Nama Menu
  5. Pilih URL
  6. Kemudian pilih Save

Menampilkan data di table View

  • Pastikan aktif pada menu screen yang telah di buat
  • Add component
  • Pilih Container
  • Kemudian add component lagi
  • Pilih data provider
  • Lalu add component lagi
  • Pilih New table

jika di lihat pada susunan component akan tampak seperti pada gambar berikut ini : Component.png

Custom Kolom table View

Configure column.png

  1. Pilih component table
  2. Configure Columns
  3. Add All Columns

Configure columns1.png

  • Pada bagian ini pengguna dapat menghapus column yang tidak di perlu di tampilkan, cara nya dengan meng click tanda silang.
  • Label : Pengguna juga dapat meng edit nama column sesuai dengan yang di inginkan
  • Jika sudah click Save

Filter Data pada Table View

Define filter.png

  • Pilih Data Provider
  • Define Filters
  • Pilih Column yang akan menjadi parameter lalu
  • Isikan Value dan
  • Save

Pengguna dapat menambahkan beberapa filter sesuai dengan kebutuhan. Mirip dengan pengurutan, pemfilteran akan dilakukan di sisi server untuk sumber data SQL dan DB Budibase internal, namun untuk kueri khusus, pemfilteran akan dilakukan di sisi klien. Jadi saat menggunakan kueri khusus, Anda disarankan untuk memberikan filter apa pun dalam kueri.

Implementasi API Approval

Pada implementasi API Approval teknik yang digunakan adalah Bindings Budibase fokus membangun aplikasi yang berpusat pada data - untuk dapat melakukan hal tersebut diperlukan suatu cara untuk memanipulasi data. Untuk melakukan ini, Budibase memiliki kemampuan untuk bind data ke dalam elemen desain atau otomasi apa pun melalui penggunaan sintaks Handlebars atau JavaScript.

Tips dan Trik

Penting untuk diingat bahwa Handlebars memungkinkan pernyataan yang cukup rumit, yang dapat menggunakan logika komparatif (terutama dengan pembantu perbandingan kami). Di bawah ini kami telah merinci beberapa tip yang akan membantu Anda memulai dengan sintaks binding dan Handlebars.