InfyOm Blog

latest-post

Recently, I have created a new package for Laravel Community. it's called Laravel PWA. first of all what is PWA? let me explain a bit more about PWA. PWA means progressive web application. PWA provides a facility to install your web application on mobile and desktop. you don't need to write lots of line code in native platform-specific code.

You can create a PWA site in a few minutes using Laravel PWA.

You can watch the video tutorial as well to install this package.

Step 1:

Install the package by the following command,

composer require ladumor/laravel-pwa

Step 2:

Add Service Provide into app.php config file in provider section. You can skip this step if you installed it in Laravel 6 and more.

Ladumor\LaravelPwa\PWAServiceProvider::class,

Step 3:

Add Facade to app.php config file in aliases section. You can skip this step if you installed it in Laravel 6 and more.

'LaravelPwa' => \Ladumor\LaravelPwa\LaravelPwa::class,

Step 4:

I think installation is done and no need to publish all the assets using the following command,

php artisan laravel-pwa:publish

Step 5:

This step is very important. you published all the assets in the previous step. now, you need to link all the assets in your main blade file. for ex app.blade.php

Add the following code in the root blade file in the header section.

<!-- PWA  -->
<meta name="theme-color" content="#6777ef"/>
<link rel="apple-touch-icon" href="{{ asset('logo.PNG') }}">
<link rel="manifest" href="{{ asset('/manifest.json') }}">

Add following code in root blade file before close the body,

<script src="{{ asset('/sw.js') }}"></script>
<script>
    if (!navigator.serviceWorker.controller) {
        navigator.serviceWorker.register("/sw.js").then(function (reg) {
            console.log("Service worker has been registered for scope: " + reg.scope);
        });
    }
</script>

You should watch this tutorial if you want to set it up manually instead of using this package.

October 08, 2021userShailesh Ladumor

Posts

post

Introduction

Effective communication is a tool for achieving your business goals and the essence of your business. Are you ever unsure about what a customer really wants? Have you ever forgotten what you or a client promised because you did not keep a good record of your interactions? If so, your communication with customers can be improved. Here are some tips to improve communication, both in writing and orally, especially with potential and current customers.

Respond quickly

To provide us with great customer service, we need to try to return email and phone calls within an hour, if possible. Doing so confirms your professionalism and tells the client that it is easier to work with you. It shows that you care about the collar business.

Remember to ask the client for feedback

You can ask them this time if you can help with future projects. Or, just say you're looking forward to working with them again.

Be very specific about the documentation of the project terms

Ask if you don't know, and document everything in writing. For example, set up an appointment to communicate with customers so you can be more prepared when they call. I sometimes screen incoming calls, let them go to voicemail, and then call back as soon as I'm ready to say what I want to say. If you are following up with a client, ask if you can call back at a specific time, or offer an alternate time to talk.

Verify by recording everything in writing

Even if you agree to something over the phone, always send an email with details that the client can verify. Ask, don't assume. If your invoice is not paid, or if you are unsure, just ask.

Listen

Both face-to-face and written communication are important. While you can personalize your emails to coworkers and/or employees, a quick "I hope you all had a good weekend" email at the beginning of the message can make the individual and the recipient more appreciative.

Respect

You will be more open to communicating with people who show respect for you and their ideas. Using the person's name, making eye contact, and actively listening when a person speaks will compliment the person. On the phone, focused on avoiding interruptions and investing in conversations.

September 23, 20212 minutesauthorAnkit Kalathiya
post

Generally, we are using a Swagger in Laravel. it will take time if we set up swagger manually. so, In this article, I going to show you very easy steps for setup in Laravel.

You can watch the following video tutorial as well.

Steps 1:

You should download these assets from here. unzip the folder and go to the public directory. you can found the swagger directory in the side public folder. let open the swagger directory and you can see the following files.

jquery-2.1.4.min.js style.css swagger-bundle.js swagger.yaml

If are you still confuse then visit this link for files.

now, Copy the swagger directory and put it in your laravel application on the same path.

Steps 2:

We need to load swagger with proper swagger UI. so, let navigate to resources/views on the downloaded source code project.

