Capgemini Salesforce Hackathon Oct-2018

-

Description:

Salesforce application which covers the following scenarios with the tools and technologies given below:

  1. List of records in first of the page, upon selecting a record, the details of it needs to be shown in the lower half using Lightning.
  2. List of records shown, with the new edit and delete functionality in Lightning.
  3. List of records, Functionality to select multiple records and update with a single value and delete multiple records at a time in lightning.
    Tools/Technology Usages: SFDC, APEX, Salesforce Lightning, CSS.
I secure 27 rank in Capgemini Salesforce Hackathon 2018 in Round 2.




Prerequisites: 

Salesforce provides free developer account where you can develop force.com applications for free. Salesforce.com free developer account will be created through the URL http://developer.force.com. 

Steps to create a free developer account in salesforce.com (Salesforce login)


1. First, you have a valid email Id. 
2. Login to http://developer.force.com. 
3. Select Join Now. 
4. Provide all the details especially valid email and username. Username must be in the form of a valid email format like – INTELLIPAAT@gmail.com. 
5. Now click Sign me up. 
6. An email will be sent to your Email address. 
7. Now activate your account by clicking the link provided in the email. 
8. The link logs you into the site automatically. 
9. Now set your password to your account. 

Steps to turn Lightning Experience On 


1. From Setup in Salesforce Classic, click Get Started in the Migration Assistant tile at the top of the menu. 
2. On the Turn It On tab in the Migration Assistant, click the button to switch it to Enabled. 
3. In the Salesforce Classic header, click Switch to Lightning Experience. (The Switcher link is also available from a user’s profile menu.)

Installation: 

Problem Statement 1: 

Steps to create Apex Controller:- 

1. In Salesforce, click your name in the upper right corner of the screen. In the dropdown menu, click Developer Console. 
2. In the Developer Console, select File > New > Apex Class. Specify as the AccountsController class name and click OK. 
3. Implement the class as follows. AccountsController.apxc. 
4. Select File > Save to save the file. 

Steps to create Salesforce Lightning Component:- 

1. In your org, open the Developer Console under Your Name or the quick access menu. 
2. Select File | New | Lightning Component to create a new Lightning component. In the New Lightning Bundle panel, enter AccountList for the component name, select Lightning Record Page for the Component Configuration, and click Submit. 
3. Implement the component as follows. AccountList.cmp. 
4. Click the CONTROLLER button in the component palette on the right. 
5. Implement the controller as follows. AccountListController.js. 
6. Click the HELPER button in the component palette on the right. 
7. Implement the helper as follows. AccountListHelper.js. 
8. Save all the components.

Problem Statement 2: 

Steps to create Salesforce Lightning Component:- 

1. In your org, open the Developer Console under Your Name or the quick access menu. 
2. Select File | New | Lightning Component to create a new Lightning component. In the New Lightning Bundle panel, enter AccountList2 for the component name, select Lightning Record Page for the Component Configuration, and click Submit. 
3. Implement the component as follows. AccountList2.cmp. 
4. Click the CONTROLLER button in the component palette on the right. 
5. Implement the controller as follows. AccountList2Controller.js.
6. Click the HELPER button in the component palette on the right. 
7. Implement the helper as follows. AccountList2Helper.js. 
8. Save all the components.

Problem Statement 3: 

Steps to create Salesforce Lightning Component:- 

1. In your org, open the Developer Console under Your Name or the quick access menu. 
2. Select File | New | Lightning Component to create a new Lightning component. In the New Lightning Bundle panel, enter AccountList2 for the component name, select Lightning Record Page for the Component Configuration, and click Submit.
3. Implement the component as follows. AccountList3.cmp. 
4. Click the CONTROLLER button in the component palette on the right. 
5. Implement the controller as follows. AccountList3Controller.js. 
6. Click the HELPER button in the component palette on the right. 
7. Implement the helper as follows. AccountList3Helper.js. 
8. Save all the components.

Show the components on Lightning App Builder: 


Steps to create a Salesforce Lightning App:- 

1. From Setup, enter App Builder in the Quick Find box, then select Lightning App Builder. 
2. Click New. 
3. Select App Page, and then click Next. 
4. Name your Lightning page Capgemini. 
5. Select the One Column template and click Finish. 
6. Drag the AccountList component under the Custom section into the first region. 
7. Click Save, then click Activation. 
8. Click the Lightning Experience tab. 
9. Select a Lightning app, and click Add page to app. 
10. Click Save.

