This lesson will cover the following topics:

02 | Home Page

01 Getting Started

This tutorial will give you an overview of building portals in a Titan Web project.

The tutorial's web portal focuses on a university's use case, but Titan web portals can serve any use case and any industry. It does not need to be specific to any particular sector.

This overview shows that you can have a full-blown web portal with parts that are accessible to everyone and parts that are private and are only available to authorized logged-in users.

02 Home Page

This is what a portal can look like in a Titan Web project.

Screenshot of a student portal example

The University’s web portal is public and has a banner with a video background, static and dynamic text from Salesforce, articles, blogs, images, and a footer.


example of a student portal with banners, videos and images

03 Scholarship Application

The web portal has a Scholarship Application button on the home page that will navigate to a web form that collects data from students who wish to enroll at the university when clicked.

Example of a scholarship button


Here is the web form that is presented to students who wish to start the scholarship application.

example of a scholarship application form

The applicant will work through each of the 7 steps of the web form and provide data to the questions displayed to complete the scholarship application. Here are some examples of the types of questions found in the Scholarship Application: 


Head of Household examples
Example of head of household questions


Address Details examples

residential address question examples

Questionnaire example

 Screenshot of the questionnaire example


Student Info example

example of student info fields

04 Student Portal

The Student Portal can be accessed through the Home page.

Student portal button example

This part of the portal is private and secured so that only students with a login can enter the portal.

Users will be directed to a SmartV Login page that allows them to verify their login by a record in Salesforce.

The user continues to log in using their email address, and a verification code is sent to their email address to ensure it is the correct person entering the student portal.

Log in screen example

This verification code forms part of the login process to enter the Student Portal. SmartV login lets you link personal or relevant details to an end user for the portal.

verification code example

For example, once a student is logged in, they can now view or update their personal information, check their courses and grades, and see, cancel, or sign up for extra activities.

 example of a student portal screen after the student has logged in

1. Click on Personal Info to view and update a student’s details.

example of personal information screen

2. Click on Courses and Grades to view the student’s grades for their various enrolled courses.

example screen of student courses

3. Click on Student Activities to see a student’s activities.

4. Sign up for an extra activity by clicking on the Sign Me Up! button.

student activities example page
 5. To cancel an activity, click on My Activities and then select the Not Interested button.

example of a not interested button

05 Got Feedback?

Additional Resources