MRT TTDI

Walk in report duty Telekom Malaysia at TM@DX Damansara using public service MRT located in TTDI. Sharing map location.

Bootstrap Modal (Awesome Feature)

Introduction

Sometimes you need modal view when you are requesting several inputs from user or to display some info to user without loading other pages .

Source code :

First you need to create a button that trigger the dialog window

<button type="button" class="btn btn-dark" data-toggle="modal"  style="margin-bottom:10px;" data-target="#myModal">Details</button>

Then add a corresponding Modal part

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <!-- <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Woman Perfume</h4>
      </div> -->
      <div class="modal-body">

          <img class="img-portfolio img-fluid text-vertical-center" src="img/product1.jpg" width="400px" height="250px" border=1>
          <hr>
        <p>Name : Woman Perfume</p>
        <p>Price : RM 15.00 (SM) / Price : RM 17.00 (SS)</p>
        <p>Gorgeous, Elegant, Vogue</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>

Hope this help you create a beautiful modal window to capture user attention. :)

References :

https://www.w3schools.com/bootstrap/bootstrap_modal.asp

HTML 5 Video Tag

Introduction

Whenever you are trying to add a video to your html browser you can use <video> tag.

Source code :
(attention this code could only be use when you are using html5 browser)

 <video width="640" height="480" controls preload="none" poster="img/bg.jpg">
     <source src="img/video.mp4" type="video/mp4">
     Your browser does not support the video tag.
  </video>

You can use autoplay attribute to set video autoplay whenever user open your browser. To enable control of your video you should include "controls" attribute in your <video> tag to enable play, pause and enlarge the video. To enable preview of video or otherwise it will show blank preview you could just include the url of image into the <video> tag.


References :

https://www.w3schools.com/tags/att_video_height.asp

Personal Workplace Application (PWA)

Powerpoint

Master Slide
Add developer Tab




References :

IconArchieve
Flashkit

Synergies

Synergies can be define by taking the advantages of efficiency and effectiveness conferred by the combined effect of interaction and collaboration among multiple units.

However, synergies can be achieve with employee commitment . Workers need to fulfill their role and working together ( collaboration ) to achieve common goal.

Quotes

"The challenge for multidimensional organizations is to allocate a high level of autonomy to separate divisions as a way achieveing marketplace responsiveness while simultaneously making corporate-level decisions that allow exploitation of synergies across the divisions"

While commitment can divided certain design elements

• Clarity of organizational goals
• Influence mechanisms
• Teamwork
• Shared Information
• Organic Controls
• Individual Development Opportunities