Sensor 1.Voltage Electric voltage in cable R,S and T got from sensor, and is expressed in volts. Method:Publish Topic {Location ID}/{Device Name}/volt/{volt} Parameter

1.Registration Method:POST URL https://192.168.0.01:1000/registration Parameter Name Type

# <center>Progressif Web Applications(PWAs)</center> --- ## Definition Progressive web applications (PWAs) are web applications that load like regular web pages or websites but can offer the user functionality such as working offline, push notifications, and device hardware access traditionally available only to native applications. PWAs combine the flexibility of the web with the experience of a native application. > *PWA is a web application that uses several modern technologies that make t

# PWA-Thariq Ramadhan ###### tags: `2019Intern` Mentor: Johnny - [x][Slide for your self-introduction](https://trello-attachments.s3.amazonaws.com/5aaf6083eb4deeda1831cfcc/5c44040c78b94c84731787a8/609cd5f5f4cb7d6d2280cc0becfb81f1/Introduction.pptx) - [x][Daily report](https://hackmd.io/g2fJ5UOPQRqTJgs2moptew) - [x][Slide for weekly report](https://hackmd.io/romGSyjZTkaWWDS9QLfxEw) - [x][Slide for final presentation](https://docs.google.com/presentation/d/1UT-4EZGfzEbbf3baFK3PZTUnCXQnHejXz7adn3

