پست‌های انتشارات محتوای طراحی وب

ابزار آنالیز وب ماتومو (Matomo)

امین انصاری — Fri, 03 Nov 2023 16:20:08 +0330

ماتومو (Matomo) یک ابزار آنالیز وب منبع باز است که به کسب و کارهای اینترنتی کمک می کند تا اطلاعات مربوط به رفتار بازدیدکنندگان سایتشان را به دست آورند. این ابزار با استفاده از فناوری بصری، به شما کمک می کند تا رفتار کاربران خود را در هنگام تعامل با سایتتان مشاهده کنید.ابزار آنالیز وب ماتومو (Matomo)ماتومو دارای طیف وسیعی از ویژگی ها است که به شما کمک می کند تا رفتار کاربران خود را به طور عمیق درک کنید. برخی از مهم ترین ویژگی های این ابزار عبارتند از:نقشه گرمایی (Heatmap): نقشه گرمایی به شما نشان می دهد که کاربران روی کدام قسمت های سایت شما کلیک می کنند، می رانند و می گذرانند. این اطلاعات به شما کمک می کند تا عناصر سایت خود را که بیشترین توجه را به خود جلب می کنند شناسایی کنید.ضبط بازدید (Session Recordings): ضبط بازدید به شما امکان می دهد تا نحوه تعامل کاربران با سایت خود را به صورت ویدیویی مشاهده کنید. این اطلاعات به شما کمک می کند تا مشکلات احتمالی در تجربه کاربری سایت خود را شناسایی کنید.گزارش ها (Reports): ماتومو طیف وسیعی از گزارش ها را ارائه می دهد که به شما کمک می کند تا عملکرد سایت خود را از جنبه های مختلف ارزیابی کنید.ادغام با سایر ابزارها (Integrations): ماتومو با سایر ابزارهای محبوب مانند وردپرس، جوملا و ووکامرس ادغام می شود. این ادغام ها به شما کمک می کند تا داده های ماتومو را با داده های سایر ابزارها به راحتی ترکیب کنید.ماتومو برای انواع کسب و کارهای اینترنتی از جمله فروشگاه های آنلاین، وب سایت های خبری، وب سایت های آموزشی و غیره مناسب است. این ابزار به شما کمک می کند تا تجربه کاربری (UX) سایت خود را بهبود ببخشید و نرخ تبدیل خود را افزایش دهید.مزایا و معایب ماتومو (Matomo)مزایا:ابزار منبع بازقابلیت استفاده آسانارائه طیف وسیعی از ویژگی هاامکان ادغام با سایر ابزارهامعایب:نیاز به دانش فنی برای نصب و پیکربندیامکان ذخیره داده ها در سرورهای خودتفاوت ماتومو و هات جارهات جار و ماتومو هر دو ابزارهای آنالیز وب هستند که به شما کمک می کنند تا رفتار کاربران خود را در هنگام تعامل با سایتتان مشاهده کنید. با این حال، بین این دو ابزار تفاوت هایی وجود دارد.هات جار Hotjarابزار تجاریقابلیت استفاده آسانارائه طیف وسیعی از ویژگی هاامکان ادغام با سایر ابزارهاهزینه اشتراکماتومو Matomoابزار منبع بازقابلیت استفاده آسانارائه طیف وسیعی از ویژگی هاامکان ادغام با سایر ابزارهانیاز به دانش فنی برای نصب و پیکربندیامکان ذخیره داده ها در سرورهای خوددر نهایت، انتخاب بهترین ابزار آنالیز وب برای شما به نیازها و بودجه شما بستگی دارد. اگر به دنبال یک ابزار آنالیز وب هستید که به شما امکان دهد رفتار کاربران خود را به طور عمیق درک کنید و از داده های خود به طور کامل استفاده کنید، ماتومو یک گزینه عالی است. اگر به دنبال یک ابزار آنالیز وب هستید که به راحتی قابل استفاده باشد و طیف وسیعی از ویژگی ها را ارائه دهد، هات جار یک گزینه عالی است.جمع بندیماتومو یک ابزار قدرتمند برای آنالیز وب است که به شما کمک می کند تا رفتار کاربران خود را به طور عمیق درک کنید. این ابزار منبع باز است و به شما امکان می دهد داده های خود را در سرورهای خود ذخیره کنید. اگر به دنبال یک ابزار آنالیز وب هستید که به شما امکان دهد رفتار کاربران خود را به طور عمیق درک کنید و از داده های خود به طور کامل استفاده کنید، ماتومو یک گزینه عالی است.

نصب وردپرس در اوبونتو

محمدجعفر خواجه — Mon, 03 Aug 2020 17:22:01 +0430

