セイルフィッシュOS 2016サマースクールについて

この記事では、7月27日から30日に発生した素晴らしいイベントについてお話したいと思います。SailfishOSサマースクールは、イノポリス大学の支援を受けて「オープンモバイルプラットフォーム」によって開催されました。 Sailfish OS、スマートフォンでの実際のLinux、またはQML / C ++のアプリケーションの別の分野の開発の見通しに興味がある場合は、面白いだけです-私はhabracatを求めます。















まず第一に、私にとって、Sailfish OSでのこの話は2016年4月1日に始まりました。 冗談ではなく、待ちに待っていたホヤを腕に抱いたのはこの日でした。 OSを掘り下げ、マニュアルを読み、オタクの記事をいくつか公開し、公式ストアで最初のアプリケーションを公開します。



一度、自宅に座ってHabrを読んで、セイルフィッシュOSサマースクールについての告知を見て、すぐにそこに行くことに決めました。 数週間後、私はすでにイノポリスのメインストリートであるユニバーシテツカヤに立ちました。





写真はクリック可能です。



なんて素敵な場所だった！ なんと開発者のコ​​ミュニティ！ 信じられないほどでした！ アエム...さて、感情を脇に置いて、順番に取りましょう。

7月27日

知り合いの日、入門スピーチの日、宿泊の日でした...







快適なダブルルームに参加者を決めました：







部屋には、コーディングの「コア」間の短い休憩に必要なすべてのものがありました：ベッド、シャワー、エアコン、テーブル。 私の部屋での唯一のことは、2脚と0脚（！）の椅子用の4つのナイトスタンドでした。2つの「余分な」ナイトスタンドの使用方法を推測したと思います。





私は隣人と特に幸運でした。尊敬されている全員と一緒に暮らしました。SailfishOS のパッチのマスター 、Andrey Kozhevnikovは、CodeRusというニックネームでよく知られています。 Sailfish OSには、ドキュメントの小さな問題、特にその構造と一部の詳細の不十分なカバレッジがあります。ここで、Sailfish OSのウォーキングナレッジベースに落ち着きました。 :) Andrey、私の質問に対する包括的な答えをありがとう。



午後3時までに、全員が講堂307に集まり、実際に私たちは次の48時間生きました。







紹介のスピーチ、Sailfish OSに関する一般的な言葉、ロシアでの展望、および「Open Mobile Platform」の役割を聞きました。 学長はイノポリスで勉強するように呼びかけました。



その後、パートナーは次のように話しました。



Alexander Kiselev - Sailfish OSへのVipNetソリューションの埋め込み 。 彼らは、企業市場に非常に人気のあるソリューションだと言います。



Georgy Martirosov- 安全な衛星ブラウザ 。 興味深いことに、彼らは検索を行いましたが、最終的にはブラウザを作成しました...まあ、個人的には、標準ブラウザのライバルがSailfish OSに登場するかどうかは気にしません。



Egor Levichev、Alexander Sergeantov - Sailfish OSプラットフォームのActive Sync 。 とても面白い人。 実装の品質に関しては、非常に安定して動作し、少量のバッテリーを使い果たし、すべてがシステムにネイティブに統合され、「Androidユーザーがうらやましい」とユーザーから聞きました。



ピーターバルバニャガ - モバイルペイメントキャッシュターミナル（Sailfish OS）



夕方、私たちはイノポリスの街のツアーに連れて行かれました。

7月28日〜29日

この日から、緊張は指数関数的に増加し始めます！







09.00から講義が始まりました。



Kirill Chuvilin （コミュニティ関係のオープンモバイルプラットフォームの代表、 MaemoWorld.ruの創設者）-Sailfish OS SDKの概要 + Sailfish OS のグラフィカルインターフェイスの開発に関するワークショップ 。 彼は、Sailfish OSのインターフェイスを正しく作成する方法について、SDKの機能について話しました。OSは他のOSと比較して有利だからです。



Andrey Vasiliev （ FRUCTの代表者）- メインのSailfish OS APIの操作に関するマスタークラス 。 これは、GPSの「プル」、さまざまなセンサーの制御、音の再生、写真の撮影方法に関する興味深いレポートでした。