You can see the swagger directory inside the views directory. copy the swagger directory to your laravel application on the same path. I don't think you need to do anything in this view file. let's go to the next step.

Steps 3:

You need to update this swagger.yaml file. you should update the following details first. and then add APIs documentation in this file. Api document example given here. you can refer it.

info: description: LPT APis version: 1.0.0 title: LPT Frontend API's basePath: /api/

Steps 4:

In this step, you need to create a route for loading swagger docs. so, let's open the web.php file add the following few lines of code.

Route::get('/docs', function () { return view('swagger.index'); });

Now, run a command php artisan serve and open http://127.0.0.1:8000/docs or open a virtualHostDomain/docs if you have one.

You should watch this tutorial as well if you using InfyOm Generator

September 22, 2021authorShailesh Ladumor
post

Gatsby

Gatsby is a blazing-fast website framework for React. It allows developers to build React-based websites within minutes.

Strapi CMS

Strapi is an open-source, Node.js based, Headless CMS that saves developers a lot of development time while giving them the freedom to use their favorite tools and frameworks.

Integrate Gatsby with Strapi

Install gatsby-source-strapi package

npm i gatsby-source-strapi

gatsby-config.js file

  • add the gatsby config file in the following code

plugins: [
    {
        resolve: `gatsby-source-strapi`,
        options: {
            apiURL: "your strapi server",
            contentTypes: ["restaurant"], //add your collections name
            queryLimit: 1000,
        }
    }
]

Now connect your gatsby website and strapi CMS

  • Here is an example of the GraphQL API query
import { StaticQuery, graphql } from 'gatsby';

const query = graphql`
  query {
    allStrapiRestaurant {
      edges {
        node {
          strapiId
          name
          description
        }
      }
    }
  }
`

const IndexPage = () => (
  <StaticQuery
    query={query}
    render={data => (
      <ul>
        {data.allStrapiRestaurant.edges.map(restaurant => (
          <li key={restaurant.node.strapiId}>{restaurant.node.name}</li>
        ))}
      </ul>
    )}
  />
);

export default IndexPage;

Hope this helps.

September 24, 20212 minutesauthorVatsal Sakariya
post

An easy way I'm going to show you how to increase product sales on the website. Also, you can apply this method and increase your products sales without any problems.

5 Ways to Increase your products sales on the website. Read whole blog content so, you can idea how to increase product sales in a short time.

Let's get started with this reliable technique to increase product sales on the website.

1. First, Know your Buyer's Persona

To reach your ideal customer first know who they are and should they are related to your product or not

Who are your buyers?

first, know who is your customer is and should they are matched with your custom criteria so, you can easily convince them to buy your products.

How to Convince them?

If your customer is relevant to your product niche so, you can easily convince them to buy your products and you can increase product sales.

2. Create Attractive Landing Page

The second step is to create an attractive landing page to attract customers to your website.

Create a simple landing page and describe more about your products so customers know what are the features of your product and how to use them.

Attract more customers to your landing page by adding video and Increase your sales on the website.

3. Add Testimonials & Case Studies of Product

The best way to convince your customer about your product is to add testimonials & case studies. Customers easily attract to this technique and trust your products.

Testimonial is a showing off your products rating and customer review. Good ratings and reviews easily built trust. Using this technique you can increase product sales.

4. Create Urgency

Everyone knows about Amazon. Amazon also creates an urgency to attract customers and sell more products. Urgency like, Hurry Up, Buy now, Sell end in 2 days, 24 hours left it's all are types of urgency.

So people can think about a product that sales are ends in 2days and they can buy before the end of the sale.

5. Give Offer - Money Back Guarantee

One of the most powerful reasons is customers not buying products is the risk factor of money back.

You can give an offer like this If you are not satisfied with our products then we will return your money 100%. If customers see this type of offer so they can think about buying your products. This is an easy way to increase product sales using this technique

Conclusion:

Using this technique you can easily increase your product sales on the website. All techniques are important and reliable.

August 25, 20212 minutesauthorAnkit Kalathiya
post

Android 7.0 (API Level 24) provides support for multilingual users, allowing users to select multiple locales in the setting. The locale object budget represents a specific geographic, political, or cultural area.

