16
www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

Embed Size (px)

Citation preview

Page 1: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Going NativeNative Application Integration

AttachmentsCamera

GPSMail

MapsPhone

Voice Input

Page 2: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Attachments

Page 3: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Attachment Controls• Develop a custom control that is bound to a

document instead of a field, displaying all attachments without needing to know which fields contain attachments.

• For smartphones: Show minimal amount of information about each attachment (attachment name only).

• Use the FileRowData class to represent each attachment for consistency with XPages File Download Control.

• Consider the differences between XPages URL syntax and standard Domino URL syntax for attachments

Page 4: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Camera

Page 5: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Camera Integration• <input type=‘image’ will trigger mobile devices

to interact with the native camera application.• Choices are provided to use an existing photo or

take a new photo.• Show thumbnails of the photos already

uploaded as a way of visually confirming progress.

Page 6: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

GPS

Page 7: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

GPS Integration• Javascript library geolocation.js used

to enable location services on the mobile device.

• The Google Maps API can then be used to translate the geo coordinates to address information.

• Develop a custom component to provide address information when creating new content.

Page 8: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Mail

Page 9: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Mail Integration• Use mailto: protocol as part of a URL

link to cause mobile device to connect to native mail application.

• Incorporate this inside a standard component or custom control.

Page 10: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Maps

Page 11: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Map Integration•Create a URL link with specific URLs for iOS

and Android devices.• Latitude/longitude coordinates can be used

or traditional street addresses.• Incorporate this inside a standard component

or custom control.•Consider modifying applications to

consolidate address components into a single field, or develop a control capable of accepting multiple address components.

Page 12: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Phone

Page 13: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Phone Integration•Use tel: protocol protocol as part of a URL link to

cause mobile device to connect to native phone application.• <Input type=‘phone’ will ensure edit controls

will display a keyboard consistent with entering phone numbers.• Incorporate this inside a standard component or

custom control.

Page 14: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Voice Input

Page 15: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Voice Integration• Many mobile devices include voice input

as an alternate to entering text (e.g. Siri on iOS).

• XPages text controls automatically support this capability provided:-– The capability is supported on the mobile

device– The capability has been enabled

• Provides an alternative for entering large amounts of text.

Page 16: Www.redpilldevelopment.com learn. do. dream. Going Native Native Application Integration Attachments Camera GPS Mail Maps Phone Voice Input

www.redpilldevelopment.comlearn. do. dream.

Going NativeNative Application Integration

AttachmentsCamera

GPSMail

MapsPhone

Voice Input