QtのMaemo5の下にデスクトップウィジェットを作成します。 パート1

良い一日habrachelovek。 N900に関する記事を執筆し続けています。 今回は、その開発者に対応しています。 そして、N900の開発者だけでなく、一般のすべての開発者にも。

N900向けの記述は有望ではないという事実について多くの議論があるため、私はすべての開発者に取り組んでいます。 少なくとも前の記事の議論でコメントを読んだ後に印象を得た。 この記事では、そうではないことを示します。



この記事と次の記事では、QtでのN900用のアプリケーションの作成について説明します。 そして、これは単純なアプリケーションではなく、デスクトップウィジェットです。 ソースデータは次のとおりです。

• ヒルドンとGTKの知識不足。
• 一般的なモバイルプラットフォームに関する特定の知識の欠如。
• Qt / C ++または他の言語でのデスクトップアプリケーションの開発に関する知識はほとんどありません（この場合、Qtドキュメントを読むのにもう少し時間を費やす必要があります）。
• 少しの忍耐と関心（これが最後のポイントですが、それが最も重要であることは明らかです）。

したがって、Qtでアプリケーションを作成する場合、ほとんどの場合、プラットフォームの詳細に関する知識は実際には必要ないことを示すつもりです。 また、アプリケーションがQt APIのみを使用する場合、公式にサポートされているプラ​​ットフォーム間で完全に移植可能です。

はじめに

それで、私たちは何をするつもりですか？

私は1石で2羽の鳥を殺すことにしました。自分の視点を証明するだけでなく（N900の記述は簡単で有望です）、必要なアプリケーションを作成することもできます。 そして、このアプリケーションは、電車の動きの時刻表です。 それに基づいて入門コースを作成するのに十分簡単であり、私の人生を改善するのに十分有用です（そして、私は他の誰かを願っています）。

私はよく電車を使用します（渋滞に立つ必要はなく、運転に集中する必要がないので映画を読んだり見たりする機会があります）が、このタイプの交通機関に乗る人は電車の間に十分に長い休止がある状況になることがあることを知っていますプラットフォームで待機する必要があります（この場合のプラットフォームはコンクリート構造なので、 コンピュータープラットフォームではなく、高鉄道車両に乗る方が便利です ）。 最寄りの列車のスケジュールをポケットに入れておけば、状況を改善できます。



当然、アプリケーションが最も目立つ場所であるデスクトップ上のN900にあると、より便利になります。 これは、アプリケーションをウィジェットとして作成することで実装できます。 さらに、これはMaemo5の公式開発ツールであるため、Qtで記述します（Maemo5はGTK / Hildonプラットフォームであるという事実にもかかわらず）。

さらに、アプリケーションは、プラズモイドまたはハングアップしてデスクトップコンピューターにスケジュールを表示する小さなユーティリティに簡単に変換できます。 とにかく、このアプリケーションは電車に限定されません。 誰かが予定通りに出発するバスや他の種類の交通機関を利用しているのかもしれません（フェリーの場合もあります:-)）。

スケジュールはどこで入手できますか？

アプリケーションの設計に進む前に、情報自体の入手先を決定する必要があります。



アプリケーションは特定のスケジュールプロバイダーに関連付けられるべきではない（少なくとも現時点では）と考えたため、これは組織側から時間がかかる可能性があるため、この問題に最小限の時間を費やし、アプリケーション自体の開発に専念することにしました。 すぐに目を引く最も簡単なオプションは、アプリケーションを作成することです。これは、スケジュールでhtmlページを解析し、アプリケーションを理解する単一のビューに変換します。

アプローチの利点：

• アプリケーションは特定の情報源に関連付けられていません（htmlページではない場合もあります）。
• ソースコードを変更せずにアプリケーションを透過的にスケーリングできます（たとえば、静的コンテンツ、Webサービス、またはプロキシサービスからアプリケーションを提供できます）。

短所：

• コンテンツの関連性を個別に監視し、スケジュールのソースごとにコンバーターを作成する必要があります。
• スケジュールは静的で、「ステーションからステーション」タイプのテーブルの形であることがわかります。つまり、ステーション1からステーション2に移動する必要がある場合、1つのスケジュールが必要です。また、ステーション1からステーション3 2）次に、別の別のスケジュールが必要です。
• プログラム自体からスケジュールを選択する方法はありません。

アプローチの欠点を考えると、私はすぐにこれがすべて一時的なものであると判断しました。 後で、宛先を動的に選択する機会があるように、データ形式を作り直す必要があります。

