انشاء تطبيق قرآن

بتاريخ 14 ساعات قال محمود الكيال:

عندي خلفيه جيدة عن تطبيقات الهايبرد.. هل استطيع فعل ذلك ؟

بما أن لديك خلفية جيدة عن تطبيقات الهايبرد، أقترح عليك العمل بإستخدام مكتبة PDF.js، وهي مكتبة مقدمة من شركة mozilla، تحتوي المكتبة على الكثير من الأدوات التي يمكنك من خلالها التعامل مع ملفات PDF، ومن بينها أدوات لعمل Viewer خاص بك لعرض ملفات PDF والتنقل بين صفحاتها، يمكنك من خلال هذه الأدوات، عمل الكثير من العمليات على ملف PDF سيساعدك هذا في عرض الملف والتنقل بين صفحاته، وإن كنت تعلم مثلًا مواضع السور يمكنك أن تعد قائمة بها وعند الضغط على إسم السورة تنتقل إلى الصفحة التي بها هذه السورة والعديد من الأفكار الأخرى ...

ستجد في هذا الرابط: مستودعًا به مثال لعمل Viewer، وفي هذا الرابط، فيديو يشرح طريقة عمل هذا Viewer بإستخدام المكتبة.

بتاريخ 9 ساعات قال محمود الكيال:

تتبعت الخطوات لكن اظن عندي مشكله في الوصول الى ملف ال pdf حيث لم يظهر 

المشكلة هنا مشكلة إصدارات ،الكود بالمستودع إصداره قديم ولا يوافق الإصدار الحديث من المكتبة.

قم بالخطوات التالية لحل المشكلة:

أولًا قم بثتبيت المكتبة عن طريق إستخدام الأمر التالي:

npm i pdfjs-dist

بعد ذلك قم بتغير هذا السطر في ملف index.html

<script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>

بهذا السطر:

<script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>

وستحل المشكلة ويعمل viewer الخاص بك.

بتاريخ 3 ساعات قال محمود الكيال:

للأسف ايضا يظهرلي نفس الخطأ

يعمل البرنامج عندي بشكل جيد, المرجو التحقق من تثبيت المكتبة عن طريق الأمر في الرد السابق، وإن لم تعمل قم بعمل صورة لل console لنرى ما هي الأخطاء التي تظهر.

أهلا بك ،  نعم الموضوع بسيط، ولكن يجب أن تكون على دراية بطريقة برمجة التطبيقات (الأساسيات على الأقل ) أرفق لك فيديو فيه شرح كامل للهدف الذي تريده .

عندي خلفيه جيدة عن تطبيقات الهايبرد.. هل استطيع فعل ذلك ؟

بتاريخ 8 ساعات قال محمد ربيع زليول:

أقترح عليك العمل بإستخدام مكتبة PDF.js،

شكرا لك اخي..

تتبعت الخطوات لكن اظن عندي مشكله في الوصول الى ملف ال pdf حيث لم يظهر 

لو تقدر تساعدني اكون ممنونك 

quran_.rar

شكرا على اهتمامك..
لكن ظهر لي هذا الخطأ 

ما المشكلة ؟

بتاريخ 8 دقائق مضت قال محمود الكيال:

لكن ظهر لي هذا الخطأ 

ما المشكلة ؟

 

هل قمت بتغير مسار الملف؟ أو تعديل إسمه؟ يجب وضع الملف بإسم pdf.pdf داخل مجلد docs ليعمل الكود.

لا.. غيرته وجربت كم طريقه ورجعته 

ممكن يكون في تعديل على اكواد ثانيه مو بس هاد 

بتاريخ 55 دقائق مضت قال محمد ربيع زليول:

<script src="../../node_modules/pdfjs-dist/build/pdf.js"></script>

 

بتاريخ 2 دقائق مضت قال محمود الكيال:

ممكن يكون في تعديل على اكواد ثانيه مو بس هاد 

قمت برفع ملف www، يمكنك الإطلاع عليه من هنا: www.zip

