Transcription

1 Designer Manual Web-N Server. (Push Alarm Message for Smartphone) N-Designer Ver. :..3 Create Date: Revision Date: 네트란

2 How to setup push-alarm-message To use the function to receive push alarm messages from your smartphone, you can set them in the order shown.. Setting up from the Google firebase homepage. N-Server Manager program settings 3. Smartphone app settings 4. N-Designer Settings 5. Check the operation after publishing the project

3 . Setting up from the Google firebase homepage ) Go to the Google firebase homepage ( )and click Login and Start button. Access the homepage. Click the [Get Start] button 3

4 ) Click [Add Project] button. 4

5 3) Set the project name and country and click the [Create Project] button. 3 Enter the project name. Set your country. 3 Click the [Create Project] button.. 5

6 4) Click the Settings icon on the left and click the Project Settings menu. Click the setting icon. Click the Project Settings menu. 6

7 5) Click the cloud messaging menu, copy the server key, and paste it into the N-server manager program push menu. If the server key is not generated, click the [Add Server Key] button on the right to generate the server key. 4 3 Click the cloud messaging menu. 3 Copy the server key and paste it into the N-server manager program push menu. 4 Smartphone Push ID 5 If the server key is not generated, click the Add Server Key button on the right to generate a server key. 7

8 . N-Server Manager program settings ) Copy the server key and paste it into the N-server manager program push menu Click Settings menu. Click the push menu. 3 Check the usage. 4 Paste the copied key. 5 Click the Save button. 6 The save success message is output. 8

9 ) After copying the server key, stop all services and execute all again. Click [All Stop] button to stop the service. Click the [All Run] button to execute the service. 9

10 3. Smartphone app settings ) Run the Webn app on your smartphone and log in by entering your username and password. Enter the ID and password created in the User Editor menu of the N-Designer program. 0

11 ) Click [Settings icon] on the left side of the smartphone screen.

12 ) Click the Edit Push ID menu. Push ID input menu IP set in your PC

13 3) Input Push ID. (You can enter the [Sender] ID that is displayed on Google fire base.) Smartphone push ID 3

14 4) In the Host field, enter the IP address of the PC. (Internal fixed IP or public IP) 4

15 4. N-Designer Settings ) Create a project in the designer to generate an alarm and generate a monitoring page. Here we draw a rectangle and a button for simple testing. Rectangle button 5

16 ) Create some analog tags in the tag editor. (For example, let s generate an analog tag alarm.) Select one of the created tags to check the alarm and click the [Use] checkbox. Click Alarm, Alarm (Analog) in the top menu to display the alarm setting menu. Set the HH, H, L, LL setting range of analog alarm Click the tag to set the alarm. Click the Alarm menu. 3 Click Alarm (Analog). 4 Check [Use.] 6 Set alarm (analog) [HH], [H], [L], [LL]. 6

17 3) To check the alarm on the screen, double-click the rectangle to set the fill color change animation Fill color change animation setting. Select [TAG00006]. 3 Click [Add icon] to add value range condition. 4 Input range 3, Crimson color setting. 5 Input range 7, Coral color setting. 6 Input range 0, Yellow color setting. 7 Input range 5, Green color setting 7

18 4) Create function to input tag value to generate alarm. Double-click the button object to set user input. 3 4 Analog Dialog Setting Select tag to change tag value 3 Analog input setting 4 Range setting from to 00 8

19 5) Double-click the left-side property menu, and click the connection menu in the project setting window. 3 Double-click property menu Connection menu selection 3 Data server and file server IP setting (Select the IP for each user's PC) 9

20 5. Check the operation after publishing the project ) After posting, connect to N-Server's web service with Google Chrome browser and login. At login, enter the ID and password created in the user editor menu of N-Designer Designer. If you change the tag input value by clicking the button, the alarm message corresponding to the alarm condition is displayed on the upper right corner. 3 Click the button. Enter the value to be tested. 3 An alarm message appears in the upper right corner. 0

21 ) When an alarm occurs, a push alarm message is also sent to the smartphone. You can receive the same message from the smartphone as the alarm message displayed on the web browser.