سلاممن چند وقت هست که دیگه برای کدنویسی از ویندوز استفاده نمیکنم و اومدم سراغ لینوکس. اوایل چندان باهاش راحت نبودم اما کم کم بهش عادت کردم. الان دیگه جوری شده که نمیتونم از ویندوز برای کد نویسیم استفاده کنم.برای استفاده از لینوکس دلایل زیادی داشتم که حتی چنتاش شخصی هم بود. اما یکی از این دلایل این بود که میخواستم ببینم عملکرد PHP که از ریشه ساخته شده برای لینوکس چقدر میتونه با ویندوز متفاوت باشه، که دیدم خیلی متفاوتهتوی این مقاله سعی کردم از ابتدایی ترین چیزها رو بگم که هرکسی بتونه همه چیو صحیح و درست نصب کنه که مشکلی نداشته باشه. توی ویندوز یه xampp یا wamp یا... رو نصب میکنیم و همه چی آمادست اما توی لینوکس باید تک تک همه چیو نصب کنیم.اول از هر کاری، که دستور آپدیت رو اجرا کنید که لیست پکیج هاتون آپدیت بشه:sudo apt-get updateحالا باید Apache رو نصب کنیم. خب برای نصب Apache اسم پکیجش apache2 هست. پس:sudo apt-get install apache2آپاچی هیچ سوالی نمیپرسه و خیلی پسر خوبیه و خودش نصب میشهحالا که آپاچی رو نصب کردید، تست کنید ببینید درست نصب شده باشه که من تا حالا توی این قسمت مشکلی نداشتم. اگه درست باشه باید وقتی توی مرورگر آدرس localhost رو میزنید، صفحه ای مشابه زیر براتون باز بشه:اگه این صفحه رو توی مرورگر دیدید یعنی آپاچی درست نصب شدهبعد از اون باید PHP رو نصب کنیم. نصب PHP هم مثل آپاچی سادست و اسم پکیجش هم php هست. اما وقتی این پکیج رو میزنید از آخرین نسخه که توی ریپازیتوری اوبونتو هست استفاده میکنه که آخرین نسخه منتشر شده PHP هست و اتوماتیک اونو نصب میکنه اما درصورتیکه میخواستید نسخه خاصی رو نصب کنید، اسم پکیجش به این صورت میشه: php7.x حالا جای این x میتونید از 0 تا هر نسخه ای که منتشر شده قرار بدید.(آخرین نسخه فعلا 7.4 هست که میشه: php7.4)sudo apt-get install phpپکیج php ماژول های مختلفی رو همراه خودش داره. برای اینکه بتونید لیستش رو ببینید، کافیه دستور زیر رو بزنید:php -mخب قاعدتا هر چی کمتر ماژول نصب باشه سرعت بالاتر میره. اما خب خیلی نگران سرعت نباشید. این لینوکسه! هر چی دوست دارید نصب کنید د:اما اگه میخوایید از همین الان ماژول هایی که ممکنه بعدا موقع نوشتن پلاگین و قالب نیازتون بشه رو نصب کنید، اینها پیشنهاد من هستن: php-cli php-json php-mbstring php-mysql php-xml php-xmlrpc php-zipالبته خب این لینوکسه! میتونید بعدا هم نصبشون کنید.یادتون باشه بعد از اینکه ماژول ها رو نصب کردید یا اصلا ماژول هم نصب نکردید و فقط php رو نصب کردید،‌ حتما باید سرویس apache2 رو ریستارت کنید. بعدا اگه ماژول دیگه ای نصب کردید هم باید برای فعال شدنش حتما اینکارو انجام بدید.sudo service apache2 restartحالا یه فایل php توی پوشه/var/www/html/بسازید و تست کنید که کار کنه برای تست تابع phpinfo() رو تست کنید که با یه تیر دو هدف رو زده باشید.(ببینید ماژول ها کار میکنن)اما برنامه سوم که باید نصب کنیم، MySQL. نصب این برنامه مثل اون دوتا دیگه سادست و فقط یه مرحله اضافه دارهاسم پکیجش mysql-server هست. پس:sudo apt-get install mysql-serverیه چیزی که یادتون باید باشه، اینه که حتما ماژول php-mysql هم نصب باشهیه بار دیگه apache رو ریستارت کنید تا همه چی اوکی باشهخب حالا میرسیم به بخش اصلی کانفیگ MySQL. دستور زیر رو اجرا کنید تا نصب اصلی MySQL شروع بشه:sudo mysql_secure_installationاولین چیزی که ازتون میخواد اینه که رمز روت دیتابیس رو وارد کنید: Enter current password for root (enter for none): اینتر رو بزنید.بعد از اون ازتون میپرسه میخواین برای روت رمز بزارید؟(Set root password?) شما Y رو وار کنید و اینتر رو بزنید.حالا یه رمزی رو وارد کنید و حتما اینتر رو بزنید. رمز رو یادتون نره که عوض کردن رمز روت دردسر دارهبعد از اون چهارتا سوال ازتون میپرسه که همه رو Y وارد کنید.اگه آخر کار بهتون پیام های All done! و Thanks for using MariaDB! رو نمایش داد یعنی نصبش تموم شده.خب حالا وارد MySQL میشیم و یه دیتابیس برای وردپرس میسازیم:sudo mysql -uroot -pرمز روت رو هر چی که گذاشتید وارد کنید تا بهتون عبارت:mysql>رو نمایش بده. حالا کوئری ساخت دیتابیس رو بنویسید:یادتون باشه کوئری های MySQL حتما باید با ; تموم بشن تا اجرا بشن.create database wordpress;البته به جای wordpress میتونید هر اسمی که دوست دارید برای دیتابیستون بزارید.اگه موفقیت آمیز باشه باید پیام Query OK, 1 row affected (0.00 sec) رو بهتون بدهخب حالا باید کاربر روت رو به دیتابیس وصل کنیم. دستور زیر رو بزنید:GRANT ALL PRIVILEGES ON wordpress.* TO 'root'@'localhost' IDENTIFIED BY 'YOURPASSWORD';یادتون باشه که به جای YOURPASSWORD حتما رمزتون رو وارد کنید.حالا هم دستور زیر رو بزنید که همه چی اوکی بشه:FLUSH PRIVILEGES;حالا میتونید از MySQL خارج بشید. دستور exit رو داریم، کلید ctrl + D رو هم میتونید بزنید.خب حالا بریم سراغ نصب وردپرس. اول از همه وارد پوشه روت سرور بشید که کارهای مختلفی داریم:cd /var/www/htmlخب الان باید وردپرس رو دانلود کنیم:sudo wget http://wordpress.org/latest.tar.gzدانلودش که تموم شد، این فایل فشرده هست و با دستور زیر از حالت فشرده درش بیارید:sudo tar xzf latest.tar.gzالان فایل های وردپرس توی یه پوشه به نام wordpress قرار دارن. انتخاب با خودتونه که میخواید فایل ها رو بیارید توی روت سرور یا نه. اگه میخواید دستورش اینه:sudo mv wordpress/* .خب قبل از اینکه وارد قسمت نصب خود وردپرس بشیم، دستور تغییر کاربر فایلها رو اجرا کنید:sudo chown -R www-data: . sudo chown -R www-data: ./*برا شروع عملیات نصب خودکار وردپرس. توی مرورگر آدرس:localhostیا:localhost/wordpressرو بزنید.مراحل نصب وردپرس رو خیلی عادی برید جلو و فکر نکنم اینجا نیازی به توضیح داشته باشه، به جز قسمت اطلاعات دیتابیس که اطلاعات اینها هست:Database name: wordpressUsername: rootpassword: YOURPASSWORDatabase hodt: localhostیکی از منابع:Build a LAMP Web Server with WordPress

