I will explain the definition method, test, and operational constraints for smartphones.
Example of operation
Here we will introduce applications that can register "business daily report" via mobile phone.
Use the web browser provided with the smartphone.When logging on to the Web application, the logon screen as shown in Fig. 1 is displayed.
Figure 1 Logon screen
The URL entered from the web browser of the smartphone is the same as the PC.
(Example http: // MACHINENAME: 8921/wagby /)
When Wagby identifies a connected device and judges it as a smartphone, it automatically displays the screen for smartphone.
· Do not omit the "/" at the end of the destination URL above.
· Do not add "logon.do" to the above connection destination URL.
For example, if you specify http: // MACHINENAME: 8921/wagby/logon.do, the PC version screen will be displayed.
Enter your account and password and press the logon button.
Figure 2 Logon authentication
A menu for smartphones is displayed.
Figure 3 Menu
On the list display screen, "Detail" button is prepared for each data.
Figure 4 List display screen
On the detail display screen, item names and values are displayed side by side.It is not a screen layout for PC but a simple layout.
Fig. 5 Detailed display screen
You can also update it.Selection in the list box and input of text characters are also supported.
Figure 6 Update screen
Figure 7 Select time in the list box
You can also use list box etc for searching process.
Figure 8 Search condition input screen
The example screen uses iPhone (iOS), but it works in Android OS as well.
Display the PC screen
At the bottom of the logon screen there is a link to switch between PC and mobile.If you select a PC here, you can display the PC screen on the smartphone.
Figure 9 Switching link provided at the bottom of logon screen
An example of displaying the logon screen for PC.
Figure 10 Displaying the logon screen for PC
An example of displaying the menu screen for PC.
Fig. 11 Display of PC menu screen
If it is set to landscape orientation, screen drawing also switches accordingly.An example of displaying the calendar view.
Figure 12 Displaying Calendar View for PC
We will prepare a new submodel dailyreportMobile for the PC "dailyreport" model.Submodels are created to avoid constraints on smartphones and mobile phones.(The constraint will be described later.)
How to create a submodelHerePlease read.The main model and submodel always have the relationship as follows.
Main model> Sub model
Figure 13 Relationship between main model and submodel
Figure 14 Business Reporting Model (Main Model and Submodel)
On the submodel side, set items that avoid the restrictions of mobile phones.Here, "items" are excluded.
Figure 15 Definition of Submodel
We will set up the main model with "model relevance".
In addition, on the submodel side, "Enable smartphone/Mobile correspondence screen creation" is enabled.
Figure 16 Setting to designate the main model and create smartphone/mobile compatible screen
It is also possible to set "create smartphone/portable correspondence screen" in one model definition without preparing submodel.In this case there are concerns that it will be difficult to use screen on PC because there are restrictions of smartphone.Therefore, when using from a smartphone/mobile phone, it is desirable to prepare a submodel.
Test on development PC
Connect smartphone to the same LAN as the development PC (via Wi-Fi). Please connect to the Wagby application (launched on the development PC) from the Web browser attached to the smartphone.
Testing in production environment
Connect to the application built with Wagby from the outside using the line provided by carrier (NTT docomo, KDDI, Softbank).
Please set so that you can connect the production machine from the Internet.You can not connect from the Internet if it is closed on the company LAN.
Please consult Wagby sales partner about the setting of the production machine to connect from the Internet.
Since smartphones need different screen operability from PCs, they behave differently from PC version.
Screen action definition that does not work
Display in printed form
List display (grid format)
Batch form output
Send bulk mail
CSV/Excel upload update
Full text search
Handle the search/list display screen on the same screen
Copy registration button on search/list display screen
Item definition not working
Item Type: Model Reference (Search Screen)
Item type: Calendar can not be entered for date.Date only in list box.
Write-once type list box
Foreign key child model linkage
Other functions that do not work
Narrow down items
Complex layout definition such as side by side and vertical arrangement
Management processing menu (for administrator)
Common processing (password change etc.)
Password reminder function
List update screen for changing the contents of option model
As shown in Fig. 10 to Fig. 12, when the PC version screen is applied as it is, it is almost the same as the PC version.However, file downloading and uploading will not work.
Specification difference from PC version
Handling of "file type item" is different.On Android OS, you can select and send photos on the registration/update screen.Although browsing is possible on iPhone OS, it is not compatible with registration/update.Mobile phones can not handle file types.
After the search button is pressed, if there is a search result, it transitions to the list display screen.For this reason, the "to list view" button is not displayed.
If you are conducting the search process right after the search screen transition and there is a search result, if you select "○ ○ search" in the menu, the search screen is not displayed and the screen transitions to the list display screen.
If you want to always display the search screen from "○ ○ search" in the menu, it is necessary not to perform the search process immediately after search screen transition.
The display position of the action button is fixed up and down.Deletion/Mail send button is set to display at the bottom.
Default on using iPad is PC screen
The standard when operating Wagby application using Safari of iPad is "Screen for smartphone".I will explain how to change this to a PC screen.
Open the following file wagbyapp \ webapps \ project identifier \ WEB-INF \ classes \ browsertype.properties with a text editor.For the following three lines, remove the leading comment character "#".