Create an Intranet

Intranets have become a major part of enterprise websites. In some cases, organizations will do a majority of their workload using Intranets with their public facing website only being informational in nature. Why? An Intranet can serve a multitude of purposes such as document sharing, task management, workflows, digital asset management, content authoring and storage - accessible only by your organization and the users in which you assign access (permissions) to. In this tutorial we will show you how to create your own Intranet using Solodev.

screencapture-webcorpco-intranet-1493999245073.png

 

Note: Prior to building an Intranet in Solodev there are a few pre-requisites:

  • You should know how to create a manager
  • You should know how to work with forms in Solodev
  • You should know how to map managers to pages

All set? Let's get started.

Step 1 - Open Web Files->Content and click Add->Folder

Screen_Shot_2017-05-05_at_12.12.10_PM.png

Name the folder "Intranet" as seen in the screenshot below.

Screen_Shot_2017-05-05_at_12.12.42_PM.png


Step 2 - Click Add->File (login)

Copy and paste the code below into a file called login.html

<div class="container page-content">
<div class="mod-register">[form_error_messages]
<h3 class="rs title-mod">Welcome,</h3>

<div class="wrap-form-reg">
<div class="left-form col-sm-6">[form_login secure_area="/intranet/secure/"]<label class="wrap-txt" for="mail"><input class="input-txt required" id="mail" name="mail" placeholder="you@mail.com" type="email" value="[url_var name='email']" /> </label> <label class="wrap-txt" for="solodevpassword"> <input class="input-txt required" id="solodevpassword" name="solodevpassword" placeholder="password please!" type="password" /> </label> <label class="wrap-check" for="sys_chk_news"> <input id="sys_chk_news" type="checkbox" /> Remember me <i class="icon iUncheck"></i> <a class="lost-pass" href="/intranet/forgot-password.stml">Forgot password ?</a> </label>

<div class="wrap-login-btn"><button class="btn-flat gr btn-submit-reg" id="loginBtn" type="submit">Login</button></div>
[/form_login]</div>

<div class="right-create-acc col-sm-6"><a href="/intranet/register.stml"><img alt="Account" class="account" src="/core/fileparse.php/555/urlt/images/reg-account.png" /></a>

<p class="lbl-dung-lo rs">Not a member? Don’t worry</p>
<a class="btn-flat turquoise btn-submit-reg" href="/intranet/register.stml">Create an account</a></div>
</div>
</div>
</div>

Step 3 - Click Add->File (create account)

Copy and paste the code below into a file called create-account.html

<div class="my-coupon mod-grp-coupon block tabbable tab-style-2">
<div class="container page-content">
<div class="mod-register">
<h3 class="rs title-mod">Welcome</h3>

<div class="desc-reg">Sign up for access to the WebCorpCo Intranet. Please enter in an email and a password.</div>

<div class="wrap-form-reg clearfix">[form_register user_folder="271" secure_area="/intranet/secure/"]
<div class="form-group"><label class="control-label" for="samaccountname">Email</label> <input class="form-control input-md validate[required,custom[email]]" id="samaccountname" name="samaccountname" placeholder="you@mail.com" type="text" value="" /></div>

<div class="form-group"><label class="control-label" for="solodevpassword">Password</label> <input class="form-control input-md validate[required]" id="solodevpassword" name="solodevpassword" placeholder="Password..." type="password" /></div>

<div class="right-connect"><button class="btn-flat turquoise btn-submit-reg" id="createBtn" type="submit">Create an account</button></div>
[/form_register]</div>

<p class="rs wrap-link-back"><a class="link-back" href="/intranet/index.stml"><i class="pick-r"></i> Back to login </a></p>
</div>
<!--end: .mod-register --></div>
</div>


Step 4 - Click Add->File (forgot password)

Copy and paste the code below into a file called forgot-password-short.html

[form_error_messages][form_forgot_password forward_to="/intranet/password-confirmation.stml" login_page="http://www.webcorpco.com/intranet/" from_email="support@solodev.com"]
<div class="mod-forgot row">
<div class="left-form">
<div class="col-md-3"><label class="control-label" for="checkEmail" style="padding-top: 8px;"><strong>Please enter your email address</strong></label></div>

<div class="col-md-6"><input class="input-txt required" id="checkEmail" name="checkEmail" size="45" type="text" /></div>

<div class="col-md-3"><button class="btn-flat gr btn-submit-reg full-width-text" name="Insert" type="submit">Reset Password</button></div>
</div>
[/form_forgot_password]<br />
<a class="btn-flat gr btn-submit-reg" href="/intranet/">Back to Login Page</a></div>

Step 5 - Click Add->File (password confirmation)

Copy and paste the code below into a file called password-confirmation.html

<div class="alert alert-info" role="alert">You will receive an email with instructions to reset your password...</div>

Step 6 - Click Add->Folder

Create a subfolder in the Intranet folder called "Images"

Upload the image attached to this tutorial called reg-account.png


Step 7 - Click Add->Folder

Create a subfolder in the "Intranet" folder called "secure"

Screen_Shot_2017-05-05_at_1.53.26_PM.png


Step 8 - In the "Secure" folder, click Add->File

Copy and paste the code below into a file called my-secure.html

<p>The list below is the files that are available to the current user. The are located in the User's folder under Documents.</p>

<p>[login_logout_link logout_redirect="/intranet/" login_page="/intranet/"]</p>
[user_documents]


Step 9 - Open the "www" directory and create a folder called "intranet"

Screen_Shot_2017-05-05_at_2.00.52_PM.png


Step 10 - Click Add->Page

Name the page index and click Save / Publish. Select the box with rounded corners until it turns blue.

Screen_Shot_2017-05-05_at_2.09.12_PM.png


Step 11 - Create Login Page

Navigate back to the "web files" directory subfolder "intranet" and select the file "login.html"

Screen_Shot_2017-05-05_at_2.13.23_PM.png


Step 12 - Repeat Step 10 for all files in "web files->intranet" folder

The result of which should appear as it does in the screenshot below.

Screen_Shot_2017-05-05_at_2.16.30_PM.png 


Step 13 - Click Add->Folder (secure)

Name your folder "secure" and open it. Click "Website Properties" and mark the two checkboxes as seen in the screenshot below before clicking Submit.

Screen_Shot_2017-05-05_at_2.17.48_PM.png


Step 14 - Click Add->Page (index)

Create a new page in the "secure" subfolder. Navigate back to web files -> intranet -> secure and select my-secure.html as shown below

Screen_Shot_2017-05-05_at_2.20.50_PM.png

Note: Any files you place in the "secure" folder will only be accessible to those with access to your Intranet.

0 Comments

Please sign in to leave a comment.
Have more questions? Submit a request