1 of 45

Mobile Team

ICON

WORKFLOW DOCUMENT

Version : 1

2 of 45

Jobs Description and Skill

3 of 45

Junior Skill

  1. สามารถเขียน Application IOS (Swift) , Android (kotlin) หรือ Cross Platform (Flutter หรือ React) ได้
  2. มีความเข้าใจในวิธีและขั้นตอนต่างๆในเรื่อง Store สามารถนำ Application ขึ้น Store ได้
  3. สามารถใช้ Source control เช่น gitlab หรือ github ได้
  4. มีความรู้ในเรื่อง API และสามารถเขียน Application เชื่อมต่อกับ API ได้

4 of 45

Senior Skill

  • สามารถเขียน Application IOS (Swift) , Android (kotlin) หรือ Cross Platform (Flutter หรือ React) ได้
  • มีความเข้าใจในวิธีและขั้นตอนต่างๆในเรื่อง Store สามารถนำ Application ขึ้น Store ได้
  • สามารถใช้ Source control เช่น gitlab หรือ github ได้
  • มีความรู้ในเรื่อง API และสามารถเขียน Application เชื่อมต่อกับ API ได้
  • สามารถออกแบบ API ตาม UX/UI ได้
  • สามารถแนะนำหรือข้อจำก้ดต่างๆให้กับทาง UX/UI ได้
  • มีความเข้าใจใน Library ที่ใช้กันทั่วไป เช่น Map, Analytic หรือ Payment gateway ต่างๆ

5 of 45

Leader Skill

  • สามารถเขียน Application IOS (Swift) , Android (kotlin) และ Cross Platform (Flutter หรือ React)
  • สามารถให้คำแนะนำและหาวิธีแก้ปัญหาต่างๆให้กับทีมได้
  • มีความเข้าใจในวิธีและขั้นตอนต่างๆในเรื่อง Store เป็นอย่างดี
  • สามารถใช้ Source control เช่น gitlab หรือ github ได้
  • มีความรู้ในเรื่อง API และสามารถเขียน Application เชื่อมต่อกับ API ได้
  • สามารถออกแบบ API ตาม UX/UI ได้
  • สามารถแนะนำหรือข้อจำก้ดต่างๆให้กับทาง UX/UI ได้
  • มีความเข้าใจใน Library ที่ใช้กันทั่วไป เช่น Map, Analytic, Firebase หรือ Payment gateway ต่างๆ
  • วางแผนและออกแบบระบบในการสร้างระบบงานใหม่ๆได้
  • ติดตาม Technology และอัพเดทสิ่งใหม่ๆตลอดเวลาเพื่อให้ตามทันกับสิ่งที่เปลี่ยนแปลง

6 of 45

WorkFlow

7 of 45

CUSTOMER

BU or PM

SA

PROGRAMER

DESIGNER

DESCRIPTION

DOCUMENT

Requirement

Document (BRD)

Functional Design

Document (FDD) ver 0.1

Layout Wireframe

User Flow Document

Edit FDD

Check

Timeline Document

Customer Flow Document

Customer Checkpoint

Document (1)

Functional Design

Document ver.1

Design Functional Document

FDD + Design Functional Document + TD/CFD

Customer signature confirm Document

Meeting : Get Requirement

8 of 45

ประชุม kick off โครงการ โดย BU หรือ PM และเมื่อรวบรวม requirement จากลูกค้าแล้ว PM จะต้องทำเอกสาร Business Requirement Document

SA จะทำความเข้าใจความต้องการของลูกค้าผ่าน BRD ของ PM และเรียบเรียงใหม่เป็นเอกสาร Functional Design Document ซึ่งเพิ่ม spec และรายละเอียดของฟังชั่นต่างๆ ในหน้า app ให้ Developer ทำความเข้าใจ และใช้ส่งให้ลูกค้าตรวจ

เมื่อ Developer ได้ทำความเข้าใจงานจาก FDD ของ SA แล้ว ทาง Developer จะประชุมร่วมกันกับ SA เพื่อความเข้าใจในทิศทางเดียวกัน ซึ่งอาจจะทำให้เกิดการปรับ FDD ได้

เมื่อได้ FDD ที่แต่ละฟังชั่นของ App ผ่านการทำความเข้าใจจากทีม Developer แล้ว จะถูกส่งให้กับ Designer เพื่อออก Wireframe ทุกๆ หน้าของ App ตาม FDD ดังกล่าว

ขณะเดียวกัน PM จะออก Timeline จาก FDD และการหารือกับทุกคนในทีมเพื่อส่งให้ลูกค้า

