/*! * This file contains the scripts require the viewport-checker library - Infinte Scroll in Archives - Archives - Content Index Shortcode - Single posts and pages * The Archives Ajax pagination method * This file will be loaded in: - Single Page if the Content Index Shortcode is active - Archive Pages if the Load More or Infinite Scroll Navigation is active */ /*! jQuery-viewport-checker v1.8.8 (c) 2015 Dirk Groenen https://github.com/dirkgroenen/jQuery-viewport-checker MIT @license: en.wikipedia.org/wiki/MIT_License */ /* The MIT License (MIT) Copyright (c) 2014 Dirk Groenen Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ /** Search for By TieLabs for Modification. */ (function($){ $.fn.viewportChecker = function(useroptions){ // Define options and extend with user var options = { classToAdd: 'visible', classToRemove : 'invisible', classToAddForFullView : 'full-visible', removeClassAfterAnimation: false, offset: 100, repeat: false, invertBottomOffset: true, callbackFunction: function(elem, action){}, scrollHorizontal: false, scrollBox: window }; $.extend(options, useroptions); // Cache the given element and height of the browser var $elem = this, boxSize = {height: $(options.scrollBox).height(), width: $(options.scrollBox).width()}; /* * Main method that checks the elements and adds or removes the class(es) */ this.checkElements = function(){ var viewportStart, viewportEnd; // Set some vars to check with if (!options.scrollHorizontal){ viewportStart = Math.max( $('html').scrollTop(), $('body').scrollTop(), $(window).scrollTop() ); viewportEnd = (viewportStart + boxSize.height); } else{ viewportStart = Math.max( $('html').scrollLeft(), $('body').scrollLeft(), $(window).scrollLeft() ); viewportEnd = (viewportStart + boxSize.width); } // Loop through all given dom elements $elem.each(function(){ var $obj = $(this), objOptions = {}, attrOptions = {}; // Get any individual attribution data if ($obj.data('vp-add-class')) attrOptions.classToAdd = $obj.data('vp-add-class'); if ($obj.data('vp-remove-class')) attrOptions.classToRemove = $obj.data('vp-remove-class'); if ($obj.data('vp-add-class-full-view')) attrOptions.classToAddForFullView = $obj.data('vp-add-class-full-view'); if ($obj.data('vp-keep-add-class')) attrOptions.removeClassAfterAnimation = $obj.data('vp-remove-after-animation'); if ($obj.data('vp-offset')) attrOptions.offset = $obj.data('vp-offset'); if ($obj.data('vp-repeat')) attrOptions.repeat = $obj.data('vp-repeat'); if ($obj.data('vp-scrollHorizontal')) attrOptions.scrollHorizontal = $obj.data('vp-scrollHorizontal'); if ($obj.data('vp-invertBottomOffset')) attrOptions.scrollHorizontal = $obj.data('vp-invertBottomOffset'); // Extend objOptions with data attributes and default options $.extend(objOptions, options); $.extend(objOptions, attrOptions); // If class already exists; quit if ($obj.data('vp-animated') && !objOptions.repeat){ return; } // Check if the offset is percentage based if (String(objOptions.offset).indexOf("%") > 0) objOptions.offset = (parseInt(objOptions.offset) / 100) * boxSize.height; // Get the raw start and end positions var rawStart = (!objOptions.scrollHorizontal) ? $obj.offset().top : $obj.offset().left, rawEnd = (!objOptions.scrollHorizontal) ? rawStart + $obj.height() : rawStart + $obj.width(); // Add the defined offset var elemStart = Math.round( rawStart ) + objOptions.offset, elemEnd = (!objOptions.scrollHorizontal) ? elemStart + $obj.height() : elemStart + $obj.width(); if (objOptions.invertBottomOffset) elemEnd -= (objOptions.offset * 2); // Add class if in viewport if ((elemStart < viewportEnd) && (elemEnd > viewportStart)){ /** * By TieLabs * If the elemnt is not in the top of the ViewPort don't run * Needed for some features such as Content Index to prevent the element appears at the end of the ViewPort from be heighlighted */ if( options.isInTop && ( rawStart - viewportStart > 300 ) ){ return; } // End of text :) // Remove class $obj.removeClass(objOptions.classToRemove); $obj.addClass(objOptions.classToAdd); // Do the callback function. Callback wil send the jQuery object as parameter objOptions.callbackFunction($obj, "add"); // Check if full element is in view if (rawEnd <= viewportEnd && rawStart >= viewportStart) $obj.addClass(objOptions.classToAddForFullView); else $obj.removeClass(objOptions.classToAddForFullView); // Set element as already animated $obj.data('vp-animated', true); if (objOptions.removeClassAfterAnimation) { $obj.one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){ $obj.removeClass(objOptions.classToAdd); }); } // Remove class if not in viewport and repeat is true } else if ($obj.hasClass(objOptions.classToAdd) && (objOptions.repeat)){ $obj.removeClass(objOptions.classToAdd + " " + objOptions.classToAddForFullView); // Do the callback function. objOptions.callbackFunction($obj, "remove"); // Remove already-animated-flag $obj.data('vp-animated', false); } }); }; /** * Binding the correct event listener is still a tricky thing. * People have expierenced sloppy scrolling when both scroll and touch * events are added, but to make sure devices with both scroll and touch * are handles too we always have to add the window.scroll event * * @see https://github.com/dirkgroenen/jQuery-viewport-checker/issues/25 * @see https://github.com/dirkgroenen/jQuery-viewport-checker/issues/27 */ // Select the correct events if( 'ontouchstart' in window || 'onmsgesturechange' in window ){ // Device with touchscreen $(document).bind("touchmove MSPointerMove pointermove", this.checkElements); } // Always load on window load $(options.scrollBox).bind("load scroll", this.checkElements); // On resize change the height var $(window).resize(function(e){ boxSize = {height: $(options.scrollBox).height(), width: $(options.scrollBox).width()}; $elem.checkElements(); }); // trigger inital check if elements already visible this.checkElements(); // Default jquery plugin behaviour return this; }; })(jQuery);

عن المجلة

في زمنٍ لم تعد فيه الأزرار تُضغط
فقط بالأصابع، بل بالأفكار والبيانات، وُلدت تحكم.

لسنا مجرد مجلة تقنية… نحن مرآة لعصر تغيّرت فيه موازين السيطرة.
نرصد كيف أصبحت التكنولوجيا شريكًا في القرار، لاعبًا في الاقتصاد، ومرشدًا للإنسان — وأحيانًا سيدًا عليه.

“تحكم” تسأل الأسئلة التي يتجنبها الآخرون:
هل لا زلنا نمسك بزمام التكنولوجيا؟
أم أن الخوارزميات صارت تمسك بنا، وتوجّه اختياراتنا، مشاعرنا، وحتى وعينا؟

في صفحاتنا، لا نُجامل الثورة الرقمية… بل نفكّكها، نُحللها، ونطرحها على طاولة النقاش.
من الذكاء الاصطناعي إلى السيادة الرقمية، من الخصوصية إلى تحوّل الإنسان نفسه…
“تحكم” تقف على الخط الفاصل بين الإنسان والآلة، وتُنيره.

نحن لا نُخبرك فقط بما يحدث، بل لماذا يحدث، ولمن، وعلى حساب من.

تحكم… لأنّ من يملك المعلومة، يملك السيطرة.

رسالة المجلة:
نسعى في تحكم إلى تقديم محتوى تقني معمّق، تحليلي ونقدي، يُعنى بكشف الأبعاد الخفية للثورة الرقمية وتأثيراتها على الإنسان والمجتمع. نرصد تحوّلات السيطرة في عصر البيانات، ونُسلّط الضوء على تداخل التكنولوجيا بالقرار والسيادة والمعرفة، من دون تزييف أو انبهار أعمى. هدفنا هو تمكين القارئ من الفهم الواعي، والاختيار المستقل، في زمن أصبحت فيه الخوارزميات طرفًا خفيًا في المعادلة.

رؤية المجلة:
أن تكون تحكم المرجع العربي الأول في تحليل وتفكيك العلاقة بين الإنسان والتكنولوجيا، والمنصة التي تصنع الوعي الرقمي الحر، وتقود النقاشات الجريئة حول مستقبلنا المشترك مع الذكاء الاصطناعي والتحوّلات الرقمية. نطمح إلى بناء جيل يُمسك بزمام التقنية… لا العكس.

الأقسام:
قسم تفاعل..يركز على تأثير التكنولوجيا على الحياة الاجتماعية و التقنيات الحديثة.
يهتم بدراسة كيف غيرت التقنيات الحديثة أساليب التواصل، وأنماط العمل، و اشكال المدن ، وحتى في ميادين القتال.
قسم خدمة..في مجال التكنولوجيا يركز على تطوير البرمجيات والخدمات الرقمية التي تُستخدم لتسهيل حياة الأفراد وتحسين أداء الأعمال.
قسم معرفة..تركز في مجال التكنولوجيا لتحسين الخدمات الصحية وتطوير العملية التعليمية. في الصحة، يشمل ذلك تطبيقات التشخيص عن بُعد، والذكاء الاصطناعي في التشخيص والعلاج. أما في التعليم، فيركز على التعلم الإلكتروني، الواقع الافتراضي، وأنظمة إدارة التعلم التي تسهم في تحسين تجربة الطالب والمعلم على حد سواء.
قسم خطوة..في مجال التكنولوجيا يهتم بدراسة تأثير التكنولوجيا على الاقتصاد، وتوظيفها في إنشاء وتطوير المشاريع الناشئة والصغيرة. يُركز هذا القسم على استخدام الأدوات الرقمية لتحسين العمليات الاقتصادية، مثل التجارة الإلكترونية، والتحول الرقمي في الأعمال.
قسم الميديا..خاص بعرض التقارير المصورة و الحوارات الخاصة بالتكنولوجيا.

نحن فريق من طلاب كلية الإعلام، نكتب ونصمّم ونحلّل لنقدّم محتوى أصيلًا، ذكيًا، وواقعيًا. نختار موضوعاتنا بعناية، ونحرص على أن يكون كل ملف نطرحه مساحة للفهم والتساؤل، لا التكرار والإبهار الزائف.

فريق التحرير:
د.أمل منير رئيس التحرير
د.أمنية خالد نائب رئيس التحرير
المحررين:
إيريني أنطون
شروق عارف
مريم سمير
ميرنا اشرف
فرح سمير