SYS-CON MEDIA Authors: Liz McMillan, Carmen Gonzalez, Zakia Bouachraoui, Roger Strukhoff, David Linthicum

Blog Feed Post

How to build your own Intranet for free in less than a day – no coding skills required

Remember the days when building sites and portals seemed like a hugely complex task? Web developers used to be magicians for all of us and we were wondering how they were able to conjure gorgeous websites. “I wish I could do that”, we wistfully mused. 

While good UX-UI design is even more important than it used to be,  new platforms have democratized web development for non techies who want to take control, and create their own websites. WordPress, which now powers a big bulk of the websites today is a prime example. 

This is the goal that has driven HyperOffice: to allow business leaders to have the same kind of control over their intranet and collaboration environment, which still continues to be seen as a technical heavy lift. We’ve built a complete environment to let teams customize their collaboration tools without the need of the IT team, something generic solutions like Microsoft Sharepoint struggle to achieve.

We want to demonstrate this by example; we will guide you through a step-by-step guide to help you build your own Intranet. No code required. No high technical skills required. Not an upfront payment required, either.

Do you feel identified with at least one of these situations?

  • The IT department claims to have other priorities and activities, relegating and defer your collaboration needs.
  • You already have an Intranet but it requires developers to modify it—and you want to be able to customize every aspect of it constantly.
  • You want to give your collaborative environment a true brand identity, adding the elements and colors to make it looks yours.
  • Your collaboration and intranets needs go beyond the standard offerings in the market and would like to add some features.
  • While your team is already large but keeps growing, you want to have control over intranet costs/user.
  • You don’t have an intranet, but you want to set it up and easily justify the cost to the executive board.

If so, we hope this guide will help you towards building your own intranet in a matter of minutes. For free.

Here are the main steps we will go through:

  1. Account creation
  2. Intranet features
  3. Creating menu and pages
  4. Adding widgets
  5. Creating workspaces and users

Account creation

  1. Go to HyperOffice.com and create a free account to set your trial, by clicking the button in the heading.
HyperOffice homepagehttps://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />
HyperOffice homepage

Now, just sign up by filling out the form. We use it to better identify your needs and understand what kind of content you could be interested in. Also, it’s for giving your intranet a name and access credentials.

Intranet user creation screenshothttps://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w" sizes="(max-width: 1011px) 100vw, 1011px" />
Learn to create a user to manage access to your intranet
HyperOffice sign uphttps://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />
HyperOffice sign up

Once you’re signed up, you will be able to start building your Intranet from scratch. You can use a blank canvas to start from zero or can choose a set of templates. For this tutorial, we will use a template, and also recommend you to do so to save hours for your first deployment. These templates have built-in features that you might not have considered before but you find useful.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

For this case, we will choose a classic template for HR department, that includes most of the basic features commonly needed, such as a document management widget, to quickly access the most relevant and popular content for HR operations, tasks management and quick access to employees profile.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

However, for this tutorial, we want to show you how additional widgets you can use. There are 3 types of widgets; Atlas, which connect the functions the HyperOffice collaborative suite has to offer; object features, which are common websites elements such as buttons, menus, contact forms, text, images, and embed codes; and design widgets to customize the overall look-n’-feel with lines, dividers, and grids.

Let’s briefly see each of them.

Intranet features

Atlas widgets

  • Agenda: you are allowed to create events and assign a deadline or date.
  • Link an item: access any HyperOffice feature by just clicking an element.
  • Calendar: have a calendar view of your tasks, instead of a list.
  • Files: add a box with a set of clickable items that will give you access to online documents you can upload.
  • Workspace selector: you can create multiple intranets and restrict or allow access. For instance, you can create a personal intranet or one for each department.
  • Links: list a set of custom links to access any URL.
  • Tasks: create a task, assign a responsible, a deadline, attach it to a project, and view the current its current status.
  • Wiki: quickly create a web page where more users can collaborate.

You don’t have to create a task, file, agenda or Atlas element when creating an intranet. We will synch these elements as you have them in your account.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 118w" sizes="(max-width: 206px) 100vw, 206px" />

