Pearls of Wisdom - Quotes Widget

Dear all, if you wish to embed Pearls of Wisdom widget on your website, you can do so by just attaching this widget code, and the widget will start working immediately. 

Try this on your website and let your users have an enhanced User Experience and a emotional connect with your content. 

For your perusal, considering requests from some of you and specific web admin permissions on each one's website, adding a generic PLUG-AND-PLAY Widget that just needs to be copied and pasted on webpage wherever you wish to use it.

Here's the link and sample on my blog post.

https://inspireinnovativelearning.blogspot.com/2999/06/headlines.html

In case of customized content on User Experience, could get it supported for your specific needs.

Have tried this widget myself on websites of my own, and it does its job well.

P.S: As an example this can work well where you wish to have a connect with customers like cousellors, Wellness Industry, Motivational Speakers, Soft Skill Trainers and their respective blog sites / websites.

#userexperience #wellness #content

Gherkins as BDD language

Gherkin is a plain-text language with a simple structure. It is designed to be easy to learn by non-programmers, yet structured enough to allow concise description of test scenarios and examples to illustrate business rules in most real-world domains.

Here is a sample Gherkin document:

Gherkin - Syntax

Feature: Account Holder withdraws cash
 
Scenario: Account has sufficient funds
    Given The account balance is ₹100
      And the card is valid
      And the machine contains enough money
     When the Account Holder requests ₹20
     Then the ATM should dispense ₹20
      And the account balance should be ₹80
      And the card should be returned

    Examples:                

Input	Expected Output
balance = ₹100 card is valid Atm has sufficient money > ₹20	ATM should dispense ₹20 Balance = ₹80 Card should be returned

---

It makes it easy for a team of technical and non-technical members to understand the requirement without confusion.

As a developer, you can now work on technically designing it into modules / classes, methods and properties.

This Feature Test Document (FTD) can be the output of a discussion with the client / market research team who provide requirements through examples.

Benefits:

1. It is more clear than a requirement specification document in terms of expected inputs and outputs.
   
2. This is a technical document which when given to a system can execute them as testcases.
3. This document can be easily translated into an assertion language test case by a Unit-test developer
4. It can be easily interpreted by Development, Testing, UI, Management team without any confusions

Unit Testing if an Event using NUnit

This is for Unit Test Developers, who write test cases for given features. Here we shall see how to unit test events, and internally how events work.

Events follow the pub-sub pattern. In this pattern, in .Net , internally a delegate is used to collect methods that subscribe to the event variable.

Let's take an example. If we consider the windows forms button control, it contains the click event.

The click event internally uses a delegate called Event Handler. The structure of the Event Handler delegate looks like this.

---

To attach a method to an event, we use the  '+=' operator.

Here we have used lambda expressions.

---

So how do we test such a scenario.

The strategy is simple. In the testcase, attach a dummy function to the event and then trigger it. By doing this we can assert if the event has occurred or not.

Hope this helps.

Create and Execute React Js App

 