ลูกค้าจะได้รับการรายงานความคืบหน้าของโครงการ และเอกสารทั้งสามชุดเพื่อความเข้าใจที่ตรงกัน คือ 1. FDD 2. Timeline 3. Wireframe (Design Functional Document)

คำอธิบาย Workflow

1.

2.

3.

4.

5.

6.

9 of 45

CUSTOMER

BU or PM

SA

DEVELOPER

DESIGNER

DESCRIPTION

DOCUMENT

Final Design

Document , API Document

Customer Checkpoint

Document (2)

Working

Edit FDD => FDD 1.2

Test Case

Document (UAT)

Confirm

FDD and Final Design

Check

Check

Working

Internal Full Test

Confirm�Test Case

Customer Checkpoint

Document (3)

Test Case follow FDD

Check

Customer signature confirm Document

10 of 45

เมื่อลูกค้าเข้าใจทุกฟังชั่นของ App ผ่าน Wireframe และยอมรับขอบเขตการทำงานดังกล่าว Designer จะพัฒนาหน้า Interface จริงจาก Wireframe ครบทุกหน้าต่อไป

SA, PM และลูกค้าจะได้ตรวจหน้า Interface จริงทุกหน้าอีกครั้งว่าครบตามความต้องการหรือไม่ โดยอ้างอิงจาก FDD ตัวล่าสุด

เมื่อได้ Final Design และ FDD ล่าสุดแล้ว ทีม Developer จะเริ่มกระบวนการ Coding ทั้งหมด รวมถึงการทำ Internal Test ต่างๆ

คำอธิบาย Workflow

7.

8.

9.

11 of 45

CUSTOMER

BU or PM

SA

DEVELOPER

DESIGNER

DESCRIPTION

DOCUMENT

Confirm

Product

User manual

Document

Training

Document

Confirm�Training Case

Customer signature confirm Document

12 of 45

หลังจากที่ลูกค้าได้ทดสอบ App แล้ว หากมีการปรับแก้เล็กน้อย ทาง PM หรือ SA จะประสานกับทีมพัฒนาแก้ไขและส่งให้ตรวจใหม่ แต่หากมีการปรับแก้ขนาดใหญ่ (Major Change) ทางลูกค้า, BU และ PM จะต้องประชุมกันเพื่อขยายปรับแก้ Timeline และย้อนกลับไปทำข้อ 6 ใหม่

หากลูกค้าทดสอบและยืนยันเอกสาร Confirm Product กับมาว่า App เสร็จสมบูรณ์แล้ว ทางทีมจะจัดทำ Deployment รวมถึงจัดทำคู่มือการใช้งาน และนัดอบรมการใช้งานต่อไป

คำอธิบาย Workflow

10.

11.

13 of 45

User

Programer

Designer

ICON PM�or Headdev

problem

problem

  • Miss Bell(UX/UI)
  • Miss Numfa (Designer)
  • Mr. Arthit Pongjaraspan (IOS Developer, SA)
  • Mr. Patinya Aiemwan (Android Developer)
  • Mr. Akekapon Suebprom (Flutter)
  • ICON TEAM ( Back-Office and Database)

Developer Consult

ICON

Consult or Support

SPACE

14 of 45

Service หรือ Account ที่ทาง Developer ที่ต้องมี

Google Mail

  • User and Password

Google Console

  • Google Maps SDK for iOS
  • Google Places API for iOS
  • Google Maps Android API
  • Google Places API for Android

Firebase Console

  • Cloud Messaging
  • Analytic

Apple Developer ID

  • User And Password

Android Developer ID

  • User And Password

* ต้องดำเนินการให้สิทธิ์ทางเราเข้าไปดำเนินการใน Service หรือ Account ต่างๆได้

15 of 45

Product

16 of 45

Customer Portal

INFORMATION��Application สำหรับลูกบ้าน อำนวยความสะดวกสบายให้กับลูกบ้าน ในเรื่องการจ่ายงวดดาวน์ ดูข้อมูลหรือข่าวสารต่างๆจากทางโครงการ

Smartsales

DEVELOPMENT - TIME

Custom : ~ 90 Day

Standard : Not standard

Document : Link

3rd Party

Google : Firebase, Map, Realtime Database ฯลฯ

Payment Gateway : Omise, 2c2p

Microsoft : Azure

INFORMATION

�Application สำหรับ Sales ช่วยในการติดตามกลุ่มเป้าหมาย

DEVELOPMENT - TIME

Custom : ~ 90 Day

Standard : 10 Day

Document : Link

QC Inspect

INFORMATION

�Application สำหรับผู้รับเหมาะ กับ Developer ใช้สำหรับตรวจงานก่อนสร้าง

DEVELOPMENT - TIME

Custom : ~ 60 Day

Standard : 10 Day

