DEV Community: Muhammad Habib Jawady

Can you recommend a good visualization tool for sorting algorithms?

Muhammad Habib Jawady — Tue, 23 Apr 2019 16:03:00 +0000

hello dev.to ers
Do you know of any good visualization tools / videos for sorting algorithms?

How hard is it to start a programming podcast? Is it worth it?

Muhammad Habib Jawady — Tue, 24 Apr 2018 10:21:53 +0000

Unity - A big picture on game development.

Muhammad Habib Jawady — Sun, 25 Mar 2018 02:18:07 +0000

¶

Intro:¶

Hello there, It doesn't matter whether you want to persuade a career in game development or want to just discover the process of how to create a game, a good start would be by learning the amazing engine Unity which has absolutely a lot to offer. Actually, game development nowadays consists of exploiting this power to create 2D/3D games and focus more on the concept and the design rather than physics engines, etc...

In this article, you will learn how easy it actually is to get your feet wet with Unity and the essentials of starting a project using this game development platform. The chain of processes will be presented in more of a hands-on manner where each task answers a given question.

How to create a blank project?¶

After downloading Unity, and when you first start it, you will be prompted the launch wizard which will give you the ability to create a new project or browse previous projects and download tutorials. To create a new project:

Click on "New"
Choose a name for your project
Choose a location for your project, in which all assets and needed files will live.
Click on "Create project" Once that's done, you will need to wait until Unity generates the files needed for beginning your new project. A ### How to open a project?¶

From your launch wizard, you can select "Open" in order to browse using your file explorer for a desired existing project. Then you can choose "On Disk" to browse local files in your computer or "In the Cloud"

Project files' hierarchy?¶

In order to set our folder structure in Unity, from our Project window (location of all assets and from where we add objects to the scene view) we right click the mouse and hit Create >> Folder and then give it a name. Now, this folder we created for our assets officially is created under the path we chose for the project. exactly at : {path of project}/Assets/{created folder}

Note that every change in the folder structure from the project manager affects the project folder and vice versa

How to import packages?¶

The Unity asset store and already done Unity projects provide Unity packages, things you are likely to need while building your very own project. In order to import such packages (UAS):

Select Window >> Asset store.
In the search bar type the type of assets you need, you can use the filtering feature to find what best suits your needs.
After selecting the desired package, click on the button download and agree to the terms of service.
Once the downloaded package is ready, you can import it using the import button.
After the previous step, you will notice that the assets in the project window. To explore them, you can double-click the added folder.

To import a specific installed package, you need to right click in the project manager area >> import package >> {wanted asset folder name}, after that the same steps above apply

What are 3D assets?¶

When creating your gameplay, you will actually need to add some sort of assets and environments, such as placeholder objects. That can be done by:

Choosing create from the hierarchy panel.
Selecting "3D Object" >> {an object}
After choosing the desired shape, modifying the dimensions can be done using the Scale tool by dragging the colored cubes .

Once you have a boundary (floor), you can add a character. A standard when prototyping games are to insert capsules (3D primitives) to replace/represent casual players, instead of 3D modeling the shape of the character and UVing it and using something like PhotoShop to create the final look and importing everything as assets (animation clips).

* How to import them?

After setting up the 3D model, and making sure it fits Unity scale, and the pivot point then exporting it to the Unity project 's asset/Meshes folder location in fbx ... From the FBX pipeline, make sure you check the animation option if your model is animated. Make sure that the scale is set to 1.0 under the advanced options This must add in the Meshes folder a game Object which when selected adds the import option by dragging it to the scene. Now that the Inspector window is there, you can modify the properties of the imported object like the scale factor.

I hope that you liked this first article, this was Muhammad Habib Jawady. As always, keep asking !!

Do you think a CS degree is a requirement for get a job?

Muhammad Habib Jawady — Sat, 03 Feb 2018 16:03:23 +0000

Hello dev.to() members. I was wondering wether you consider getting a CS degree as a requirement for those looking for a job in fields like web/mobile development ...

What books/courses do you recommend for those who want to start blockchain.

Muhammad Habib Jawady — Sun, 17 Dec 2017 19:12:31 +0000

What is the most blurry part of python to you?

Muhammad Habib Jawady — Tue, 12 Dec 2017 22:52:53 +0000

What problems should new programmers expect?

Muhammad Habib Jawady — Tue, 12 Dec 2017 22:38:27 +0000

The struggle of every programmer

Your first program starts off exciting. But after a couple of months coding, the downsides start getting to you. Sooner or later, you will run into problems which will make you bewildered how on earth did people before you get to manage them. The good news is that you are not the only person with the same feeling!

In fact, all the problems and mistakes you run into have also been made by others who just kicked off just like you. actually isn't programming about knowing how to deal with problems in order to overcome them?

