PICT, T

oratory)

THIRD YEAR
INFORMATION TECHNOLOGY
(2019 COURSE)
LABORATORY MANUAL
FOR

LABORATORY PRACTICE - II
(CLOUD COMPUTING LABORATORY)
SEMESTER - VI
[Subject code: 314458]
Laboratory Practice – II (Cloud Computing Laboratory)
 Assignment 7

Title: Design and develop custom Application (Mini Project) using Salesforce Cloud.

Problem Statement: To design and develop custom Application (Mini Project) using Salesforce
Cloud.

Theory:

Salesforce is a Cloud-Based Enterprise platform. It provides easy-to-use business applications, that can
generate relevant customer experience. Salesforce is a tool that allows staying connected with Customers,
Prospects, Partners, Sales, and Market Services globally.

Salesforce offers SaaS, PaaS, and IaaS tools. It also provides its cloud services for running applications.
The data is secure, upgraded, and scaled automatically. Salesforce Cloud is known to be very dependable
and offers benefits like Adaptability and Multitenancy over others. It also has a CRM platform. Salesforce
CRM is a product that manages a company’s relationship with Prospect Customers.

Salesforce cloud CRM software and applications are used for Sales, Service, Finance, Marketing,
Business Development, Recruiting, HR, Supply Chain Management, and other lines of business that
manage external and internal relationships. It allows storing Existing Customers and Potential Customer’s
information under a single platform, which would allow plotting a chart for Personalized Customer
Approach. It also allows to plan and monitor Sales and Marketing Campaigns, and manage services with
insightful and valuable data available.

Procedure:
Step-1: Click on Lightning Experience
Step-2: Click on Setup and select Setup for current App.

Step-3:
Click on Create an Object
So Click on Object Manager Tab next to Home TabClick on Create Custom Object

Step-4 New custom object page OpenLabel as a-Comment Plural label- comments

Give Record Name as –comment name

Data type- text

Select Allow Reports Check Box

Click on Save

Step-5: Click on Home-Search Tabs in Quick search

Select Custom Object-Click on New

Step-6: For Object Select Comment For Tab Style Select Any Icon

Click-Next-Next-Save
Step-7: Search App Manager in Quick Search and select app manager

Enter name to app name

Click on Next-Next-Next.
Select Items (Contacts, Comment)
Click on Next
Step-8

Select Profiles (System Administrator) and move to selected profile.Click on Save and

Finish.

Step-9: Click on App Launcher Symbol and Select Comment Box App
Step-10: Tour the app

Step-11: Try out mobile app

-Select Chrome developer tools

-Open Chrome-Right Click on Chrome page- Select Inspect

-Click Toggle Device Mode Button to simulate your browser as a mobiledevice

 Step-12

To simulate the sales force mobile app in your browser, copy and paste in urlfrom previous tab. Delete
the part of the url immediately.
-Click on Left navigation bar
-Find comment object under recent and click on it
-Click new to create a comment

Conclusion: Thus, in this assignment design and development of Custom Application using SalesForce
Cloud is successfully completed.

FAQ’s:

1). Is it required to move entire org at once?

2). Can anyone stay on SalesForce temporarily?
 Assignment 8
Title: Design an assignment using FireBase, Google App Engine and Data Store.

Problem Statement: Design an Assignment to retrieve, verify, and store user credentials using
Firebase Authentication, the Google App Engine standard environment, and Google Cloud Data store.

Procedure:

Step-I: Install Git

sudo apt install git-all

Step-II: Install Python 2.7

Step-III: Sign into your Google Account.

If you don't already have one, sign up for a new account.

Step-IV: Select or create a GCP project.

Note: If you don't plan to keep the resources you create in this tutorial, create a new project
instead of selecting an existing project. After you finish, you can delete the project, removing
all resources associated with the project and tutorial.

GO TO THE MANAGE RESOURCES PAGE