Pavel Goryansky （Open Mobile Platformの代表者） -Sailfish OSのハードウェア適応 。 Pavelは、サポートされていないデバイスでSailfish OSを「取得」する方法、これに必要なものなどについて話しました。



Andrey Kozhevnikov （別名CodeRus、コミュニティ代表）- オオカミがいくら食べても、森の Sailfish OSを修正するマスタークラスを 見ています。 ああ、「Sailfish OSからMyOwn OSを作成する方法」というトピックに関する非常に面白いプレゼンテーションでした。 真剣に、QMLのおかげで、元のインターフェイスをほぼ完全に書き換えることができます！ Andreiがこのトピックを個人的にカバーすることを願っています。別の記事に値するからです。



Petr Vytovtov （別名Osanwe、Vkontakteのネイティブクライアントの開発者、Wi-Fiネットワークアナライザー、コミュニティ代表）- 音声認識サービスの操作に関するマスタークラス 。 彼は、Sailfish OSでYandex Speechkitを使用する方法を説明しました。



Alexey Andreev （サンクトペテルブルクのSailfish OSハッカソンの勝者、 semiot.ruのメンバー）は、 IoTデバイスの操作に関するマスタークラスです 。 セマンティックWebを扱う「ソウルメイト」に出会えてうれしかったです。



19.30に、ハッカソンのアイデアのプレゼンテーションが始まりました。もちろん、次のプロジェクトが実行可能であることが判明しました。

FriendlyARMポート -Sailfish OSを開発者向けのボードに適合させるプロジェクト。

MyFirstProgram -TRICやLego NXTなどのスマートフォンとロボットデザイナーの相互作用のためのツールキット。

バッテリー統計 -バッテリー消費を監視するためのユーティリティ。

GEO-location share-デバイス間の位置データの交換。

ギターチューナー - ギター用チューナー 。

CryptoFish-パスワードでファイルを暗号化します。

郊外列車 -Yandexデータに基づく列車のスケジュール。

天気 -場所に基づく天気情報。

キラー -心理ゲーム「キラー」に基づいたロールプレイングゲーム。

AppCleaner-不要なデータとアプリケーションの削除。

WatchFox-ユーザーのホームセクションの暗号化。

CryptoContainer-コンテナー内のファイルの安全なストレージ。

タイムラプスは、写真やビデオのインターバル撮影のためのアプリケーションです。

はい、今日は接頭辞「crypto」が付いたテーマは流行していますが、深刻なことに、多くの人がセキュリティのトピックを心配していました。



私のチームは、ロールプレイングゲームKillerに基づいてゲームを作成することにしました。 実装機能を決定しました：



-被害者はサーバー上で選択されます（チームはAndroid向けのKillerの作成者の1人を含めたため、サーバーは既に準備ができていました）。

-犠牲者の写真と名前を取得するためのVkontakteでの要求と承認。

-Bluetooth経由の「ショット」を使用して「犠牲者」を「殺す」。

-GPSを使用して、プログラムはGoogleマップで被害者を示します。

-プレイヤーの位置を追跡するデーモン。



一般的に、計画は素晴らしかった...

私たちがやったこと、またはハッカソンに勝たなかったが、素晴らしい経験を得た方法

私のチームではUIを担当していたので、記事の一部を彼に捧げます。 まず、すべてのページのおおよその画像（Sailfish OSで各「ウィンドウ」が呼び出される方法）と、それらの間をナビゲートする方法をスケッチしました。







最初のテストは被害者選択ページから始まり、Dialogコンポーネントがこれに最も適していました。Silicaフレームワークの開発者は、Dialogページがアプリケーションの最初のページであると想定していなかったため、 。 したがって、私はカンニングをしなければなりませんでした。最初のページはDialogPageへの迅速な移行が行われる空白ページになります（空白ページは非常にすばやく描画されるため、ユーザーにはそのような「トリック」は表示されません）。







最初のページのソースコード：

