DEV Community: Muhamad Haris Setiawan

Installing ImageMagick from Source with HEIC Support

Muhamad Haris Setiawan — Wed, 11 Sep 2024 04:25:26 +0000

This guide will walk you through installing ImageMagick from source on a Linux system (Debian/Ubuntu-based) and configuring it with HEIC format support.

1. Clone ImageMagick Repository

First, clone the official ImageMagick Git repository into /usr/local/src:

sudo git clone https://github.com/ImageMagick/ImageMagick.git /usr/local/src/ImageMagick

2. Change Directory to ImageMagick

Navigate to the directory where ImageMagick was cloned:

cd /usr/local/src/ImageMagick

3. Install Dependencies

Install the necessary build tools and library dependencies to build ImageMagick with various format support, including HEIC:

sudo apt install build-essential libltdl-dev libjpeg-dev libpng-dev libtiff-dev libwebp-dev libgif-dev libheif-dev libfreetype6-dev liblcms2-dev libxml2-dev ghostscript

4. Configure ImageMagick

Run the following command to configure ImageMagick with modules support:

./configure --with-modules

Additionally, configure ImageMagick with HEIC support:

./configure --with-heic=yes

5. Verify HEIC Support

After the build, you can check if HEIC support is enabled by running:

identify -list format | grep HEIC

This command will list all supported formats and filter for HEIC to verify it is enabled.

6. Build ImageMagick Environment

After building and configuring the environment, compile ImageMagick using the make command:

sudo make

7. Install ImageMagick via Compiled Binary

With the source code compiled, the next step is to run the installation command. This will install ImageMagick on your Ubuntu system:

sudo make install

8. Configure Dynamic Linker Run-Time for ImageMagick

After installing ImageMagick, configure the dynamic linker run-time bindings as the final step. This action ensures your system can find and use the ImageMagick libraries during run-time:

sudo ldconfig /usr/local/lib

This command will configure the dynamic linker run-time bindings, making ImageMagick accessible and usable on your system.

After running this command, you should be able to use ImageMagick without any issues.

9. Verify ImageMagick Installation

Once you have installed ImageMagick, you can verify the installation by running the following command.

magick --version

Respons look like this

Version: ImageMagick x.x.x

https://imagemagick.org/script/command-line-processing.php

Additional Notes

You can customize the ./configure command with other options depending on the formats or features you need.
if you encounter missing libraries, ensure all necessary dependencies are installed. You may need to install additional ones depending on your system’s configuration.

Ref: https://linuxcapable.com/how-to-install-imagemagick-on-ubuntu-linux/

How to Install Redis (MacOS)

Muhamad Haris Setiawan — Sun, 17 Oct 2021 01:50:25 +0000

Hallo since i'm hard to find article, and it's separated from one article to another. I wrote this to make easy installation of redis on MacOS

First of all, we need install homebrew on our mac. this link will guide you to install Homebrew

Installation Redis

$ brew install redis

To make our redis run on background you'r just need copy and execute this script

$ brew services start redis

To make sure your redis good to go copy and execute this script

$ redis-cli ping
PONG

Well it's Pong return your ready to rock.
To make secure password on redis you can edit configuration and type some secret just like this.

$ nano /usr/local/etc/redis.conf

find
requirepass : foo
and change to
requirepass :

And restart your redis service

$ brew services restart redis

Now your good to go ☕️

How to Install Homebrew (MacOS)

Muhamad Haris Setiawan — Sun, 17 Oct 2021 01:41:08 +0000

Since it's very important for us to make our mac perfect to be developer tools we need command to make it easy to install tool. here are the steps:

If you are Apple Silicon or M1 user please install rosetta 2 before continue and set terminal opened by rosetta 2 this link will guide you. Apple Rosetta2

XCode Command Line Tools

If you don't have XCode installed, it's best to first install the command line tools to install homebrew

$ xcode-select --install

Then main of title, install homebrew:

Homebrew Installation

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Well it's take a little bit long, just make a glass of coffee when it's done.
To make it sure your homebrew ready type this code

$ brew --version
Homebrew 3.2.16
Homebrew/homebrew-core (git revision d0506b30624; last commit 2021-10-17)