Daily Work === [01st July, 2019](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/HJ6PBC5eH) [02nd July, 2019](https://hackmd.io/OH9qLg3YS424CyVO2G8Niw) [03rd July, 2019](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/SJb8OR5eB) [04th July, 2019](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/BkEJg1ixr) [05th July, 2019](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/Hyvqx7neH) [08th July, 2019]( https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/BJnQofl-r) [09th July, 2019](https://hackmd.io/@IiIMng1LRROpF_v94VDNOw/S1xZ9wbWH

# 26st July Report ## Progress **09:20** - Entering BMW Lab and make final presentation. {%slideshare thariqramadhan/thariq-ramadhan-final-presentation %} **18:00** - Leave BMW Lab. ###### tags: `on-intern`

# 25st July Report ## Progress **09:20** - Entering room T2-202 for presentation. **13:00** - Discussion with team. ### Result + Repairman App need login page. + Attributes for register : fullname, company email, password, employe id, and photo. + There is need verification by company when employe register the app + API will be made by Mr. Johnny + Register + Login + Done Assigment + Today Assigment + Future Assigment + Arrival + Finish Report **18:00** - Leave

# 24st July Report ## Progress **08:40** - Entering BMW Lab. ### Add CSS style + Card In html change the code ```htmlmixed= <ion-card [ngClass]="{'card-today': !click, 'card-today-click': click}" (click)="openDetail()" tappable> <ion-item lines="none"> <ion-label slot="start"> <h2 [ngClass]="{'text-click': click}">Client Name</h2> </ion-label> <ion-label> <h2 [ngClass]="{'text-click': click}" style="text-al

# 23st July Report ## Progress **08:40** - Entering BMW Lab. ### Add CSS style + Card In html change the code ```htmlmixed= <ion-card [ngClass]="{'card-today': !click, 'card-today-click': click}" (click)="openDetail()" tappable> <ion-item lines="none"> <ion-label slot="start"> <h2 [ngClass]="{'text-click': click}">Client Name</h2> </ion-label> <ion-label> <h2 [ngClass]="{'text-click': click}" style="text-al

# 22st July Report ## Progress **08:20** - Entering BMW Lab. ### Learn About GitHub Desktop To see how to use GitHub step by step you can use [documentation](https://help.github.com/en/desktop). There is several term when you using git. + Remote Repo This is code store by git + Local Repo This is code store by your computer + Push Send data from your computer to git + Pull Send data from git to your computer + Commit Update change in local repo + Clone Copy code from git to your local repo(

====# 19st July Report ## Progress **08:20** - Entering BMW Lab. ### Add function to Add Picture In html add. ```htmlmixed= <ion-button *ngIf="!inputCamera" expand="full" (click)="compleRepair()">Comple Repair</ion-button> <ion-button *ngIf="inputCamera" expand="full" (click)="imageInput.click()">Comple Repair</ion-button> <input type="file" id="file-input" accept="image/*;capture=camera" style="display: none;" (change)="uploadImage($event)" multiple #

# 18st July Report ## Progress **08:50** - Entering room T2-202 to presentation. **09:30** - Presentation start **13:00** - Discusion with Johnny, Aldy, and Ian ## Result of discussion can see in Aldy Report https://hackmd.io/@muhamadaldy/Hy3skhpZH **16:00** - Add comment and report bug in the database to Johnny **18:00** - Leave BMW Lab. ###### tags: `on-intern`

# 17st July Report ## Progress **09:40** - Entering BMW Lab. ## Add Modal Page Added by following yesterday tutorial. ### Result <center> <img src="https://imgur.com/2XyGS8Y.gif" stye="height" 300px> </center> <br> ## Make second slide display first Add option in html. ```htmlmixed= <ion-slides [options]="slideOpts"> ``` Add in ts. ```typescript= slideOpts = { initialSlide: 1, speed: 400 }; ``` ## Add Button In html. ```htmlmixed= <ion-footer> <section class="full-widt

# 16st July Report ## Progress **09:40** - Entering BMW Lab. ## Make Repairman App Home Page To make page switch I use `ionic-slide`. ```htmlmixed= <ion-slides> <ion-slide> <!-- ... item ... --> </ion-slide> <ion-slide> <!-- ... item ... --> </ion-slide> <!-- ... more slide ... --> </ion-slides> ``` For item i use ionic card ```htmlmixed= <ion-card class="card-future"> <ion-item lines="none"> <ion-label slot="start">

# 12st July Report ## Progress **09:10** - Entering BMW Lab. ## Add Aldy API Add header ```typescript= import { DispenserAPIService } from 'src/app/services/DispenserAPI/dispenser-api.service'; ``` In maintenance record page ```typescript= let getAPI = await this.api.getDispenserMaintenance(this.selectedDeviceId); ``` In report problem page ``` typescript= this.api.reportProblem(this.fileImage, this.Device_ID, this.Email, this.ErrorType, this.Description); this.api.w

# 11st July Report ## Progress **09:25** - Entering BMW Lab. ## Research about Develop PWA in Ionic Result : https://ionicthemes.com/tutorials/about/the-complete-guide-to-progressive-web-apps-with-ionic4 https://www.joshmorony.com/create-a-pwa-with-angular-service-workers-in-ionic-4/ **12:30** - Comment my code and add function to display background image base on device id. **16:00** Read Develop PWA in Ionic ## Develop PWA in Ionic To test PWA use [Lighthouse](https://developers.goo

# 10th July Report ## Progress **09:10** - Entering BMW Lab. **09:20** - Presentation in room T2-202 **13:00** - Combine code with Ian and Aldy **16:00** - Learn about GitHub from Ian, edit some CSS, and limit size function **18:00** - Leave BMW Lab. ###### tags: `on-intern`

# 9st July Report ## Progress **09:00** - Entering BMW Lab. ### Improving upload image function Image Upload function now can: + Display the image that will be uploaded + Delete the image that will be uploaded + Limit upload to three image To make this function add in some code in page. **report-problem.module.html** ```htmlmixed= <div class="imageContainer"> <h4 lines="none" style="margin: 5px; width: 250px;"> Upload image optional </h4> <div *ngIf="url[0]!=null" c

# 8st July Report ## Progress **09:15** Entering the BMW lab. ### Change POST to format-data and Add input file Finish, I can upload data to database in format-data and i can upload image to. But i can only upload 1 image. I add some logic in alert message when user fill report problem incorect and POST when user want to know status of dispenser. **report-problem.page.ts** ```typescript= import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http';

# 4th July Report ## Progress **09:00** Entering into lab. ### Update HackMD and Trello from 1st to 3rd July - HackMD Finish. - Trello Finish. **10:20** Testing Upload image in ionic. ### Testing Upload Image in Ionic - Able to solve bug in tutorial. - But, failed to upload because use cordova library. So i will find tutorial for angular library. **13:00** Improving report problem page. ### Improving Report Problem Page - Change json file to send - Able to use fill logic in form - Faile