[Kst] www/areas/extragear/apps/kst/screenshots/dialogs
Nicolas Brisset
nicolas.brisset at eurocopter.com
Tue Dec 7 23:07:34 CET 2010
SVN commit 1204549 by brisset:
Add a bunch of screenshots as a visual tour to Kst.
The capacity framework is damned cool (look at index.php: only contents in there!) but taking screenshots,
organizing them and adding comments is still a pretty time-consuming task!
Now I still have to check the links, add some sample_data (contributions welcome, esp. dirfile), make
the screencasts and last but not least the benchmarks. I hope it will contribute to Kst's long-term prosperity,
because that's a lot of work!
AM create_curve.png
AM create_curve_thumb.png
AM create_equation.png
AM create_equation_thumb.png
AM create_event_monitor.png
AM create_event_monitor_thumb.png
AM create_histogram.png
AM create_histogram_thumb.png
AM create_image.png
AM create_image_thumb.png
AM create_matrix.png
AM create_matrix_thumb.png
AM create_plugin_filter_from_plot.png
AM create_plugin_filter_from_plot_thumb.png
AM create_plugin_fit.png
AM create_plugin_fit_from_plot.png
AM create_plugin_fit_from_plot_thumb.png
AM create_plugin_fit_thumb.png
AM create_psd.png
AM create_psd_thumb.png
AM create_scalar.png
AM create_scalar_thumb.png
AM create_spectrogram.png
AM create_spectrogram_thumb.png
AM create_string.png
AM create_string_thumb.png
AM create_vector.png
AM create_vector_thumb.png
AM docking_toolbars.png
AM docking_toolbars_thumb.png
AM edit_curve_multiple.png
AM edit_curve_multiple_thumb.png
AM edit_curve_single.png
AM edit_curve_single_thumb.png
AM file_export.png
AM file_export_thumb.png
AM file_log_entry.png
AM file_log_entry_thumb.png
AM file_print.png
AM file_print_thumb.png
AM help_about.png
AM help_about_thumb.png
AM help_bug_report_wizard.png
AM help_bug_report_wizard_thumb.png
AM help_debug_dialog.png
AM help_debug_dialog_thumb.png
M +149 -3 index.php
AM menu_create.png
AM menu_create_thumb.png
AM menu_edit.png
AM menu_edit_thumb.png
AM menu_file.png
AM menu_file_thumb.png
AM menu_help.png
AM menu_help_thumb.png
AM menu_mode.png
AM menu_mode_thumb.png
AM menu_plot_zoom.png
AM menu_plot_zoom_thumb.png
AM menu_range.png
AM menu_range_thumb.png
AM menu_settings.png
AM menu_settings_thumb.png
AM menu_tools.png
AM menu_tools_thumb.png
AM menu_view.png
AM menu_view_thumb.png
AM plot_dialog_appearance_fill.png
AM plot_dialog_appearance_fill_thumb.png
AM plot_dialog_appearance_layout.png
AM plot_dialog_appearance_layout_thumb.png
AM plot_dialog_appearance_stroke.png
AM plot_dialog_appearance_stroke_thumb.png
AM plot_dialog_contents.png
AM plot_dialog_contents_thumb.png
AM plot_dialog_dimensions.png
AM plot_dialog_dimensions_thumb.png
AM plot_dialog_labels.png
AM plot_dialog_labels_secondary.png
AM plot_dialog_labels_secondary_thumb.png
AM plot_dialog_labels_thumb.png
AM plot_dialog_legend.png
AM plot_dialog_legend_thumb.png
AM plot_dialog_multiple.png
AM plot_dialog_multiple_thumb.png
AM plot_dialog_xaxis.png
AM plot_dialog_xaxis_markers.png
AM plot_dialog_xaxis_markers_thumb.png
AM plot_dialog_xaxis_thumb.png
AM plot_dialog_zoom_range.png
AM plot_dialog_zoom_range_thumb.png
AM settings_default_layout.png
AM settings_default_layout_thumb.png
AM settings_fill_props.png
AM settings_fill_props_thumb.png
AM settings_fonts.png
AM settings_fonts_thumb.png
AM settings_general.png
AM settings_general_thumb.png
AM settings_grid.png
AM settings_grid_thumb.png
AM tool_change_data_file.png
AM tool_change_data_file_thumb.png
AM tool_color_per_file.png
AM tool_color_per_file_thumb.png
AM tool_data_manager.png
AM tool_data_manager_thumb.png
AM tool_differentiate_curves.png
AM tool_differentiate_curves_thumb.png
AM view_matrix.png
AM view_matrix_thumb.png
AM view_scalars.png
AM view_scalars_thumb.png
AM view_strings.png
AM view_strings_thumb.png
AM view_vectors.png
AM view_vectors_thumb.png
AM wizard_field_selection.png
AM wizard_field_selection_thumb.png
AM wizard_file_selection.png
AM wizard_file_selection_thumb.png
AM wizard_layout_options.png
AM wizard_layout_options_thumb.png
AM wizard_range_xaxis_fft.png
AM wizard_range_xaxis_fft_thumb.png
AM wizard_result.png
AM wizard_result_thumb.png
--- trunk/www/areas/extragear/apps/kst/screenshots/dialogs/index.php #1204548:1204549
@@ -1,11 +1,157 @@
<?php
- $page_title = 'Kst - Dialog Screenshots';
+ $page_title = 'Kst - A Visual Tour of the Dialogs';
include( "header.inc" );
?>
-<p>In this section you will find detailed views of kst dialogs.</p>
-<p>(Coming soon)</p>
+<p>In this section you will find screenshots showing most of Kst's dialogs in action, presented as a visual tour.</p>
+<h2>Get to know Kst: the main user interface</h2>
<?php
+ $gallery = new ImageGallery("Menus and toolbars");
+ $gallery->addImage("menu_file_thumb.png", "menu_file.png", 300, "", "File menu", "File menu", "");
+ $gallery->addImage("menu_edit_thumb.png", "menu_edit.png", 300, "", "Edit menu", "Edit menu", "");
+ $gallery->startNewRow();
+ $gallery->addImage("menu_view_thumb.png", "menu_view.png", 300, "", "View menu", "View menu", "");
+ $gallery->addImage("menu_range_thumb.png", "menu_range.png", 300, "", "Range menu", "Range menu", "");
+ $gallery->startNewRow();
+ $gallery->addImage("menu_create_thumb.png", "menu_create.png", 300, "", "Create menu", "Create menu", "");
+ $gallery->addImage("menu_mode_thumb.png", "menu_mode.png", 300, "", "Interaction mode menu", "Interaction mode menu", "");
+ $gallery->startNewRow();
+ $gallery->addImage("menu_tools_thumb.png", "menu_tools.png", 300, "", "Tools menu with a wide range of options", "Tools menu with a wide range of options", "");
+ $gallery->addImage("menu_settings_thumb.png", "menu_settings.png", 300, "", "Settings menu", "Settings menu", "");
+ $gallery->startNewRow();
+ $gallery->addImage("menu_help_thumb.png", "menu_help.png", 300, "", "Help menu", "Help menu", "");
+ $gallery->addImage("menu_plot_zoom_thumb.png", "menu_plot_zoom.png", 300, "", "Plot context menu with zoom options", "Plot context menu with zoom options", "");
+ $gallery->startNewRow();
+ $gallery->addImage("docking_toolbars_thumb.png", "docking_toolbars.png", 300, "", "Toolbars are dockable and freely repositionable", "Toolbars are dockable and freely repositionable", "");
+ $gallery->show();
+?>
+
+<h2>Import data easily thanks to the data wizard</h2>
+<?php
+ $gallery = new ImageGallery("Data Wizard");
+ $gallery->addImage("wizard_file_selection_thumb.png", "wizard_file_selection.png", 300, "", "Data wizard import tool, 1st page: data file selection", "Data wizard import tool, 1st page: data file selection", "");
+ $gallery->addImage("wizard_field_selection_thumb.png", "wizard_field_selection.png", 300, "", "Data wizard import tool, 2nd page: field selection", "Data wizard import tool, 2nd page: field selection", "");
+ $gallery->startNewRow();
+ $gallery->addImage("wizard_range_xaxis_fft_thumb.png", "wizard_range_xaxis_fft.png", 300, "", "Data wizard import tool, 3rd page: x-axis variable and FFT options", "Data wizard import tool, 3rd page: x-axis variable and FFT options", "");
+ $gallery->addImage("wizard_layout_options_thumb.png", "wizard_layout_options.png", 300, "", "Data wizard import tool, 4th page: layout options for the new plots", "Data wizard import tool, 4th page: layout options for the new plots", "");
+ $gallery->startNewRow();
+ $gallery->addImage("wizard_result_thumb.png", "wizard_result.png", 300, "", "Data wizard import tool, result: a couple of plots created in only a few clicks!", "Data wizard import tool, result: a couple of plots created in only a few clicks!", "");
+ $gallery->show();
+?>
+
+<h2>Read more data or created derived objects</h2>
+<h3>"Primitives", i.e. input data directly read from a datasource</h3>
+<?php
+ $gallery = new ImageGallery("Read more data from input files");
+ $gallery->addImage("create_scalar_thumb.png", "create_scalar.png", 300, "", "Scalar creation dialog", "Scalar creation dialog", "");
+ $gallery->addImage("create_vector_thumb.png", "create_vector.png", 300, "", "Vector creation dialog", "Vector creation dialog", "");
+ $gallery->startNewRow();
+ $gallery->addImage("create_matrix_thumb.png", "create_matrix.png", 300, "", "Matrix creation dialog", "Matrix creation dialog", "");
+ $gallery->addImage("create_string_thumb.png", "create_string.png", 300, "", "String creation dialog", "String creation dialog", "");
+ $gallery->show();
+?>
+<h3>Objects constructed from input data or other previously computed derived objects</h3>
+<?php
+ $gallery = new ImageGallery("Create derived objects");
+ $gallery->addImage("create_curve_thumb.png", "create_curve.png", 300, "", "Curve creation dialog", "Curve creation dialog", "");
+ $gallery->addImage("create_equation_thumb.png", "create_equation.png", 300, "", "Equation creation dialog", "Equation creation dialog", "");
+ $gallery->startNewRow();
+ $gallery->addImage("create_psd_thumb.png", "create_psd.png", 300, "", "Power Spectral Density creation dialog", "Power Spectral Density creation dialog", "");
+ $gallery->addImage("create_histogram_thumb.png", "create_histogram.png", 300, "", "Histogram creation dialog", "Histogram creation dialog", "");
+ $gallery->startNewRow();
+ $gallery->addImage("create_image_thumb.png", "create_image.png", 300, "", "Image creation dialog", "Image creation dialog", "");
+ $gallery->addImage("create_spectrogram_thumb.png", "create_spectrogram.png", 300, "", "Spectrogram creation dialog", "Spectrogram creation dialog", "");
+ $gallery->startNewRow();
+ $gallery->addImage("create_event_monitor_thumb.png", "create_event_monitor.png", 300, "", "Event monitor creation dialog", "Event monitor creation dialog", "");
+ $gallery->addImage("create_plugin_fit_thumb.png", "create_plugin_fit.png", 300, "", "Fit creation dialog called from the menu", "Fit creation dialog called from the menu", "");
+ $gallery->startNewRow();
+ $gallery->addImage("create_plugin_filter_from_plot_thumb.png", "create_plugin_filter_from_plot.png", 300, "", "Filter creation dialog called from a plot", "Filter creation dialog called from a plot", "");
+ $gallery->addImage("create_plugin_fit_from_plot_thumb.png", "create_plugin_fit_from_plot.png", 300, "", "Fit creation dialog called from a plot", "Fit creation dialog called from a plot", "");
+ $gallery->show();
+?>
+
+<h2>View your data as text or numeric values</h2>
+<?php
+ $gallery = new ImageGallery("View dialogs");
+ $gallery->addImage("view_matrix_thumb.png", "view_matrix.png", 300, "", "Matrix view dialog to check the values of matrix objects", "Matrix view dialog to check the values of matrix objects", "");
+ $gallery->addImage("view_scalars_thumb.png", "view_scalars.png", 300, "", "Scalar view dialog to check the values of scalars", "Scalar view dialog to check the values of scalars", "");
+ $gallery->startNewRow();
+ $gallery->addImage("view_strings_thumb.png", "view_strings.png", 300, "", "String view dialog to check the values of string objects", "String view dialog to check the values of string objects", "");
+ $gallery->addImage("view_vectors_thumb.png", "view_vectors.png", 300, "", "Vector view dialog to check the values of vectors", "Vector view dialog to check the values of vectors", "");
+ $gallery->show();
+?>
+
+<h2>Powerful curve and plot edition capabilities</h2>
+<?php
+ $gallery = new ImageGallery("Plot and curve edition");
+ $gallery->addImage("edit_curve_single_thumb.png", "edit_curve_single.png", 300, "", "Curve edition dialog", "Curve edition dialog", "");
+ $gallery->addImage("plot_dialog_contents_thumb.png", "plot_dialog_contents.png", 300, "", "Plot dialog: plot contents to select displayed curves and edit them", "Plot dialog: plot contents to select displayed curves and edit them", "");
+ $gallery->startNewRow();
+ $gallery->addImage("plot_dialog_legend_thumb.png", "plot_dialog_legend.png", 300, "", "Plot dialog: legend options", "Plot dialog: legend options", "");
+ $gallery->addImage("plot_dialog_labels_thumb.png", "plot_dialog_labels.png", 300, "", "Plot dialog: general label options", "Plot dialog: general label options", "");
+ $gallery->startNewRow();
+ $gallery->addImage("plot_dialog_labels_secondary_thumb.png", "plot_dialog_labels_secondary.png", 300, "", "Plot dialog: secondary label options", "Plot dialog: secondary label options", "");
+ $gallery->addImage("plot_dialog_zoom_range_thumb.png", "plot_dialog_zoom_range.png", 300, "", "Plot dialog: zoom/range options", "Plot dialog: zoom/range options", "");
+ $gallery->startNewRow();
+ $gallery->addImage("plot_dialog_xaxis_thumb.png", "plot_dialog_xaxis.png", 300, "", "Plot dialog: axis options (X or Y)", "Plot dialog: axis options (X or Y)", "");
+ $gallery->addImage("plot_dialog_xaxis_markers_thumb.png", "plot_dialog_xaxis_markers.png", 300, "", "Plot dialog: axis markers (X or Y)", "Plot dialog: axis markers (X or Y)", "");
+ $gallery->startNewRow();
+ $gallery->addImage("plot_dialog_appearance_fill_thumb.png", "plot_dialog_appearance_fill.png", 300, "", "Plot dialog: appearance - fill options", "Plot dialog: appearance - fill options", "");
+ $gallery->addImage("plot_dialog_appearance_stroke_thumb.png", "plot_dialog_appearance_stroke.png", 300, "", "Plot dialog: appearance - stroke (pen and fill options)", "Plot dialog: appearance - stroke (pen and fill options)", "");
+ $gallery->startNewRow();
+ $gallery->addImage("plot_dialog_appearance_layout_thumb.png", "plot_dialog_appearance_layout.png", 300, "", "Plot dialog: appearance - layout options", "Plot dialog: appearance - layout options", "");
+ $gallery->addImage("plot_dialog_dimensions_thumb.png", "plot_dialog_dimensions.png", 300, "", "Plot dialog: dimensions settings", "Plot dialog: dimensions settings", "");
+ $gallery->startNewRow();
+ $gallery->addImage("edit_curve_multiple_thumb.png", "edit_curve_multiple.png", 300, "", "Change curve settings for multiple curves at once", "Change curve settings for multiple curves at once", "");
+ $gallery->addImage("plot_dialog_multiple_thumb.png", "plot_dialog_multiple.png", 300, "", "Change plot settings for multiple plots at once", "Change plot settings for multiple plots at once", "");
+ $gallery->show();
+?>
+
+<h2>Be productive with powerful yet easy-to-use tools</h2>
+<?php
+ $gallery = new ImageGallery("Tools");
+ $gallery->addImage("tool_change_data_file_thumb.png", "tool_change_data_file.png", 300, "", "Load the same data from another file (replace or compare)", "Load the same data from another file (replace or compare)", "");
+ $gallery->addImage("tool_color_per_file_thumb.png", "tool_color_per_file.png", 300, "", "Use a different curve color for each data file", "Use a different curve color for each data file", "");
+ $gallery->startNewRow();
+ $gallery->addImage("tool_data_manager_thumb.png", "tool_data_manager.png", 300, "", "Data manager to keep an overview of available objects", "Data manager to keep an overview of available objects", "");
+ $gallery->addImage("tool_differentiate_curves_thumb.png", "tool_differentiate_curves.png", 300, "", "Choose by which properties to differentiate curves", "Choose by which properties to differentiate curves", "");
+ $gallery->show();
+?>
+
+<h2>Export your publication-quality work</h2>
+<?php
+ $gallery = new ImageGallery("File dialogs");
+ $gallery->addImage("file_export_thumb.png", "file_export.png", 300, "", "File export dialog", "File export dialog", "");
+ $gallery->addImage("file_log_entry_thumb.png", "file_log_entry.png", 300, "", "File log entry dialog", "File log entry dialog", "");
+ $gallery->startNewRow();
+ $gallery->addImage("file_print_thumb.png", "file_print.png", 300, "", "File print dialog", "File print dialog", "");
+ $gallery->show();
+?>
+
+<h2>Customize Kst to your liking</h2>
+<?php
+ $gallery = new ImageGallery("Kst settings");
+ $gallery->addImage("settings_general_thumb.png", "settings_general.png", 300, "", "Settings menu: general settings", "Settings menu: general settings", "");
+ $gallery->addImage("settings_fonts_thumb.png", "settings_fonts.png", 300, "", "Settings menu: default font properties", "Settings menu: default font properties", "");
+ $gallery->startNewRow();
+ $gallery->addImage("settings_grid_thumb.png", "settings_grid.png", 300, "", "Settings menu: default grid options", "Settings menu: default grid options", "");
+ $gallery->addImage("settings_fill_props_thumb.png", "settings_fill_props.png", 300, "", "Settings menu: default fill properties", "Settings menu: default fill properties", "");
+ $gallery->startNewRow();
+ $gallery->addImage("settings_default_layout_thumb.png", "settings_default_layout.png", 300, "", "Settings menu: default layout options", "Settings menu: default layout options", "");
+ $gallery->show();
+?>
+
+<h2>Report bugs or wishes</h2>
+<?php
+ $gallery = new ImageGallery("Help menu");
+ $gallery->addImage("help_about_thumb.png", "help_about.png", 300, "", "About dialog", "About dialog", "");
+ $gallery->addImage("help_debug_dialog_thumb.png", "help_debug_dialog.png", 300, "", "Debug dialog", "Debug dialog", "");
+ $gallery->startNewRow();
+ $gallery->addImage("help_bug_report_wizard_thumb.png", "help_bug_report_wizard.png", 300, "", "Bug report wizard", "Bug report wizard", "");
+ $gallery->show();
+?>
+
+<?php
include "footer.inc";
?>
More information about the Kst
mailing list