افزایش سرعت وردپرس با بهبود FCP همراه با 10 راهکار موثر

ikarsoo — Tue, 23 Jun 2020 11:23:15 +0430

در اوایل سال 2019 ، گوگل اعلام کرد که افزایش سرعت سایت را با تمرکز روی دو معیار عملکرد ارزیابی می کنند :First Contentful Paint یا FCP First Input Delay یا FIDاحتمالا تابحال برای بررسی سرعت سایت وردپرسی خود، آن را در PageSpeed Insights بررسی کرده اید.یخش جدید Speed در سرچ کنسول جدید گوگل همچنین از معیارهای FCP و FID برای درجه بندی URL ها استفاده می کند. گوگل فعلا از این دو معیار به عنوان یک ویژگی آزمایشی استفاده می کند.جالب اینجاست که این رتبه بندی فقط براساس یک تست سرعت انجام نمی شود بلکه نشان دهنده سرعت واقعی سایت شما برای کاربران در سراسر جهان است. آمار برای این کار از طریق Chrome User Experience Report یا CrUX از کاربران واقعی جمع آوری می شود .First Contentful Paint یک معیار واقعی تری از تجربه کاربر را ارائه می دهد. سایت شما ممکن است در تست سرعت کمتر از 2 ثانیه بارگیری شود، اما اگر این مورد در اکثر مخاطبان شما اینگونه نباشد ، Google همچنان شما را جریمه می کند. FCP چیست؟First Contentful Paint یک معیار کاربر محور برای اندازه گیری سرعت سایت است. این معیار چگونگی درک کاربران از عملکرد سایت را اندازه گیری می کند ، نه اینکه یک ابزار تست سرعت اندازه گیری باشد. First Contentful Paint با First Paint متفاوت است. FCP محتوایی برای رندر نیاز دارد. این محتوا می تواند متن ، تصاویر (از جمله تصاویر پس زمینه ، آرم) یا عناصر

نصب دروپال بر روی vps مرحله سوم

genius.ha — Fri, 17 Apr 2020 14:23:19 +0430

drupalنصب دروپال بر روی vps مرحله اولنصب دروپال بر روی vps مرحله دومنصب composer بر روی vpsphp -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"HASH="$(wget -q -O - https://composer.github.io/installer.sig)"php -r "if (hash_file('SHA384', 'composer-setup.php') === '$HASH') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composercomposerنصب drush در ubuntu 18اگر میخواهید آخرین ورژن drush برای شما نصب شود از دستور زیر استفاده کنیدcomposer global require drush/drushبرای نصب drush 8 از دستور زیر استفاده کنیدcomposer global require drush/drush:8اضافه کردن drush به دایرکتوری#path for Drush sudo nano ~/.bashrc export PATH="$HOME/.composer/vendor/bin:$PATH" source ~/.bashrcو در آخرdrush status

شروع کار با React در دروپال 8

genius.ha — Fri, 17 Apr 2020 14:13:08 +0430

drupalreact jsکامپایل react با استفاده از Laravel Mixnpm install react react-dom -snpm install laravel-mix cross-env --save-devساخت webpack.mix.js به صورت زیرconst mix = require('laravel-mix'); mix.react('src/index.js', 'dist');ساختpackage.json به صورت زیر"scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "npm run development -- --watch", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" },برای دیویلوپ کردن از دستور زیر استفاده کنید$ npm run watchبرای ساخت پروژه نهایی از دستور زیر$ npm run production

آموزش ماژول نویسی دروپال 8 قسمت 6

genius.ha — Mon, 13 Apr 2020 10:12:11 +0430

