Documentation:Barcode - on Android - with Xamarin and MDriven: Difference between revisions

Barcode - on Android - with Xamarin and MDriven

Revision as of 12:11, 23 May 2018

Continue on developing MDriven Android mobile app

To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.

This page was edited 81 days ago on 02/10/2024. What links here

@@ Line 1: / Line 1: @@
 <html>
 Continue on developing MDriven Android mobile app
-<p class="warn">
-<em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em>
-<style type="text/css">
- p.warn {
-opacity: 0.6;
-text-align: justify;
-opacity: 0.7
-width: 90%
-}
- </style>
-</p>
-<style>
-#video12 {
-  position: relative;
-  padding-bottom: 10px;
-}
-#video12::after {
-  content: "";
-  display: table;
-  clear: both;
-}
-#video12 iframe {
-  width: 100%;
-  min-width: 200px;
-  max-width: 740px;
-  height: 500px;
-  float: left;
-}
-@media (max-width: 767px) {
+<p class="video-warn">
-   #video12 iframe {
+    To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini
-     height: 180px;
+    player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now
-   }
+    you can pick any topic to be instructed without watching the whole video.
-}
+  </p>
+   <div class="video">
+    <div class="video__wrapper">
+      <iframe src="https://www.youtube.com/embed/G6THKoB74ys?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
+     </div>
+    <div class="video__navigation">
+        <span class="navigation-item" data-video="G6THKoB74ys"data-start="0" tabindex="0"> Android app functionality </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="10" tabindex="0"> Android app functionality </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="70" tabindex="0"> Scanning QR and barcodes </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="200" tabindex="0"> MDriven application server model </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="250" tabindex="0"> Phone model:</span>
+        <span class="navigation-item sub" data-video="G6THKoB74ys" data-start="265" tabindex="0"> StorageBuilder view model </span>
+        <span class="navigation-item sub" data-video="G6THKoB74ys"data-start="335" tabindex="0"> Sync Action </span>
+        <span class="navigation-item sub" data-video="G6THKoB74ys" data-start="380" tabindex="0"> Scanner action </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="500" tabindex="0"> Running the model on the server </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="590" tabindex="0"> Prototyping and simulating </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="730" tabindex="0"> Xamarin forms project </span>
+        <span class="navigation-item" data-video="G6THKoB74ys"data-start="810" tabindex="0"> Code generated view model (BuidStoragePage.xaml) </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="1110" tabindex="0"> Register/Login in MDriven Designer </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="1210" tabindex="0"> JSonToObjects </span>
+        <span class="navigation-item" data-video="G6THKoB74ys" data-start="1530" tabindex="0"> MVC view model </span>
+    </div>
+   </div>
-#video12 div {
-  float: left;
-  padding-left: 10px;
-	overflow-y: auto;
-	height: 500px;
-}
-span.time {
-    display:block;
-  padding: 2px 10px 2px 10px;
-    padding-bottom: 0.5em;
-    padding-top: 0.5em;
-  opacity: 0.7;
-}
-span.time:hover {
-  color: #0000FF;
-  cursor: pointer;
-}
-span.time:focus {
-  color: blue;
-}
-</style>
-<br>
-<div id="video12">
- <iframe width="740" height="500" src="https://www.youtube.com/embed/G6THKoB74ys?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
-  <div>
-    <span class="time" data-video="G6THKoB74ys" data-start="10" tabindex="0"> Android app functionality </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="70" tabindex="0"> Scanning QR and barcodes</span>
-    <span class="time" data-video="G6THKoB74ys" data-start="200" tabindex="0"> MDriven application server model </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="250" tabindex="0"> Phone model </span>
-    <ul> <span class="time" data-video="G6THKoB74ys" data-start="265" tabindex="0">  StorageBuilder view model  </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="335" tabindex="0">  Sync Action</span>
-    <span class="time" data-video="G6THKoB74ys" data-start="380" tabindex="0"> Scanner action</span> </ul>
-    <span class="time" data-video="G6THKoB74ys" data-start="500" tabindex="0">  Running the model on the server </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="590" tabindex="0"> Prototyping and simulating </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="730" tabindex="0"> Xamarin forms project </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="810" tabindex="0"> code generated view model (BuidStoragePage.xaml) </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="1110" tabindex="0"> Request on the server </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="1210" tabindex="0"> JSonToObjects </span>
-    <span class="time" data-video="G6THKoB74ys" data-start="1530" tabindex="0"> MVC view model</span>
-</div>
-</div>
-<script>
-var IMG = document.querySelectorAll('#video12 span'),
-    IFRAME = document.querySelector('#video12 iframe');
-for (var i = 0; i < IMG.length; i++) {
-  IMG[i].onclick = function() {
-    IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
-    if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
-    if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
-    this.style.backgroundColor='rgba(0,0,0,.2)';
-  }
-}
-</script>
 </html>
 [[Category:Visual Studio]]