🍳 넥사크로 모바일

🎈 모바일 기본

• 모바일 개발 방법

1. Native App
2. Mobile Web
3. Hybrid App

🎈 UI 기획

모바일은 작은 화면에 우선 채울 것을 고민하고 결정한 후 화면 크기가 커짐에 따라 채워야 할 것을 전략적으로 설계 해야한다. PC 버전은 많은 정보를 담는다.

🎈 콘텐츠 최적화

• 반응형 웹(RW) : position 속성 설정으로 대응
• 적응형 웹(AW) : MLM 기능으로 대응

🎈 MLM

• Layout 추가

1. Form 화면 “+” 버튼을 클릭
2. screenid 값을 Phone_screen
3. Width, height 값을 768, 480
4. Mobileorientation 값을 landscape
5. 추가 된 Layout 확인

※ Properties(Form) > screenid > 모바일, PC 선택하면 반응형이 되지만 비효율적이다.

🎈 DeviceAPI 카메라 연동

🎁 DeviceAPI

전화걸기, SMS, Audio 와 같이 무선 단말기기에 특화된 기능을 넥사크로 스튜디오에서 Invisible 오브젝트 형태로 제공

🎁 카메라 연동

• Objects > DeviceAPI.json > nexacro.Camera 추가
• takePicture 메서드 : 모바일 기기의 카메라 앱을 구동시켜 이미지를 얻음
• 카메라 기능은 모바일 웹에서 사용X, Native App와 Hybrid App에서 사용 O

🎈 App Builder를 이용한 앱 생성

애플리케이션을 App Builder를 이용하여 Android, iOS의 앱으로 손쉽게 빌드할 수 있다. 또한,
빌드한 앱을 모바일 디바이스에 직접 설치하고 동작하는 것을 확인할 수 있다.

🎁 Hybrid App

• DePloy > Packing > Android, iOS/PadOS 체크
• 버전 정보는 start.JSON 파일 맨 하단 deploy에 있음