Object widgets: 

  • Button: display a button you can link to any URL, intranet element or Atlas module.
  • Contact Form: create a simple form with defined fields: subject and message. Choose an email to send the information. 
  • Embed Site: choose any website, and just by adding the URL, display an embedded version of such site.
  • Add file: upload your documents and access them through a link.
  • Google Maps: show a location through Google maps.
  • Html: drop any HTML/Js code to embed elements from 3rd parties.
  • Site Menu: create a link to display the pages of your intranet
  • Add an image: add a PNG/JPG image
  • Slideshow: show a set of photos on a slide. 
  • Text Block: add titles or paragraphs of custom text. Edit size, font, colors, and formats. https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 101w" sizes="(max-width: 193px) 100vw, 193px" />

Design widgets:

  • Custom panel: separate your content through panels.
  • Grid: display a set of photos with a grid format.
  • Horizontal Line: separate your content vertically through horizontal lines
  • Strip: Add a section for your page. A great way to structure each page of your intranet.
  • Vertical Line: separate the content displayed in the same section through vertical lines. https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 157w" sizes="(max-width: 198px) 100vw, 198px" />

 

Creating a menu and pages

First, you may want to structure your intranet pages. The most common use is homepages but if you don’t want a very crowded, one-page intranet, you can create multiple pages. Some examples are teams, projects, legal and operations docs, and random pages where teams can share fun stuff or special occasions. Also, there could be a section with contact forms to do requests, such as absence or resources requests.

In our template, you can see two pages displayed, but we will create and add one.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w" sizes="(max-width: 564px) 100vw, 564px" />

All the editions we will do start with the button “Design” in the top-left corner.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w" sizes="(max-width: 459px) 100vw, 459px" />

 

Now, in the editor, just click the “Pages” section. You will see your current published pages. Select “New page”.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w" sizes="(max-width: 754px) 100vw, 754px" />

We will create a third page called “projects” where we will display team calendars and pending tasks with other elements to make the content more relevant. Don’t forget to change the status to “Published”.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1069px) 100vw, 1069px" />

Adding widgets

As you can see, we have just created a third page that already displays on the menu. It’s time to put some elements in the canvas.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

Just click the wrench icon to choose one widget (described above). As we will display project-related widgets, we will first choose a calendar. Click on the calendar widget and choose the workplace you want to display the activities from; you can choose to display all your tasks or just those related to your department. You can also determine the number of tasks displayed.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w" sizes="(max-width: 810px) 100vw, 810px" />

And here you have! Your first element. With no code, very simple, just as we promised. You can customize the size and the position of the element with our very intuitive drag and drop interface.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1274px) 100vw, 1274px" />

But, to make a more complete view, we will also display a list of tasks. It’s just as simple as before: choose the tasks widget and customize the options you prefer: the workspace you want to take the tasks from, filtering by task status and who are assigned.
https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p...
300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w" sizes="(max-width: 904px) 100vw, 904px" />

We have displayed the key elements of our intranet page. But, we could try to make this page more feature rich. Fortunately, we can extend the width of our page as much as we want:


https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p...
300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

Let’s add some additional elements. Don’t you worry if you don’t have any tasks, files or projects to display. You can yet create the widget and add them later. They will be synced to your Intranet. If you want to learn now how to create tasks, projects and upload documents, just scroll down a little bit more to find the section where we highlight the collaboration features HyperOffice has to offer.

I will show you how easy it’s to upload, share, and manage a document with HyperOffice. Just like you have seen before, choose the document widget and simply browse the document you want to upload.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w" sizes="(max-width: 744px) 100vw, 744px" />

 

Finally, just with the purpose of an example, I will add two features: a form and a button. The form is meant to let users who have access to the intranet to send a comment or message. We can type any email that will receive such a message. For instance, it can be placed here to let our team give feedback on the new page. On the other hand, we will place a button that will give them access to our online chat room where we discuss specifically our HR efforts.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w" sizes="(max-width: 898px) 100vw, 898px" />

 