Staff

INFORMATION

�Application สำหรับพนักงาน เพื่อใช้อำนวยงานภายในหน่วยงาน

DEVELOPMENT - TIME

Custom : ~ 60 Day

Standard : 10 Day

17 of 45

PRODUCT PLAN

2022

Smart Sales 2.0 (Flutter)

Staff Application (Flutter)

QC Inspect

  • OCR ID-Card
  • New design
  • Sales Kit
  • Document
  • Plan 2.1 ( Promotion and Booking payment )
  • Review code
  • Postman
  • Document
  • Merge QC CM
  • Dashboard
  • Postman
  • Document
  • Send Document to Digital Mortgage

Customerportal

  • Design Authentication
  • Design Authorization
  • Plan 2023 : Improve API

04/2022

10/2022

06/2022

12/2022

18 of 45

Present

19 of 45

SYSTEM

REM

PM

CM

API

Mobile System

20 of 45

Staff Application

Metar

CRM

PM

API

API

Audit

Sale Order

API

REM

Lead

TotalOrder

21 of 45

Create Contact

Create Activity (Working)

Create Opportunity

Name

Lastname

Mobile

Email

Submit

STEP : CREATE CONTACT

Web backoffice

Application

22 of 45

23 of 45

Staff Application Plan

  • Audit
  • Property List
  • Sustainability
  • Preventive
  • Pet
  • Meter
  • Parcel
  • Work Follow Up
  • Defect / Complain

Phase 1 (Ready)

  • Dashboard
  • Graph report

Phase 2 (Waiting API)

  • Send Document �to Digital Mortgage

  • Firebase Analytic

Phase 3�(30/06/2022)

24 of 45

Staff Application Plan

Phase 2 : DASHBOARD (version 1.1)

Manday : หลังจากได้ API และ View 2 อาทิตย์

25 of 45

Smart Sales

  • Project Information
  • Lead
  • Contact
  • Opportunity
  • Activity
  • Call, Line and Email
  • Unit matrix
  • Lock unit
  • Log
  • Sales Kit

Standard 2.0

30/05/2022

  • OCR
  • Inbox
  • Notification

Version : 2.1

(30/07/2022)

  • Promotion
  • Payment Booking

Version : 2.2�(30/10/2022)

26 of 45

Application Plan

04

06

01

12

05

08

09

10

07

11

Staff

( Phase 1,2 )

Smart Sales

( Standard V 2.0 )

Smart Sales

( Standard V 2.1.1 )

Smart Sales

( Standard V 2.1.2 )

QC Inspect

( Standard V 1 )

OCR

ALL

Smart Sales

( Standard V 2.2 )

2023

2022

Done !

ยังไม่ Confirm

27 of 45

Development Time (New Module)

Deadline

API

Before 2–3 Week

Mobile

Design

1 Page / 2 Manday

28 of 45

Development Time (Duplicate New Site)

Deadline

API

Before 10 Manday

Mobile

Back-End

29 of 45

PRODUCT PLAN (Concept)

2022

คำอธิบาย Workflow

Target : Smartsales, Staff Application, QC Inspect

Standard Code

  • ทุกคนในทีมสามารถแก้ใขได้ ใน Project ที่เป็น Standard

Standard Widget

  • สร้าง Widget และ Library กลาง เพื่อให้ทุก Application Standard ใช้งานร่วมกัน

Document Online

  • Developer : สอนวิธีใช้งาน Widget และ Library เพื่อให้ทุกคนในทีมสามารถ
  • Marketing and User : เอกสารเบื้องต้น การใช้งาน

* เพื่อให้สะดวกในการถ่ายงาน หรือมีพนักงานใหม่ในการใช้งาน

30 of 45

3rd Party

OMISE

2C2P

Google

Map, Analytic , Firebase, Realtime Database,

Other

Azure

Choco

31 of 45

Module OCR

  1. Floor Plan Product : Booking online, Smartsales and REM�Description : อำนวนความสำดวกในการใช้งาน และมีหน้า VIew ในรูปแบบ Plan ให้สามารถคลิ้กใช้งานได้เลย����
  2. For scan ID-Card Product : Smartsales�Description : ลดความผิดพลาดและเวลาการกรอกข้อมูลลงระบบ สามารถเปิดกล้องสแกน ID Card ได้เลย

32 of 45

Module OCR : Floor Plan

Admin

Upload Plan

+

A108

Available

33 of 45

Module OCR : Floor Plan