قم بإضافة ملف pdf.pdf لمجلد docs لأنني لم أقم برفعه، وطبعًا عوض هذا المجلد بمجلد www لديك.

للأسف ايضا يظهرلي نفس الخطأ

تفضل 

بتاريخ 40 دقائق مضت قال محمود الكيال:

تفضل 

قصدت console المتصفح.

الخطأ هذا نفسه 

بتاريخ 17 ساعات قال محمود الكيال:

لكن ظهر لي هذا الخطأ 

 

سامحني علق مخي 😅😅

تفضل 

بتاريخ منذ ساعة مضت قال محمد ربيع زليول:

قصدت console المتصفح.

.

بتاريخ الآن قال محمود الكيال:

سامحني علق مخي 😅😅

تفضل 

المشكلة هنا، أنك لم تقم بتشغيل الملفات عن طريق أمر:

cordova run browser

The platform "browser" does not appear to have been added to this project.

اظن مش ضايف browser اصلا عليه 

بتاريخ 21 دقائق مضت قال محمد ربيع زليول:

cordova run browser

 

.

بتاريخ 27 دقائق مضت قال محمود الكيال:

The platform "browser" does not appear to have been added to this project.

اظن مش ضايف browser اصلا عليه 

نعم، يجب إضافة browser أولًا، أو يمكنك تشغيلها على Android مثلًا.

لإضافة browser إستخدم الأمر التالي:

cordova platform add browser

وإن حصلت مشكلة يمكنك حذفه وإعادة إضافته من خلال الأمرين:

cordova platform rm browser
cordova platform add browser

ممتاز.. ظهرت في الصفحة لكن حينما بنيت التطبيق لم تظهر.. هل هناك طريقه اخرى؟

بتاريخ 1 ساعة قال محمد ربيع زليول:

لإضافة browser إستخدم الأمر التالي:

.

بتاريخ 1 ساعة قال محمد ربيع زليول:

، أو يمكنك تشغيلها على Android مثلًا.

كيف؟ .. ماهو الامر 

حينما ضغطت 

corodva build 

لم يعمل ال pdf على الجنيموشن 

بتاريخ 2 ساعات قال محمود الكيال:

لم يعمل ال pdf على الجنيموشن 

هل لم يشتغل التطبيق؟ أم اشتغل ولم يظهر pdf؟

بتاريخ الآن قال محمد ربيع زليول:

أم اشتغل ولم يظهر pdf؟

اشتغل ولم يظهر pdf

بتاريخ 11 ساعات قال محمود الكيال:

اشتغل ولم يظهر pdf

 

هل قمت بتشغيله على جهاز أندرويد ؟, يجب أن يتم تشغيله على جهاز أندرويد وليس المتصفح

نعم شغلته عالجينيموشين

بتاريخ 1 دقيقة مضت قال Mohamd Imran:

هل قمت بتشغيله على جهاز أندرويد ؟, يجب أن يتم تشغيله على جهاز أندرويد وليس المتصفح

بتاريخ 8 دقائق مضت قال محمود الكيال:

نعم شغلته عالجينيموشين

بتاريخ 10 دقائق مضت قال Mohamd Imran:

 

اه ,جربه على جهاز عادي وليس محاكي ,لدي يعمل على جهاز عادي

بتاريخ 8 دقائق مضت قال Mohamd Imran:

اه ,جربه على جهاز عادي وليس محاكي ,لدي يعمل على جهاز عادي

اشتغل على الجهاز بس ما بيظهر ال pdf فقط الازرار

مرحباً أخي

توفر كوردوفا إضافة شهيرة للتعامل مع ملفات PDF

بإمكانك الاطلاع عليها من خلال الرابط:

https://www.npmjs.com/package/cordova-plugin-document-viewer

بتاريخ 11 ساعات قال رياض خليفة:

بإمكانك الاطلاع عليها من خلال الرابط:

 

لم استطع الاستفادة من الموقع.. هل بامكانك الاطلاع على المشروع؟ @رياض خليفة