Operations that require this locale to perform a task are called locale-sensitive and use that locale to generate information for the user.

Step 1: Create A New Project & Create Resource Files

To create a new project in Android Studio.

In this step, we need to create a string resource file for the Gujarati language.Go to app > res > values > right-click > New > Value Resource File and name it as strings.

Now, we have to select the qualifier as a locale from the available list and select the language as Gujarati from the drop-down list. Below is a picture of the steps.

resource

language

Now, in this resource file, strings.xml(gu-rlN) add the code given below.

<resources>
    <string name="app_name">Change App Language</string>
    <string name="selected_language">ગુજરાતી</string>
    <string name="language">કેમ છો</string>
</resources>

And add this line to the string.xml file, which is the default for English.

<resources>
    <string name="app_name">Change App Language</string>
    <string name="selected_language">English</string>
    <string name="language">How are you</string>
</resources>

Step 2: Create The Layout File For The Application

In this step, we will create a layout for our application. Go to applications> res> Layout> activity_main.xml and add two text views, one for the message and one for the selected language, and an image view for the drop_down icon. Below is the code snippet for the activity_main.xml file.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="48dp"
        android:text="Welcome To InfyOm"
        android:textAlignment="center" />

    <Button
        android:id="@+id/btnGujarati"
        android:layout_margin="16dp"
        android:background="@color/colorPrimary"
        android:textColor="#ffffff"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Gujarati"/>

    <Button
        android:id="@+id/btnEnglish"
        android:layout_margin="16dp"
        android:background="@color/colorPrimary"
        android:textColor="#ffffff"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="English"/>

</LinearLayout>

Step 3: Create LocaleHelper Class

Now, we will create a local helper class. This class has all the functions that will help to change the language at runtime. Go to app > java > package > right-click and create a new Java class and name it LocalHelper. Below is the code for the local helper class.

import android.annotation.TargetApi;
import android.content.Context;
import android.content.SharedPreferences;
import android.content.res.Configuration;
import android.content.res.Resources;
import android.os.Build;
import android.preference.PreferenceManager;

import java.util.Locale;

public class LocaleHelper {
        private static final String SELECTED_LANGUAGE = "Locale.Helper.Selected.Language";

        // the method is used to set the language at runtime
        public static Context setLocale(Context context, String language) {
            persist(context, language);

            // updating the language for devices above android nougat
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.N) {
                return updateResources(context, language);
            }
            // for devices having lower version of android os
            return updateResourcesLegacy(context, language);
        }

        private static void persist(Context context, String language) {
            SharedPreferences preferences =                       PreferenceManager.getDefaultSharedPreferences(context);
            SharedPreferences.Editor editor = preferences.edit();
            editor.putString(SELECTED_LANGUAGE, language);
            editor.apply();
        }

        // the method is used update the language of application by creating
        // object of inbuilt Locale class and passing language argument to it
        @TargetApi(Build.VERSION_CODES.N)
        private static Context updateResources(Context context, String language) {
            Locale locale = new Locale(language);
            Locale.setDefault(locale);

            Configuration configuration = context.getResources().getConfiguration();
            configuration.setLocale(locale);
            configuration.setLayoutDirection(locale);

            return context.createConfigurationContext(configuration);
        }

        @SuppressWarnings("deprecation")
        private static Context updateResourcesLegacy(Context context, String language) {
            Locale locale = new Locale(language);
            Locale.setDefault(locale);

            Resources resources = context.getResources();

            Configuration configuration = resources.getConfiguration();
            configuration.locale = locale;
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
                configuration.setLayoutDirection(locale);
            }

            resources.updateConfiguration(configuration, resources.getDisplayMetrics());

            return context;
        }
    }

Step 4: Working With the MainActivity.java File

In this step, we will apply Java code to switch between string.xml files to use different languages. First, we will initialize all the views and set click behavior on an Alert dialog box to choose the desired language with the help of the LocalHelper class. Below is the code is given for the MainActivity.java class.

