Dhali Support, Author at Dhali.com

JVC

Posted on November 16, 2015March 14, 2016

Wireframes

Initial wireframes were shown to the client to show navigational flow, positioning, and page layouts. The wireframe consisted of 3 main page layouts. Home Page, Product Category Page, and Product Detail page.

Initial Wireframes →

Home Page Concept

jvc-home-concept

Category Page Concept

jvc-category-concept

Detail Page Concept

jvc-detail-conecpt

Branding

We wanted to keep the branding consistent across their digital media. Icons used on their product boxes were also used on the product detail pages to keep it consistent.

round-icons

A similar treatment was used on icons used throughout their site as well.

support-icons

Final Product

Subtle Design changes were made throughout the process but the overall structure remained the same. Homepage Banners were uniquely designed to showcase a particular product with a call to action. Below is the final version of the homepage across multiple devices.

Desktop View

jvc-final-1

Tablet View

jvc-tablet-2

Mobile View

jvc-mobile-1 .

FTP via Windows Explorer

Posted on October 28, 2015March 14, 2016

1 – Go to Start > Computer or use the shortcut Windows Key + E to start Windows Explorer.
2 – Type ftp://yourdomain.com into the top address bar.
3 – Input the full username and password for the ftp account and click Log On.
4 – You now have an open FTP connection. You can drag and drop files to and from this window and your computer to upload/download files.

Jacket Software – Design process

Posted on October 22, 2015August 26, 2016

When given the task of redesigning the logo for Jacket Software, I immediately did some research on the company, its current logo, and its goals.

As always, I began my logo design process by sketching 10-20 different concepts. This is an invaluable step that is often overlooked by designers, but actually helped me land on my final design.

Originally, I wanted to incorporate a lot of clean edges to emphasize a more modern look. Through this process, I created a J out of triangles, and thought “what if I put this in a circle?”. While sketching, I thought why not make a J out of circles?

I then scanned the image to Adobe Illustrator and sketched out the circles digitally. I played around with a few fonts and layouts, and eventually landed on what ended up being close to the final logo.
I made a few adjustments after reviewing with the client and created a branding sheet specifying fonts, colors, and alternate uses for the logo. You can see the final logo design, as well as a few mock ups here.

Logo Design – Jacket Software

Posted on October 22, 2015August 26, 2016

Jacket Software is a company that builds web applications, and are in the process of upgrading their software. In the meantime, I was given the task of redesigning the company’s visual identity.

I started with the logo. Below is the final version of the logo. You can see an overview of the process here.

JQuery Multi Email Validator

Posted on September 17, 2015March 14, 2016

Used JQuery to create a custom email validator.

Problem: A single text-box which allows users to type in multiple email addresses.
Example: test1@somedomain.com, testA@somedomain.org

https://github.com/RaviRamDhali/programming-procedure/blob/master/Snippets/JavaScript/JQuery/emails-array-validator

Wamp WordPress Upload File Size

Posted on September 16, 2015March 14, 2016

Look for the following php.ini files in your apache and php folders look for upload_max_filesize and post_max_size and change the default values.

C:\wamp\bin\apache\apache2.4.9\bin\php.ini

upload_max_filesize = 64M
post_max_size = 10M

C:\wamp\bin\php\php5.5.12\php.ini

upload_max_filesize = 64M
post_max_size = 10M

Logo Design concept – Iron Sharpens Iron

Posted on September 15, 2015August 26, 2016

9/17/2015

I finished the revised logo concept this afternoon for ISI.
The final product can be seen below.

When we decided the focus of the logo will be the shield, I created one using elements of flat design. From there I added effects to give it a rugged and realistic feel. After i was satisfied with the structure and effects, I began to incorporate Proverbs 27:17 in the cross, and the two swords symbolizing its importance. I reduced the banner back to a flat design in order to create contrast in the final concept.
You can take a look at my process below.
-Rj

9/16/2015

I started updating a logo design for the website isi-la.org. After a conversation with a client, we decided to make the cross immersed on to the shield. I began working on that concept and added some texture. You can see a before and after example of the effects below.
-Rj