Pre-requisites:

                                Node Js (https://nodejs.org)

-----------------------------------------------------------------------------------------------------------------------------

1.      Create a react app

 

C:\Your_Directory\>create-react-app <app_name_in_lowercase> 

 

       OR

 

C:\Your_Directory\> npx create-react-app <app_name_in_lowercase>

 

               

        This will seed a react app for you. This react app consists of all dependencies and a project folder structure as shown in the screenshot below

a.       public: This folder contains all the files which can be shared with other files in this project such as images, json files etc

b.       src: This folder is used for react js components and code development

c.       node_modules: This works like the npm’s local registry

d.       The files like .gitignore, package-lock.json, package.json are configuration files

a.       .gitignore: This file contains all the files that should be ignored in case you wish to push your project to github

b.       .package-lock.json, package.json: These files store the dependencies for the react app. In case the node_modules folder is deleted, it can be recovered if package.json is available. The command used to recover node_modules from package.json is

>npm install

 

 

 

2.      Executing a react app

C:\Your_Directory\> > npm start

 

 

a.       This hosts the react app on localhost at port 3000 by default

b.       To pull down this hosted app press on the command prompt Ctrl+C

Quick Tech Tips: Asp.net MVC Quick Forms Authentication & Authorization steps

 Authentication / Authorization Filters STEPS

1. In global.asax file, add this line in Application_Start
    GlobalFilters.Filters.Add(new AuthorizeAttribute());
2. In Web.config  
  <authentication mode="Forms">
      <forms defaultUrl="Home/Index" loginUrl="Home/Index" />
  </authentication>
3. Changes in the code
   FormsAuthentication.SetCookie()

========================================================================
Authorization

1. In Web.config add the following
    <roleManager defaultProvider="myRoleProvider" enabled="true">
      <providers>
          <add name="myRoleProvider" type="MvcPlayground.Models.UserApplicationRoles"/>
      </providers>
      </roleManager>
2. The "type" attribute points to your class that will inherit from RoleProvider
3. Create a class UserApplicationRoles: RolesProvider
4. Override all methods, and implement whichever is applicable.
5. Add the Authorize Attribute above the action where role based authorization is required.
     [Authorize(Roles = "Admin, Customer")]

Quick Tips: Asp.net Webforms Validators

 Validators in Web forms

Validators in web forms are controls, that validate a user input based on a condition.

Multiple validators can validate the same input control

Validators are asp.net controls and they add client (JS) validations automatically based on property settings

Validators can only validate asp.net controls (not html controls)

1. RequiredFieldValidator: Empty values are not allowed.

Properties to set:

ControlToValidate

ErrorMessage

SetFocusOnError

2. CompareValidator: Compares the values in 2 controls

Properties to set:

ControlToValidate

ControlToCompare

ErrorMessage

SetFocusOnError

Operator (optional. If not set, it will compare for equality)

Type (optional. If not set, it will compare the values for string datatype)

3. RangeValidator

Properties to set:

ControlToValidate

ErrorMessage

SetFocusOnError

MaximumValue

MinimumValue

Type (optional. If not set, it will assume string datatype)

4. RegularExpressionValidator

Properties to set:

ControlToValidate

ErrorMessage

SetFocusOnError

ValidationExpression

5. CustomValidator: When none of the above fit the application requirement, custom validators are used

Properties to set:

ControlToValidate

ErrorMessage

SetFocusOnError

ClientValidationFunction

Quick Tech Bits: MVC 5 working with Ajax Helper (Ajax.BeginForm)

 Integration of Ajax with MVC 5

1. Use Nuget Packages. Install them for your MVC project
    a. Microsoft.jQuery.Unobtrusive.Ajax
    b. Microsoft.jQuery.Unobtrusive.Validation

2. Verify if configurations are added in Web.config.
   ** Collapse all the folders for your project. The last file in your project will have capital "W" in     "Web.config"
   Check if the following is available inside <appSettings>
    <add key="ClientValidationEnabled" value="true" />
        <add key="UnobtrusiveJavaScriptEnabled" value="true" />

3. Open _Layout.cshtml. (Find this in Views => Shared => _Layout.cshtml)
   Add the following in the same sequence as mentioned
    <script src="~/Scripts/jquery-<version>.min.js"></script>
        <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
 
   ** <version> : Look at the correct version of the file in the Scripts folder

4. Add an Action in the controller. The action should return a PartialView("yourView").

5. Create the Views for your action. Add @using(Ajax.BeginForm())
   Syntax for Ajax.BeginForm
    "YourActionNameOnClick", "ControllerName",
        new AjaxOptions
        {
            InsertionMode = InsertionMode.Replace | InsertionMode.InsertAfter | InsertionMode.InsertBefore,
            HttpMethod = "Get | Post | Put | Delete",
            UpdateTargetId = "resultDiv"
        }
6. This completes the configuration for ajax using MVC, Ajax helpers