Init : Dokumentasi Pekerjaan

Grant Management/Back End/Grant Management Back End.md

+#### Grant Management Back End
+
+Grant Management adalah web app untuk pengolahan dan pendaftaran sekaligus sebagai sistem informasi Hibah di Universitas Indonesia.
+
+---
+
+#### Teknologi
+
+1. Java Spring Boot
+2. Java
+
+---
+
+#### Dokumentasi
+
+-----
+
+1. **Instalasi**
+
+   Untuk installasi berberapa hal yang harus dilakukan yaitu:
+
+   * Clone code pada [url](http://MzBudi@gitlab.ui.ac.id/ade.badr/UI-Grant-Backend.git) `http://MzBudi@gitlab.ui.ac.id/ade.badr/UI-Grant-Backend.git`
+
+   * install package ojdbc8 [disini]([How to add Oracle JDBC driver in your Maven local repository - Mkyong.com](https://mkyong.com/maven/how-to-add-oracle-jdbc-driver-in-your-maven-local-repository/))
+
+   * Ambil file pom.xml di bracnh excel modification
+
+   * Build dengan command dibawah dan jalankan sesuai dengan file environment yang diinginkan `active=dev` ganti menjadi prod untuk production
+
+     
+
+2. **Modification**
+
+   - Modifikasi yang telah dilakukan adalah Jar yang berjalan. jar yang berjalan saat ini adalah `grant 1.0.1(10062021).jar` atau `grant 1.0.1(tanggal_paling_baru).jar`  dan terletak di `usr/grantv2/` Untuk melakukan pengubahan dapat melakukan upload dan run dengan command dibawah.
+   - Perubahan yang dilakukan adalah return dari export file pengusul. ditambahkan informasi rekening `src\main\java\id\ac\ui\grant\service\ProposerService.java` lebih lengkapnya ada di branch `excel-modification`
+   
+     
+
+3. **Deployment**
+
+   Deployment pada backend ini dilakukan pada VM yang telah disediakan, credentialnya adalah:
+
+   | **Key**           | **Value**                                                    |
+   | ----------------- | ------------------------------------------------------------ |
+   | `ip`              | `10.6.4.40:22`                                               |
+   | `username`        | `salman`                                                     |
+   | `password`        | `bismillah2020`                                              |
+   | `gitlab.ui.ac.id` | `http://MzBudi@gitlab.ui.ac.id/ade.badr/UI-Grant-Backend.git` |
+
+   
+
+   Lokasi file jar ada pada `/usr/grantv2` untuk melakukan perubahan dapat dilakukan pull dari gitlab diatas. Untuk menjalankan atau memberhentikan backend command list nya adalah sebagai berikut:
+
+   | **Command Name**           | **Command**                                                  |
+   | -------------------------- | ------------------------------------------------------------ |
+   | Build jar using maven      | `mvn -Dmaven.test.skip=true install`                         |
+   | Run jar in dev             | `java -Dspring.profiles.active=dev -jar target/nama_jar.jar`  | Tambahkan `&` untuk running in background |
+   | Run jar using maven in dev | `mvn spring-boot:run -Dspring-boot.run.profiles=dev`         |
+   | Run jar in specific port   | `java -Dserver.port=83 -jar nama_jar.jar`                    |
+
+   Disarankan untuk memberikan notifikasi kepada user apabila ingin melakukan pembaharuan, karena selama masa penggantian jar , website tidak dapat diakses
\ No newline at end of file

Grant Management/Front End/Grant Management Front End.md

+#### Grant Management Front End
+
+Grant Management adalah web app untuk pengolahan dan pendaftaran sekaligus sebagai sistem informasi Hibah di Universitas Indonesia.
+
+---
+
+#### Teknologi
+
+1. Vue Js
+2. Npm
+3. NodeJs
+4. TypeScript
+5. JavaScript
+
+---
+
+#### Dokumentasi
+
+-----
+
+1. **Instalasi**
+
+   Untuk installasi berberapa hal yang harus dilakukan yaitu:
+
+   * Clone codebase Front End Grant pada [url](http://MzBudi@gitlab.ui.ac.id/ade.badr/UI-Dashboard-Frontend.git) `http://MzBudi@gitlab.ui.ac.id/ade.badr/UI-Dashboard-Frontend.git`
+
+   * masuk ke folder dengan cmd dan lakukan instalasi package dengan perintah `npm install`
+
+   * untuk menjalankan secara local, pindah branch ke development-local-api `git checkout development-local-api` dan pull dengan `git pull origin development-local-api`. untuk menjalankan secara production tetap di branch master
+
+   * Setelah semua beres jalankan perintah `npm run dev` dan app akan berjalan di browser
+
+     
+
+2. **Modification**
+
+   - Modifikasi yang telah dilakukan adalah melakukan hide input data form email alternatif pada aplikasi yang terletak pada `src/components/modules/elements/preview/proposal/IdentitasPengusulPreview.vue`  dan juga `src/components/modules/pengusul/hibahSaya/form/identitasPengusul/elements/IdentitasPengusul.vue` 
+     Untuk melakukan pengubahan ke semula dapat dihilangkan saja tag komentarnya `<!--`  & `-->`
+   - Perubahan endpoint dapat dilakukan di `src/endpoint.js`
+   - 
+
+3. **Deployment**
+
+   Deployment pada backend ini dilakukan pada VM yang telah disediakan, credentialnya adalah:
+
+   | **Key**           | **Value**                                                    |
+   | ----------------- | ------------------------------------------------------------ |
+   | `ip`              | `152.118.24.92:22`                                           |
+   | `username`        | `salman`                                                     |
+   | `password`        | `bismillah2020`                                              |
+   | `gitlab.ui.ac.id` | `http://MzBudi@gitlab.ui.ac.id/ade.badr/UI-Dashboard-Frontend.git` |
+
+   
+
+   Lokasi file front end ada pada `/var/www/ui-rima-frontend` untuk melakukan perubahan dapat dilakukan pull dari gitlab diatas. FE nya menggunakan docker dan git dan sudah ada file run.sh.  Untuk update FE tinggal
+
+   1. Push updatenya ke git
+   2. jalankan sudo sh run.sh
+
+   | **Command Name**      | **Command**      |
+   | --------------------- | ---------------- |
+   | Menjalankan App Grant | `sudo sh run.sh` |
+
+   Disarankan untuk melakukan notifikasi apabila ingin melakukan pembaharuan, karena selama masa run.sh , website tidak dapat diakses
\ No newline at end of file

Student Mobile App/Student Apps Back End Documentation.md

+# Student Apps Back End Documentation
+
+#### Definisi
+
+Student Apps Back End adalah aplikasi mobile yang dikembangkan oleh DSTI Universitas Indonesia dengan tujuan menggabungkan sistem Moodle(E-Learning), Back end ini dirancang sebagai jembatan yang menghubungkan database siak dengan Student Apps untuk mengeluarkan data yang diinginkan dengan parameter tertentu.
+
+---
+
+#### Teknologi
+
+1. NodeJs
+2. ExpressJs
+3. Node-Oracle
+4. JavaScript
+
+---
+
+#### Dokumentasi
+
+-----
+
+1. **Instalasi**
+
+   Untuk installasi berberapa hal yang harus dilakukan yaitu:
+
+   * Terlebih dahulu harus memiliki akun gitlab di gitlab.ui.ac.id dan menginstall module node oracle. untuk node oracle dapat dilihat pada [url]([oracle/node-oracledb: Oracle Database driver for Node.js maintained by Oracle Corp. (github.com)](https://github.com/oracle/node-oracledb))
+
+   * Clone codebase moodle mobile app pada [url](http://MzBudi@gitlab.ui.ac.id/MzBudi/ui-mobile-apps-backend.git)
+
+   * Masuk ke folder dengan cmd dan pindah branch ke staging `git checkout staging`
+
+   * Lakukan instalasi package dengan perintah `npm install`, setelah selesai jalankan perintah `npm run start`
+
+   * Untuk terkoneksi ke database diperlukan vpn dengan akses ke database SIAK supaya aplikasi dapat berjalan, atau dijalankan ke vm yang ipnya telah di whitelist ke SIAK
+
+     
+
+2. **Model dan Controller**
+
+   Back end ini dibangun dengan meniru konsep MVC dan mengalokasikan Routes sebagai View. untuk melakukan tracing alur pengambilan data dilakukan dengan urutan `routes -> Model controller -> model `
+
+   
+
+3. **Integrasi ESB**
+
+   Rencananya back end akan diintegrasikan dengan Sistem wso2 Api manager melalui ESB. dan saat ini baru sampai pada tahap ESB.  untuk ESB sendiri nama file .car yang di deploy adalah `core-ourUIMobileCompositeExporter_1.0.0.car`
+
+   
+
+4. **Integrasi Api Manager**
+
+   Pada Api manager saat ini masih dalam pengembangan pencarian jalan akses sso dan terkendala di alur get token yang baru yang masih dipelajari.
+
+5. **Deployment **
+
+   Deployment pada backend ini dilakukan pada VM yang telah disediakan, credentialnya adalah:
+
+   | **Key**           | **Value**                                                    |
+   | ----------------- | ------------------------------------------------------------ |
+   | `ip`              | `10.6.4.48:22`                                               |
+   | `username`        | `roni`                                                       |
+   | `password`        | `roni2020`                                                   |
+   | `gitlab.ui.ac.id` | `http://MzBudi@gitlab.ui.ac.id/MzBudi/ui-mobile-apps-backend.git` |
+
+   
+
+   Untuk login diperlukan akses vpn dari open vpn, folder penyimpanan file nodejs berada di direktori `ui-wso-backend` untuk melakukan pembaruan diharuskan melakukan push ke git dengan perintah `git push origin staging`  dan pull melalui vm dengan perintah `git pull origin staging`. berikut adalah command list untuk menjalankan aplikasi:
+
+   
+
+   | **Command Name** | **Command**                                    |
+   | ---------------- | ---------------------------------------------- |
+   | Start            | `sudo pm2 start index.js --name "Siak_Mobile"` |
+   | Restart          | `sudo pm2 restart Siak_Mobile`                 |
+   | Log              | `sudo pm2 log`                                 |
+   | Stop             | `sudo pm2 stop Siak_Mobile`                    |
+
+   
+

Student Mobile App/Student Apps V1 Docs.md

+# Student Apps Documentation
+
+#### Definisi
+
+Student Apps adalah aplikasi mobile yang dikembangkan oleh DSTI Universitas Indonesia dengan tujuan menggabungkan sistem Moodle(E-Learning), EMAS dan SIAKNG sehingga, user dapat menggunakan apps ini untuk e-learning, melihat record perkuliahan dan jadwal kuliah dalam satu aplikasi sekaligus. Aplikasi ini dikembangkan dengan codebase moodle mobile app open source Apache 2.0 dari [url](https://github.com/moodlehq/moodleapp) github milik moodle.
+
+---
+
+#### Teknologi
+
+1. Angular 5
+2. Ionic V3
+3. Moodle LMS
+4. SQLite
+5. Gulp
+6. TypeScript
+7. JavaScript
+
+---
+
+#### Dokumentasi
+
+-----
+
+1. **Instalasi**
+
+   Untuk installasi berberapa hal yang harus dilakukan yaitu:
+
+   * Clone codebase moodle mobile app pada [url](https://github.com/moodlehq/moodleapp)
+
+   * masuk ke folder dengan cmd dan lakukan instalasi package dengan perintah `npm run setup`
+
+   * pindah branch ke integration `git checkout integration`
+
+   * buka 2 cmd dan jalankan `npx gulp watch` dan `npx ionic-app-scripts serve -b --devapp --address=0.0.0.0` pada masing - masing terminal dan moodle akan berjalan pada http://localhost:8100/
+
+   * Dokumentasi lebih lengkap dapat dilihat pada [url](https://docs.moodle.org/dev/Setting_up_your_development_environment_for_Moodle_Mobile_2)
+
+     
+
+2. **Store Modification**
+
+   Moodle mobile app menggunakan SQLite yang digunakan untuk menyimpan data sementara. oleh karenanya perlu dilakukan modifikasi untuk menyimpan data yang dirasa perlu digunakan
+
+   - `src > classes` line 202 tambahkan custom table yang diinginkan. contoh `static APP_CUST_DATA = 'custom_data';` ini berfungsi untuk membuat table yang baru
+
+   
+
+3. **Credential**
+
+   Pada dasarnya App ini digunakan untuk Login ke website moodle yang telah di deploy, sehingga untuk login hanya perlu memasukan url dan username beserta password. namun untuk kasus DSTI diharuskan untuk double login yaitu ke website emas dan ke sso. supaya sso bisa digunakan untuk api student.
+
+   - Configurasi target website moodle
+
+     - Configurasi ada pada file `src > config.json` line 69. ubah `"siteurl": "https://school.moodledemo.net/"` dengan site yang diinginkan
+
+     - Modifikasi promise login `src > providers > sites.ts` ubah dengan promise api login tambahan dengan promise.all 
+
+       ![Gambar](C:\Users\MzBudi\Desktop\Login modif.PNG)
+
+     - Pada credential.ts `src > core > login > pages >credentials > credentials.ts` masukan data yang ingin dimasukan ke tabel pada line 243 dengan fungsi insertRecord yang telah dibuat pada line 296
+
+4. **Home**
+
+   Untuk mengganti Page setelah login `src > core > login > providers> helper.ts` line 794. gantilah dengan halaman yang diinginkan (Lazyloading), yang sebelumnya halamannya sudah harus dibuat terlebih dahulu, untuk contoh pembuatan halaman dapat dilihat pada `src > core> home`
+
+   
+
+5. **Pembuatan Halaman**
+
+   Untuk membuat halaman lain setelah halaman home terbuat dapat dilakukan dengan cara yang sama. menggunakan navpush(fitur ionic 3). Halaman custom pada app ini diantaranya adalah 
+
+   - Schedule : `src > core > schedule`
+
+   - Scedule-exam : `src > core > schedule-exam`
+
+   - Progress : `src > core > progress`
+
+   - Side-Profile : `src > core > side-profile`
+
+     
+
+6. **Alur Logout**
+
+   Pada dasarnya app bawaan moodle digunakan untuk menyimpan banyak website, dan dapat login kembali dengan memilih salah satu website yang tersimpan. oleh karenanya dimodifikasi supaya hanya dapat menyimpan 1 website dan ketika logout website terhapus.
+
+   Pengaturan ada pada `src > core > login > providers> sites.ts` pada line 1515 tambahkan `await this.deleteSite(siteId)`
+
+   dan untuk contoh trigger logout ada pada `src > core > side-profile > side-profile.ts` 
+
+   * `import { CoreSitesProvider } from '@providers/sites'` berfungsi untuk instansiasi fungsi site yang aktif
+   * Instance tersebut dimasukan kedalam konstruktor pada line 19 `protected sitesProvider: CoreSitesProvider` 
+   * kemudian fungsi untuk trigger logout ada pada fungsi logout line 23 yang isinya menjalankan fungsi dari instance `this.sitesProvider.logout();`
\ No newline at end of file