Annota tutorial

24
Annota user guide Powerful Firefox Extension

description

Annota Firefox Extension user guide

Transcript of Annota tutorial

Page 1: Annota tutorial

Annota user guide Powerful Firefox Extension

Page 2: Annota tutorial

Navigate to http://annota.fiit.stuba.sk

Click green button “Install Annota Extension”

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 3: Annota tutorial

You will see balloon message on the upper

left side of the window

Click on “Allow”

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 4: Annota tutorial

Extension will be downloaded

When warning appears click

“Install Now” button

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 5: Annota tutorial

Prompt to restart Firefox will appear

Click to “Restart Now” button

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 6: Annota tutorial

Annota After Firefox starts you can see Annota icon next to address bar

When you click on “A” icon, Annota menu appears

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 7: Annota tutorial

1. Click on “Annota homepage” in Annota

menu to register

2. Click on “Register” button on top of the site

3. Fill registration form

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1 2

3

Page 8: Annota tutorial

Sidebar is a gate to all functions of Annota

extension

To open sidebar

1. click on “A” button

2. navigate to “Show/Hide sidebar”

Alternatively use shortcut Alt + Shift + S

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

Page 9: Annota tutorial

Sidebar provides

1. Annotation buttons

a) Highlight tool

When clicked, all selected text will be highlighted

b) Bookmark tool

Creates bookmark on document

c) Read it later

Marks document as read later

2. List of tags

3. Note

4. List of highlights

5. Sharing options

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

3

4

5

Page 10: Annota tutorial

To highlight text:

Click on highlight tool (1) in the sidebar

Select text that you want to highlight (2)

OR

Optionally you can select text first

Right click on selected text and in displayed menu

click on Highlight (3)

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1 2

3

Page 11: Annota tutorial

Hover highlighted text (1) and note window will

appear

Type message in textbox area (2)

Save message with Save button (3)

To remove highlight click on the trash button (4)

1

2

3

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups 4

Page 12: Annota tutorial

To insert notes into PDF files, allow PDF

support in Firefox (version 15 and higher)

1. Navigate to about:config page

2. Click on “I’ll be careful, I propise!” button

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

Page 13: Annota tutorial

3. Type “pdf” to Search text box

4. Change “pdfjs.disabled” property to false

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

3

4

Page 14: Annota tutorial

You can now open all your PDF documents inside Firefox

You can add highlights and notes to PDF documents

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 15: Annota tutorial

On Annota homepage (http://annota.fiit.stuba.sk)

you can manage your content

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 16: Annota tutorial

Through profile menu (1) import bookmarks

from Delicious or export (2) them to file

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

Page 17: Annota tutorial

1. To manage groups, click on Groups button

in the top menu

2. To create group, click on “Create group”

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

Page 18: Annota tutorial

1. In new group dialog fill (1)

Name (required)

Description

2. Than click on “Create” button (2)

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

Page 19: Annota tutorial

1. Navigate to Search tab

2. Use keyword search

3. Click “Join” to ask for subscription

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

2

3

1

Page 20: Annota tutorial

If someone invites you to group, you can see

invitation in “invitations” tab

Click on approve or reject button

After joining the group, you can share and

see shared bookmarks of other members

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 21: Annota tutorial

Share using sidebar

In Share to section choose

group to share document with

Than click to “share” button

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 22: Annota tutorial

If you want to see bookmarks that belongs to

your group navigate to Groups menu (1)

Then go to “My groups” tab (2)

Select from your groups (3)

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

1

2

3

Page 23: Annota tutorial

You can see shared bookmarks in

Bookmarks tab and group members in

Members tab

Annota

• Installation

• First use

• Side Bar

• Notes

• Notes in PDF

• Web interface

• Groups

Page 24: Annota tutorial

Now you are ready to use

Annota, powerful Firefox

Extension