何を解析しますか？ Yandexのサービスはすぐに私の目を引き 、 モバイル版が利用可能になったことで、これがアプリケーションの記述とデバッグの最も簡単なソースであると確信しました。 しかし、残念ながら、この方法でYandexのユーザー契約に違反していることがわかりました。 それははっきり言っています：

サービスWebサイトに掲載されている資料（以下、資料）は、個人的な非営利的な使用のみを目的としています。 さらに、コピー、複製、処理、配布、インターネット上のパブリックドメイン（出版物）での配布、メディアでの使用、および/または著作権所有者の事前の書面による許可なしの商業目的での使用は禁止されています。



したがって、私のパーサーを使用できないことを警告します。これはこのユーザー契約に違反します。 アプリケーションの原則と教育目的のためにのみ使用してください。

その後、法的な情報源を見つけましたが、少なくともこれらの情報源では、自分の目的での使用が禁止されているという情報は見つかりませんでした。 たとえば、ロシア鉄道のウェブサイトに直接 、xls形式の郊外電車のスケジュールがあります（ただし、スケジュールに運用上の変更はありません）。 さらに、Yandexのユーザー契約では、情報源のリストが示されています。 それらの多くについても、提供された情報の使用に関する禁止事項は見つかりませんでした。 したがって、これらは合法的な情報源であると考えています。 しかし、それらは点在し、まだらにされています。 したがって、Yandexを開始点としますが、合法ではありません。

Yandexパーサー。

Yandexのパーサーを使用したソリューションは一時的なソリューションであり、現時点での主なタスクはデスクトップ上にQtウィジェットを作成することなので、この問題に最小限の時間を費やすことにしました。 私にとって最も簡単な解決策は、Beautiful Soapライブラリを使用してPythonでパーサーを作成することです。 必要に応じて、Pythonの専門家にコードの評価と修正を依頼してください。 私はpythonの鑑識家ではないので、建設的な批判に非常に感謝します。

ここでコードを見ることができます 。

出力で目的のxmlを取得するには、Yandexからモバイルスケジュールページの目的のURLにスクリプトを「フィード」する必要があります。 たとえば、オスタンキノ駅からホヴリーノへのレニングラード方向の列車スケジュールのURLは、m.rasp.yandex.ru/ suburban_search?direction=msk_len&station_from_suggest=&station_to_suggest=&station_to=9603505&mode=all&station_from=9603877のようになります。

スクリプトを実行します。

python ./rasp.py " m.rasp.yandex.ru/suburban_search?direction=msk_len&station_from_suggest=&station_to_suggest=&station_to=9603505&mode=all&station_from=9603877 "

そしてxml出力を取得します。

< rasp name =" " >

< train >

< time >

11:04

</ time >

< url >

not realized

</ url >

< note >



</ note >

</ train >

.......................

</ rasp >



* This source code was highlighted with Source Code Highlighter .

次に、このファイルをネットワーク（ホストまたはどこか、URLで利用できる場所）に配置します。 Dropboxパブリックフォルダーに入れました。

以上で、データの準備は終わりました。 必要な形式のファイルはネットワーク上にあり、上記のアドレスから入手できます。 これで、アプリケーションの設計に進むことができます。

デザイン。

アプリケーションの外観は、シンプルで直感的でなければなりません。 記事のヘッダーには、ウィジェットの描画があります。これは、Maemoのデスクトップウィジェットの開発に関する記事から取ったものです。

それは簡単です：出発時刻、メモ（キャンセル、週末のみなど）を備えた最寄りの列車のリストであり、押されると、この特定の列車（バスまたは飛行機）のルートでページ/ブックマークに移動できます。

下部には、前のスケジュール、更新、次のスケジュールの3つのボタンがあります。 少なくとも2つのスケジュールが必要になります：そこと戻る。

このウィジェットを描く準備ができているデザイナーがいれば-私はとても幸せです。 素材とボタン、およびフォントの名前とサイズを含む一般的なビューが必要です。 ない場合は、自分で考え出す必要があります。 設計報酬-共同開発者へのスタジオ/人の貢献。 おそらく、このプロジェクトは深刻な製品に成長するでしょう。



インテリアデザインもオリジナルではありません。 標準のQt MVCパターンとそれを実装する標準クラスを使用しました。 QtのMVC実装は次のようになります。



それは標準の実装とは異なりますが、 理解するのはそれほど難しくはありません 。

実装。

ここに私が終わったものがあります：



スキームに従って、サイトからの情報がPythonスクリプトによって解析され、上記のxmlファイルの形式でhttp経由でアプリケーションに提供されることを追跡できます。

RaspParserは、このxmlを解析するQXmlStreamReaderの子孫です。 分析は、再帰降下テクニックによって実行されます。 これは、 Pull Parserの Qt実装です。

