|
|
|
|
|
|
|
|
|
|
- Overview
- How to?
- Specific programming features
- Tips
Developing sites for specific platforms
Websites can be displayed on many devices (Android, iPhone, etc.), but these devices feature smaller screens compared to desktop computers. You can adjust how elements are displayed on mobile devices by using layouts, zoning, etc. WEBDEV also lets you define the display mode for each page of the site on mobile devices. You can create specific sites for Apple devices (iPad or iPhone). To develop sites for specific platforms, the following operations must be performed in each page of the site: - Open the page description window: on the "Page" tab, in the "Description" group, click "Description".
- In the "UI" tab, define :
- display mode on mobile devices: You can:
- Display page at 100%. It may overflow the screen.
In this case, you can specify if the user can change the zoom. You can also specify the maximum and minimum zoom values. - Adjust zoom so that the page fits the screen (horizontally):
In this case, zoom will be automatically set according to the size of the mobile device.
- options for iOS web apps.
- Hide address bar: Allows you to hide or show the address bar.
- Full screen: Allows you to indicate that a page of a site must be displayed in full screen on the iPhone.
In this case, you have the ability to choose the display mode of the status bar of Safari (bar found at the top of the screen indicating the battery load, the time, etc.). The available options are as follows:- "Default": the bar is displayed with the default color
- "Black": the bar is displayed with a black background
- "Translucent black": the bar is displayed with a black background and a reduced opacity, the site is visible through the bar.
- Application icon: Used to specify an icon, if a shortcut to the site is created on the iPhone home screen.
- Splash screen: Used to specify the image used for the splash screen. This option is taken into account if a shortcut to the site is created on the iPhone home screen. This image must be 320 by 460 pixels in size to be taken into account by the phone.
Specific programming features The method for developing a site for iPhone is identical to the method for developing a standard site. Some programming features are specific to the development for iPhone. You have the ability to make a phone call directly from a site: in the URL of the link used to make the phone call, specify "tel:" and the phone number. For example: // Phone
MAP_PHONE.URL = "phone:" + CUSTOMER.Phone You also have the ability to display the Google Maps corresponding to the address of the customer directly from his form: in the URL of the link, specify "http://maps.google.com/maps?q=" followed by the address of the customer.
For example: // Geo-localization
MAP_TGMAP.URL = "http://maps.google.com/maps?q=" + ...
URLEncode(Customer.Address + " " + Customer.City + ", " + Customer.Country) Tips - Use iPhone-specific page templates.
- Reduce as much as possible the weight of the images on the site. Large images, Flash animations or videos may slow down the page loading time.
- Use anchors to manage the different orientations of the iPhone.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|