Programming Without Coding Technology (PWCT) - Play Flash Movie
0 likes281 views
This document describes the steps to create an interactive process in PWCT 1.9 Art Documentation to play a Flash movie. It involves generating a steps tree with nodes like defining a new window, adding buttons and assigning button click events to procedures for playing and closing the Flash movie. The final steps tree is shown containing the necessary components and their properties to launch the Flash movie and close the window.
Programming Without Coding Technology (PWCT) - Play Flash Movie
- 1. PWCT 1.9 Art Documentation ( http://doublesvsoop.sourceforge.net ) 2006-2013, Mahmoud Fayed ( msfclipper@users.sourceforge.net ) _____________________________________________________________________________________ Table of contents 1 - Introduction 2 - Implementation steps 3 - Final Steps Tree 4 - Application during the runtime 1 - Introduction In this lesson we are going to learn how to play a Flash movie. 2 - Implementation Steps Fig. (1) Goal Desginer - Steps Tree Select the step (The First Step) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Windows) 3 - Select the component (Define New Window) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define New Window) Note : Stop typing when you see the required component is selected
- 2. Fig. (2) Component Browser â Select the component (Define New Window) After selecting the component click Ok or press ENTER Fig. (3) Interaction page - Set the properties and enter the required data as in the image above
- 3. Fig. (4) Form Designer Fig. (5) Goal Desginer - Steps Tree Select the step (Window Controls) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (ActiveX) 3 - Select the component (Define ActiveX control) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define ActiveX control) Note : Stop typing when you see the required component is selected
- 4. Fig. (6) Component Browser â Select the component (Define ActiveX control) After selecting the component click Ok or press ENTER Fig. (7) Interaction page - Set the properties and enter the required data as in the image above
- 5. Fig. (8) Form Designer Fig. (9) Goal Desginer - Steps Tree Select the step (Window Controls) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Controls) 3 - Select the component (Button) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Button) Note : Stop typing when you see the required component is selected
- 6. Fig. (10) Component Browser â Select the component (Button) After selecting the component click Ok or press ENTER Fig. (11) Interaction page - Set the properties and enter the required data as in the image above
- 7. Fig. (12) Form Designer Fig. (13) Goal Desginer - Steps Tree Select the step (Button Events) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Events) 3 - Select the component (Button Events) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Button Events) Note : Stop typing when you see the required component is selected
- 8. Fig. (14) Component Browser â Select the component (Button Events) After selecting the component click Ok or press ENTER Fig. (15) Interaction page - Set the properties and enter the required data as in the image above
- 9. Fig. (16) Goal Desginer - Steps Tree Select the step (Window Controls) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Controls) 3 - Select the component (Button) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Button) Note : Stop typing when you see the required component is selected Fig. (17) Component Browser â Select the component (Button) After selecting the component click Ok or press ENTER
- 10. Fig. (18) Interaction page - Set the properties and enter the required data as in the image above Fig. (19) Form Designer
- 11. Fig. (20) Goal Desginer - Steps Tree Select the step (Button Events) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Events) 3 - Select the component (Button Events) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Button Events) Note : Stop typing when you see the required component is selected Fig. (21) Component Browser â Select the component (Button Events) After selecting the component click Ok or press ENTER
- 12. Fig. (22) Interaction page - Set the properties and enter the required data as in the image above Fig. (23) Goal Desginer - Steps Tree Select the step (Procedures) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Structure Programming) 3 - Select the component (Define Procedure) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define Procedure) Note : Stop typing when you see the required component is selected
- 13. Fig. (24) Component Browser â Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (25) Interaction page - Set the properties and enter the required data as in the image above
- 14. Fig. (26) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Files / Folders) 3 - Select the component (Get Current Folder) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Get Current Folder) Note : Stop typing when you see the required component is selected Fig. (27) Component Browser â Select the component (Get Current Folder) After selecting the component click Ok or press ENTER
- 15. Fig. (28) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (ActiveX) 3 - Select the component (ActiveX Object) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (ActiveX Object) Note : Stop typing when you see the required component is selected Fig. (29) Component Browser â Select the component (ActiveX Object) After selecting the component click Ok or press ENTER
- 16. Fig. (30) Interaction page - Set the properties and enter the required data as in the image above Fig. (31) Goal Desginer - Steps Tree Select the step (Procedures) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Structure Programming) 3 - Select the component (Define Procedure) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Define Procedure) Note : Stop typing when you see the required component is selected
- 17. Fig. (32) Component Browser â Select the component (Define Procedure) After selecting the component click Ok or press ENTER Fig. (33) Interaction page - Set the properties and enter the required data as in the image above
- 18. Fig. (34) Goal Desginer - Steps Tree Select the step (Start Here) We will start now new interaction process to generate new steps to our steps tree. The slow way (Using Mouse): 1 - Click Interact to open the components browser 2 - Select the domain (Windows) 3 - Select the component (Window Class) The fast way (Using Keyboard shortcuts): 1 - Get the component using its name by typing (Window Class) Note : Stop typing when you see the required component is selected Fig. (35) Component Browser â Select the component (Window Class) After selecting the component click Ok or press ENTER
- 19. Fig. (36) Interaction page - Set the properties and enter the required data as in the image above Fig. (37) Interaction page - Set the properties and enter the required data as in the image above
- 20. Fig. (38) Interaction page - Set the properties and enter the required data as in the image above Fig. (39) Goal Desginer - Final Steps Tree 3 - Final Steps Tree The First Step Define New Window ( win1 ) , Title : "PWCT-Sample (Using Flash)" Window Events Window Properties Window Controls Active Control ( oActiveX ) Define New Button ( btn1 ) , Caption : "Play" Button Events Event: ON CLICK : Action mystart Button Properties Define New Button ( btn2 ) , Caption : "Close" Button Events Event: ON CLICK : Action myclose Button Properties End Of Window Activate window Procedures
- 21. Define Procedure mystart Start Here CurrentFolder := Get Current Folder oactivex.LoadMovie ( 0,currentfolder+"main.swf" ) End of Procedure Define Procedure myclose Start Here win1.Release ( ) End of Procedure 4 - Application during the runtime Fig. (40) Application during the runtime