MAY 18, 2015

USER GUIDE
FOR ADMINISTRATIVE OFFICES

MUHAMMAD JAWAD
CENTRE FOR I.T SERVICES
University of Peshawar

Table of Contents
New Website URL ......................................................................................................................................... 2
Login to Departmental page on New Website ............................................................................................ 2
1)

Gallery ................................................................................................................................................... 5

2)

My Resources ....................................................................................................................................... 9

3)

Main Heading ..................................................................................................................................... 10

4)

Sub Headings ...................................................................................................................................... 10

Contact me ................................................................................................................................................. 14

Centre for I.T Services, University of Peshawar -- Copyright 2015

New Website URL

Our new website can be accessed via
1. www.uop.edu.pk

Login to Departmental page on New Website

You can login to new website using the Above URLs followed by the
word admin.
For example
www.uop.edu.pk/admin
Once you access the above URL, you will find this page

Centre for I.T Services, University of Peshawar -- Copyright 2015

Enter the Username and Password provided to you. After Successful

login, the following page will be displayed to you.

Centre for I.T Services, University of Peshawar -- Copyright 2015

I am using Directorate of Quality Enhancement Page as Example.

At the Left Menu of the admin panel, you will find the following links

Gallery(Optional)
Main Heading
Sub Heading
My Resources
Change Password
Logout

Centre for I.T Services, University of Peshawar -- Copyright 2015

The menu items are explained One by One.

1) Gallery
To Create New Gallery follow the following steps.
Click on Gallery -> Administration Gallery

Click on Add Button. The following screen will be displayed

Centre for I.T Services, University of Peshawar -- Copyright 2015

 Enter Gallery Name and a Short Description of the Gallery.

Click on Add button. The gallery will be created.
Now. To Add picture to the click on the administration gallery details
button in front of the Gallery you just created. As shown

Centre for I.T Services, University of Peshawar -- Copyright 2015

 Now you have 3 options.

1. Add(To add pictures one by one)
2. Inline Add( To add Pictures on the same page)
3. Grid Add(To add multiple pictures at once)

You can select any of the option. I am selecting Grid add option to
add multiple pictures at once.

Centre for I.T Services, University of Peshawar -- Copyright 2015

 Select Picture and enter Description for each picture.

If you have more than 5 pictures to upload, click on Add Blank
Row button to add another row(s).
Once you done with this, click on the Insert button to add it.
While Uploading the gallery images, if you receive the Message

its not an Error, Just ignore this message and continue to fill other fields.

Centre for I.T Services, University of Peshawar -- Copyright 2015

Note: The Picture width must not be greater than 1500px. Otherwise
it will be deleted.

2) My Resources
Resources are all those documents, profarmas, forms, pictures or other materials
which you want to upload on our website and may be Publically Available for
Downloads to the visitors.
To add a resource, click on My resources from the left Menu and then click on
the Add button. The following screen will be shown.

Give a Proper Name to the Resource (As it may be helpful in searching your
resources in future).
Centre for I.T Services, University of Peshawar -- Copyright 2015

 Select the File which you want to upload on UoP Server. Please note that
you can upload MS word, PDF, Excel files and JPG, PNG, GIF Pictures. If you
have some other file format which needs to be uploaded, email us and we
will enable it to you.
Show in Downloads option is whether you want the uploaded file to be
shown in the downloads section of your Section or not. If it is YES , the file
will be available in download section.
Description is Optional. If you add it then it will be shown in the downloads
section just after the uploaded file.

3) Main Heading
The main Heading is the Top level heading of Your page which includes pages with
sub headings (Explained to every Focal Person in Details).
If you are given 2 Level Access, then Main heading option will be
available to you.
To add a New Main heading, Click on Main Heading -> Add button
Give proper name and click add button.

4) Sub Headings
The Sub Heading is the 2nd Level heading of Your page which comes under the
Main heading (i.e. Hierarchical Structure)
If you are given 2 Level Access, then every Main heading should
contain the Sub heading option.
There are two ways of Adding Sub heading.
1) Through Main Heading
To Add through main Heading, click on the sub g Details
option which is in front of Your Heading like given below
Centre for I.T Services, University of Peshawar -- Copyright 2015

 Once you click on it, simply add the Sub heading and
Description of the Page.
2) Through Sub Heading:
Simply Click on Sub heading from left menu, then click on
Add button and select the Mian title, Sub Heading name
and Enter Description.
Note: If you are coping some data from an MS word file, kindly first
Clear all Formatting to remove all type of Styles and Font properties
so that the Website default Styles may be applied. To remove
formatting, simply select the text which you want to copy to the
Website and click on the Clear All formatting Icon as shown in the
Figure.

Centre for I.T Services, University of Peshawar -- Copyright 2015

 If you want to Include a File or Image to your Description, Just upload the
File or Image to My Resources and Copy the Link Address (As shown
below) and paste it in the Description area.
For example, suppose I want to paste an Image in description and image is
uploaded in My Resources. Then
1) Copy the Link Address from My Resources
2) Go to the News Description Area and Paste it Like given below.
Step 1

Step 2

Centre for I.T Services, University of Peshawar -- Copyright 2015

Step 3
A box will be displayed, simply Paste the Link You copied from My Resources.
Adjust the Width of the Picture and Alignment (left or right). Please Note that
the Width of The Picture for Description area must not be greater than 1000px.
Once done, click OK to insert the Picture.

Centre for I.T Services, University of Peshawar -- Copyright 2015

The Description will looks like this

Contact me
For any further query, you can contact me via

Muhammad Jawad
Web Administrator
Email: jawad@upesh.edu.pk
Phone: 091-9216073
Ext: 3180
Centre for I.T Services
University of Peshawar

Centre for I.T Services, University of Peshawar -- Copyright 2015