drupalدر این اموزش به فرم ها در دروپال ۸ میپردازیم در ادامه قصد داریم ماژول قبلی را گسترش داده و به فیلد های که جدید در دروپال8 اضافه شده است بپردازیمآموزش ماژول نویسی دروپال 8 قسمت 5آموزش ماژول نویسی دروپال 8 قسمت 4آموزش ماژول نویسی دروپال 8 قسمت 3آموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1فرم های که به دروپال 8 اضافه شده اند به صوت زیر می باشدtele-mailnumberdateurlsearchrangecolorدر ادامه میخواهیم هر یک از فیلد ها را به مازول خودمون اضافه کنیم 'item', '#markup' => $this->t('Please enter the title and accept the terms of use of the site.'), ]; $form['title'] = [ '#type' => 'textfield', '#title' => $this->t('Title'), '#description' => $this->t('Enter the title of the book. Note that the title must be at least 10 characters in length.'), '#required' => TRUE, ]; $form['phone'] = array( '#type' => 'tel', '#title' => t('Your telephone number'), '#placeholder' => '+0 (000) 000-0000', ); $form['email'] = array( '#type' => 'email', '#title' => t('Your e-mail address'), '#placeholder' => 'john @example.com', ); $form['stepped_float'] = array( '#type' => 'number', '#title' => t('This will allow the floating point numbers 2, 2.5, 3 and 3.5'), '#min' => 2, '#step' => 0.5, '#max' => 3.5, ); $form['integer'] = array( '#type' => 'number', '#title' => t('This will allow only integers greater or equal to 41'), '#min' => 41, ); $form['float'] = array( '#type' => 'number', '#title' => t('This will allow any floating point number smaller or equal to 100'), '#max' => 100, '#step' => 'any', ); $form['stepped_float'] = array( '#type' => 'number', '#title' => t('This will allow the floating point numbers 2, 2.5, 3 and 3.5'), '#min' => 2, '#step' => 0.5, '#max' => 3.5, ); $form['background_color'] = array( '#type' => 'color', '#title' => t('Pick a background color'), ); $form['date'] = array( '#type' => 'date', '#title' => t('date'), '#date_data_format' => 'Y-m-d', ); $form['keyword'] = array( '#type' => 'search', '#title' => t('Search'), '#placeholder' => t('Enter a term to look up'), ); $form['accept'] = array( '#type' => 'checkbox', '#title' => $this ->t('I accept the terms of use of the site'), '#description' => $this->t('Please read and accept the terms of use'), ); $form['actions'] = [ '#type' => 'actions', ]; $form['actions']['submit'] = [ '#type' => 'submit', '#value' => $this->t('Submit'), ]; return $form; } public function validateForm(array &$form, FormStateInterface $form_state) { parent::validateForm($form, $form_state); $title = $form_state->getValue('title'); $accept = $form_state->getValue('accept'); if (strlen($title) < 10) { // Set an error for the form element with a key of "title". $form_state->setErrorByName( 'title', $this->t( 'The title must be at least 10 characters long.')); } if (empty($accept)){ // Set an error for the form element with a key of "accept". $form_state->setErrorByName( 'accept', $this->t( 'You must accept the terms of use to continue')); } } public function submitForm(array &$form, FormStateInterface $form_state) { drupal_set_message($form_state->getValue('title')); return; } }آموزش ماژول نویسی دروپال 8فرم ها در دروپال 8فرم ها در drupal8

آموزش ماژول نویسی دروپال 8 قسمت 5

genius.ha — Mon, 13 Apr 2020 10:11:12 +0430

در این اموزش به فرم ها در دروپال ۸ میپردازیمآموزش ماژول نویسی دروپال 8 قسمت 4آموزش ماژول نویسی دروپال 8 قسمت 3آموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1فرم ها در دروپال 8ما در این مرحله ماژولی را که نوشه بودیم گسترش میدهیمابتدا در روت اصلی ماژول یه پوشه جدید به اسم Form ایجاد میکنیم و در پوشه ایجاد شده فایل به نام CustomForm.php ایجاد میکنیم و در فایل ایجاد شده کد ها را به صورت زیر مینویسیم 'item', '#markup' => $this->t('Please enter the title and accept the terms of use of the site.'), ]; $form['title'] = [ '#type' => 'textfield', '#title' => $this->t('Title'), '#description' => $this->t('Enter the title of the book. Note that the title must be at least 10 characters in length.'), '#required' => TRUE, ]; $form['accept'] = array( '#type' => 'checkbox', '#title' => $this ->t('I accept the terms of use of the site'), '#description' => $this->t('Please read and accept the terms of use'), ); $form['actions'] = [ '#type' => 'actions', ]; $form['actions']['submit'] = [ '#type' => 'submit', '#value' => $this->t('Submit'), ]; return $form; }برای فرم میتوانیم یک ولیدت ایجاد کنیمpublic function validateForm(array &$form, FormStateInterface $form_state) { parent::validateForm($form, $form_state); $title = $form_state->getValue('title'); $accept = $form_state->getValue('accept'); if (strlen($title) < 10) { // Set an error for the form element with a key of "title". $form_state->setErrorByName('title', $this->t('The title must be at least 10 characters long.')); } if (empty($accept)){ // Set an error for the form element with a key of "accept". $form_state->setErrorByName('accept', $this->t('You must accept the terms of use to continue')); } }و در انتها مقدار submit را تعریف میکنمpublic function submitForm(array &$form, FormStateInterface $form_state) { drupal_set_message($form_state->getValue('title')); return; }در نهایت ماژول به صورت زیر خواهد بود 'item', '#markup' => $this->t('Please enter the title and accept the terms of use of the site.'), ]; $form['title'] = [ '#type' => 'textfield', '#title' => $this->t('Title'), '#description' => $this->t('Enter the title of the book. Note that the title must be at least 10 characters in length.'), '#required' => TRUE, ]; $form['accept'] = array( '#type' => 'checkbox', '#title' => $this ->t('I accept the terms of use of the site'), '#description' => $this->t('Please read and accept the terms of use'), ); $form['actions'] = [ '#type' => 'actions', ]; $form['actions']['submit'] = [ '#type' => 'submit', '#value' => $this->t('Submit'), ]; return $form; } public function validateForm(array &$form, FormStateInterface $form_state) { parent::validateForm($form, $form_state); $title = $form_state->getValue('title'); $accept = $form_state->getValue('accept'); if (strlen($title) < 10) { // Set an error for the form element with a key of "title". $form_state->setErrorByName('title', $this->t('The title must be at least 10 characters long.')); } if (empty($accept)){ // Set an error for the form element with a key of "accept". $form_state->setErrorByName('accept', $this->t('You must accept the terms of use to continue')); } } public function submitForm(array &$form, FormStateInterface $form_state) { drupal_set_message($form_state->getValue('title')); return; } }میتوانیم یک route جدید برای فرم تعرف کنیم \mycustom.content: path: '/hello' defaults: _controller: 'Drupal\mycustom\Controller\MycustomController::content' _title: 'Hello world' requirements: _permission: 'my custom permisstion' mycustom.form: path: '/csfrom' defaults: _form: 'Drupal\mycustom\Form\MycustomForm' _title: 'Hello world' requirements: _permission: 'my custom permisstion'آموزش ماژول نویسی دروپال 8فرم ها در دروپال 8

آموزش ماژول نویسی دروپال 8 قسمت 4

genius.ha — Mon, 13 Apr 2020 10:10:07 +0430

drupalدر این آموزش قصد دارم ایجاد permission در دروپال توضیح بدم یعنی شما بتونید برای صفحه ای که ایجاد کرده اید این امکان رو داشته باشید که کاربر خاصی به محتوای صفحه دسترسی داشته باشدآموزش ماژول نویسی دروپال 8 قسمت 3آموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1برای این مورد در شاخه ماژول یک فایل به اسم custom.permissions.yml ایجاد میکنیم و کد ها را به صورت زیر اضافه خواهیم کرد# In custom.permissions.yml file. access all views: title: 'my custom permisstion' description: 'A custom permission for your module settings page.' restrict access: TRUEو در فایل custom.routing در قسمت requirements کد را به صورت زیر ویرایش میکنمrequirements: _permission: 'my custom permisstion'بعد با پاک کردن کش و رفتن به صفحه مدیریت پرمیشن ها میتوانید به یک نقش خاص اجازه دسترسی به صفحه خودتون را دهیدآموزش ماژول نویسی دروپال 8

آموزش ماژول نویسی دروپال 8 قسمت 3

genius.ha — Mon, 13 Apr 2020 10:09:15 +0430

drupalدر این قسمت از آموزش قصد داریم یک Controller ایجاد کنیم و نتیجه کار را به صوت فیزیکی ببینیمدر قسمت ها قبلآموزش ماژول نویسی دروپال 8 قسمت 2آموزش ماژول نویسی دروپال 8 قسمت 1نحوه آموزش ساخت یک ماژول و ایجاد Routing در دروپال را یاد گرفیتم در این آموزش قصد داریم یک Controller ایجاد کنیمایجاد Controller در drupal8 :ابتدا در شاخه ماژول یک پوشه به نام src ایجاد میکنم و در پوشه ایجاد شده پوشه دیگری به نام Controller ایجاد میکنم و یک فایل به نام CustomController.php میسازیم و کد ها را به صورت زیر مینویسیم 'markup', '#markup' => t('Hello world'), ); } }در کد بالا هر کلاس تعریف شده در دروپال 8 باید در یک فضای کاری یا به اصطلاح namespace قرار گیرد. این کار از این جهت لازم است که در صورت وجود کلاس ها با نام مشابه در زمان ارجاع به کلاس از بیرون تداخلی صورت نگیرد و هر کلاس با توجه به فضای کاری خود مورد ارجاع قرار گیرد. بنابراین این پارامتر را نیز اضافه کنید.حالا با یک بار پاک کردن کش دروپال و رفتن به صفحه /hello میتوانید نتیجه کار خودتون را ببینید \آموزش ماژول نویسی دروپال 8

