テクノパークの赤道：後期プロジェクトの防衛

放送中、私たちの教育プロジェクトの学生の卒業プロジェクトについての新しい物語。今回は、「フロントエンド開発」「Webサービスオンゴー開発」「インターフェースデザイン」の分野で、テクノパークのメインプログラム後期の共同防衛で発表された4つの論文を紹介します。前の出版物：1、2、3。

プロジェクトを擁護した学生がこれらの技術に触れるのはこれが初めてです。プロジェクトは1学期かかります。記事の目的は、教育プロセスと学生の作業の結果を示すことです。

ウイルスミュージック

これは、デバイスにダウンロードせずに音楽をストリーミングするためのインターネット音楽サービスです。メインページには、その日のトラックの選択と、出演者の短いリストが含まれています。





アーティストをクリックすると、彼のトラックのリストが開きます。お気に入りのアーティストの新作を見逃さないように購読したり、お気に入りのトラックやアルバムを気に入ったりすることができます。音楽データベースをナビゲートするのに便利なように、パフォーマー、トラック、アルバムによる同時検索があります。プレイリストを作成できます。プロファイルでは、お気に入りのトラック、お気に入りのアルバム、アーティストサブスクリプションを確認したり、プレイリストを管理したりできます。サービスをより楽しく見せるために、彼らはインターフェースの色をカスタマイズする機能を追加しました。また、インターフェース自体は、さまざまな画面サイズのモバイルデバイスに適合しています。これは時代の精神です。







プロジェクトに取り組んでいる間、彼らがいくつかの決定に同意しなかったとき、彼らは妥協点を見つけなければなりませんでした。適切なオプションを探すために、2つのテンプレートエンジンと2つのポストプロセッサを変更しました。また、このアプローチの本質を理解する前に、フロントエンドにMVCを実装することを決定しました。そのため、後で多くのことをやり直す必要がありました。バックエンドは「クリーンな」アーキテクチャを使用します。



このサービスは、Rest APIとEasyJSONシリアライザーを使用して、GoとJavaScript（WebワーカーがJavaScriptを非同期で実行する）で記述されています。 PostgreSQLとRedisはデータの保存に使用され、gormライブラリはそれらの操作に使用されます。マイクロサービスは、gRPCを介して相互に通信します。 WebサーバーはNginxです。 Typescriptが使用されます。 CI / CDは、GithubActionsとMCSの上に構築されています。また、SharingAPI（リンクを共有するため）とWebpackコレクターを適用しました。



サービスを開発するには、最も重要なもの、つまりまともな音楽のライブラリが必要です。また、ユーザーの好みに基づいた推奨システムを作成するために、リスニングに関する統計を収集することも計画しています。



プロジェクトチーム：Margarita Boyko、Dmitry Rybakov、Natalia Klimova、Nikita Panev



プロジェクト保護付きのビデオ。

キノオン

彼らは映画やテレビ番組に関する情報を見つけるためのウェブサイトを作りました。彼らは、プレイリストを作成してフィードバックを残す機能を追加しました。このサイトにはテーマ別の映画やシリーズがあり、データベースには全文検索があり、ジャンル、リリース年、俳優を選択することができます。







主な機能の1つは、ユーザー定義の映画の類似した写真のリストを編集することです。彼らは完全な製品を作りたかったので、彼らは派手な機械学習なしでコレクションの編集を実装しました。代わりに、特定の映画について、サイトユーザーが特定のプレイリストで1つのプレイリストに含めることが最も多い作品が選択されます。つまり、2つの映画が同じプレイリストに含まれることが多いほど、類似している可能性が高くなります。ただし、「類似」はおそらく間違った用語です。むしろ、「ある程度の確率で楽しめる映画」です。テレビ番組も同じです。





また、Web Share APIを使用する学生は、関心のある映画へのリンクを送信する機能を作成しました。写真や説明を添付する機能を備えた、美しさのために作られました。



バックエンドは、「クリーンな」アーキテクチャの原則を使用して、完全にGoで記述されています。それはプロジェクトを構築するのに大いに役立ちました。 Githubアクションは、マスターブランチへのすべてのプッシュを追跡します。テストは自動的に実行され、すべてが正常であれば、プロジェクトはDockerコンテナにロールインされ、Dockerhubに送信されます。次に、サーバーからプルされて起動されます。バックエンドは、HTTPおよびHTTPSで実行されるAPIサーバーです。クライアントが初めてサイトにアクセスすると、クライアントコードを含むファイルを受け取ります。 Ansibleを使用してnginxWebサーバーの起動を自動化しました。