I will present to you some of the most common problems new programmers may face and a set of solutions the way I think one should deal with them for the purpose of mitigating time and effort loss. Note that this is influenced by my personal preferences and it's nothing but my personal opinion after all.

Setting up :

Learning programming is definitely arduous itself, and tripping is easy wearing no shoes. Thus, holing your horses and understanding how everything fits together is of central importance. For this reason, I recommend watching this video before proceeding any further.

If you are still stumbling with arranging your development environment, I suggest Visual Studio as it contains almost all what you will be needing to get started.

Debugging:

Walking your way out of the 'Hello, world!' zone, programs get more and more tortuous. You may not realize that until you receive your first issues on GitHub; grammar problems, unclickable buttons ... and before you know it that perfect project you were working on becomes a plethora of bugs...

Don't worry! Even though debugging seems so overwhelming and a critical skill to master, some bugs are easy to spot and fix. The good news, they are more common than you know, that even good software may contain them (that's why usually there's a bugs field in most support/contact-us pages on the web), and that they can be fixed. However, the bad news is that we all agree that debugging is not only frustrating but also tedious. Narrowing down the problem in a long code you're sure it should work is darn hard! And believe me, some debuggers are not your friends when it comes to that ...

A good practice is to craft the best debugging strategy. A successful debugging process cannot be possible without trying to reproduce the same error at first. In fact, understanding the way a problem was born is half of the solution . for more about debugging strategies

Thinking like a programmer:

Some of you may find this obvious but 50%(when it comes to importance) of a given task is solving it in your bain. Writing the code down, fighting the interpreter/compiler errors, reading the documentation, code snippets ... is the other 50%.

It is indisputable how fast smart devices are nowadays. Nevertheless, they are incredibly stupid! They do exactly, what you tell them to do, making it dull to think through every single step and convert it into commands/instructions in the code. Actually, that is no longer a problem, as millions of programmers are building libraries which provide a lot of pre-existing functionality.Yet, working on your algorithmic, data structures' skills is a must by training yourself which will help you plan more systematically.

I advise learning python at first for its friendly syntax (or JS) and then solving some tasks @ HackerRank to get familiar with real-life tasks and how to fix them in the most efficient of ways possible.

I hope you found this article helpful if you are new to programming or willing to get your feet wet soon. If you want to ask questions feel free to leave a comment below.
May the power be with you! Stay positive.

Multiple face recognition & data exploitation with Py and Azure FaceAPI

Muhammad Habib Jawady — Sat, 02 Dec 2017 23:51:23 +0000

Howdy Azure users again,

Today I will be showing you how to exploit the powerful Azure FaceAPI n order to extract data about people in images.I assume that you already read the previous article as there are some fundamentals you need to know about Azure in order to follow along .

https://s3curi7y.tn/2017/12/02/azure-face-api-hands-using-python-basic-version/

Also, you can find the code I’m about to explain in my repository .

What does this code do exactly?

Actually, this is a Python code which allows the detection and identification of human faces using Azure’s API .It is composed of two main functions paraMade and recogn each requiring a key and a URL .

How does it work?

The code is composed of two functions, both get their arguments from the sys.argv array .

paraMade:

This function is responsible for sending a request with the URL of the image and receiving details about detected faces in JSON format (JS Object Notation)

def paraMade(key, url): # defining the function

subscription_key = key # getting API token

uri_base = ‘https://eastus.api.cognitive.microsoft.com’ # setting endpoint URL

headers = {

‘Content-Type’: ‘application/json’,

‘Ocp-Apim-Subscription-Key’: subscription_key,

} # setting the headers of the request

params = {

‘returnFaceId’: ‘true’,

‘returnFaceLandmarks’: ‘false’,

‘returnFaceAttributes’: ‘age,gender,headPose,smile,facialHair,glasses,emotion,hair,makeup,occlusion,accessories,blur,exposure,noise’,

} # setting the parameters of the request

body = {‘url’: url} #assigning the url of the image from the func argument

try:

response = requests.request(‘POST’, uri_base + ‘/face/v1.0/detect’, json=body, data=None, headers=headers, params=params) # sending POST request to the endpoint and collecting response

parsed = json.loads(response.text) # parsing the response

print(“\tIn this picture : %s\nWe found that:\n” % url)

print (json.dumps(parsed, sort_keys=True, indent=2)) # printing the list of detected faces

print(“\tThere are %i people” % parsed.len())# counting number of detected faces

for person in parsed: # looping through the list of faces

print(“\t> Person %i:\n\tThis is a %i-year old %s” %(parsed.index(person)+1, person[“faceAttributes”][“age”],person[“faceAttributes”][“gender”])) #

if int(person[“faceAttributes”][“hair”][“bald”]) == 0: # PARSING JSON OBJECTS

if is_male(person[“faceAttributes”][“gender”]): #