9/15/2015

I created a few logo redesign concepts for a non-profit organization based on a few key concepts from the current logo, which can be seen below.

We decided to focus on strong lettering, a shield protecting the cross, swords, and proverbs 27:17 for the redesign. A color scheme has not yet been selected. Below are a few concepts.
-Rj

Logo design – anticorruptioneducation.org

Posted on September 14, 2015August 26, 2016

9/15/2015

I’ve updated the logo design concepts for anticorruptioneducation.org based on some communication with the client. We based the revisions according to a few key points.

The logo was changed to a dark blue color.
The tagline “Because Knowledge is Power” was added along with the URL.

We also incorporated a bigger focus on the educational aspects of the site, as well as font choice and spacing.
-Rj

Concept A

Concept B

Concept C

9/14/2015

I started working on a logo design concept for anticorruptioneducation.org . The concept is based on a website where you can search for courses and other resources related to anti-corruption. I incorporated elements of flat design as well as a simple search icon to emphasize the website’s objective.
-Rj

Concept D

Concept E

Concept F

New Google Algorithm to Favor Mobile Sites

Posted on July 20, 2015August 26, 2016

Google has made a massive change to their search engine algorithm. The current changes will favor mobile friendly sites over older sites designed for computers. What does this mean for businesses? Essentially, businesses whose websites don’t follow a set of criteria will be penalized by ranking lower in their search engine. However, this also means that companies which are proactive in the conversion process to a mobile friendly site have a chance to be ahead of the curve.

What makes a site mobile friendly?

According to Google, sites which have a limited amount of graphics and flash animations will be considered more mobile friendly. Mobile devices use data plans often and have limited data speeds and less memory. Less images and animations will increase speed and accessibility for mobile users.
Google has also put an emphasis on how the pages scroll. Pages are to scroll up and down and require no scrolling left to right as well. This means the content must be stackable so regardless of the device the page will reformat for a smaller device.
This change is not shocking many analysts. 2014 was the first year in which people used their mobile devices more than their desktops and laptops.

What can businesses do?

Luckily site conversions can be done by web design companies. Contact Dhali in order to find out if your site is mobile friendly or not and if an upgrade is necessary.

Android Email Setup

Posted on July 13, 2015April 7, 2017

Photos and steps are done in Android version KitKat 4.4.2.

1. In “APPS” select “SETTINGS.”

2. In “SETTINGS” go to “EMAIL” located under the applications tab.

3. If this is your first email set up click “OK“when it asks to configure now. If this is not your first account go to “MANAGE ACCOUNTS” followed by selecting the “+” to add a new email account.

4. Add the “EMAIL ADDRESS“and “PASSWORD” fields then click next.

5. Select “POP3 ACCOUNT” when prompted for what type of account.

6. Make sure “EMAIL ADDRESS” and “USERNAME” are both set to the same email address. The username field does not default this so must be changed. On the same screen change the “POP3 SERVER” to “MAIL.YOURURL.COM” and insert the respective URL.

7. Make sure “SMTP SERVER” is set to “MAIL.YOURURL.COM” and insert your respective URL.

8. Account options can remain unchanged unless otherwise preferred.

9. Account name and display name can be set or left to their default values. Click “DONE” and the email will be created and synced.

Loop with Query Posts

Posted on June 19, 2015March 14, 2016

I was running into a problem where I needed to overwrite the default number of posts that get display. I was working on a taxonomy archive page and it was showing at the most 10 posts.

I knew the amount of post that it was showing was because in the WordPress Dashboard there is a setting Where you can set the number of post that can be shown on any given page. This is set under Settings > Reading.

blog-posts-show

I wanted to use the default loop on my taxonomy archive page and just overwrite a couple parameters.

I ran into a great article on Digwp.com that showed different ways of using the WordPress Loop. You can head over and read the Article 4 Ways to Loop with WordPress.

Loop with query_posts();

<?php global $query_string; // required
$posts = query_posts($query_string.'&posts_per_page=3&cat=-6,-9&order=ASC'); ?>

