Technology SurveyWe have gone through two technologies integrated in Salesforce – Visualforce and Lightning. We designed a page using both technologies. Both have their pros and cons. The details are listed below:-1. Lightning Pros

Designed for desktop and mobile applications Integrated with Bootstrap

Cons Poor Performance. Components take a long time to load. Even scrolling takes

considerable amount of time Difficult to work with external JavaScript libraries

2. Visualforce Pros

Good performance. Page loads very fast. Easily integrates with external JavaScript libraries

Cons Some JavaScript code does not work as expected

Earlier we had decided for Lightning since its designed for hand held devices and its integration with Bootstrap, however, the performance is a major concern. Visualforce, on the other hand, has very good performance and integrates with Bootstrap and jQuery quite easily. So, we have decided to use Visualforce as the technology to be used in the project.

Basic outline of the Landing Page

Description of the Tabs:1) Menu

Clicking on the menu tab will open up the menu and the food items will be visible to the customer.

Menu tab will be open by default when the app is started and once the user clicks on close cart button.

2) View Cart Customer can view the items in the cart anytime by clicking on the view cart button

on the top or by clicking on view cart tab on the bottom of the page.

Cart will contain the list of the food items selected by the customer, the quantity, individual price, total cost of the order and options to remove items from the cart and place the order.

The view cart button at the top will be a short image of a cart instead of a horizontal button.

3) Appetizers Clicking on the appetizers tab will display all the appetizers that the restaurant

has to offer. Each food item card displayed in this tab will contain the name of the recipe, a

short description, its price, a small image of the recipe at the background , a checkbox to add item to the cart and ‘+’ or ‘– ‘ buttons to increase or decrease the quantity to be ordered.

The card will also contain a link called ‘details’ that will open a small popup that will display more information about the recipe like calorie count and the ingredients.

4) Entrée and Dessert Similar to Appetizer tab

This is just the outline of the page and the styling is still pending. The appetizer, Entrée and Dessert tabs will contain a chef’s special, or special offers

panel at the top that will display the offers offered by the restaurant on the food items. All the tabs will be in color and a background image will be included.