In This Assignment You Will Create The Three Capestraapp Act

In This Assignment You Will Create The Three Capestraapp Action Scree

In this assignment, you will create the three CapestraApp Action screens using the CapestraApp template application provided in the CapestraApp.zip file. Your tasks include designing the layouts, labels, input fields, and buttons for each screen—namely, the Login screen, Add Customer screen, and Place Order screen. The goal is to prepare the application's graphical user interface (GUI) for its initial release, adhering to the specifications outlined in the Software Requirements Specification (SRS) document and your own design mockups. The implementation should focus solely on static GUI elements; functional components or event handling are not required at this stage.

You should utilize a straightforward layout scheme for simplicity, primarily employing VBox and HBox layout managers to structure your user interface, thereby avoiding more complex layout managers such as GridPane or BorderPane. This approach will facilitate easier development and adjustments, especially if your initial designs are intricate. The process involves extracting the project from the provided ZIP file, opening it within the NetBeans IDE, and customizing the GUI elements according to the requirements. Inline and block comments should be included in your code to clarify the purpose and function of each section or element.

You are also required to verify the correctness of the application title, menu names, and menu items to match the project specifications. As part of this task, you will capture screenshots of each created screen while the application runs, ensuring only the individual screens are visible in each image. These screenshots should be compiled into a single MS Word document, with your name at the top, and saved following the naming pattern: LastName_Week3.docx.

Finally, you must prepare your project files and documentation for submission. This involves cleaning the project by right-clicking and selecting "clean" within NetBeans to reduce file size and improve performance, then closing the IDE. The cleaned project folder should be zipped into a file named following the pattern: LastName_Week3.zip. Your Word document containing the screenshots must be added into this zip file before submission.

This assignment emphasizes fundamental GUI design skills within a JavaFX environment. It forms the foundation for subsequent development, where functional components and event handling will later be implemented to bring interactivity to the user interface.

Paper For Above instruction

Creating the three static GUI screens for the CapestraApp involves a systematic approach rooted in adherence to design specifications and a clear understanding of JavaFX layout management. The primary objective at this stage is to produce an intuitive, visually consistent interface that aligns with the provided SRS and mockups. This process not only exemplifies effective user interface design but also demonstrates proficiency in JavaFX layout controllers such as VBox and HBox, which promote simplicity and flexibility.

The initial step involves extracting the CapestraApp project package from the supplied ZIP archive, then opening it within the NetBeans IDE environment. This process ensures that all project files are correctly referenced and ready for modification. After opening the project, the developer should verify that the application title is correctly set, typically within the primary stage of the JavaFX application class. Menu structures, including menu names and menu items, should be cross-checked against the SRS specifications to ensure accuracy before proceeding with the customization of screens.

Designing the GUI begins with the Login screen, which generally includes labels for username and password, input fields for user data, and a button to submit login credentials. The Add Customer screen similarly features labels and input controls for customer details like name, email, and phone number. The Place Order screen requires labels and fields relevant to order processing, such as product selection, quantity, and possibly order notes. All these screens should utilize simple layout managers, preferably VBox for vertical stacking and HBox for horizontal grouping of elements, maintaining consistency and ease of development.

Each screen must be developed as a separate scene or layout pane within the application, following the designated structure. Inline comments should be meticulously added in the Java code to explain the purpose of each layout container, label, input field, and button, aiding future development and debugging. As no functional or event-handling structures are required at this point, focus remains strictly on static visual components.

Once the GUI is established, the application should be run, allowing for screenshots to be captured. These images must clearly depict each screen in its correct form without additional desktop clutter or window decorations. A digital collage of these images should be assembled into a Word document, with the participant’s name prominently displayed at the top. This documentation provides a visual confirmation of the completed GUI screens.

In the final phase, project files should be cleaned by invoking the "Clean" function from the NetBeans right-click menu. Cleaning removes non-essential build files and reduces overall project size, ensuring efficient performance upon submission. Afterward, the project folder is compressed into a ZIP archive, following the naming convention that includes the student’s last name and week number. The Word document with screenshots is then incorporated into this archive, creating a comprehensive package ready for submission.

Overall, this exercise solidifies foundational skills in GUI development within JavaFX, emphasizing clarity, organization, and adherence to project specifications. It prepares the ground for subsequent functionality integration, where interactive elements and backend processes will be introduced to develop a fully operational application.

References

• JavaFX Documentation. (2020). Oracle Corporation. https://openjfx.io
• Horton, I. (2014). Beginning JavaFX. Apress.
• Wakefield, R., & Osborn, J. (2018). JavaFX 8 Introduction by Example. O'Reilly Media.
• Griffiths, T., & Moroni, C. (2017). JavaFX for Beginners. Packt Publishing.
• Gibson, D., & Lucas, B. (2019). Developing GUIs with JavaFX. Packt Publishing.
• Deitel, P., & Deitel, H. (2014). Java: How to Program (Early Objects). Pearson.
• Shannon, T. (2013). JavaFX 2.2: Introduction by Example. Packt Publishing.
• Chen, H. (2015). Mastering JavaFX. Packt Publishing.
• Chen, Z. (2021). JavaFX: A Guide for Building User Interfaces. Springer.
• JavaFX Tutorials. (2022). Oracle Tutorials. https://docs.oracle.com/javase/8/scenegraph/jfx-events-tutorial.htm