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 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 public web portal 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. When clicked, this button navigates to a web form that collects data from students who wish to enroll at the university.

Example of a scholarship button


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

example of a scholarship application form

The applicant will work through each of the seven web form steps 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 only students with a login can access it.

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 that address to ensure the correct person is entering the student portal.

Log in screen example

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

verification code example

For example, once students are logged in, they can 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 Personal Info to view and update a student's details.

example of personal information screen

2. Click on Courses and Grades to view students' 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 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