آموزش ماژول نویسی دروپال 8 قسمت 2

genius.ha — Mon, 13 Apr 2020 10:06:22 +0430

drupalدر این جلسه قصد داریم ماژول خودمون را گسترش دهیم ولی پیش از این کمی در مورد معماری mvc صحبت خواهیم کرد و بعد به routing در دروپال خواهیم پرداختمعماری mvc از یک رویکرد سه لایه تبعیت می کند. هر بخش از معماری mvc دارای ویژگی های خاصی بوده و وظایف ویژه ای را به صورت مجزا بر عهده دارد.معماری mvc بارها به گوشتان خورده است و شاید از خود سوال کنید که این معماری به چه دردی می خورد و علت محبوبیت Mvc چیست. آشنایی و شناسایی دقیق با معماری Mvc سبب می شود که نتیجه کارتان یک تغییر اساسی نمایددر این معماری در واقع ما دارای ترجمه ای از قسمت های مهم معماری به شکل زیر هستیم:MODEL : وظیفه کار با پایگاه داده را بر عهده دارد.VIEW : وظیفه ارتباط با کاربر نهایی را بر عهده دارد.Control : وظیفه کنترل View و Model و نحوه ارتباط آن دو را با هم بر عهده داردMVC چیست ؟MvC مخفف سه کلمه Model View Controller هست . در واقع MVC بر روی معماری های چند لایه ای جهت جداسازی قسمت های مختلف برنامه و به طور دقیق تر جدا کردن بخش ها منطقی برنامه اعم از دیتا ، permission ها ، چک کردن صحت داده ها و .... از لایه Presentation layer یا در واقع همان لایه ای که مستقیما با کاربر نهایی (End user) در ارتباط است ،قرار میگیرد. پس بر اساس توضیحات فوق می توانیم هر یک از بخش های معماری MVC یعنی Model و View و controller را به شکل زیر تعریف کنیم.1. Modelدر واقع بار اصلی معماری MVC بر عهده این بخش است . این بخش می تواند با داده ها در ارتباط باشد .الزاماً منظور از داده حتما ارتباط با پایگاه های داده همچون MSSQL و Access و ... نیست ، حتی منبع داده ها در بخش Model می تواند یک آرایه از اعداد و یا هر چیز دیگری باشد . همچنین Model وظیفه چک کردن داده ها جهت صحت درستی داده ها را هم بر عهده دارد (در این زمینه همکاری بیشتری با بخش Controller دارد) و همینطور وظایف دیگری که در مثال ها ی عملی که در آینده خواهم زد بیشتر آشنا خواهید شد.2. Viewاین بخش که در واقع همان بخش Presentation Layer در معماری 3 لایه میباشد وظیفه بر قراری ارتباط با کاربر نهایی و گرفتن داده از کاربر و نمایش داده های اماده با کاربراز طریق برقراری ارتباط با دو بخش دیگر یعنی Model و controller است . در واقع نکته مهمی که در بخش View باید مد نظر داشت این است که این لایه مسئول کنترل صحت داده های وارد شده از طریق کاربر و همچنین مسئول صحت داده های نشان داده شده به کاربر نیست . در واقع این بخش با داده های خام کار میکند . یک مثال ساده خیلی از برنامه نویسان هنگامی که در فرم Login برنامه ،کاربر کلمه عبور خود را وارد میکند ، در همان فرم Login اقدام به چک کردن پسورد مبنی بر صحت آن و ... می کنند . که این عمل در معماری MVC قابل قبول نیست . در واقع برای حل مسئله فوق در معماری MVC در فرم Login هنگامی که کاربر کلمه عبور را وارد کرد و دکمه Login یا ورود را زد ، کلمه عبور داده شده بدون هیچ گونه اعمالی اعم از Encrypt کردن و ... به بخش های دیگر فرستاده میشود و فقط یک نتیجه ساده مبنی بر این که کاربر اجازه ورود دارد یا خیر را از بخش های دیگر دریافت میکند که بر اساس آن اجازه ورود کاربر به برنامه داده میشود .3. Controllerاین بخش همانطور که از اسم آن مشخص است یک بخش کنترل کننده می باشد ، و در واقع واسطی بین دو بخش Model و View میباشد. حال ببینیم روند اجرای برنامه در معماری MVC به چه نحوی خواهد بود . در معماری MVC روند کلی برنامه (جزئیات را در ادامه خواهید دید) به این شکل است که کاربر تقاضای خود را از طریق واسط های برنامه نویسی (نظیر Form ها و User Control ها و .. ) از برنامه (از بخش View)درخواست می کند . بخش View در خواست ها را به بخش Controller فرستاده و این بخش با برقراری ارتباط با بخش Model در خواست های کاربر را پردازش کرده و پس از پایان پردازش زمانی که خروجی درخواست داده شده آماده گردید بخش Controller بخش View را آگاه می سازد تا خود را بر اسا س تغییرات جدید که اصطلاحاً در معماری MVC به آن حال Model می گویند ، به روز سازد . در واقع چیزی که باعث میشود تا بخش Controller به بخش View اطلاع دهد که باید حالت جدید model را دریافت کند و خود را Update کند این است که بخش View باید قبلا خودش را در بخش Model اصطلاحا Register کرده باشد که البته عمل Register کردن توسط بخش Controller انجام میگیرد . نحوه register کردن بخش View به معماری آن محیط و همچنین زبانی که توسط آن برنامه را گسترش میدهید و همچنین قابلیت های آن زبان بستگی دارد.Routing در دروپال :routing تعیین کننده مسیری هستند که باید د رآن مسیر کد خاصی اجرا شود این کار با استفاده از یک درخواست به url انجام میشود به عنوان مثال ما میخواهیم یک یک آدرس/hello ایجاد کنیم و عبارت Hello world را داشته باشیمابتدا در مسر ماژول ایجاد شده یک فایل به اسم custom.routing.yml ایجاد میکنیم و کد ها را به صورت زیر مینویسیمcustom.content: path: '/hello' defaults: _controller: 'Drupal\custom\Controller\CustomController::content' _title: 'Hello world' requirements: _permission: 'access content'در قسمت path مسیر را تعیین میکنمدر قسمت defaults تعیین میکنیم که این مسیر چه ریسپانسی داشته باشد یعنی باید یک کنترلر ایجاد کنیم به اسم CustomController که مقداری که تعریف میکنم را برمیگرداند .\در آموزش بعد یک کنترلر تعریف میکنم و ماژول خودمان را گشترش میدهیمآموزش ماژول نویسی دروپال 8

