Directory Traversal Attack

Directory Traversal is an HTTP exploit which allow attackers to access restricted directories and execute commands outside of web server’s root directory.

2 main levels of security mechanisms:

·        Access Control Lists (ACLs)

·        Root directory

An access control list (ACL) is used in the authorization process. It is a list which the web server’s administrator uses to indicate which users or groups are able to access, modify or execute particular files on the servers, as well as other access right.

Sample picture of wampserver folder ;

The root directory is a specific directory on the server file system in which the users are confined. Users are not able to access anything above root folder. For example, the default root directory of wampserver on windows is located at C:\Wamp64\www and with this setup, a user does not have access above folder such as C:\Windows but have access under the root directory (provided that the user is authenthicated via the ACL).

Tetraphobia

Tetraphobia can be define as avoidance in instance of number 4.

In mandarin (chinese) language, number 4 is pronounced as sì, however it also similar to sound/pronounciation of death sǐ.

Same as japanese, the word shi (し, Japanese) which also similar to pronounce of death (shi-nigami).

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