Chapter 11-B Homework ScalaFX & Eclipse Individual Assignment 25 Points

Transcription

1 If this lab is an Individual assignment, you must do all coded programs on your own. You may ask others for help on the language syntax, but you must organize and present your own logical solution to the problem. No lab is complete until the student submits the signed pledge form associated with that lab. I realize that no coded programs will be graded until I turn in the sign & pledge form associated with that program; any late penalties will continue to compound until the pledge form is submitted. If this lab is a team assignment, both team members may share logic as they program side by side on their own computers. Each person must type all of his/her own code as part of the learning process. Team assignments are never to be You do this portion and I ll do that portion or You do this lab and I ll do the next lab. Some of the lab assignments will have short answer questions. These short answer questions will be spot checked and graded for completion, but not checked for accuracy. Once these labs are graded and returned, I encourage you to compare answers with another class member who has also had the lab graded and returned. I/We realize that the penalty for turning in work that is not my own, or assisting others in doing so, can range from an "F" in the class to dismissal from Trinity University. I realize that it is a violation of academic integrity to share any portion of this lab with any students (outside my 1320 team)! Print Name Time Required =. Hrs. Signature (pledged) 1] {Initial/Pledge} I have successfully completed each and every one of the tasks in this lab. 2] I created this lab using eclipse on {Linux, Mac, Windows} 3] {INITIAL/PLEDGE} I have named Placed a copy of my eclipse project folder (TomH-Ch-11-B) in my "To Be Graded Folder". 4] {INITIAL/PLEDGE} I have named Placed a copy of my eclipse project folder (TomH-Ch-11-B) on my flash drive or my personal computer. Chapter 11-B Homework ScalaFX & Eclipse Individual Assignment 25 Points GUI's Watch & Do Project TomH-CH-11B 1] {Initial/Pledge} I have used eclipse to create a scala project called TomH-Ch-11-B Using your first name and initial. 2] {Initial/Pledge} I have located my scala jar file; I have renamed the file scalafx.jar

2 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 2 3] {Initial/Pledge} I have added scalafx.jar to the TomH-CH-11-B project. FirstGui 1] {Initial/Pledge} I have created a scala class, called FirstGui, inside project TomH-Ch-11-B 2] Write the line of code to import the scala io library to your FirstGui application. 3] {Initial/Pledge} I have added the scala io import to the top of FirstGui.scala 4] Write the line of code to import the scala fx library to your FirstGui applications. 4] {Initial/Pledge} I have added the scala fx import to the top of FirstGui.scala 5] In order to associate the FirstGui with the javafx we must add the following: object FirstGui extends J_?_ { } 6] {Initial/Pledge} I have added the JFXApp extension to my object. 7] {Initial/Pledge} When I run program, it launches a blank application window.

3 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 3 Stage1 1] {Initial/Pledge} I created a copy of FirstGui.scala; I have named it Stage1.scala 2] {Initial/Pledge} Stage1.scala has an error that can easily be fixed by properly naming the object. I have done so. See below! Check to make sure that the GUI form can be launched when you run this object. 3] {Initial/Pledge I have written, below, the block of code, that could be added, inside Stage1, to create a stage whose title is Computer Science I. My form looks like the following: 4] {Initial/Pledge I have added this block of code to Stage1.scala; the title now appears in the menubar at the top. Scene & Nodes In The GUI Watch & Do Scene1 1] {Initial/Pledge} I created a copy of Stage1.scala; I have named it Scene1.scala

4 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 4 2] {Initial/Pledge} Scene1.scala has an error that can easily be fixed by properly naming the object. I have done so. The GUI form can be launched when I run this object. 3] Write the line of code to import the scalafx scene to your Scene1 application. 4] {Initial/Pledge} I have added the scene import to the top of Scene1.scala 5] Write the block of code, that can be added to Scene1.scala, to create a 500 x 120 scene. 6] {Initial/Pledge I have added this block of code to Scene1.scala; my 500 x 120 scene appears when I run the application. (similar to that below!) Button1 1] {Initial/Pledge} I created a copy of Scene1.scala; I have named it Button1.scala 2] {Initial/Pledge} Button1.scala has an error that can easily be fixed by properly naming the object. I have done so. The GUI form can be launched when I run this object. 3] Write the line of code to import the scalafx controls (for buttons, etc.) to your Scene1 application. 4] {Initial/Pledge} I have added the controls import to the top of Button1.scala 5] {Initial/Pledge} I have written, below, the block of code, that could be added, inside scene, to create a val button whose face type says Add This Record. I realize that simply defining the button is not sufficient to make the button show on the GUI. 6] {Initial/Pledge} I have written, below, the block of code, that is required to make the button visible.

