Qvue-如何進行？How I made Qvue?

結合這學期佛學資訊、工具與技術(Ⅳ)

2/21-5/31 技術開發

2/21-4/30 界面和資料庫的設計

5/1-5/31 網頁設計製作

7/1-7/20 English slide 製作


*2/21-4/30 界面和資料庫的設計
每週五與洪老師上課一小時
每週一或週五與Ray上課二小時
Bill, Simon, 阿閒三位給予適時的協助

*5/1-5/31 網頁設計製作

網頁草稿1

網頁草稿2

*7/1-7/20 English slides 製作（with prof. Bill Magee correcting English）

Qvue Comparison Editor

= Qvue Online Text Comparison Editor

1 Contents 1.1 Introduction 1.2 Technical Specifications 1.3 Demonstrate 1.4 Future Plans 1.5 Bibliography

Here I want to use 4 points to introduce "Qvue Comparison Editor "

2 Introduction 2.1 Qvue is a system-independent cloud-based text comparison editor. 2.2 Qvue can display any language using Unicode character encoding. 2.3 Qvue can be a convenient tool for philological analysis of variant editions. 2.4 Qvue will remember keywords and identify them in the texts. 2.5 Qvue is able to go to work immediately on the raw data you give it. 2.6 Qvue will use JavaScript for Editing In Place.

2 Introduction

 "Qvue Comparison Editor " What is it and what can it do?

 It is an Online Text Comparison Editor

l   1 Qvue is a system-independent cloud-based text comparison editor.

It is an Online Text Comparison Editor.

A beta version is online at wamlabs.com/qvue/compare. (/slash)

But for todays demo I will use localhost.

l   2 Qvue can display any language using Unicode character encoding

since Qvue supports UTF-8 character encoding,

it can display any language's character set

l   3 Qvue can be a convenient tool for philological analysis of variant editions.

Qvue is designed to be used by scholars in the humanities who wish to compare text passages side by side.

Qvue is a more convenient tool than word-processors for philological analysis, and it is cloud based for cross platform use.

l   4 Qvue will remember keywords and identify them in the texts.

Besides being cloud-based,

Qvue's other advantages

over word-processing programs will include its ability

to remember keywords and identify them in the texts (but this feature is not ready yet)

l   5 Qvue is able to go to work immediately on the raw data you give it.

Unlike programs which use marked-up text for comparison,

Qvue is able to go to work immediately on the raw data you give it.

l   6 Qvue will use JavaScript for Editing In Place

 (but this feature is not ready yet).

3 Technical Specifications Qvue currently consists of 27 files of HTML and PHP code.[1] Web design with CSS. MySQL database consisting of 4 tables. JavaScript text editing

3 Technical Specifications

   Technical sutff

   Written in php, mysql database, JavaScript for text editing, html/css
-------

prof. Joey said,
只是內容提到JEIP的部份，似乎那是還沒完成的部份？

如果是的話，我建議是要在Technical Specifications的部份中，稍加強調這是「預計要完成」的部份。不然是有點令人困惑.

--------

27 files of HTML and PHP code

For interface

4 Demonstrate Source: Add, modify and delete a text View : View "Published Texts" Compare: Main functions

4 Demo

   Here I will demonstrate how to use Qvue. As you will see, it is easy to use

Qvue has 3 functions Source, View and Compare, Compare has the main functions. I will demo these later. First I will demo Source and View..

l   Source: Add, modify and delete a text

"Source" has 3 functions you can chose: add, modify and delete

l   View : View "Published Texts"

In "View" : you can View "Published Texts"

5 Compare: Main functions Go to the website and log in to Qvue Select 2 items to compare Copy and paste selections to compare Save comparisons as desired Submit to database Publish to website Click "Create" to repeat as needed

Here I will demonstrate the main functions of "Compare".

This is the best way demonstrate how to use Qvue. As you will see, it is easy to use

How to use Qvue

·  1 Register and Log in first

·  Click "Compare"

·  2 Select 2 items or add 2 items to compare

If you already have items, you can select 2 items to compare,

otherwise, add 2 items to compare

·  3 Copy and paste selections to compare

I am working on making these textboxes editable with JavaScript for Editing In Place

·  4 Save comparisons as desired

When you save comparisons, they are submitted to the database

·  5 Submit to database

After the comparisons are submitted to the database,

·  6 Publish them to the website.

Then you can publish them to the website

·  7 Click "Create" to repeat as needed

Then you can go ahead and  Click "Create" to repeat as needed

6 Future Plans Implement multiple side by side windows Implement Keywords function Implement search function Implement print function Implement download function Implement highlighting of differences function Implement Editing In Place http://josephscott.org/code/javascript/jquery-edit-in-place/, 2011/07/10.

About future plans for Qvue,

As you can see, Qvue is a work-in-progress, My future plans include 7 items

1 Implement multiple side by side windows

Qvue will have the ability to display numerous windows side by side each containing text in a different language

2 Implementing a Keywords function that will identify pre-set keywords

3 Implementing a search function

4 Implementing a print function

5 Implementing a function for downloading text, in various formats such as xml, txt, html, rtf and so forth

6 Implementing a function that will highlighting differences in compared items using different colors

7 Implementing a JavaScript function to edit compared items called "jQuery Edit in Pace (JEIP)" by Joseph Scott (http://josephscott.org/code/javascript/jquery-edit-in-place/, 2011/07/10.)

---

[1] Ex config.php