آموزش ماژول نویسی دروپال 8 قسمت 1

genius.ha — Sun, 05 Apr 2020 19:55:17 +0430

drupalدر ابتدا میخواهیم یک ماژول برای دروپال ۸ ایجاد کنیم همچنین میخواهیم یک پیج ایجاد کنیم و دسترسی های مربوط به پیج را اضافه کنیم و در آخر پیکربندی های مربوط به نصب ماژول برای دروپال ۸ را انجام دهیم .برای ایجاد یک ماژول جدید در دروپال در پوشه module رفته و یک پوشه به نام دلخواه ایجاد میکنیمدر پوشه ایجاد شده باید فایل .info.yml را ایجاد کردهمن نام ماژول خودم رو custom گذاشتم و فایل به صورت زیر ایجاد کیکنمcustom.info.ymlو فایل به صورت زیر مینویسیمname: custom type: module description : 'test module drupal 8' core: 8.xشما میتوانید پیشنازهای برای این ماژول داشته باشید که به صورت زیر میتوانید آن ها را در ماژول خود بیان کنید \name: custom type: module description : 'test module drupal 8' core: 8.x dependencies: - drupal:breakpoint - drupal:imageدر آموزش بعدی ایجاد یک پیج سفارشی را آموزش خواهیم دادآموزش ماژول نویسی دروپال 8

نصب برنامه xampp روی لینوکس

خشایار قندهاری — Thu, 26 Sep 2019 23:28:06 +0330