5 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 5 7] {Initial/Pledge} I have added this block of code to Button1.scala; my button appears left justified at the top the scene. (similar to that below!) Location & Multiple Nodes Watch & Do Button2 1] {Initial/Pledge} I created a copy of Button1.scala; I have named it Button2.scala 2] {Initial/Pledge} Button2.scala has an error that can easily be fixed by properly naming the object. I have done so. The GUI form can be launched when I run this object. 3] {Initial/Pledge}I have changed the title to Computer Science II 4] {Initial/Pledge I have written, below, the block of code, that could be added to our button to place the button at x = 210 & y = 20. These lines should precede content = button 5] {Initial/Pledge} I have added this block of code to Button1.scala; my button appears left justified at the top the scene. (similar to that below!)

6 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 6 Scalafx Documentation 1] Dr. Lewis has repeatedly shown, where on the scalafx 8.0 API, you could find additional information and documentation. Look up the documentation. Find the ComboBOX element. Write the web link to the accordion info in the space above. Not On The Exam. 2] Dr. Lewis has repeatedly shown, where on the scalafx 8.0 API, you could find additional information and documentation. Look up the documentation. Find the acordian element. Write the web link to the accordion info in the space above. Not On The Exam. ComboBox1 1] {Initial/Pledge} I created a copy of Button2.scala; I have named it ComboBox1.scala 2] {Initial/Pledge} Button2.scala has an error that can easily be fixed by properly naming the object. I have done so. The GUI form can be launched when I run this object. 3] {Initial/Pledge} I have written, below, the block of code, that could be added,in the scene immediately before the content line, to create a val ComboBOX whose choices are Yes & No. This line should precede content = button 4] {Initial/Pledge} I have written, below, the block of code, that is required to make the ComboBOX visible. 5] {Initial/Pledge} I have added this block of code to ComboBox1.scala; my ComboBOX appears left justified at the top the scene. (similar to that below!) 6] {Initial/Pledge I have written, below, the block of code, that could be added to our ComboBOX to place it at x = 25 & y = 25. These lines should precede content = button

7 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 7 7] {Initial/Pledge} I have added this block of code to ComboBox1.scala; my ComboBOX appears left justified at the top the scene. (similar to that below!) ListView1 1] {Initial/Pledge} I created a copy of ComboBox1.scala; I have named it ListView1.scala 2] {Initial/Pledge} ListView1.scala has an error that can easily be fixed by properly naming the object. I have done so. The GUI form can be launched when I run this object. 3] {Initial/Pledge I have written, below, the line of code to change the stage title to Form Designed By Dr. Tom Hicks use your name. Do this on your form. 4] Write the line of code to change the scene to 700 wide by 400 deep. Do this on your form. 5] {Initial/Pledge Write the button code to change your button to x = 500 & y = 20; change the button face to Computer Science Rocks! Do this on your form. 6] {Initial/Pledge} The computer science major should generally take Low Level, Computer Science II, Discrete Structures and Colloquium during the fall of the first year. Write the block of code to modify the selections in your ComboBOX to CSCI-1120, CSCI-1321, CSCI323, CSCI-2094! Also include the code to move the ComboBOX to x = 500 & y = 70

8 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 8 7] {Initial/Pledge} I have made all of the changes above. My form is similar to that below! 7] {Initial/Pledge} I have written, below, the block of code, that could be added,in the scene immediately before the content line, to create a val listview whose choices are any five states (in which you have lived make up some if necessary put them in alphabetical order). This line should precede content = button 8] {Initial/Pledge} I have written, below, the block of code, that is required to make the listview visible. 9] {Initial/Pledge} I have added this block of code to ListView.scala; my listview appears left justified at the top the scene. (similar to that below!) 10] {Initial/Pledge} Write the block of code to move the listview to to x = 50 & y = 50