Now open your Capgemini Lightning App: 

1. In your org, open your Lightning Experience App where you add this app. 
2. Click on Capgemini tab. 
3. Your App looks like. Capgemini.png.



Steps to create a Salesforce Lightning App:- 
1. From Setup, enter App Builder in the Quick Find box, then select Lightning App Builder. 
2. Click New. 
3. Select App Page, and then click Next. 
4. Name your Lightning page Capgemini2. 
5. Select the One Column template and click Finish. 
6. Drag the AccountList2 component under the Custom section into the first region. 
7. Click Save, then click Activation. 
8. Click the Lightning Experience tab. 
9. Select a Lightning app, and click Add page to app. 
10. Click Save. 

Now open your Capgemini2 Lightning App: 
1. In your org, open your Lightning Experience App where you add this app. 
2. Click on a Capgemini2 tab. 
3. Your App looks like. Capgemini2.png. 



Steps to create a Salesforce Lightning App:- 
1. From Setup, enter App Builder in the Quick Find box, then select Lightning App Builder. 
2. Click New. 
3. Select App Page, and then click Next. 
4. Name your Lightning page Capgemini3. 
5. Select the One Column template and click Finish. 
6. Drag the AccountList3 component under the Custom section into the first region. 
7. Click Save, then click Activation. 
8. Click the Lightning Experience tab. 
9. Select a Lightning app, and click Add page to app. 
10. Click Save. 

Now open your Capgemini3 Lightning App: 
1. In your org, open your Lightning Experience App where you add this app. 
2. Click on a Capgemini3 tab. 
3. Your App looks like. Capgemini3.png


Solved solution: Capgemini-Salesforce-Challenge-2018 (Github link)

Comments

Post a Comment

Popular posts from this blog

Tree

-
Image
What is Tree? A tree is a data structure, each node points to a number of nodes. A tree is an example of non-linear data structures. A tree structure is a way of representing the hierarchical nature of a structure in a graphical form. The root of a tree is the node with no parents. A node with no children is called a leaf node . Children of the same parent are called siblings . A node "p" is an ancestor of node "q" if there exists a path from "root" to "q" and "p" appears on the path. The node "q" is called descendant of p. Set of all node at a given depth is called the level of the tree. The root node is at level zero. The height of the tree is the maximum height among all the nodes in the tree and depth of the tree is the maximum depth among all the nodes in the tree. Binary Tree A tree is called a binary tree if each node has zero child, one child or two children. Types of binary tree Stric
Read more

AVL (Adelson-Velskii and Landis) Trees

-
Image
What is AVL Tress? A binary tree is said to be an AVL Tree if: It is a binary search tree. For any node, the height of left subtree of node and height of right subtree of node differ by at most 1. Minimum/Maximum number of Nodes in AVL Tree Let the height of an AVL Tree is h and N(h) indicate the number of nodes in AVL Tree. Minimum number of nodes with height h is: N(h) = N(h-1) + N(h-2) + 1 N(h-1) indicates the minimum number of nodes with height h-1 . N(h-2) indicates the minimum number of nodes with height h-2 .   AVL Tree Declaration The declaration of AVL is similar to that of BST (Binary Search Tree). We include the height sldo as a part of a declaration. public class AVLTree {          int key, height;           AVLTree  left, right;           AVLTree  (int data) {                 key = d;                 height = 1;          }                 public int findHight( AVLTree  root ) {                 if(root
Read more

How to Build REST API Using PHP

-
Image
Create REST API in PHP API stands for Application Programming Interface and the idea behind API is to connect different applications irrespective of their platforms to share information. Generally, API takes requests from different applications, processes it and gives back the response. What is REST API? REST stands for Representational State Transfer and it means that the request and the response should contain a representation of the information i.e., should be in a certain format. So basically, the requests must use proper HTTP methods and the response must be in a proper format like JSON or XML instead of plain text. REST API is nothing but a normal API with a set of principles. We need to follow a set of rules while creating and consuming REST API. The rules include the following : 1. Use appropriate HTTP methods while performing API calls. The following are the four primary HTTP methods which should be used to send and receive API requests.       a. GET   
Read more