خیلی وقت بود میخواستم یک مقاله بنویسم ولی موضوع خوبی به ذهنم نمی رسید تا این که چند وقت پیش سر نصب xampp روی لینوکس به مشکل خوردم و گفتم کار های لازم رو بنویسم شاید مشکل یک تازه کار مثل خودم رو بتونم حل کنم.البته نصب برنامه xampp مشکل خاصی نداره و با چنتا دستور و چنتا next زدن (مثل ویندوز) به راحتی قابل نصبه ولی خب تازه کار بودن باعث میشه که کارو برای خودمون سخت بکنیم و به مشکلاتی بخوریم که حتی بخوایم از راهی که میریم عقب بکشیم (برگشتن به ویندوز)قبل از این که بریم سراغ نصب باید بگم که من لینوکس manjaro دارم که arch بیس هستش البته فکر نکنم کار های که میگم روی توزیع های debian بیس فرقی داشته باشه.خب بریم سر وقت نصب برنامه. اول از همه برنامه xampp رو از سایت www.apachefriends.org دانلود کنید بعد ترمینال رو باز کنید و 3 دستور زیر رو وارد کنید (با فرض اینکه فایل نصبی توی پوشه پیش فرض دانلود شما قرار داره).cd ~/Downloadschmod +x xampp.runsudo ./xampp.runتوجه کنید که توی دو دستور بالا باید نام کامل فایل رو بنویسید.بعد از وارد کردن دستورات بالا فایل برای شما باز میشه و با زدن next های متوالی نصب میشه براتون.توی مرحله بعد باید php موجود توی xampp رو به بشناسونید تا ازین به بعد php داخل xampp رو به عنوان php پیشفرض سیستم استفاده کنه با دستور زیر به راحتی انجام میشه این کار براتون البته اگر composer یا php رو از قبل با استفاده از مخازن نصب کردید حتما پاک کنید.sudo ln -s /opt/lampp/bin/php /usr/bin/phpخب الان اگر دستور php --ini رو بزنید میبینید که php سیستم از xampp لود شده.توی مرحله بعد و مرحله آخر میریم برای نصب composer که باید حتما روی php که روی xampp هستش نصب بشه برای همین توی مرحله قبل گفتم اگر از مخازن لینوکس composer و php رو نصب کردید حتما پاک کنید که مشکل و تداخلی پیش نیاد براتون خب با وارد کردن به ترتیب دستورات زیر composer برای شما نصب میشه.sudo curl -s https://getcomposer.org/installer | /opt/lampp/bin/phpsudo mv composer.phar /usr/local/bin/composersudo ln -s /opt/lampp/bin/php /usr/local/bin/phpخب الان همه چی آمادست و میتونید با دستورات زیر از xampp استفاده کنید.sudo /opt/lampp/lampp startبرای راه اندازی xampp sudo /opt/lampp/lampp stopبرای غیر فعال کردن xamppsudo /opt/lampp/lampp restartبرای راه اندازی مجدد xampp وقتی که فعال هستش.امید وارم تونسته باشم بهتون کمکی بکنم:)

چرا دروپال (بخش چهارم)

Hossein Kiani — Mon, 01 Jul 2019 21:31:34 +0430

دروپال برای تولید قالب آنچنان هم، دسته و پا بسته نیست. فایلی به نام template.php ،وجود داره که بسیاری از هوک‌ها سیستم و ماژول‌ها، داخلش قابل دسترس هستند. تصور کنید اگر ماژولی فرمی رو ایجاد کرد و اگر دروپال در زمان فراخوانی هوک‌ها (ابتدا ماژول‌ها به ترتیب حروف الفبا مرتب‌سازی می‌شوند) هوک form_alter شما رو زود تر از ماژول مورد نظر فراخوانی کرد، در فایل template.php می‌تونید form_alter تون رو بنویسید چون دروپال بعد از فراخوانی ماژول‌ها، قالب رو و به طبع (termplate.php) رو صدا می‌زنه.نکته‌ی مهمتری که در ایجاد قالب حائز اهمین هست، امکان جدا سازی جزء به جزء یک قالب بر اساس نام ماشینی مولفه یا آدرس صفحه می‌باشد. به عنوان مثال فایل قالب طرح بندی صفحه تماس با ما :html--contact.tpl.phpو یا فایل قالب بلوک برای بلوک آب و هوا:block--weather.tpl.phpو یا همچنین فایل قالب صفحه‌ی اصلی:page--front.tpl.phpساختار قالب در دروپالهمینطور که در شکل بالا مشاهده می‌کنید، دروپال قالب رو به بخش‌های متعددی تقسیم می‌کنه و تا بشه هر بخش رو به شکل مجزا ویرایش کرد.دروپال تا قبل از نسخه‌ی ۸ از php template به عنوان موتور قالب استفاده می‌کرد و در دروپال ۸ از موتور قالب twigهمچنین در دروپال این امکان وجود داره تا بتوان از یک قالب، یک زیر قالب تولید کرد. زیر قالب تولید شده از تمام کانفیگ‌های قالب پدر بهره می‌بره مگر کانفیگی Override بشه. بنا بر همین خاصیت، قالب‌های بسیار خوبی توسعه داده شده مثل قالب Omega که برای تولید وب‌سایت‌های Responsive به کار میره.در حال حاضر به تعداد ۲،۷۸۱ عدد قالب در وب‌سایت دروپال قابل بارگیری و توسعه موجود هست.

چرا دروپال (بخش سوم)

Hossein Kiani — Thu, 06 Dec 2018 21:27:15 +0330