GoogleChromeプラグインのWebScrapperを使用して、映画やテレビ番組に関する情報を収集しました。csvファイル形式のデータはPythonスクリプトで処理され、有効なSQLクエリに変換され、データベースがインストールされました。Nginx SSIは、映画やテレビ番組へのリンクに写真や説明を添付する責任があります。プロトコルとしてHTTP3.0が使用されます。このため、新しいモジュールとライブラリを使用してNginxを再構築し、多くのヘッダーを作成する必要がありました。



プロジェクトチーム：Andrey Zubkov、Konstantin Pronin、Alisa Seledkina、Oleg Elizarov



プロジェクト保護付きのビデオ。

ドレロ

これは多機能タスクマネージャーです。Drelloで適用される原則は、おそらくおなじみです。ユーザーは、別のボードページでタスクを収集して編集します。メイン画面で、ユーザーは自分のボードと招待されたボードを確認できます。一般的なボードをすばやく作成するために、いくつかのテンプレートが用意されています。





タスクは列の形式で表示され、各列はタスクの個別の段階を反映しています。





タスク画面には、説明、カテゴリタグ、チェックリスト、説明コメント、および添付ファイルが含まれています。





タスクは、ドラッグアンドドロップするだけで列間を移動します。





リアルタイムで通知があり、通知をオフにしたり、サイレントにしたりすることができます。他のユーザーのボードに接続するための招待リンクを送信できます。





バックエンド全体はGoで記述されており、マイクロサービスアーキテクチャを備えています。マイクロサービスは、gRPCを介してprotobuf形式で相互に通信します。アプリケーションは、プロメテウスとグラファナのバンドルの形で監視することによってカバーされています。 zapライブラリはロギングに使用されます。メインのデータストアはPostgreSQLで、ファイルとアバターのストアはAmazonです。セッションはMemcacheに保存されます。フロントエンドとの通信には、Echoルーター、HTTPS 2.0プロトコル、およびEasyJSONデータシリアライザーが使用されます。 Gormフレームワークは、データベースを操作するために使用されます。アプリケーションは、CSRF、XSS、SQLインジェクション攻撃からも保護されています。フロントエンドは、MVCパターンとFestテンプレートエンジンを使用して、純粋なJavaScriptで記述されています。 Webpackをコレクターとして使用し、Babelを使用して転送し、静的コンテンツをNginxを介して配布し、リクエストをバックエンドにプロキシしました。



フロントエンド：https://github.com/frontend-park-mail-ru/2020_1_SIBIRSKAYA_KORONA



バックエンド：https：//github.com/go-park-mail-ru/2020_1_SIBIRSKAYA_KORONA



プロジェクトチーム：Roman Gavrilenko、Alexander Lebedev、Timofey Razumov、Anton Chetverov ..。



プロジェクト保護付きのビデオ。

eLoyalty

そして、私たちのコレクションの最後のプロジェクトは、AppleWalletのロイヤルティカードデザイナーです。彼らはコーヒーショップに行くのが好きですが、彼らは無料のコーヒーを与えるスタンプ付きの段ボールカードを持ち歩くのは好きではありません。彼らは、小さなコーヒーショップの所有者がそのコンストラクターを理解できるように、Walletで美しいカードを作成することを決定しました。これにより、カフェのロイヤルティシステムのデザインとロジックを作成できます。さらに、電子カードは、クライアントがカフェの近くを歩いているときにクライアントに思い出させ、プロモーションについて通知し、訪問者の連絡先を収集することができます。











プロジェクトは、GRPCプロトコルを使用するマイクロサービスアーキテクチャ上に構築されています。パスワードはハッシュされます。 Dockerコンテナが使用され、監視とアラートはPrometheusとGrafanaに基づいています。彼らはまた、Apple Wallet APIを独自に研究する必要がありました。これは、Apple Walletの電子カードを発行および保守することを可能にするテクノロジーです。つまり、デザインの変更、通知の送信などです。



プロジェクトチーム：Dmitry Gulyachenkov、Alexander Averkiev、Sergey Petrenko、Dmitry Boldin



プロジェクト保護付きのビデオ。

---

次の投稿の1つで、C ++開発の卒業プロジェクトについて説明します。あなたはこのリンクで私たちの教育プロジェクトについてもっと読むことができます。そして、Technostreamチャネルにアクセスすることが多く、プログラミング、開発、その他の分野に関する新しいトレーニングビデオが定期的に表示されます。