Step-V: Install and initialize the Cloud SDK.

If you have already installed and initialized the SDK to a different project, set the gcloud project
to the App Engine project ID you're using for Firenotes. See Managing Cloud SDK Configurations
for specific commands to update a project with the gcloud tool.

Step-VI: Cloning the sample app

To download the sample to your local machine:

Clone the sample application repository to your local machine:

git clone https://github.com/GoogleCloudPlatform/python-docs-samples.git

Alternatively, you can download the sample as a zip file and extract it.Navigate to the
 directory that contains the sample code:

cd python-docs-samples/appengine/standard/firebase/firenotes

Step-VII: Adding the Firebase Authentication user interface

To configure FirebaseUI and enable identity providers:

1. Add Firebase to your app by following these steps:

a. Create a Firebase project in the Firebase console.
• If you don't have an existing Firebase project, click Add project and enter either an existing
Google Cloud Platform project name or a new project name.
• If you have an existing Firebase project that you'd like to use, select that project from the
console.
b. From the project overview page, click Add Firebase to your web app. If your project already
has an app, select Add App from the project overview page.
c. Use the Initialize Firebase section of your project's customized code snippet to fill out the
following section of the frontend/main.js file:
Go to given Path appengine/standard/firebase/firenotes/frontend/main.js
appengine/standard/firebase/firenotes/frontend/main.js

VIEW ON GITHUB

// Obtain the following from the "Add Firebase to your web app" dialogue
// Initialize Firebase
var config = {
apiKey: "<API_KEY>",
authDomain: "<PROJECT_ID>.firebaseapp.com",
databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
projectId: "<PROJECT_ID>",
storageBucket: "<BUCKET>.appspot.com",
messagingSenderId: "<MESSAGING_SENDER_ID>"
};
2. Edit the backend/app.yaml file and enter your Firebase project ID in the environment
variables:
 appengine/standard/firebase/firenotes/backend/app.yaml

VIEW ON GITHUB

runtime: python27
api_version: 1
threadsafe: true
service: backend

handlers:
- url: /.*

script: main.app

env_variables:
# Replace with your Firebase project ID.
FIREBASE_PROJECT_ID: '<PROJECT_ID>'

3. In the frontend/main.js file, configure the FirebaseUI login widget by selecting which
providers you want to offer your users.
appengine/standard/firebase/firenotes/frontend/main.js

VIEW ON GITHUB
// Firebase log-in widget
function configureFirebaseLoginWidget() {var
uiConfig = {
'signInSuccessUrl': '/',
'signInOptions': [
// Leave the lines as is for the providers you want to offer your
users.
firebase.auth.GoogleAuthProvider.PROVIDER_ID,
firebase.auth.FacebookAuthProvider.PROVIDER_ID,
firebase.auth.TwitterAuthProvider.PROVIDER_ID,
firebase.auth.GithubAuthProvider.PROVIDER_ID,
firebase.auth.EmailAuthProvider.PROVIDER_ID
],
 // Terms of service url
'tosUrl': '<your-tos-url>',
};
var ui = new firebaseui.auth.AuthUI(firebase.auth());
ui.start('#firebaseui-auth-container', uiConfig);
}
4. Enable the providers you have chosen to keep in the Firebase console by clicking
Authentication > Sign-in method. Then, under Sign-in providers, hover the cursor
over a provider and click the pencil icon.

Toggle the Enable button and, for third-party identity providers, enter the provider ID
and secret from the provider's developer site. The Firebase docs give specific
instructions in the "Before you begin" sections of theFacebook, Twitter, and GitHub
guides. After enabling a provider, click Save.

In the Firebase console, under Authorized Domains, click Add Domain and
enter thedomain of your app on App Engine in the following format:
[PROJECT_ID].appspot.com

Do not include http:// before the domain name.

Reference:
https://cloud.google.com/appengine/docs/standard/python/authenticating-users-
firebase-appengine
53
54