As you may think, all the elements work the same way: you just need to drag and drop and customize the display options. We have built an all-in-one collaborative platform that non-technical users can utilize to build intranets in a matter of minutes.

You just need to save the changes to see the updated version of your intranet:

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1266px) 100vw, 1266px" />

Creating workspaces & users

Once you work on your first intranet, you may also want to expand it to other dependencies; this intranet has been built for HR purposes, but there are other departments that need collaboration and manage content and projects in the same workspace. However, you don’t want Finances or Product Development areas to have access to HR, nor vice-versa. This is where we create workspaces: separate entities inside your account to let you control and manage users access.

To create a new workplace, just go to the user’s drop-down menu and choose “Admin”.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w" sizes="(max-width: 438px) 100vw, 438px" />

There, you will access the current workplaces you have and the assigned users for each of them. 
https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p...
300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 1024w" sizes="(max-width: 1280px) 100vw, 1280px" />

Click on “New workplace”.
https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p...
188w" sizes="(max-width: 395px) 100vw, 395px" />

Then, give your new workplace a name, a description and give access to specific users.
https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w" sizes="(max-width: 821px) 100vw, 821px" />

As this is your first time with HyperOffice, you may not have any registered users yet. Just go back to the admin page and click “New users”.

https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 163w" sizes="(max-width: 354px) 100vw, 354px" />

You just need to fill the initial credentials to create a new account. However, you can fill additional contact information. It may be very useful for large organizations that manage dozens or hundreds of employees and collaborators. If you need contact management as well, we have you covered, by the way.

You can choose the access level and automatically send an email notifying the new user of the account creation. https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 300w, https://www.hyperoffice.com/blog/wp-content/uploads/2018/08/Captura-de-p... 768w" sizes="(max-width: 1011px) 100vw, 1011px" />

Next steps

You may want to leverage HyperOffice’s features such as task management, calendars, projects, notes, and documents. We are also creating guides for each of them. Just ask for a free demo, personalized walkthrough or attend our webinars. We will be very happy to assist you.

Additional resources

 

 

 

The post How to build your own Intranet for free in less than a day – no coding skills required appeared first on .

Read the original blog entry...

More Stories By Pankaj Taneja

An MBA by qualification, Pankaj Taneja has more than six years of experience in the SaaS and web collaboration industries. Having seen SaaS grow from a niche sector to the next big thing in enterprise technology, he has a great enthusiasm and passion for the sphere. Pankaj has been working for many years at HyperOffice, one of the earliest players in web collaboration since 1998, an industry which now includes solutions from Google, Microsoft, IBM, Cisco, Oracle, Adobe and more. It is amazing being part of a pioneer in collaboration, riding a wave which only promises to grow.