$ brew doctor

Oke, you'r ready to brew 🍺

React Native Vector Icons

Muhamad Haris Setiawan — Sat, 09 Oct 2021 04:25:49 +0000

Install Package

$ npm install --save react-native-vector-icons

then link it

$ cd android && ./gradlew clean && cd ..
$ cd ios && pod install && cd ..

on iOS, go to ios/PROJECTNAME/Info.plist add this under ~UIAppFonts~

  <key>UIAppFonts</key>
  <array>
    <string>AntDesign.ttf</string>
    <string>Entypo.ttf</string>
    <string>EvilIcons.ttf</string>
    <string>Feather.ttf</string>
    <string>FontAwesome.ttf</string>
    <string>FontAwesome5_Brands.ttf</string>
    <string>FontAwesome5_Regular.ttf</string>
    <string>FontAwesome5_Solid.ttf</string>
    <string>Fontisto.ttf</string>
    <string>Foundation.ttf</string>
    <string>Ionicons.ttf</string>
    <string>MaterialIcons.ttf</string>
    <string>MaterialCommunityIcons.ttf</string>
    <string>SimpleLineIcons.ttf</string>
    <string>Octicons.ttf</string>
    <string>Zocial.ttf</string>
  </array>

on Android we need add some text too, go to android/app/build.gradle under ~apply from: "../../node_modules/react-native/react.gradle"~

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

Now you can use it like this

import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';

const Tab = createBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator
      initialRouteName="Feed"
      tabBarOptions={{
        activeTintColor: '#e91e63',
      }}
    >
      <Tab.Screen
        name="Feed"
        component={Feed}
        options={{
          tabBarLabel: 'Home',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="home" color={color} size={size} />
          ),
        }}
      />
      <Tab.Screen
        name="Notifications"
        component={Notifications}
        options={{
          tabBarLabel: 'Updates',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="bell" color={color} size={size} />
          ),
          tabBarBadge: 3,
        }}
      />
      <Tab.Screen
        name="Profile"
        component={Profile}
        options={{
          tabBarLabel: 'Profile',
          tabBarIcon: ({ color, size }) => (
            <MaterialCommunityIcons name="account" color={color} size={size} />
          ),
        }}
      />
    </Tab.Navigator>
  );
}

Install Apache, PHP, and MariaDB in Windows with Chocolatey

Muhamad Haris Setiawan — Sun, 25 Jul 2021 06:09:39 +0000

Hai, artikel hari ini adalah bagaimana cara kita install Apache, PHP dan MariaDB di Windows 11 dengan bantuan Chocolatey.

Installasi Chocolatey

Pertama pastikan kita install Chocolatey terlebih dahulu, dengan cara: buka powershell dengan Run as Administrator lalu ketkan perintak berikut

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

Kemudian tunggu sampai proses selesai. Setelah sudah selesai kita bisa melanjutkan langkah berikutnya, yaitu install PHP dengan cara berikut. tapi sebelumya masukan perintah di bawah terlebih dahulu

choco feature enable -n useRememberedArgumentsForUpgrades

Perintah tersebut diperlukan untuk mempermudah kalian ketika upgrade ke php versi yang lebih tinggi.

Installasi PHP

choco install php --params "/ThreadSafe /InstallDir:C:\Dev\PHP"

** Perlu diperhatikan pada bagian --params bertujuan untuk memberikan parameter pada coco ketika install paket

[/ThreadSafe] - Agar PHP kalian bisa compatible dengan Apache yang akan di pasang.
[/InstallDir] - Agar ini bertujuan untuk membuat custom path pada installasi.

Jika anda membutuhkan versi PHP yang lebih lawas anda bisa memasukan --version=7.4.13

Oke, anda bisa cek php anda dengan membuka CMD lalu ketikan perintah berikut:

php -v

lalu akan muncul seperti ini

PHP 8.0.8 (cli) (built: Jun 29 2021 16:02:52) ( ZTS Visual C++ 2019 x64 )
Copyright (c) The PHP Group
Zend Engine v4.0.8, Copyright (c) Zend Technologies

Installasi Apache

Selanjutnya install apache, caranya paste kode berikut di powershell yang tadi