"body": {

"images": "https://uptoyou.life/test/ocr.png",

"width": "2400",

"height": "1697",

"url":"https://uptoyou.life/test/floorplan/floorplan.html",

"pin": [

{

"unit_number": "#A234",

"x": "7.75",

"y": "47.31879787860931",

"width": "2.125",

"height": "0.648202710665881",

"color": "#6AA84F",

"url": "https://openurl",

}...]

#A234

Duplex

2 Bed Room

34 of 45

Module OCR : Floor Plan

"body": {

"images": "https://uptoyou.life/test/ocr.png",

"width": "2400",

"height": "1697",

"url":"https://uptoyou.life/test/floorplan/floorplan.html",

"pin": [

{

"unit_number": "#A234",

"x": "7.75",

"y": "47.31879787860931",

"width": "2.125",

"height": "0.648202710665881",

"color": "#6AA84F",

"url": "https://openurl",

}...]

API Status

API Floor Plan

35 of 45

Module OCR : Floor Plan

"body": {

"images": "https://uptoyou.life/test/ocr.png",

"width": "2400",

"height": "1697",

"url":"https://uptoyou.life/test/floorplan/floorplan.html",

"pin": [

{

"unit_number": "#A234",

"x": "7.75",

"y": "47.31879787860931",

"width": "2.125",

"height": "0.648202710665881",

}...]

API Floor Plan

"body": {

"title": "สถานะห้อง",

"status": [{

"title": "ห้องว่างพร้อมขาย",

"color": "#6AA84F",

"amount": "54",

}...],

"pin": [{

"unit_number": "#A234",

"color": "#6AA84F",

"url": "https://openurl",

}...]

API Status

MAP

36 of 45

Module OCR : For Scan ID Card

Upload Plan

+

ID Card

First name

Last name

: xxxxxxxx

: Icon

: framework

37 of 45

Technology Improvement

2023

  1. Dotnet Asp 4.8 -> Dotnet Core
  2. Front End :

- Memcache and Filecache

- Page Speed test

  • Standard Authentication and Authorization
  • Code Layer : Database -> Library -> API
  • Developer Flow : Frontend | API | Backend
  • Document : Library and API
  • Image Server

  • REM , CM Onplan

  • Digitalmortgate (Success) (03/23)
  • REM (on Plan)

38 of 45

TARGET PLAN

2023

Agency Hub

(Role Model)

REM

CM Rental PM

New Product

39 of 45

PRODUCT PLAN

2023

Smartsales / QC Inspect

Design Standard API

Agency Hub

  • Notification
  • Floor Plan
  • Promotion
  • Marketing Information
  • Front End
  • Backoffice
  • Service
  • Test
  • User Manual
  • Authentication
  • Authorization
  • Library
  • API
  • Document

REM V5

  • UX/UI

04/2023

09/2023

06/2023

12/2023

40 of 45

Expected Benefits

2023

  • Not waiting people.
  • People’s expand learning.
  • Move on other product.
  • Document and Standard Structure

41 of 45

Document

2023

  • Business Requirement Document ( PM )
  • Blueprint ( SA )
  • Wireframe ( UX / UI )
  • Functional Design and Data Dict ( SA )
  • UX / UI Document ( UX / UI )
  • API Spec ( Developer )
  • Check List ( Developer )
  • User Manual ( QA )

42 of 45

CUSTOMER

BA or PM

SA

DESIGNER

PROGRAMER

DOCUMENT

1. Requirement

Document (BRD)

2. Blueprint �* Check List / Test Case

3. Wireframe

User Flow Document

Timeline Document

6. UX / UI Document

Customer signature confirm Document

Meeting : Get Requirement

4. Functional Design & Data Dict Document

5. API Spec

* ER Diagram

QA

43 of 45

CUSTOMER

BU or PM or Consult

SA

DESIGNER

PROGRAMER

QA

Customer signature confirm Document

UX / UI Document

7. Check List / Test Case

DOCUMENT

8. User manual

9. ER-Diagram

UAT

Support After Go-Live (Dev Ratio)

UPLOAD PRODUCTION

Go-Live

44 of 45

  • Dotnet Asp 4.8 -> Dotnet Core

  • Front End :

- Memcache and Filecache

- Page Speed test

  • Standard Authentication and Authorization

  • Code Layer : Database -> Library -> API

  • Developer Flow : Frontend | API | Backend

  • Document : Library and API

  • Image Server
  • Digital mortgage
  • QC Inspect
  • REM 5.0

  • Switch Language

Now

Plan (11/2022)

On plan (2024)

On plan (2024)

Final (03/04/2023)

Design Complete (01/2023)

Design Complete (03/2023)

Design Complete (03/2023)

Complete (01/2023)

On plan (04/2023)

On plan (06/2024)

On plan (04/2023)

45 of 45

  1. เข้าไปเรียนรู้ทุก Product Plan

PM, Rental, Digital Mortgage, CM