Latest Stories
The platform combines the strengths of Singtel's extensive, intelligent network capabilities with Microsoft's cloud expertise to create a unique solution that sets new standards for IoT applications," said Mr Diomedes Kastanis, Head of IoT at Singtel. "Our solution provides speed, transparency and flexibility, paving the way for a more pervasive use of IoT to accelerate enterprises' digitalisation efforts. AI-powered intelligent connectivity over Microsoft Azure will be the fastest connected pat...
There are many examples of disruption in consumer space – Uber disrupting the cab industry, Airbnb disrupting the hospitality industry and so on; but have you wondered who is disrupting support and operations? AISERA helps make businesses and customers successful by offering consumer-like user experience for support and operations. We have built the world’s first AI-driven IT / HR / Cloud / Customer Support and Operations solution.
ScaleMP is presenting at CloudEXPO 2019, held June 24-26 in Santa Clara, and we’d love to see you there. At the conference, we’ll demonstrate how ScaleMP is solving one of the most vexing challenges for cloud — memory cost and limit of scale — and how our innovative vSMP MemoryONE solution provides affordable larger server memory for the private and public cloud. Please visit us at Booth No. 519 to connect with our experts and learn more about vSMP MemoryONE and how it is already serving some of...
Darktrace is the world's leading AI company for cyber security. Created by mathematicians from the University of Cambridge, Darktrace's Enterprise Immune System is the first non-consumer application of machine learning to work at scale, across all network types, from physical, virtualized, and cloud, through to IoT and industrial control systems. Installed as a self-configuring cyber defense platform, Darktrace continuously learns what is ‘normal' for all devices and users, updating its understa...
Codete accelerates their clients growth through technological expertise and experience. Codite team works with organizations to meet the challenges that digitalization presents. Their clients include digital start-ups as well as established enterprises in the IT industry. To stay competitive in a highly innovative IT industry, strong R&D departments and bold spin-off initiatives is a must. Codete Data Science and Software Architects teams help corporate clients to stay up to date with the mod...
As you know, enterprise IT conversation over the past year have often centered upon the open-source Kubernetes container orchestration system. In fact, Kubernetes has emerged as the key technology -- and even primary platform -- of cloud migrations for a wide variety of organizations. Kubernetes is critical to forward-looking enterprises that continue to push their IT infrastructures toward maximum functionality, scalability, and flexibility. As they do so, IT professionals are also embr...
Platform9, the leader in SaaS-managed hybrid cloud, has announced it will present five sessions at four upcoming industry conferences in June: BCS in London, DevOpsCon in Berlin, HPE Discover and Cloud Computing Expo 2019.
At CloudEXPO Silicon Valley, June 24-26, 2019, Digital Transformation (DX) is a major focus with expanded DevOpsSUMMIT and FinTechEXPO programs within the DXWorldEXPO agenda. Successful transformation requires a laser focus on being data-driven and on using all the tools available that enable transformation if they plan to survive over the long term. A total of 88% of Fortune 500 companies from a generation ago are now out of business. Only 12% still survive. Similar percentages are found throug...
When you're operating multiple services in production, building out forensics tools such as monitoring and observability becomes essential. Unfortunately, it is a real challenge balancing priorities between building new features and tools to help pinpoint root causes. Linkerd provides many of the tools you need to tame the chaos of operating microservices in a cloud native world. Because Linkerd is a transparent proxy that runs alongside your application, there are no code changes required. I...
In his general session at 21st Cloud Expo, Greg Dumas, Calligo’s Vice President and G.M. of US operations, discussed the new Global Data Protection Regulation and how Calligo can help business stay compliant in digitally globalized world. Greg Dumas is Calligo's Vice President and G.M. of US operations. Calligo is an established service provider that provides an innovative platform for trusted cloud solutions. Calligo’s customers are typically most concerned about GDPR compliance, application p...
Modern software design has fundamentally changed how we manage applications, causing many to turn to containers as the new virtual machine for resource management. As container adoption grows beyond stateless applications to stateful workloads, the need for persistent storage is foundational - something customers routinely cite as a top pain point. In his session at @DevOpsSummit at 21st Cloud Expo, Bill Borsari, Head of Systems Engineering at Datera, explored how organizations can reap the bene...
"NetApp's vision is how we help organizations manage data - delivering the right data in the right place, in the right time, to the people who need it, and doing it agnostic to what the platform is," explained Josh Atwell, Developer Advocate for NetApp, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
Druva is the global leader in Cloud Data Protection and Management, delivering the industry's first data management-as-a-service solution that aggregates data from endpoints, servers and cloud applications and leverages the public cloud to offer a single pane of glass to enable data protection, governance and intelligence-dramatically increasing the availability and visibility of business critical information, while reducing the risk, cost and complexity of managing and protecting it. Druva's...
Kubernetes as a Container Platform is becoming a de facto for every enterprise. In my interactions with enterprises adopting container platform, I come across common questions: - How does application security work on this platform? What all do I need to secure? - How do I implement security in pipelines? - What about vulnerabilities discovered at a later point in time? - What are newer technologies like Istio Service Mesh bring to table?In this session, I will be addressing these commonly asked ...
BMC has unmatched experience in IT management, supporting 92 of the Forbes Global 100, and earning recognition as an ITSM Gartner Magic Quadrant Leader for five years running. Our solutions offer speed, agility, and efficiency to tackle business challenges in the areas of service management, automation, operations, and the mainframe.