import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.content.res.Resources;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {
    TextView messageView;
    Button btnGujarati, btnEnglish;
    Context context;
    Resources resources;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        messageView = (TextView) findViewById(R.id.textView);
        btnGujarati = findViewById(R.id.btnGujarati);
        btnEnglish = findViewById(R.id.btnEnglish);

        btnEnglish.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                context = LocaleHelper.setLocale(MainActivity.this, "en");
                resources = context.getResources();
                messageView.setText(resources.getString(R.string.language));
            }
        });

        btnGujarati.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                context = LocaleHelper.setLocale(MainActivity.this, "hi");
                resources = context.getResources();
                messageView.setText(resources.getString(R.string.language));
            }
        });

    }
}
August 25, 20213 minutesauthorVivek Beladiya
post

The entire UI / UX design process can be divided into 5 stages. The responsible department of your organization will analyze every step, and so it will be almost complete!

Design_Process

The various steps involved in the User experience design process are as follows:

1.Product Definition

  • Product definition is the first step involved in the user design process. The team responsible for this will collect the user's needs based on their business environment.

  • It is very necessary because the real scope of the product and the understanding of their existence takes place at this stage.

  • It's simple; Before starting work, explain the requirements to your UI / UX designers!
  • The people involved in this phase are the design team, the business manager, and the product manager. The entire team should consult with clients in their environment. Analyze their needs within the framework of your operation.

  • Notable results of this phase are user personality, user stories, and use case diagrams.

Product_Definition

2. Research

Research is the most crucial element for a designer. The designing team studies how the existing system works for the current client proposal. There are three main functions at this stage:

  • Have an understanding of competition.
  • Study your existing domain thoroughly.
  • Going through a competitive strategy to test the results.

The research process should also include an understanding of the latest UI / UX trends, design principles, and guidelines.

3. Analysis

In this phase, use the items collected in the research phase. Using the information obtained, create a guessing personality and experience the map.

  • Hypothetical Personas: Creating predictable scenarios helps designers learn about different individuals who will be users of your product. It allows showing the actual presentation of the final product. The design team can figure out what the look will look like after delivery.

  • Experience Maps: Experience maps show user flow in your final product. All this is done using visual representations through proper interaction with the client in the product definition phase.

4. Design

In the design process, we finally finish giving life to the ideas collected in the above three steps. Now is the time to work on the final graphics. The design team will execute the final design at this stage.

Significant results of the designing phase are:

Sketching:

The designing phase begins with sketching. Designers usually create handmade sketches to visualize the concept in simple terms. UX / UI designers can stick to a specific option after the sketching process.

Design

Creating wireframes:

A wireframe is a visual structure that displays page hierarchy and elements in a product. The wireframe is considered the backbone of the product. It is also called the skeleton of design. It’s mostly about the overall look of the final product.

Creating Prototypes:

The prototypes focus on the realization of the UI / UX product that one designs. It’s more about the experience of interaction. Prototypes give you the effect of a simulator.

Creating Design Specifications: Design specification includes user flow and task flow diagrams. It depicts the overall working and the style requirements of the UI/UX product. It describes the processes and graphical elements to create amazing user experiences.

5.Validation or Testing

Validation_or_Testing

Testing is a phase that determines the overall quality of the final product. Examiners make notes of matters that need to be corrected and send them back to a respected team to correct errors.

When evaluating your final product, there are several factors to consider. They are as follows:

  • Is the system user-friendly?
  • Is it flexible and easy to operate?
  • Does it solve the client's problem?
  • Is it reliable and attracts users to come back every time they need your service?

To create an amazing UX / UI interface, one needs to follow a systematic and organized approach. A UI / UX design process strategy will help you achieve that.

The entire design team will play its part in the process. This is a great way to retain your existing customers and attract new ones in this highly competitive world.

August 25, 20212 minutesauthorKishan Savaliya
post

Today I'm going to show you Types of SEO. Basically, White Hat SEO, Black Hat SEO, Gray Hat SEO are the types of SEO and all are different from each other.

All SEO people or people who want to try to rank a website on google must understand the terms Types of SEO.

So, Let's get started with this topic what are the types of SEO.

1. Types of SEO - White Hat SEO

If you want to Rank organically Website in google as long so, recommended technique is White Hat SEO.

