user guide- administration

USER GUIDE FOR ADMINISTRATIVE OFFICES

MUHAMMAD JAWAD CENTRE FOR I.T SERVICES

University of Peshawar

MAY 18, 2015

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

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


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

http://www.uop.edu.pk/

http://www.uop.edu.pk/admin


Enter the Username and Password provided to you. After Successful

login, the following page will be displayed to you.


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


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


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


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.


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.


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).


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


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.


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


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.


The Description will looks like this

Contact me

For any further query, you can contact me via

Muhammad Jawad

Web Administrator

Email: [email protected]

Phone: 091-9216073

Ext: 3180

Centre for I.T Services

University of Peshawar

mailto:[email protected]

user guide- administration

Documents

new gallery

page centre

following page

password logout centre

departmental page

multiple pictures

successful login

following steps