HTMLインターネット投票

これらの大統領と下院の選挙が間もなく行われることは誰もがすでに認識しています。 選挙キャンペーンは、過酷で容赦のないものになると約束しています。 いいえ、これは選挙キャンペーンではありません。 これは事実の表明です。
画像
テレビとインターネットはすでに公式のパーティー評価でいっぱいです。 私は、おそらく多くの人が、これからの選挙の誠実さを心配しています。 パワーの本当のバランスはどのようにわかるのですか? 公式投票を信じることも信じないこともできます。 すべて同じことを確認してください。

これには、真に独立した調査が必要です。 インターネットの機能はこの機会を与えてくれます。

それで、サイトのアイデアが現れました。

基本的な要件:

おそらく最も重要な要件は開発の速度であり、それは私たちのプロジェクトがどのように見えるかを決定します。 PHP、Ruby、Python、さらにはASP.NETのソリューションは、時間とお金のあるチームにとって確かに優れています。 私たちの場合、このサイトは私の自由な時間に純粋な熱意で行われます(これは非常に短い時間です)。
したがって、htmlがプラットフォームとして選択されました。 はい、シンプルなhtml。 サーバーコードなし。

アイデア


投票は、ソーシャルネットワークのウィジェットを通じて実行されます。 クリック数をカウントし、ソーシャルネットワークに自動的にログインし、サイトのプロモーションを支援できるため、これには非常に適しています。
画像
ユーザーのコメントは、ウィジェットの「コメント」を通じて作成できます。 さらに簡単です。

実装


アイデアは非常にシンプルで、その実装に必要なのはレイアウトとクライアントJavaScriptのほんの一部だけです。
開始点は、スクリプトを非同期でロードするためのHTML5 Boilerplate、960grid、およびyepnopeでした。
プロジェクトドメインはrosizber.comによって選択されました
サイトをホストする場所はgithubです。 はい! プロジェクトは完全に開いています。 さらに、静的コンテンツの無料ホスティングよりも、見つけることができないgithubよりも優れています。

どうした


労働の結果はここで見ることができますhttp://rosizber.com/
ここにコード: https : //github.com/codeninja-ru/rosizbercom
投票手順は非常に簡単です。訪問者はサイトにアクセスし、関心のあるパーティの下で目的のウィジェットをクリックします。

投票結果は、単純に異なる当事者のカウンターの数値を比較することで確認できます。 すべてが非常に簡単です。

次は?


Twitterでのプロジェクトの発表以来。 githubでプロジェクトに4人が参加しました。現在、開発者の総数は5人です。 それぞれが彼自身の貢献をしました、どうもありがとう!

ウェブサイト: http : //rosizber.com/
プロジェクトの開発を支援したい人: https : //github.com/codeninja-ru/rosizbercom
フレームワークとライブラリ:
HTML5ボイラープレートhttp://html5boilerplate.com/
960グリッドhttp://960.gs/
yepnope http://yepnopejs.com/

Source: https://habr.com/ru/post/J130920/


All Articles