import QtQuick 2.0 import Sailfish.Silica 1.0 import "../js/server_request.js" as ServerRequest Dialog { id: dialogFirstPage property string name: "" property string surname: "" property string imagePath: "../images/avatarUnknown.png" property string uniqueKey: "Waiting..." onAccepted: { console.log("accepted") //        pageStack.push(Qt.resolvedUrl("SecondPage.qml"), { "name": name, "surname": surname, "imagePath": imagePath, "uniqueKey": uniqueKey}, PageStackAction.Animated) } onRejected: { console.log("declined") //      pageStack.push(Qt.resolvedUrl("FirstPage.qml"), {}, PageStackAction.Immediate) //    ,    "" ServerRequest.server_getNextRandomTargetId("34853940", callback_getNextRandomTargetId) } function callback_getNextRandomTargetId(responseText) { uniqueKey = responseText; } Column { anchors.fill: parent DialogHeader { acceptText: "Accept" cancelText: "Cancel" } Text { id: victimText width: parent.width horizontalAlignment: Text.Center color: Theme.highlightColor font.bold: true wrapMode: Text.Wrap font.pixelSize: Theme.fontSizeExtraLarge text: "Choose new victim:" } Image { id: avatar source: imagePath anchors.horizontalCenter: parent.horizontalCenter width: 400 height: 400 } Text { id: nameText width: parent.width horizontalAlignment: Text.Center color: Theme.highlightColor font.bold: false wrapMode: Text.Wrap font.pixelSize: Theme.fontSizeExtraLarge text: name } Text { id: surnameText width: parent.width horizontalAlignment: Text.Center color: Theme.highlightColor font.bold: false wrapMode: Text.Wrap font.pixelSize: Theme.fontSizeExtraLarge text: surname } Text { id: keyText width: parent.width horizontalAlignment: Text.Center color: Theme.highlightColor font.bold: false wrapMode: Text.Wrap font.pixelSize: Theme.fontSizeExtraLarge text: "Victim code:\n" + uniqueKey } } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

「トリック」のソースコード：

 import QtQuick 2.0 import Sailfish.Silica 1.0 import "pages" ApplicationWindow { //   ,   FirstEmptyPage.qml (    ,      ): initialPage: true ? Qt.createComponent(Qt.resolvedUrl("pages/FirstEmptyPage.qml")) : Qt.createComponent(Qt.resolvedUrl("pages/LoginPage.qml")) cover: Qt.resolvedUrl("cover/CoverPage.qml") allowedOrientations: Orientation.All _defaultPageOrientations: Orientation.All //            : Component.onCompleted: { // immediate ->   pageStack.push(Qt.resolvedUrl("pages/FirstPage.qml"), {}, PageStackAction.Immediate) } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

その後、すべてが簡単になり、Vkontakteでの認証はWebViewを使用して行われました。

 import QtQuick 2.0 import QtQuick.LocalStorage 2.0 import Sailfish.Silica 1.0 import "../js/auth.js" as AuthJS import "../js/storage.js" as StorageJS Dialog { id: loginPage function checkUrl(url) { if (AuthJS.checkUrl(url) !== 1) { console.log(AuthJS.accessToken) StorageJS.storeSettingsValue("access_token", AuthJS.accessToken) StorageJS.storeSettingsValue("user_id", AuthJS.userId) loginView.stop() loginPage.close() } } SilicaWebView { id: loginView anchors.fill: parent url: "https://oauth.vk.com/authorize?" + "client_id=4803503" + "&scope=messages,video,wall,audio,friends,photos,offline" + "&redirect_uri=https://oauth.vk.com/blank.html" + "&display=mobile" + "&response_type=token" onUrlChanged: checkUrl(url) } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

WebViewの実装では、VK- Katのクライアントからのコードが大いに役立ちました。 素晴らしいアプリケーションを作成してくれた著者に感謝します！



次に、「Wanted」ページがありました。その内容はDialogPageによく似ていますが、PullDownMenuコンポーネントを使用してマップを開き、PullUpMenuを使用して「強制終了」します。 PullDownMenuおよびPullUpMenuの使用：

 import QtQuick 2.0 import Sailfish.Silica 1.0 Page { // ... // PullDownMenu  PushUpMenu     SilicaFlickable, SilicaListView  SilicaGridView SilicaFlickable { anchors.fill: parent PullDownMenu { //  : backgroundColor: "green" highlightColor: backgroundColor //      option: quickSelect: true MenuItem { text: "Open map" onClicked: { console.log(qsTr("Option <Open map> clicked")) pageStack.push(Qt.resolvedUrl("MapPage.qml")) } } } contentHeight: column.height Column { // ... } PushUpMenu { backgroundColor: "red" highlightColor: backgroundColor quickSelect: true MenuItem { text: "Kill!" onClicked: { console.log(qsTr("Option <Kill!> clicked")) pageStack.push(Qt.resolvedUrl("EnterCodePage.qml"), {"uniqueKey": uniqueKey}) } } } } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

下から上にスワイプすると、「キル」ページに到達しますが、残念ながら、Bluetoothを処理できませんでした。そのため、サーバーが被害者に一意のコードを送信し、「殺人者」が「被害者」画面から直接読み取り、自宅で入力する必要がありました。





コードが正しくない場合、再度入力を試みます。それ以外の場合は、「殺人」を祝福し、被害者選択ページに移動します。



したがって、ハッカソンの終わりまでに、私たちにはする時間がありませんでした。



-Vkontakteでの写真と被害者の名前の問い合わせ。

-Bluetooth経由の「ショット」を使用して「犠牲者」を「殺す」。

-プレイヤーの位置を追跡するデーモン。



また、彼らはアプリケーションの最高のプレゼンテーションを持っていませんでした...しかし、私たちはUIを持っていました、少なくとも、私は本当に誇りに思っていました（少なくともマイナーなバグがありました...）。 私にとって大きな前進でした。 旅行の前に、非常に原始的なロジック（「チャンス」など）を持つ1-2ページのアプリケーションしか作成できませんでした。アプリケーション：





ハッカソンの後、私はもっと面白いマルチページプログラムを作成する自分自身の強さを感じました。

7月29日。 夕方

ハッカソンを終えた後、私たちはボーリングクラブに連れて行かれ、全員が宴会、コミュニケーション、賞を授与しました。 ボウリングの後、私たちは長い間就寝せず、ハッカソンの結果について議論し、Sailfish OSについて考え、心から話しました。

7月30日

朝食後すぐに、主催者は参加者とセイルフィッシュOSの開発に対する要望やアイデアについて話し合いました。 それから、別れで、彼らは「人々に彼らを連れて行きました」-島の都市スヴィヤジスクへの遠足を組織しました。 本当に素晴らしいツアーの後、さよならを言う時間です-Sailfish OS Summer Schoolは終了しました。

おわりに

この魅力的な冒険は、少し悲しかったので終了しましたが、同時に、私が出会った信じられないほど興味深い人々の数、私が得た感情や経験の数の記憶に心が温かくなりました。 そしてこの世界はなんて面白いのでしょう！ あなたはハッカソンに勝つことはできません、最も成功した方法ではなく、アプリケーションのプレゼンテーションを保持する、失うが、見返りに素晴らしい経験を得る、経験は勝ったときよりもはるかに大きいです！

全体として、私はそれが私の最大のIT趣味になると固く信じて家に帰っていました。

---

ボーナス番号1

まだハッカソンに参加していない人のためのいくつかのヒント：



-考えて、可能な限り高品質のアイデア/作品を提示し、効果的に話す。 多くは本当にこれに依存しています（！）;



-自分自身と聴衆のために、最小および最大の目標を明確に述べてください。

ボーナス番号2

すべてのパフォーマンスのビデオ。

便利なリンク

» VKのグループへのリンク。

» 電報でチャット開発者。

» タイムラプス

» 郊外電車



PSこの記事の最初のレビューと校正をしてくれた友人に感謝します。



UPD：この記事で公開されているコードを厳密に受け取らないでください。ハッカソンで作成され、マイナーな修正を加えて公開されています。アプリケーション自体は非常にゆっくりと開発されますが、そうなります。 だからあまりscられないでください:)