print(“\tHis face, has the id %s” % (person[‘faceId’])) # and using data to make a paragraph

else:

print(“\tHer face, has the id %s”% (person[‘faceId’])) #

except Exception as e:

print(‘Error:’)

print(e)

recogn:

def recogn(KEY, img_url): # defining the function

CF.Key.set(KEY) # setting the API key

BASE_URL = ‘https://eastus.api.cognitive.microsoft.com/face/v1.0/’ # endpoint URL

CF.BaseUrl.set(BASE_URL) # setting the endpoint URL

detected = CF.face.detect(img_url)

print(detected) # printing the list of detected faces

def getRectangle(faceDictionary): # defining rectangle coordinates-related function

rect = faceDictionary[‘faceRectangle’]

left = rect[‘left’]

top = rect[‘top’]

bottom = left + rect[‘height’]

right = top + rect[‘width’]

return ((left, top), (bottom, right)) # returning coordinates

response = requests.get(img_url) # downloading image

img = Image.open(BytesIO(response.content)) # opening image using BytesIO

draw = ImageDraw.Draw(img) # setting the image for drawing using ImageDraw from Pillow

for face in detected: # looping in list of detected faces

draw.rectangle(getRectangle(face), outline=’blue’) # drawing rectangles

img.show() # outputting results

USGAE?

Command : python FaceAPI.py {key} {Image URL}

Does anyone know how to use matplotlib within django projects?

Muhammad Habib Jawady — Sat, 02 Dec 2017 18:18:57 +0000

Azure Face API – Hands on using Python (basic)

Muhammad Habib Jawady — Sat, 02 Dec 2017 02:17:53 +0000

Howdy everybody !

This is Muhammad Habib in a new hands-on tutorial. In this article, I will be working on Azure 's Face recognition API . I will be showing you how to exploit this very powerful API in order to add recognition capabilities to your applications by detecting human faces in images .

This will be a guide with no prequisite skills, although the only requirements are the access to the Azure portal and basic knowledge related to web frameworks or JS syntax as we will be building our demo project using Angular or Python if you're reading the basic version .

What is Azure ?

Microsoft Azure is a scalable cloud computig platform launched by Microsoft on February 2010. Due to its simplicity and the veriety of services it provides, developers choose it to deploy their projects and its APIs to make things easier. Guided by a huge set of articles and proprietor documentation, Azure became one of the kings in the kingdom of Cloud, coming the second just after AWS (Amazon Web Services) .

What is Azure 's FaceAPI ?

Azure's Face API is an Application Programming Interface, provided within the Azure Portal . It is used to detect human faces and compare similar ones and identify people in order to classify them in groups .

Getting our API keys :

In order to access any API, it is required that you provide an access token/key as a parameter in every request to the endpoint. Getting your FaceAPI key requires that you have access to an Azure account with permitted access to the service .

After logging in, visit the dashboard :

Then click on the big green + sign on the left top corner , and search for face API :

After that, click on 'create'

And complete the form :

After that you will automatically be redirected to the dashboard and the creation should be successful . Visit the service for the first time and something like this should appear :

Click on keys, and copy them to a safe place .

P.S : In case you accidentally showed them to an untrusted party you can safely regenerate them changing by that the status of previous keys to unvalid .

Next, visit the overview page, and copy the endpoint URL, this should varie between regions .

First USAGE:

Now you should be ready to use the sample code in :

https://github.com/hbibz-deploy/AzureCognitive-py/

Copy/clone the script called 'FaceAPI.py' and save it .

Before running you code, and assuming that you have both 3.X python and pip installed , run :

And then, you can use the sample :

Command : python FaceAPI.py {key} {Image URL}

Example :

The hidden text is my access key .

When you finish, something like this should appear :

Detected faces should be in blue rectangles .

AWS : Monitoring S3 With Events And SNS

Muhammad Habib Jawady — Fri, 01 Dec 2017 22:43:26 +0000

Howdy, everybody! This is Muhammad Habib Jawady in a new DevOps hands-on tutorial. In my first Amazon Web Services tutorial, I will be showing you how to leverage the S3 events feature and Simple Notification Service in order to monitor the actions taken on certain assets.

This will be a hands-on guide with no prerequisite skills even though the possession of an AWS account with the allowed usage of S3 and SNS is required. Before diving into the details, let's get our feet wet with AWS and its advantages, and the services we're about to use.

Introduction to AWS

Amazon Web Services is a scalable cloud computing platform provided by Amazon.com, Inc. In 2006. Due to its relatively cheap pricing and diversity of services in multiple fields (eg. Storage, IoT, computing ...) and detailed documentation, it is considered an important competitor to Azure. In this guide, you will come to know the basics of using:

Simple Notifications Service (SNS SMS messaging)
Simple Storage Service(S3)

