All Sitefinity Features Revealed in a Site and a Mobile App

All Sitefinity Features Revealed in a Site and a Mobile App

January 25, 2017 0 Comments

Two years ago, the Sitefinity team released a sample application showcasing the major features of the CMS and how to use them. As time passed and technologies and methodologies changes, our application fell behind.

The truth is that we need to cover the entire experience starting from a modern looking website and ending with a fast performing mobile app. That is why we completed a revamp of the “Quantum” sample application with a mobile app powered by NativeScript. These examples can be used as a guideline for your development with Sitefinity.

 
TL;DR

Get the website and the mobile app source code. Set up NativeScript, host the site on IIS, configure the the endpoints in the app.js file and run it in the emulator. Enjoy the new look and feel and start tweaking everything.  

Why we need everything on one place?

Using many  features in one codebase is a perfect way to help developers understand how to structure and combine them when they want to build a big and complex site. It might seems obvious that the focus is on the core features of the CMS, but they are the foundation of each project.  Blogs, news, events and forums are the main data entities on the site and we are showing them with new layouts with navigation through categories.

 
 

Storing documents is another capability demonstrated in the downloads section.  

 

When it comes to events, the built-in calendar widget comes in handy. The control gives you adaptive and responsive rendering suitable for different devices.

Custom modules, user management, forums and multilingual support are key parts of every modern site, so that applies here as well.

 

What we had until now?

Don’t get me wrong, I love the old version of “Quantum,” but it is old. The design of the site is outdated and needed to be changed. One of the most important things about a website is its look and feel, and, with the new version, we are following the latest trends in site design. You can see the difference from the screenshots below.

 

Regarding to functionality, the first version of the web site covers everything that is needed, while in v2.0, specific endpoints for mobile apps are added.

 

What technologies are used?

In v1.0 the web app heavily relies on WebForms but in v2.0 everything is rewritten in MVC and Feather because they are faster and lighter. The Bootstrap framework is used to help make the site responsive.

Mobile support and why it is so important

To have a complete development story today, you need to run on mobile devices flawlessly. The responsiveness of a website is not something that the developers can consider whether to do or not. This is priority number one for many companies.

With the help of Bootstrap, the site has responsive/adaptive components, but, many times, this is not enough. In these cases, you can go one step further and implement a mobile app with Sitefinity and NativeScript.
 

If you are wondering what NativeScript is and whether you have the skillset to develop with it, the answer is simple - yes, you can and you can use your current set of skills to start right away. For more details review “Every ASP.NET WebForms Developer is Mobile developer”.

To get started with the demo, set up NativeScript, download the source code from here, host your “Quantum” application on IIS, configure the endpoints from the app.js file and run it. Keep in mind that the app is optimized for HD resolution.

 
 
 

 

How do I log in?

Create a user only with “Users” role in the BackEnd and login to the app.

How can I test it with a live URL?

When you create an account in sitefinity.com you will have the option to create a sandbox instance of the Quantum sample to play with.

Outcome

With the above samples you will be able to kick start how to create web sites and mobile apps. So feel free to download the project, host them locally, start tweaking everything and learn by doing.
Peter Filipov

Peter Filipov

Peter Filipov (Pepi) is a Developer Advocate focused on Sitefinity. He is passionate about web development and sports. Prior joining the DevRel team, Pepi was one of the team leaders in the Telerik Web Components division.

Comments
Comments are disabled in preview mode.
Topics
 
 
Latest Stories in
Your Inbox
Subscribe
More From Progress
New_Mobile_Dev_Ebook_Progress_Website_Thumbail
The New Mobile Development Landscape
Download Whitepaper
 
IDC Spotlight Sitefinity Thumbnail
Choosing the Right Digital Experience Platform to Improve Business Outcomes
Download Whitepaper
 
TheFastestWayToBuildMobileAppsArtboard-2
The Fastest Way to Build Mobile Apps With Cloud Data
Watch Webinar