<?php // DEFAULT LOOP GOES HERE ?>

<?php wp_reset_query(); // reset the query ?>

This code above uses the default query and sets the posts shown to 3 excludes category 6 and 9 and shows them in Ascending order.

In my case I just needed to overwrite the default setting which was 10. I needed to show all posts in my taxonomy archive page. I just added the following before the loop.

<?php global $query_string; // required
$posts = query_posts($query_string.'&posts_per_page=-1&order=ASC'); ?>

<?php // DEFAULT LOOP GOES HERE ?>

<?php wp_reset_query(); // reset the query ?>

This code above uses the default query and sets the posts shown to -1 (all) and shows them in Ascending order.

API Employment Tax Careers examples

Posted on May 19, 2015March 14, 2016

API Employment Tax Careers examples / instructions

Get all jobs

https://api.employmenttax.com/jobs/{APIKey}

https://api.employmenttax.com/jobs/e49f639223e8407583f95d1dd8867de0

Return:
 {
 "GUID": "64406b3e-3e5c-4da1-a543-856fe6d4a72d",
 "Title": "Dietary Supervisor",
 "FacilityTitle": "Liberty Terrace H & R",
 "PostDate": "2014-04-10T10:03:33.247",
 "ExpiredDate": "2014-05-10T10:03:33.247",
 "FacilityState": "MO",
 "FacilityCode": "S290C",
 "FacilityCodeID": 57009
 }, (more............)
 -----------------------------------------------------------------------

Get jobs by facility (filter by facility)

https://api.employmenttax.com/jobs/{APIKey}/{FacilityCodeID}

https://api.employmenttax.com/jobs/e49f639223e8407583f95d1dd8867de0/57009

RETURN:
 {
 "GUID": "979cb022-a109-4e28-aa95-fb6580892739",
 "Title": "Dietary Cook",
 "FacilityTitle": "Liberty Terrace H & R",
 "PostDate": "2014-04-10T10:03:21.513",
 "ExpiredDate": "2014-05-10T10:03:21.513",
 "FacilityState": "MO",
 "FacilityCode": "S290C",
 "FacilityCodeID": 57009
 }, (more..........)
 -----------------------------------------------------------------------

Get single job detail by Job Guid

https://api.employmenttax.com/jobs/{APIKey}/{FacilityCodeID}/{GUID}
https://api.employmenttax.com/jobs/e49f639223e8407583f95d1dd8867de0/57009/979cb022-a109-4e28-aa95-fb6580892739

RETURN:
 {
 "PostDate": "2014-04-10T10:03:21.513",
 "ExpiredDate": "2014-05-10T10:03:21.513",
 "GUID": "979cb022-a109-4e28-aa95-fb6580892739",
 "PositionNumber": "A27",
 "ContactName": "Leslie Young",
 "ContactEmail": "LYoung@skilledhc.com",
 "Description": "Under the direct supervision of the Dietary Supervisor, the Dietary Cook performs a variety of food preparation functions, including timely and accurate preparation of menus as outlined. Follows patient menus accurately and delivers nourishments to nurse units as required.",
 "Qualification": "Previous cooking experience in a healthcare or institutional environment required.  Experience in long-term care setting preferred. Must be able to work quickly to meet department schedules and must be able to meet 30-40 pound lifting requirements of the position.\r\n",
 "FacilityTitle": "Liberty Terrace H & R",
 "FacilityState": "MO",
 "FacilityCode": "S290C",
 "FacilityCodeID": 57009,
 "FLSATitle": null,
 "TravelTitle": "None",
 "TypeTitle": "Full TIme",
 "RelocationYesNo": "No",
 "Title": "Dietary Cook",
 "SalaryDescription": "Based on Experience",
 "Shifts": [
 {
 "ID": 0,
 "Title": "Day"
 },
 {
 "ID": 0,
 "Title": "Evening"
 },
 {
 "ID": 0,
 "Title": "Nights"
 },
 {
 "ID": 0,
 "Title": "Weekends"
 }
 ]
 }