Benefits Of White Hat SEO

  • Organic and Ethical SEO Activities are used in white hat SEO.
  • A white hat SEO technique is a must for the best long-lasting and sustainable rankings and results.
  • For building a positive online reputation this technique is must require.

Techniques of White Hat SEO

  1. Making SEO websites that is user-friendly according to the Google updates and guidelines.
  2. Website loading speed technique and responsive website are must user friendly.
  3. Quality evergreen informative content gives the best results.
  4. Meta tags and descriptions should be keyword-rich and relevant to page content and URL.
  5. Keep site structure user friendly.
  6. Images and videos must be relevant to the page content.

Apply only the white hat SEO technique if you don't want your site panalized.

2. Types of SEO - Black Hat SEO

Black Hat SEO is the Worst among all types of SEO because you apply this technique/type so, google can deindex your site

Don't recommend or try this type of techniques.

Disadvantages of Black Hat SEO

  • This is a completely unethical process.
  • Violation of SEO guidelines and algorithms.
  • Black hat SEO can provide quick and good results in short term but is not sustainable and long-lasting.
  • Use of black hat SEO can do your domain black list and remove your website from search engines.
  • Black hat tactics are spamming tactics.
  • The website would be deindexed for a lifetime by google.

Techniques of Black Hat SEO

  1. Use of paid links
  2. Hidden text in the website
  3. Article spinning
  4. Hidden links
  5. Cloaking
  6. Website over optimzation
  7. Content scams
  8. Link manipulation
  9. SERP spam
  10. Crooked website

3. Types of SEO - Gray Hat SEO

Gray hat SEO is not white hat SEO or Black hat SEO but it is a combination of white hat SEO & black hat SEO.

In gray hat SEO white hat SEO technique used around 80% to 90% and the Black hat SEO technique used 10% to 20%.

Most people used this technique because in this technique most used white hat SEO.

Sometimes Google can capture black hat SEO techniques in Gray hat SEO that so would be deindexed your site permanently by google.

Conclusion:

In this topic What are the different types of SEO Techniques. White hat SEO techniques are the best for your site which I can recommend and all SEO people also used this technique. So it would be best for all.

August 24, 20212 minutesauthorMilan Gangani
post

In a previous blog we have discussed a few essential things about SWOT Analysis. Let's move further with How to do SWOT Analysis and How to use SWOT Analysis.

How to Do a SWOT Analysis

Before starting anything first draw up an Analysis Matrix. You can use a ready-made template. It’s a 2*2 grid, which represents four aspects of SWOT.

Specify your Objective why you are going to do SWOT Analysis Create a grid and divide it into four-part Label each box with a name for instance - Strength, Weakness, Opportunity, threat Add strength and weaknesses inappropriate part of the Matrix Gather the right people from different parts of your organization and make sure each will represent a specific department or team. Allow all to throw the ideas at the wall. After receiving ideas from your people, Organize ideas and then rank them. A voting system would be helpful to choose the best ideas. Based on the voting, prioritized list of ideas. The list is now up for discussion and debate.

The Helpful questions which inspire your Analysis

Strengths

It's the internal positive attributes of your company. The things are within your control. What do you do well? - the things which your company does well What unique resources can you draw on ?- Qualities that separate you from others in the market. What are the available skills? - Internal resources such as skills and available resources. What do others see as your strengths ?- Tangible assets such as intellectual property, capital proprietary technologies, etc.

Weaknesses

What could improve ?- Things your company lack Where do you have fewer resources than others?- Things your competitors do better than you What are others likely to see as weaknesses ?- Resources limitations

Opportunities

What opportunities are open to you ?- Uncleared market for specific products. What trends could you take advantage of ?- few competitors in your area. How can you turn strengths into opportunities ?- Emerging needs for your products and company

Threats

What threats could harm you ?- Emerging competitors in the market. What are your competitors doing ?- Changing regulatory environment. What threats do your weaknesses expose to you ?- changing Customers’ attitude towards your company Is your business in a poor location?

Conducting the SWOT Analysis in your organization it’s a powerful way to evaluate the company or project whether there are 5 people or 500 people.

August 24, 20213 MinutesauthorMariyam Bemat