実装の主要部分全体がいくつかの行に収まります。

void RaspParser::readRaspItem()

{

Q_ASSERT(xml.isStartElement() && xml.name() == "train" );



RaspItem theItem;

while (xml.readNextStartElement()) {

if (xml.name() == "time" )

theItem.time = QTime::fromString(xml.readElementText().trimmed(), "hh:mm" );

else if (xml.name() == "url" )

theItem.url = QUrl(xml.readElementText().trimmed());

else if (xml.name() == "note" )

theItem.note = xml.readElementText().trimmed();

else

xml.skipCurrentElement();

}

items->append(theItem);



}



* This source code was highlighted with Source Code Highlighter .

データはモデルに返されます-YandexHttpRaspModel（名前は成功せず、リファクタリングされる場合があります）。 これは、列車の出発時刻を返すQAbstractListModelの子孫です。 モデルの動作を保証するには、いくつかの方法をオーバーラップする必要があります。

int rowCount ( const QModelIndex & parent = QModelIndex() ) const ;

QVariant data ( const QModelIndex & index, int role = Qt::DisplayRole ) const ;



* This source code was highlighted with Source Code Highlighter .

実装も驚くべきものではありません。

int YandexHttpRaspModel::rowCount ( const QModelIndex & parent) const

{

Q_UNUSED(parent);

Q_D( const YandexHttpRaspModel);

return d->items.count();



}

QVariant YandexHttpRaspModel::data ( const QModelIndex & index, int role) const

{

Q_D( const YandexHttpRaspModel);



if (!index.isValid())

return QVariant();



if (index.row() >= d->items.size())

return QVariant();



if (role == Qt::DisplayRole)

return d->items.at(index.row()).time;

else if (role == Qt::UserRole+1)

return d->items.at(index.row()).note;

else if (role == Qt::UserRole+2)

return d->items.at(index.row()).url;

else

return QVariant();

}



* This source code was highlighted with Source Code Highlighter .

ただし、少し説明が必要です。 このクラスは、 前に説明したpimplテンプレートを使用して記述されています。 専用スロットもあります。

データメソッドでは、Qt :: UserRole + 1およびQt :: UserRole + 2の2つの役割が関与しました。 3つのフィールド（時間、メモ、リンク）があり、モデルは1次元リストの形式であるため、デリゲートは何らかの方法でメモとリンクに関する情報を見つける必要があります（「出発時間」はQt :: DisplayRoleのロールを通じてデータとして直接返されます） ）必要に応じて。 これらのロールを介して、デリゲートはこのデータにアクセスできます。

もちろん、リストではなくテーブルの形式で作成することも可能ですが、この場合、データを表すのはリストであり、追加情報を表示する方法はデリゲートのタスクであると判断しました（テンプレートによる）。



そして、リンクの最後のチェーン：QListView。 これは、リスト（QAbstractListModelの子孫）の形式で情報を提供するモデルからの情報を表示するための標準Qtウィジェットです。



デリゲート。情報を美しく表示しますが、実装しません。

結果。

アセンブリと起動の結果、このアプリケーションのようなものが判明するはずです（これまでのところ、アプリケーションはデスクトップのみです）。



この段階では、最初の部分は完了していると思います。 リストにスケジュールに関する情報を表示できる実用的なアプリケーション（またはプロトタイプ）があります。

費やした時間：

スケジュールとスケジュールソースの検索-1時間。

Pythonでパーサーを書く-15分。

アプリケーションの作成とデバッグ-1時間。

第一段階の総コスト：2時間15分の純粋な時間。

写真の作成を含むデザインでこの記事を書くのに、約6時間の純粋な時間がかかったことに注意してください。

次の記事で行うこと。

2番目の部分を完了するにはまだ多くの作業があります（アプリケーション開発を完全に完了することは不可能です。開発の最後の1％は永久に続きます）。 最低2時間。

推奨リストは次のとおりです。

• N900のデスクトップ上のウィジェットとしてアプリケーションを設計します。
• ロード元のアドレスの設定を行います（現在は「ハードコーディング」されています）。
• 美しいアイテムとボタンを表示するデリゲートを作成します（参加するデザイナーを本当に楽しみにしています）。
• 現在の時点、「次の列車」の機能から表示を行います。
• いくつかのブックマーク、それぞれの設定を含むいくつかのスケジュールを作成し、「前の」および「次の」スケジュールボタンを実装します。
• スケジュールの名前と方向自体を表示します。

これらのポイントの実装後、アプリケーションは予備的なアルファ段階に移行したとみなすことができると思います。



コメントでは、フィードバック、コメント、提案を楽しみにしています。

PS：この最初の段階のソースコードは、 ここで入手できます 。