This is a new series of video tutorials presented by Paul Deschenes, the aim of the series is to introduce the beginner to Open Web Studio and demonstrate how to create a functional web application with little or no coding experience required .
The series will take the viewer through six episodes, where at the end the viewer will have a fully functional Technical Knowledge Base application.
Open Web Studio is a free robust tool for building data bound forms, modules, utilities and more.
Major Framework Features of Open Web Studio:
- Zero Footprint
- Browser based IDE environment
- Rapid change maintenance
- Universal Data Binding
- Rich Debugging
- Supports AJAX, JSON, REST
- Create distributable OWS applications for DNN, Sharepoint, .Net applications
You can download OWS from www.openwebstudio.com
This is Part 1 of the series and covers:
Part 1 - Getting Started, An Introduction to R2i Open Web Studio
How to install Open Web Studio, a review of the Open Web Studio key components and support features, and how to build your first components with Quick Builder.
This episode walks you through downloading and installing OWS, adding and configuring the module on a page, opening and reviewing the key components of the OWS Administration development environment and building your first Master-Detail-Edit form using the OWS Quickbuilder utility. At the conclusion, you will have built the creating and editing components for adding articles to your knowledge base application.
The videos contain:
Video 1 - Introduction and Initial Configuration
- How to download Open Web Studio
- How to install OWS
- How to create a Knowledge Base Manager page
- How to add the OWS module to the page
- OWS Administration
- How to create a new application
- Administration Tool Bar Interface
- Home tab, Open, New, Import, Export, Publish
- General tab, the suggested default settings
Time Length: 8min 58secs
Video 2 - Actions and Tools
- Actions tab
- Actions pane
- Region OnLoad
- Region OnRender
- How to delete an element from the Action pane
- How to re-order the action elements
- Template, Header, Footer, Detail
- Region, Variable, Assign, Query
- If, Else-If, Else, Comment
- Email, File
- Goto, Input, Log, Loop
- Message, Output, Redirect, Search
- Tools tab
- View configuration history
- How to configure the module for debugging
Time Length: 8min 22secs
Video 3 - How to Create Actions with Master / Detail / Edit Configuration
- How to add Actions
- How to create a SQL table
- How to initialise Quick Builder
- How to add the Query Action
- How to configure the Grid view
- How to configure the Detail view
- How to configure the Edit view
- How to remove the query action
- How to publish the configuration
Time Length: 10min 5secs
Total Time Length: 27min 25secs
Throughout the next issues, the series will cover:
Deep dive explanation of what Quick Builder did in episode one and then recreating the master-detail-edit article pages manually.
This episode explores the actual coding process. While Quickbuilder is a great "getting started" tool, it does not provide the understanding necessary to build and customize modules to specific requirements. In this tutorial we dissect and manually build the module to get a full understanding of building a query, using AJAX calls and other OWS actions, and formatting the results so that you can build your own modules of any type with any requirement.
This tutorial demonstrates how to build the user search page for searching knowledge base articles. We demonstrate how to implement record paging and column sorting, how to create a categories module and how to edit the knowledge base manager page so that we can record categories for each of our articles.
We then explore SQL Server, and show you how to enable and configure Full Text Search on the server. This is so that within the modules we can implement the Full Text Search syntax to provide the users greater functionality in their searches.
Following this we show you the principles for a query based look up drop down field so that you can query tables from the database to make record selections, and to finish the tutorial, how to output the articles that people are viewing so they are printable.
This tutorial demonstrates how to add personalization to the knowledge base module. We demonstrate InterModule Communications and create a ‘My Saved Articles’ module. We work with JQuery to create a ToolTip, we change the “fetching data” message that is displayed for Ajax module refreshes, and we demonstrate how to enable the OWS Text Editor, which allows us to create Rich Text/HTML articles.
At this point we explore an advanced OWS technique where we change the assignment of a single category selection for an article and we create multi-category selection for each knowledgebase article.
To finish the tutorial we cover interactive logging techniques, and beginning reporting with OWS columns and column templates.
This tutorial demonstrates Debugging, Enhanced Reporting, Importing Records and Scheduling in Open Web Studio.
We begin the tutorial by demonstrating how to debug your OWS application using the built in OWS tools. We show you how to debug form variables, session variables, SQL queries, and troubleshoot problems.
We enhance the reporting page that we built in episode 4 and we provide a facility to export your report to Microsoft Excel CSV files and HTML formatted Word documents.
Following this we enhance the Knowledgebase Manager page so that it can import records from a CSV file, this allows you to automatically import multiple knowledgebase articles simultaneously.
To finish, we demonstrate how to schedule your OWS configuration using the DotNetNuke Scheduler. We demonstrate how to setup a query which executes each day and checks for any articles that have a pending status. If there any are pending articles, an email is sent to the administrator of the website.
This tutorial demonstrates how to place a "Send This to a Friend" email link on each Knowledge Base article. Following this we show you how to integrate AddThis into the Knowledge Base module, AddThis is a bookmarking tool.
Next we demonstrate how to share an article on Facebook using the Facebook Share API and to finish, we demonstrate how to display and search Yahoo! answers via their API. This helps to provide the user with additional information related to the Knowledge Base article.