choco install apache-httpd -y --params '"/installLocation:C:\Dev" "/port:80"'

** Perlu diperhatikan pada bagian --params

[/installLocation] - Agar ini bertujuan untuk membuat custom path pada installasi.
[/port] - memberikan custom port pada aplikasi.
[/serviceName ] - memberikan custom nama service pada Servicess App.

Test apakah apache sudah terpasang dengan baik dengan cara buka browser lalu ketikan perintah berikut http://localhost, jika gambar seperti dibawah, anda terlah berhasil memasang Apache

Oke, Jika sudah kita harus konfigurasi kembali Apache yang telah di install masuk ke folder C:\Dev\Apache24\conf buka kemudian edit file yang bernama httpd.conf

Pada bagian baris Listen pastikan dia port yang anda set disini saya membuat 80, sehingga menjadi

Listen 80

Lalu pada akhir baris LoadModule tambahkan script berikut

LoadModule php_module "C:/Dev/PHP/php8apache2_4.dll"

silakan cek terlebih dahulu apakah lokasi dari php8apache2_4.dll sudah tepat.

Lalu cari kata-kata dibawahnya ada kata AllowOverride None buat menjadi

AllowOverride All

Lalu cari teks berikut :

<IfModule dir_module>
    DirectoryIndex index.html
</IfModule>

Ubah menjadi

<IfModule dir_module>
    DirectoryIndex index.php index.html
</IfModule>

<FilesMatch \.php$>
    SetHandler application/x-httpd-php
</FilesMatch>

PHPIniDir "C:/Dev/PHP"

Kemudian kita harus restart apache service pada aplikasi services.msc dengan cara ketik (Win) + R

lalu ketik services.msc
cari "Apache24" kemudian klik Restart

Testing Apache + PHP

Untuk testing kembali ke Folder Apache24 di C:\Dev\Apache24\htdocs di dalam folder tersebut silakan buat script php dengan Visual Studio Code.

Silakan download Visual Studio Code di Link berikut
https://code.visualstudio.com/

Oke setelah install visual studio code kemudian pada CMD ketikan perintah berikut

code C:\Dev\Apache24\htdocs

Perintah tersebut akan memunculkan Window Visual Studio Code, lalu buat file baru dengan cra klik Ctrl + N, lalu ketik perintah berikut :

<?php
phpinfo();
?>

Setelah itu klik save dengan nama index.php kemudian buka browser dan masuk ke halaman http://localhost jika halaman localhost anda berubah menjadi sepertidibawah, selamat. anda berhasil install Apache dan PHP dengan baik.

Install MariaDB

Okeh, untuk MariaDB cukup copy + paste script di bawah ke powershell yang sebelumnya

choco install mariadb

Setelah proses selesai anda bisa tes MariaDB dengan cara ketik perintah berikut pada CMD

mysql -u root

lalu akan muncul perintah deskripsi sebagai berikut

Welcome to the MariaDB monitor.  Commands end with ; or \g.
Your MariaDB connection id is 270374
Server version: 10.6.3-MariaDB-1:10.6.3+maria~focal mariadb.org binary distribution

Copyright (c) 2000, 2018, Oracle, MariaDB Corporation Ab and others.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

MariaDB [(none)]>

Selamat anda berhasil memasang MariaDB selanjutnya pasang PHP + MariaDB dengan cara buka folder C:\Dev\PHP cari file bernama php.ini

Cari line berikut

;extension=bz2
;extension=curl
;extension=fileinfo
;extension=gd
;extension=gmp
;extension=mbstring
;extension=mysqli
;extension=odbc
;extension=openssl
;extension=pdo_mysql
;extension=pdo_sqlite

Lalu hapus tanda titik koma ";" lalu kemudian simpan file. Setelah itu restart Apache seperti yang telah di jelaskan di atas. setelah semua sudah di persiapkan. di halaman http://localhost anda akan melihat mysqli seperti berikut:

Itu berarti anda telah mengaktifkan ekstensi mysqli sehingga kedepannya ada bisa menghubungan MariaDB dan PHP dengan lebih mudah. Jika anda masih belum memahami artikel berikut silakan tinggalkan komentar, Terimakasih.