ادغام‌پذیری دروپالدر آخر بخش دوم از ادغام پذیری دروپال صحبت شد. مقرر شد تا در این قسمت مثال‌هایی در مورد ادغام‌پذیری دروپال صحبت کنم. مهمترین‌ ان‌ها عبارت‌اند از:RedmineJiraAlfrescoCPanelDirectAdminISPConfigMagentoPrestashop (Sandbox)SharepointSugarCRMVtiger CRMGitlabGithubAmazon S3SalesforceGoogle Servicesetc ...دروپال از هسته‌ای پیشرفته برخورداره. از توانایی‌های هسته دروپال میشهبه رویداد گرایی اشاره کرد. این خاصیت کمک می‌کنه تا ماژول‌ها بتونند مکمل دیگری باشند. باز این از امتیازاتی هست که در کم‌تر در نرم‌افزاری اون‌هم به میزان کم به‌کار رفته. به عنوان مثال ماژول بسیار قدرتمندی به‌نام Views برای دروپال ایجاد شده که یک سیستم تولید نمایش (view) هست و یک گزارش‌ساز در درون آن گنجانده شده. حال برای این ماژول بیش از ۵،۶۰۰ ماژول جانبی (برای نسخه‌های مختلف دروپال تولید) شده. بسیاری از نیاز‌های یک نرم‌افزار، وب‌سایت یا فروشگاه را می‌توان با نصب و پیکربندی ماژولهای پایه‌ای تولید نمود. به شکلی که برای یک نیاز خاص، الزامی به نصب ماژول مازاد نیست. به عنوان مثال، Slideshow widget را می‌توان با استفاده از فرم‌ساز دروپال (Content)، بخش ورود اطلاعات را ایجاد، با Views خروجی اسلایدشو به صورت بلاک (Widget) تولید نمود. ماژول Views از تعداد زیادی لایبرری جاوااسکریپتی اسلایدشو پشتیبانی می‌کنه. که البته به صورت جداگانه قابل نصب و استفاده هستند.باز می‌گردیم به رویدادگرایی که این امکان به شکل گسترده‌ای در دروپال توسعه داده شده. این خاصیت با استفاده از هوک‌ها قابل پیداسازی هست. به عنوان مثال، نیاز به ویرایش یک فرم داریم که توسط ماژول X تولید شده. برای این منظور هوکی به نام form_alter تعریف شده که به فرم، بعد از ایجاد شدن و قبل از رندر شدن می‌توانیم دسترسی داشته باشیم.دروپال این قابلیت را دارد تا ماژول‌ها هم هوک‌های خودشون رو تولید کنند. به عنوان مثال، Views هوک‌هایی دارد که می‌توان به یک view را از زمان Initialize تا زمان رندر شدن در زمان‌ها مختلف دسترسی پیدا کرده و تغییر داد. ۱. قبل از ایجاد کوئری دیتابیس، ۲. قبل از اجرای کوئری، ۳. قبل از اجرا و ۴. قبل از رندر شدن نمایش آن. برای مشاده‌ی هوک‌های Views به این آدرس بروید و برای آشنایی بیشتر با هوک در دروپال به اینجا مراجعه کنید.

چرا دروپال (بخش دوم)

Hossein Kiani — Wed, 05 Dec 2018 14:37:53 +0330

چرا دروپال (بخش دوم)دروپال فراتر یک سیستم مدیریت محتوا بوده!در وب‌سایت دروپال بخشی هست به‌نام Distributions، که نرم‌افزار‌هایی که باهاش تولید شده در این قسمت قابل دسترس هست. تا این ساعت ۱،۲۶۴ تا توزیع مختلف از دروپال روی این بخش قرار گرفته. انواع نرم‌افزارها رو می‌تونید بارگذاری کنید و لذتش رو ببرید. نرم‌افزار‌هایی اعم از:ERPCRMProject ManagementCODGovernment PortalLMSCommerceetc.کمتر نرم‌افزاری رو دیدم که این‌همه توسعه پذیر باشه. تا الان بالای ۴۲ هزار ماژول برای انواع نسخه‌های دروپال توسعه داده شده و همگی تحت مجوز GPL 2 در دسترس هستند. بالای ۱۱۳ هزار توسعه دهنده و بالای ۱،۳۰۰ Commit در هفته‌ی گذشته. دروپال پس خیلی هم محبوبیتش کم نیست.آماری رو چند سال پیش وب‌سایت Acquia ارائه داد که نمایان‌گر میزان استفاده از نرم‌افزار‌های به‌کار برده در پورتال‌های دولتی آمریکا بود:مقایسه‌ی آمار استفاده از دروپال و سایر CMS ها در پورتال‌های دولتی آمریکااز انجا که دروپال بیشتر برای مصارف خاص مورد استفاده قرار می‌گیرد ماژول‌های متعددی برای ادغام‌پذیری با نرم‌افزارهای دیگر , سرویس‌های معروف به وفور تولید شده است. در بخش بعدی مطالب تکمیلی و همچنین مثال‌هایی در این زمینه‌ی درج خواهد شد.

چرا دروپال (بخش یک)

Hossein Kiani — Tue, 04 Dec 2018 21:10:32 +0330

دروپال یک نرم‌افزار تولید محتوا بر بستر وب، ابداع شده در تاریخ ۱۸ می ۲۰۰۰. یک نرم‌افزار نسبتا پیچیده، که هواداران خیلی کمتری نسبت به دوستش (وردپرس) داره. به تصویر زیر توجه کنید:مقایسه تعداد جستجو‌های انجام شده در گوگل برای نرم‌افزارهای تولید محتوااین وضعیت بغرنج‌تر خواهد شد وقتی متن فارسی رو بررسی می‌کنیم:مقایسه تعداد جستجو‌های انجام شده در گوگل برای نرم‌افزارهای تولید محتواچیزی که برخی برنامه‌نویسان از دروپال به کثرت ایراد می‌گرفتند عدم بهره‌گیری از شئ‌گرایی تا نسخه‌ی ۷ بود. چه شود استفاده از معماری نه چندان جدیدی چون MVC. کافیه یک‌بار دروپال نصب کرده باشید تا به منو‌های و اسامی پیچیده‌اش برخورد کرده باشید. دروپال تا قبل از نسخه‌ی ۸ در حالت پیش‌فرض از WYSIWYG ساپورت نمی‌کرد. برای بهبود سرعت هم سیستم کشینگش آزار دهنده است. برای تولید هر هوکی باید همه چیز از نوع کش بشه. در مورد قالب هم که اصلا صحبتی نمی‌کنم که به مثابه مقایسه‌ی سر کوجک در مقابل سر جرد لتو (وردس‌پرس) می‌مونه. کافیه یک‌بار ماژولی نصب کنید تا پیدا کردن جایی که میشه بهش دسترسی پیدا کرد از امتحان الكترومغناطيس رشته برق هم سخت‌تر باشه. در مورد ماژول نویسی هم چیزی برای گفتن ندارم!ولی واقعا دروپال همه که گفتم بده؟ اگر اسم موارد بالا رو عیب بگذاریم تنها برای تازه کارها معنا می‌ده. در پست بعدی از اینکه چرا اینقدر دروپال خوبه خواهیم خوند.