Client demands

One cannot deny that practicing is the key to learning. Thus, I crafted a scenario of a client demand and in this article, we will satisfy his blueprint idea and try not to exceed his yearly dedicated budget for the purpose:

A project manager hired interns and assigned documenting the progress of the project in two S3 buckets, one is related to documenting development team contributions and the other for pull requests. However, he does not seem to trust them enough with information stored in the buckets. He asked you to prepare a blueprint allowing SMS notification for bucket one on any file download … and email notification on any file deletion in the second bucket. Your budget must not exceed $20/year for this!

How are you supposed to handle this?

Blueprint preparation The first thing you need to do is prepare a tidy and clear blueprint. The key to a successful blueprint definitely depends on your understanding of Amazon fundamental concepts such as availability zones. One obviously cannot also pull this off with no prior knowledge about the used services and the way of taking automatic action in response to events …

I would recommend using CloudCraft as a tool to help you craft a solid BP I will cover all the knowledge you need about the used services in the next step, but for now here is how your blueprint should look something like,

With roughly 16$/year expenses.

Now with a complete BP, we can start.

_Creation of resources/instances … _
- Creation of S3 buckets Simple Storage Service (SNS) is a solution to storing static files built to save and retrieve data whenever needed from anywhere given enough privileges. An instance of S3 is called a bucket. It is a directory which may store subdirectories or files containing any amount of data with the condition that it is not restricted to a policy. We are going to set the region to Asia Pacific / Sydney (ap-southeast-2) and then choose S3 from the console.

Then we're going to create two buckets with names: 'bucket-team' and 'pull-bucket'

And in the 'Set permissions', we're going to select the recommended in 'Manage public permissions' and 'Grant Amazon S3 Log Delivery group write access to this bucket'.

- _Creation of SNS topics: _ Simple Notification Service (SNS) is a fully managed pub/sub messaging service which allows sending [SMS](https://en.wikipedia.org/wiki/SMS) notifications to single/multiple targets. A 'topic' is a subject you create in order to group subscriptions and push messages to multiple recipients. 'Subscriptions' is from where you group targets and signs them up for a topic. From your AWS console (region is also Sydney), choose SNS.

Then, we are going to create a topic,

Then, add the Project manager number in the subscriptions after copying the ARN.

In order to test if the subscription/topic creation was successful, you can visit the topics page and publish to the topic a test message,

_Note _In this tutorial, I am going to work on one single bucket. The second is the same method changing the protocol to Email instead of SMS.

Creation of events In order to create events, I am going back to my S3 buckets > {bucket-name-management} Under properties> Events: choose 'add notifications'

Choose what type of Event will trigger your notification and a meaningful name.

Now, on 'Delete', the Project manager will receive an SMS message automatically with details about the event.

Conclusion

In this hands-on real-world scenario tutorial, we learned how to create S3 buckets' events in order to trigger notification using SNS service, and manage SNS topics and subscriptions.

MS Visual Studio Code - Guide To Git

Muhammad Habib Jawady — Thu, 30 Nov 2017 20:32:41 +0000

Hello guys again, this is Muhammad Habib Jawady and today I will be showing you how to use MS visual Studio Code in order to work with git properly. This will be a hands on tutorial, I hope you will find this useful as the number of users of ‘Code’ has grown dramatically throughout the year and the need for a full tutorial on how to use it is became an urge to help people master its enormous number of features.

For full documentations of VS Code, I will recommend visiting the official documentation at : Docs. I will skip introducing this Code editor and I will assume that you have prior basic knowledge with code editors and IDEs . For additional info on the matter, you can visit this guide and gain a basic awareness of git concepts .

GIT CLONE

First, we will be creating our demo project, the repository name is ‘demo-for-vs’ and initialize it with a README markdown , aka README.md

Then, we will copy the cloning .git url located in the top right corner and open MS VS Code menu to choose the option ‘clone git repository’ from the welcome page on startup window and paste that URL.

We hit enter and fill where we want our repository to be cloned and then we choose ‘Open repository’ from the next pop up .

Making/Staging changes

Now let’s make some changes to our local version . For this, I will change the size of our title in the README file and add a new file ‘index.html’.

If you click on the ‘Source control’ tab located on the left (under the search logo), you should be able to see this,

And you can notice that on the left, there is the original version, and on the right your local version.

Now we will have to stage our changes by hitting the ‘+’ icon on the right of the files’ names.

Git commit

In order to make a commit, you will have to hit that button on top of the files as shown below,

Git push

In order to apply changes in the original repository, we will use run the regular push command from the terminal which is integrated in Code.

For this purpose, we first go to ‘view’ >> ‘Integrated Terminal’,

Then we run - _git push origin master _—-> Success ^^

I hope you learned something new today … For any inquiry, feel free to submit a comment .