9 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 9 11] {Initial/Pledge} I have added this block of code to ListView.scala; my listview appears left justified at the top the scene. (similar to that below!) 12] {Initial/Pledge} Write the block of code restrict the listview to show only one blank line at the bottom; make it more narrow as well. Change the preferred Height & Width. 13] {Initial/Pledge} I have added this block of code to ListView.scala; my listview appears left justified at the top the scene. (similar to that below!) Events & Handlers Watch & Do ButtonEvent1 1] {Initial/Pledge} I created a copy of ListView1.scala; I have named it ButtonEvent1.scala. I have all of the following in my project.

10 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 10 2] {Initial/Pledge} ButtonEvent1.scala has an error that can easily be fixed by properly naming the object. I have done so. The GUI form can be launched when I run this object. 3] Write the line of code to import the scalafx includes that set the stage for the button events. 4] Write the line of code to import the scalafx action events. val button = new Button ("Click Button To Add Combo Selection To The ListView") button.layoutx = 300 button.layouty = 20 5] {Initial/Pledge} I have altered my button code to match that above. val ComboBOX = new ComboBOX (List(" CSCI-1120", "CSCI-1321", "CSCI323"," CSCI-2094")) ComboBOX.layoutX = 300 ComboBOX.layoutY = 70 6] {Initial/Pledge} I have altered my ComboBOX code to match that above. val listview = new ListView(List("California", "Maryland", "Texas", "Virginia", "Texas")) listview.layoutx = 50 listview.layouty = 50 listview.prefheight = 192 listview.prefwidth = 120 7] {Initial/Pledge} I have created one, and only one button event. When I click the button, it appends the item selected in my ComboBOX to the bottom of my listview. Click Click Note null is added to the list if no ComboBOX selection has been made.

11 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 11 8] {Initial/Pledge} Write the block of code for your button action event. 9] {Initial/Pledge} I have modified the button event; it no longer adds null to my listview when a ComboBOX item is unselected. 10] {T/F} If I click the button for selected values ten, or more, times a scroll bar automatically appears. 1] {Initial/Pledge} I have all eight of the following (and they work well) No Lab Is Complete Until Both Are Complete ] You sign & submit the Pledge form. a) Make sure that all program files have a header box with a purpose that clearly defines what you are accomplishing in this lab. b) Make sure that each and every program function has a well formed documentation box that clearly describes the purpose. c) Make sure that each and every program function header box has the appropriate Written By and Date. d) Review the Pledge statement e) Sign & Pledge

12 PCS1-Ch-11B-ScalaFX-HW.docx CSCI 1320 Initials P a g e 12 f) Record the amount of time you think you spent on this lab g) Staple all pages of this lab. Fold in half length-wise (like a hot-dog). Put your name on the outside. Place it on the professor desk before the beginning of lecture on the day it is due. The penalty for late homework will not exceed 25% off per day. 2] Place all programming code associated with this program, if any, in the Professor s Code Drop Box a) I do not accept programs by mail; do not submit labs via ! Comments A] Programs that do not compile are worth little, if anything. B] If a print statement format is off, the penalties will often be less than the 25% per day late penalty; turn in the lab. You would not be happy if you went to Best Buy and purchased a large screen TV that did everything except show the picture; you would consider it pretty worthless. Most users consider software that does not work properly pretty useless as well. If the lab is not working correctly, credit will be small (if any); you might be better to accept a 25% (1 day) late penalty and turn in the lab working correctly! C] Start all programs early so that you can get in contact with the professor if you have problems. D] If you are turning in this lab late, you may hand it to me if I am in the office put it in the mail box outside my office door slide it under the outer door to our suite {if locked} slide it under my office door. The sooner I get late labs, the sooner the late penalty meter quits clicking. E] Backup your programs in at least three places. Put a copy on your Y drive. Put a copy on your flash drive. Put a copy on your personal computer. Send yourself a copy in your .